@charset "utf-8";
@import url("https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
		/* Material Icons Outlined*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
* {margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; color: white;
    /* outline: solid red 1px; */
}
@keyframes s7line {
    0% {transform: translateY(0%);}
    50% {transform: translateY(-20%);}
    100% {transform: translateY(0%);}
}
@keyframes roll {
    100% {transform: translate(0,25px); opacity: 0;}
    0% {transform: translate(0,0px); opacity: 1;}
}
@keyframes roll2 {
    100% {transform: translate(0,0px); opacity: 1;}
    50% {transform: translate(0,-5px); opacity: 1;}
    0% {transform: translate(0,0px); opacity: 1;}
}
:root{--swiper-theme-color:#fff}
body{background-color: black;}
a{text-decoration: none;}
.logo{display: flex; color: white; align-items: center; font-size: 1.2rem; position: absolute; left: 20px;}
.logo img{width: 50px; height: 50px;}
.logotext{margin-left: 40px; padding-right: 10px; border-right: solid rgb(73, 73, 73) 1px; letter-spacing: -1px; text-align: right; line-height: 90%;}
.logotext2{color: gray;}
.nav{display: flex; list-style-type: none; font-size: 1.2rem; position: relative; width: 100%; padding-left: 250px;}
.nav a{color: grey;}
.nav li{width: 150px; text-align: center;}
ul.nav > li.all{width: 100%;
                height: 0;
                line-height: unset;
                background: rgb(34, 34, 34);
                position: absolute; left: 0; top: 50px; display: flex; overflow-y: hidden; padding-left: 250px;}
ul.nav > li.all > .submenu{list-style-type: none; width: 150px; text-align: center; font-size: 15px; padding-top: 20px;}
ul.nav > li.all > .submenu > li{height: 40px; line-height: 40px;}
ul.nav > li.all > .submenu > li > a{color: gray;}
ul.nav > li.all > .submenu > li > a:hover{color: white; border-bottom: solid white 2px; padding-bottom: 5px; transition: 0.5s;}
.top:hover .all{height: 250px; transition: height 0.5s;}
.nav2{display: flex; list-style-type: none; font-size: 1.2rem; position: absolute; right: 20px;}
.nav2 a{color: grey;}
.nav2 a::after{ content: "";
    width: 1px;
    height: 15px;
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    margin: 0 30px;}
    .nav2 li:last-child a::after{display: none;}
.korean{display: flex; width: 100px; justify-content: space-between; border-bottom:solid grey 1px;}
.korean span{color: grey;}
.head{display: flex; align-items: center; justify-content:center; width: 100%; height: 70px; margin: 0 auto; position: relative; background: rgba(0, 0, 0, 0.1); backdrop-filter: saturate(180%) blur(20px);}
.top{width: 100%; height: 70px; position:fixed; top: 0; z-index:1000;}
/* .top:hover{width: 100%; height: 70px; line-height: unset; background-color: gray; transition: height 0.2s;} */
/* .top:hover{background-color: grey;} */
.top:hover{background-color: rgb(34, 34, 34); border-bottom: solid rgb(122, 122, 122) 1px;}
.top:hover .nav a{color: rgb(255, 255, 255);}
.top:hover .nav2 a{color: rgb(255, 255, 255);}
.top:hover .korean span{color: rgb(255, 255, 255);}
.top:hover .nav2 a::after{background: rgb(255, 255, 255);}
.top:hover .logotext{color: rgb(255, 255, 255);}
.top:hover .logotext2{color: rgb(204, 204, 204);}
.sec1nav{display: flex; list-style-type: none; justify-content: space-between; width: 80%; text-align: center; font-size: 20px; position: absolute; bottom: 10%; border-top: solid grey 1px; left: 150px; padding: 20px;}
.sec01{position: relative; height: 100vh;}
.sec01video{position: relative; overflow: hidden;}
.sec01video::after{background: url(../img/benzkorea/pattern.png) repeat 50% 50% / 2px 2px; content: ""; display: block; width: 100%; height: 100vh; z-index: 100;}
.sec01video video{position: absolute; width: 100%; height: 105%; background: url(../img/benzkorea/pattern.png) 50% 50% repeat; z-index: -1; margin: 0; padding: 0; opacity: 0.2;}
.sec01text{font-size: 55px; font-weight: 400; text-transform: uppercase; position: absolute; left: 10%; top: 20%; z-index: 100;}
.sec01text span{font-size: 70px;}
.sec01text2{font-size: 40px; font-weight: 300; text-transform: uppercase; position: absolute; left: 10%; top: 27%; z-index: 100;}
.sec01text2 span{font-size: 70px;}
.sec01line{position: absolute; left: 10%; top: 40%; width: 100%; height: 1px; background-color: white;}
.sec01line2{position: absolute; left: 40%; top: 20%; width: 1px; height: 100%; background-color: white;}

.scroll{position: absolute; bottom: 10%; left: 50%; width: 30px; height: 47px; border: solid rgb(255, 255, 255) 2px; border-radius: 50px;}
.scroll p{font-weight: 400; font-size: 15px; margin: 38px 0 0 0;}
.scrollball{display: block; width: 7px; height: 10px; background-color: rgb(255, 255, 255); border-radius: 40%; margin: 0 auto; margin-top: 5px; animation: roll 1.5s infinite;}
.dbarrow{animation: roll2 2s infinite; margin-top: 40px; font-size: 30px; color: rgb(116, 116, 116);}


.sec1nav a{color: rgb(207, 207, 207);}
.sec1nav a:hover{color: white;}
.test{font-size: 25px; position: absolute; bottom: 50%; left: 150px; color: rgb(255, 255, 255);}
h1{text-align: center; font-size: 50px; font-weight: 10; margin-top: 250px;}
.button02{border-top: solid black 1px;}
.sec02{width: 100%; height: 600px;}
.sec02inner{width: 1400px; margin: 0 auto; padding-top: 300px; position: relative;}
.sec02text span{color: gray;}
.sec02text p{font-size: 35px;}
.flex{display: flex; margin-top: 50px; justify-content: space-between;}
.sec{width: 100%; height: 850px;}
.sec3title2{border-top: solid rgb(161, 161, 161) 3px; font-size: 33px; font-weight: 600; margin-top: 100px;}
.secinner{width: 1400px; height: 1100px; margin: 0 auto;}
.innerbox1 img{width: 270px; height: 600px; object-fit: cover; object-position: 30% 30%; opacity: 90%; transition: all 0.2s linear;}
.innerbox1{position: relative; width: 270px; height: 600px; overflow: hidden;}
.hidden1 img:hover{transform: scale(1.1); opacity: 0.2;}
.imgab{position: absolute; left: -140px; bottom: 380px; transform:rotate(90deg); letter-spacing: 5px; font-size: 30px; font-weight: 500;}
.innerbox2 img{width: 270px; height: 600px; object-fit: cover; object-position: 75% 75%; opacity: 90%; transition: all 0.2s linear;}
.innerbox2{position: relative; width: 270px; height: 600px; overflow: hidden;}
.hidden2 img:hover{transform: scale(1.1); opacity: 0.2;}
.imgab2{position: absolute; left: -180px; bottom: 335px; transform:rotate(90deg); letter-spacing: 5px; font-size: 30px; font-weight: 500;}
.innerbox3 img{width: 270px; height: 600px; object-fit: cover; object-position: 55% 55%; opacity: 90%; transition: all 0.2s linear;}
.innerbox3{position: relative; width: 270px; height: 600px; overflow: hidden;}
.hidden3 img:hover{transform: scale(1.1); opacity: 0.2;}
.imgab3{position: absolute; left: -70px; bottom: 440px; transform:rotate(90deg); letter-spacing: 5px; font-size: 30px; font-weight: 500;}
.imgab4{position: absolute; left: -110px; bottom: 400px; transform:rotate(90deg); letter-spacing: 5px; font-size: 30px; font-weight: 500;}














.sec02plus{width: 100%; height: 1500px;}
.sec02plus a{font-size: 25px;}
.sec02plus p{font-size: 15px; color: rgb(177, 177, 177);}
.plusinner{width: 1400px; margin: 0 auto;}
.sec02box{display: flex; justify-content: center;}
.sec02textbox{display: flex; flex-direction: column; text-align: center; position: relative; width: 500px; padding-top: 50px;}
.sec02box img{width: 700px; height: 250px; object-fit: cover; object-position: 40%; transition: all 0.2s linear;}
.hiddenbox{width: 1500px; height: 250px;}
.sec02box img:hover{transform: scaleX(2);}
.sec02box2{display: flex; justify-content: center;}
.sec02box2 img{width: 700px; height: 250px; object-fit: cover; object-position: 40%; transition: all 0.2s linear;}
.hiddenbox2{width: 700px; height: 250px; overflow: hidden;}
.sec02box2 img:hover{transform: scale(1.4); opacity: 0.5;}

.sec02box3{display: flex; justify-content: center;}
.sec02box3 img{width: 700px; height: 250px; transition: all 0.2s linear;}
.hiddenbox3{width: 700px; height: 250px; overflow: hidden;}
.sec02box3 img:hover{transform: scale(1.4); opacity: 0.5;}

.sec02box4{display: flex; justify-content: center;}
.sec02box4 img{width: 700px; height: 250px; transition: all 0.2s linear;}
.hiddenbox4{width: 700px; height: 250px; overflow: hidden;}
.sec02box4 img:hover{transform: scale(1.4); opacity: 0.5;}


.sec02box5{display: flex; justify-content: center;}
.sec02box5 img{width: 700px; height: 250px; object-fit: cover; object-position: 60%; transition: all 0.2s linear;}
.hiddenbox5{width: 700px; height: 250px; overflow: hidden;}
.sec02box5 img:hover{transform: scale(1.4); opacity: 0.5;}






.sec02button{text-transform: uppercase;
    padding: 5px;
    font-size: 20px;
    color: rgb(197, 197, 197);
    text-align: center;
    position: relative;
    text-decoration: none;
    display:inline-block;}
.sec02button{border:1px solid transparent; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1);}
.sec02button::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 0%; height:4px; background: #ffffff; box-shadow: inset 0px 0px 0px #ffffff; display: block; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.sec02button:hover::before {width:100%;}
.sec02button::after {content: ''; position: absolute; right: 0px; top:0px; z-index:-1; width: 0%; height:4px; background: #ffffff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.sec02button:hover::after {width:100%;}
.sec02button:hover{border-left:4px solid #ffffff; border-right:4px solid #ffffff; color: white;}
.buttonxy{position: absolute; bottom: 90px; left: 70px;}
.txt{margin-top: 50px; margin-left: -30px;}
.txt span{color: black;}




.secplus{width: 100%; height: 90vh; position: relative;}
.secplustext{position: absolute; bottom: 300px; left: 100px; z-index: 100; font-size: 15px; font-weight: 300; display: flex; align-items: center;}
.secplustext span{font-size: 17px; margin-left: 8px;}
.swiper.basic2{margin-left: 0; margin-right: 0; width: 100%; height: 90vh;}
.plus1{background: url(../img/benzkorea/plus1.png) no-repeat; background-size: cover; width: 100%; height: 90vh; font-size: 55px; font-weight: 400; position: relative;}
.plus1text span{display: block; font-size: 19px; padding-top: 100px; font-weight: 300; color: rgb(185, 185, 185);}
.plus1text{position: absolute; left: 100px; top: 200px;}
.plus2{background: url(../img/benzkorea/plus2.png) no-repeat; background-size: cover; width: 100%; height: 90vh; font-size: 50px; position: relative;}
.plus3{background: url(../img/benzkorea/plus3.png) no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; height: 90vh; font-size: 50px; position: relative;}
.plus4{background: url(../img/benzkorea/plus4.png) no-repeat; background-size: cover; width: 100%; height: 90vh; font-size: 50px; position: relative;}
.sec03{width: 100%; position: relative;}
.sec03inner{width: 1400px; margin: 0 auto;}
.sec03left{display: flex; font-size: 20px; height: 140px; line-height: 140px;}
.sec03left span{font-size: 35px; margin-left: 10px;}
.sec03right{display: flex; flex-direction: column; justify-content: center; text-align: right;}
.sec03right p{font-size: 22px; font-weight: bold;}
.sec03right span{font-size: 15px; color: rgb(194, 194, 194);}
.sec03one{display: flex; height: 90px; width: 1400px; height: 140px; justify-content: space-between; margin: 0 auto;}
/* .sec03text{padding-top: 80px; height: 350px;}
.sec03text p{text-align: center; font-size: 33px; font-weight: bolder; line-height: 40px;}
.sec03text span{color: rgb(138, 138, 138); font-size: 17px; font-weight: 500; margin-right: 490px; border-bottom:  solid rgb(161, 161, 161) 1px;}
.sec03img{display: flex; width: 100%; position: absolute; bottom: 0; height: 550px;}
.sec03text2 p{font-size: 17px; line-height: 25px; margin-top: 50px; font-weight: 100; color: gainsboro;}



.sec03img img{width: 25%;}
.testt{display: flex; width: 100%; height: 450px;}
.testt p{text-align: center; font-size: 20px; padding-top: 250px; color: gainsboro; margin: 0 auto;}
.testbg1{background: url(../img/benzkorea/sub41.png) no-repeat; position: relative; width: 25%; background-size: cover; background-position: center;}
.testbg2{background: url(../img/benzkorea/sub0441.png) no-repeat; position: relative; width: 25%; background-size: cover; background-position: center;}
.testbg3{background: url(../img/benzkorea/sub431.png) no-repeat; position: relative; width: 25%; background-size: cover;}
.testbg4{background: url(../img/benzkorea/asdf1.png) no-repeat; position: relative; width: 25%; background-size: cover; background-position: center;}
.hovertest{width: 100%;
    height: 0;
    background: url(../img/benzkorea/sub4.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute; left: 0; 
    top: 0;
    overflow-y: hidden;}
.sec03 > .testt > .testbg1:hover .hovertest{height: 597px;}
.hovertest p{color: rgb(255, 255, 255); font-size: 20px;}



.hovertest2{width: 100%;
    height: 0;
    background: url(../img/benzkorea/sub044.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute; left: 0; 
    top: 0;
    overflow-y: hidden;}
.sec03 > .testt > .testbg2:hover .hovertest2{height: 597px;}
.hovertest2 p{color: white; font-size: 20px;}

.hovertest3{width: 100%;
    height: 0;
    background: url(../img/benzkorea/sub43.png) no-repeat;
    background-size: cover;
    position: absolute; left: 0; 
    top: 0;
    overflow-y: hidden;}
.sec03 > .testt > .testbg3:hover .hovertest3{height: 597px;}
.hovertest3 p{color: white; font-size: 20px;}

.hovertest4{width: 100%;
    height: 0;
    background: url(../img/benzkorea/asdf.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute; left: 0; 
    top: 0;
    overflow-y: hidden;}
.sec03 > .testt > .testbg4:hover .hovertest4{height: 597px;} */
.hovertest4 p{color: white; font-size: 20px;}
.sec3{height: 1350px;}
.sec3button{text-transform: uppercase;
    padding: 5px;
    font-size: 15px;
    color: rgb(184, 184, 184);
    text-align: center;
    position: relative;
    text-decoration: none;
    display:inline-block;}
.sec3button{border:1px solid transparent; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1);}
.sec3button::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 0%; height:2px; background: #ffffff; box-shadow: inset 0px 0px 0px #ffffff; display: block; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.sec3button:hover::before {width:100%;}
.sec3button::after {content: ''; position: absolute; right: 0px; top:0px; z-index:-1; width: 0%; height:2px; background: #ffffff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.sec3button:hover::after {width:100%;}
.sec3button:hover{color: white;}
/* .sec3button:hover{border-left:2px solid #ffffff; border-right:2px solid #ffffff;} */
.sec3title{border-top: solid rgb(161, 161, 161) 3px; font-size: 33px; font-weight: 600;}
.sec3top{display: flex; justify-content: space-between; align-items: center; font-size: 25px; margin-top: 30px;}

.sec3text{color: rgb(184, 184, 184); font-size: 15px; margin: 20px 0;}
.sec3img{display: flex;}
.sec3img1{width: 380px; height: 400px; object-fit: cover; object-position: 25%; margin-right: 20px;}
.sec3img2{width: 400px; height: 400px; object-fit: cover; object-position: 95%;}
.sec3img3{width: 800px; height: 500px; object-fit: cover; object-position: 75% 50%; margin-bottom: 20px;}
.sec3img4{width: 600px; height: 830px; object-fit: cover; object-position: 30%;}
.sec3left{display: flex; flex-direction: column; width: 800px;}
.sec3right{display: flex; flex-direction: column; width: 600px; margin-left: 20px;}
.sec3inner{display: flex; width: 1400px; margin: 0 auto; padding-top: 100px; position: relative; z-index: 1;}
.sec4{width: 100%; position: relative;}
.sec4inner{width: 1400px; margin: 0 auto;}
.sec4tab{
    width: 100%;
    padding: 50px 0 100px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.sec4tab ul{
    width: 13%;
    display: flex;
    flex-direction: column;
}
.sec4tab ul li{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    margin: 0 0 2px 0;
    font-weight: bold;
    color: gray;
    position: relative;
    list-style: none;
    cursor: pointer;
}
.sec4tab ul li.on{color: white;}
.sec4tab ul li:hover::after,
.sec4tab ul li.on::after{
    width: 100%;
    height: 2px;
    background: rgb(218, 218, 218);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 1s;
}
.sec4tab ul li:hover::after{ background: rgba(255,255,255,0.3); }
.sec4tab .content{
    width: 87%;
    /* background:#ccc; */
    padding: 0 40px;
    color: #333;
}
.sec4tab .content .conBox{
    display: none;
    width: 100%;
    height: 100%;
}
.sec4tab .content .conBox.on{ display:block;}
.s4box1{display: flex; flex-direction: column; justify-content: left; align-items: center; padding: 20px 0; width: 300px; height: 290px; font-size: 15px; margin: 2px; font-weight: 400; background-color: rgb(19, 19, 19);}
.s4box1 p{color: rgb(122, 122, 122);}
.s4box1:hover{outline: solid rgb(68, 68, 68) 1px;}
.s4box1:hover.s4box1 button{animation: s7line 3s infinite;}
.s4box1:hover.s4box1 p{color: white;}
.s4box1 button{background: none; width: 250px; margin-top: 30px; height: 50px; font-size: 15px; border: solid white 1px;}
.s4boxinner{width: 100%; overflow: hidden; padding-right: 50px; margin-left: 20px;}
.s4boximg{width: 250px; height: 100px;; padding: 30px 0;}
.swiper.basic3{width: 100%; height: 370px; overflow: visible;}





.sec4_1{width: 100%; height: 900px; position: relative;}
.sec4_1inner{width: 1400px; margin: 0 auto; position: relative; overflow: hidden;}
.sec4text2{position: absolute; right: 100px; top: 160px; font-size: 30px; color: rgb(255, 255, 255);}
.sec4button{text-transform: uppercase;
    text-align: center;
    position: relative;
    text-decoration: none;
    padding-bottom: 3px;
    color: rgb(201, 201, 201);
    font-size: 18px;
    display:inline-block;}
.sec4button::before{
        content: '';
        position: absolute;
        bottom: 0%;
        left: 0px;
        width: 100%;
        height: 2px;
        background: #fafafa;
        display: block;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1)}
.sec4button:hover::before {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)}
.sec4button:hover{color: white;}
.po1{position: absolute; right: 100px; top: 300px;}
.po2{position: absolute; right: 100px; top: 350px;}
.po3{position: absolute; right: 100px; top: 400px;}
.sec4text p{font-size: 40px; font-weight: bolder;}













.heighttext{position: absolute; left: 570px; top: 310px; transform:rotate(90deg); letter-spacing: 5px;}
.button{position: absolute; bottom: 50px; left: 50%;}
.button span{color: rgb(223, 223, 223);}
.button > a > span:hover{color: white;}
.button2{position: absolute; left: 50%; bottom: 270px;}
.button2 span{color: white;}
.pause span{color: white; margin-left: 20px;}
.nemo{display: block; width: 45px; height: 5px; background-color: rgb(170, 170, 170); border-radius: 50px 0; margin: 0 3px;}
.nemo:hover{background-color: white;}
.nemo2{display: flex; justify-content: center; margin: 0 auto; margin-top: 50px;}
.searchbox input{width: 200px; height: 30px; border: solid white 1px; background-color: black; padding: 5px;}
.search{display: block; width: 40px; height: 40px; line-height: 40px; background-color: gray; font-size: 35px; border: solid white 1px;}
.sb{display: flex; align-items: center; margin-left: 50px; margin-top: 200px;}
.sel{display: flex; justify-content: center; margin-bottom: 50px; margin-top: 10px;}
.sns{display: flex;}
.sns img{padding: 0 10px; opacity: 40%;}
.sns img:hover{opacity: 100%;}
.snstube{width: 50px; height: 42px;}
.foot1{display: flex; align-items: center; padding: 20px; justify-content:space-around; margin: 0 auto;}
.foot1 p{color: gray;}
.footlogo{width: 65px; height: 65px; opacity: 70%;}
.footlogo1{display: flex; flex-direction: column; width: 1200px; justify-content: center; margin: 0 auto; padding: 20px 0; align-items: center; text-align: center;}
.foottext{color: rgb(126, 126, 126); padding-top: 10px;}
.foot2{display: flex; flex-wrap: wrap; justify-content: left; margin: 0 auto; padding: 20px 0;} 
.foot2 p{margin: 0 5px; color: rgb(53, 53, 53);}
.footend{display: flex; border-top: solid rgb(82, 82, 82) 1px; width: 1800px; margin: 0 auto; justify-content: space-between;}
.foot2 p:hover{color: white;}
.testtest{display: block; width: 100%; height: 100%; background-color: antiquewhite;}
.swiper.basic{margin-left: 0; margin-right: 0; margin-top: 100px;
    width: 700px;
    height: 500px;
    color: white;
    background-color: antiquewhite;}
.sec4_1inner .swiper-pagination{text-align:center; position: absolute; bottom: 75px; left: 55px; font-size: 25px;}
.sec4_1inner .swiper-button-next{position: absolute; top: 620px; right: 610px; color: white;}
.sec4_1inner .swiper-button-prev{position: absolute; top: 620px; left: 720px; color: white;}
.swiper1{background: url(../img/benzkorea/youtube2.png) no-repeat; background-size: cover; position: relative;}
.swiper2{background: url(../img/benzkorea/youtube3.png) no-repeat; background-size: cover; position: relative;}
.swiper3{background: url(../img/benzkorea/youtube4.png) no-repeat; background-size: cover; position: relative;}
.swiper4{background: url(../img/benzkorea/youtube5.png) no-repeat; background-size: cover; position: relative;}
.swiper5{background: url(../img/benzkorea/youtube6.png) no-repeat; background-size: cover; position: relative;}
.swiperyou{width: 120px; position: absolute; left: 40%; top: 40%;}
.swipertext{width: 700px; background-color: rgb(36, 36, 36, 0.5); height: 40px; text-align: center; line-height: 40px;}


.sec03_1{width: 100%; height: 170px; text-transform: uppercase; text-align: center; position: relative; text-decoration: none; display:block; border-bottom: solid rgb(211, 211, 211) 2px; border-top: solid rgb(211, 211, 211) 2px;}
.sec03_1::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 100%; height:100%; background:url(../img/benzkorea/sec031d.png) no-repeat; background-size: cover; background-position: 10% 10%; display: block; transition: all 0.5s cubic-bezier(.5, .24, 0, 1);}
.sec03_1:hover::before {box-shadow: inset 0px 100vh 0px 0px rgba(0, 0, 0, 0.8); background: url(../img/benzkorea/sec031.png) no-repeat; background-size: cover; background-position: 10% 10%;}
.sec03_1:hover > .sec03one > .sec03left span{color: rgb(255, 255, 255); transition: all 1s;}
.sec03_1:hover > .sec03one > .sec03right p{color: rgb(255, 255, 255); transition: all 1s;}
/* -webkit-transition: all 0.5s cubic-bezier(.5, .24, 0, 1); */

.sec03_2{width: 100%; height: 120px; text-transform: uppercase; text-align: center; position: relative; text-decoration: none; display:block; border-bottom: solid rgb(134, 134, 134) 2px;}
.sec03_2::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 100%; height:100%; background:url(../img/benzkorea/123123.png) no-repeat; background-size: cover; display: block; transition: all 0.5s cubic-bezier(.5, .24, 0, 1);}
.sec03_2:hover::before {box-shadow: inset 0px 100vh 0px 0px rgba(0, 0, 0, 0.8); background: url(../img/benzkorea/sec032.png) no-repeat; background-size: cover;}
.sec03_2:hover > .sec03one > .sec03left span{color: rgb(255, 255, 255); transition: all 1s;}
.sec03_2:hover > .sec03one > .sec03right p{color: rgb(255, 255, 255); transition: all 1s;}

.sec03_3{width: 100%; height: 120px; text-transform: uppercase; text-align: center; position: relative; text-decoration: none; display:block; border-bottom: solid rgb(134, 134, 134) 2px;}
.sec03_3::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 100%; height:100%; background:url(../img/benzkorea/sec033d.png) no-repeat; background-size: cover; background-position: 40% 40%; display: block; transition: all 0.5s cubic-bezier(.5, .24, 0, 1);}
.sec03_3:hover::before {box-shadow: inset 0px 100vh 0px 0px rgba(0, 0, 0, 0.8); background:url(../img/benzkorea/sec033.png) no-repeat; background-size: cover; background-position: 40% 40%;}
.sec03_3:hover > .sec03one > .sec03left span{color: rgb(255, 255, 255); transition: all 1s;}
.sec03_3:hover > .sec03one > .sec03right p{color: rgb(250, 250, 250); transition: all 1s;}

.sec03_4{width: 100%; height: 120px; text-transform: uppercase; text-align: center; position: relative; text-decoration: none; display:block;}
.sec03_4::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 100%; height:100%; background:url(../img/benzkorea/sec034d.png) no-repeat; background-size: cover; background-position: 80% 80%; display: block; transition: all 0.5s cubic-bezier(.5, .24, 0, 1);}
.sec03_4:hover::before {box-shadow: inset 0px 100vh 0px 0px rgba(0, 0, 0, 0.8); background:url(../img/benzkorea/sec034.png) no-repeat; background-size: cover; background-position: 80% 80%;}
.sec03_4:hover > .sec03one > .sec03left span{color: rgb(255, 255, 255); transition: all 1s;}
.sec03_4:hover > .sec03one > .sec03right p{color: rgb(255, 255, 255); transition: all 1s;}

.point{width:30px;}



.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -5px;}
.swiper-pagination-bullet{border-radius: 0; width: 24%; height: 5px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: 340px; background-color: rgb(161, 161, 161); height: 3px;}