/* =============== Header =============== */
.header{width: 100%;}
.main_bt{position: absolute;top: 20px;right: 100px;border-radius: 50%;padding: 24px 18px;color: #FFF;z-index:10;width: 73px;height:73px;background-color: rgba(0, 0, 0, 0.5);}
.bt_more{right: 185px;}
.bt_more>p{font-size: 18px; text-align: center;}
/* .equalizer{ position: absolute;top: 44px; right:40px; z-index:10; background: url(/org/web/img/sound.png)no-repeat center center/100%; width:25px; height:20px;} */
.logo{position: absolute;top: 20px;left: 20px;z-index:1;cursor:pointer;}
@media (max-width: 640px) {
    .header>h1>img{max-width: 38.6667vw;}
    .header .bt_nav{right: 5.5556vw; top: 3.8889vw; width: 11.1111vw; height:11.3889vw;padding: 0;}
    .header .bt_nav>img{width:50%; height: 40%; display: inline;}
    .header .bt_more{right: 17.7778vw; top: 3.8889vw; width: 11.1111vw; height:11.3889vw;  padding: 0;}
    .header .bt_more>p{font-size: 2.8889vw;}
    .header .equalizer{width:4.1250vw; height:3.1250vw; top: 16.6667vw; right:8.5555vw;}
}

.bt_nav:hover{background-color: #000;}
.bt_more:hover{background-color: #000;}
.equalizer:hover{transform:scale(1.2);}


/* ======== nav ========== */
.nav_pop{position: fixed;background-color: rgba(0, 0, 0, 0.5);z-index: 20;width: 100%;top: 0;left: 0;height:100%;display: none;}
.nav_pop .nav{background-color: #000;color: #FFF;padding:2.0833vw 0;position: fixed;top: 1.5625vw;right:5.6250vw;width: 15.6250vw;}
.nav_pop .nav .nav_x{position: absolute;width: 1.3vw; top: 0.5208vw;right: 0.5208vw;width:1.0417vw;}
.nav_pop .nav li{font-size: 1.5625vw;text-align: center;padding: 0.6250vw 0;}
.nav_pop .nav li:hover{text-decoration: underline;}
@media (max-width: 640px) {
    .nav_pop .nav li{font-size: 4.6875vw; padding: 1.8750vw 0;}
    .nav_pop .nav{width: 51.2500vw; right: 6.6563vw;}
}


/* ================ Main ================ */
.main{width:100%;height:100%;display:flex;}
.main .main_img{width: 33.33%;height: 100%;position:relative;cursor:pointer;}
.main .about{background: url(/web2/img/main_01.png)no-repeat center center/cover;}
.main .service{background: url(/web2/img/main_02.png)no-repeat center center/cover;}
.main .contact{background: url(/web2/img/main_03.png)no-repeat center center/cover;}
.main .main_img>p{position:absolute;bottom:230px;left: 80px;font-size: 80px;font-weight: bold;color: #FFF;}
@media (max-width: 640px) {
    .main{display: block;}
    .main .main_img{width: 100%;}
    .main .main_img>p{font-size: 14.50000vw;}
}


/* ================== Side pop-up ====================== */
/*
.side_pop{position:fixed;top: 30%;right: 0;border: 0.0521vw solid #FFF;background-color: #1D1D1D;padding: 1.0417vw 0.7813vw 0.7813vw 0.7813vw;width: 16.4063vw;height:10.4167vw;transition: all 0.3s;z-index:10;}
*/
.side_pop{position:fixed;top: 30%;right: 0;border: 0.0521vw solid #FFF;background-color: #1D1D1D;padding: 1.0417vw 0.7813vw 0.7813vw 0.7813vw;width: 16.4063vw;transition: all 0.3s;z-index:10;}
.side_pop .close{position:absolute;top: 0.5208vw;left: 0.5208vw;z-index:11;width:1.0417vw;height:1.0417vw;background: url(/web2/img/close_w.png)no-repeat center center/100%;}
.side_pop.on{right:-15.1042vw;}
.side_pop.on.close{background: url(/web2/img/prev_gray.png)no-repeat center center/100%;}
/*
.side_pop .box{width:11.9792vw;height:7.9167vw;margin: 0.5208vw auto;background-color: #FFF;}
*/
.side_pop .box{width:11.9792vw;margin: 0.5208vw auto;background-color: #FFF;}
.side_pop .box>img{width: 100%;}
.side_pop>a{color: #FFF;font-size: 1.0417vw;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.side_pop>a img{width: 1.0417vw;height: 1.0417vw;margin-left: 0.5208vw;}

@media (max-width: 640px) {
    .side_pop{top: 20%;padding: 2.5556vw 0.3889vw 14.4444vw 1.3889vw;width: 41.7222vw; height:13.7778vw;}
    .side_pop .close{width:2.7222vw;height:4.0000vw;}
    .side_pop .box{width:28.8889vw;height:16.6667vw;margin: 2.7778vw auto;}
    .side_pop>a{font-size: 2.4444vw;}
    .side_pop>a img{width: 3.1250vw;height: 3.1250vw;}
    .side_pop.on{right:-36.3333vw;}

}


/* =============== Footer ================= */
footer{position: relative; background-color: #000000; }
footer .wrap{padding: 20px 20px 120px 20px ; justify-content:center; display:flex; align-items: center;}
footer .wrap>div{display: flex; align-items: center;}
footer .wrap>div>img{width:75px;margin: 0 60px;}
footer .wrap .box{color: #828282;}
footer .wrap .go_term{padding: 20px 0;font-size:16px;display: flex;}
footer .preline{margin-bottom: 30px;}
footer .preline li{margin-bottom: 5px;}
footer .copy{font-size: 12px;}
@media (max-width: 640px) {
    footer .wrap{padding: 20px 20px 90px 20px ; }
    footer .wrap>div>img{width:11.7188vw;margin: 0 7.3750vw;}
    footer .wrap .go_term{padding: 3.1250vw 0;font-size:2.5000vw;}
    footer .preline li{font-size: 2.5000vw;}
    footer .copy{font-size: 1.8750vw;}
}

/* Footer - Fix */
.footer_fix{width: 100%; display: flex; align-items: center; justify-content: space-around; position: fixed; bottom: 25px; left: 0;  z-index:10;}
@media (max-width: 640px) {
    .footer_fix>button{width: 12.4444vw;}
}




/* ====================== Sub - about =================== */
.sub_page{width: 100%;}
.sub_page .top{position: relative;}
.sub_page .top p{position: absolute;top: 50%;left: 18.7500vw;transform: translateY(-50%);font-size: 4.1667vw;font-weight: bold;color: #FFF;}
.about_top{background: url(/web2/img/aboutus_top.png)no-repeat center center/cover;width: 100%;height: 39.0625vw;}
.about .mid{overflow: hidden;  padding: 2.6042vw 0; margin: 0 auto;}
.about .mid .text_box:hover{transform:scale(1.2); transition: 1s;}
.about .mid h3{text-align: center;font-size: 2.0833vw;font-weight: bold;margin-bottom: 1.0417vw;}
.about .mid .sub_title{text-align: center;font-size: 1.5625vw;margin-bottom:2.6042vw;}
.about .mid .sub_title>p{margin-bottom: 0.5208vw;}
.about .mid .sub_title>span{display:block;width:4.6875vw;height:0.1042vw;background-color: #0984FF;margin: 0 auto;}
.about .mid2{overflow: hidden; background: url(/web2/img/aboutus_01.png)no-repeat center center/cover;font-size: 1.5625vw;font-weight: 500;color: #FFF;text-align: center;padding: 2.8646vw 0;}
/*.about .mid2:hover{transform:scale(1.1); transition: .3s;}*/
.about .mid2 .text_box:hover {transform: scale(1.2); transition: 1s;}

.about .mid3{width: 62.5000vw;margin: 0 auto;padding: 3.1250vw 0;}
.about .mid3>ul li{animation:scale1 2s ease-in-out; transform-origin: 50% 50%;}
@keyframes scale1 {
    0%   { transform: scale(0) }
    100%  { transform: scale(1) }
}
.about .mid3>ul>li:hover{transform: scale(1.2); transition: 1s;}
.about .mid3>ul{display: flex;justify-content: space-around;margin-bottom: 3.1250vw;}
.about .mid3 figure{width:4.6875vw;margin: 0 auto 1.3021vw;}
.about .mid3 figcaption{text-align: center;font-size: 1.5625vw;font-weight: 500;}
.about .mid3>p{font-size: 1.2500vw;font-weight: 300;text-align: center;}
.about .mid4{background: url(/web2/img/aboutus_02.png)no-repeat center center/cover;padding: 2.6042vw 0;}
.about .mid4>h3{font-size: 2.0833vw;font-weight: 500;color: #FFF;margin-bottom: 1.8229vw;text-align: center;}
.about .mid4>ul{display: flex;justify-content:space-between;width:62.5000vw;margin: 0 auto;height: 19.2708vw;}
.about .mid4>ul li{position: relative; width: 13.0208vw; height: 19.2708vw;  padding: 0.5208vw 0.7813vw; background-color: #141414;color: #FFF; box-sizing: border-box;}
.about .mid4>ul li .num{font-size:1.5625vw;font-weight: bold;color: #0984FF;}
.about .mid4 .st{font-size: 1.0417vw;font-weight: 500;text-align: center;margin-bottom: 1.5625vw;}
.about .mid4 .nm{font-size: 0.8333vw;font-weight: 300;text-align: center;white-space:pre-line; margin-bottom: 1.0417vw;}
.about .mid4 .bot{position: absolute; bottom: 1.0417vw; left: 50%; transform: translateX(-50%); font-size: 1.0417vw;font-weight: 500;}
.about .mid4>ul>li{animation:scale2 3s ease-in-out; transform-origin: 50% 50%;}
@keyframes scale2 {
    0%   { transform: translate(-999px) }
    100%  { transform: translate(10px) }
}


.about .mid5{position:relative;padding: 6.8750vw 0;}
.about .mid5 figure{position:absolute;top: 0;right: 0;background-color: #000;width: 32.2917vw; padding:4.1667vw 0;}
.about .mid5 figure img{width: 12.5000vw;margin: 0 auto;}
.about .mid5 ul{font-size: 1.0417vw;font-weight: 500;width:62.5000vw;margin: 0 auto;}
.about .mid5 li{margin-bottom: 0.6250vw;display: flex;align-items: center;}
.about .mid5 li span{margin: 0 0.6250vw;}
.about .patents{background: url(/web2/img/aboutus_03.png)no-repeat center center/cover;padding-bottom: 3.1250vw;}
.about .patents h3{font-size: 2.0833vw;font-weight: 500;color: #FFF;padding: 2.0833vw 0;text-align: center;}
.about .patents .swiper-wrapper{margin: 0 13.0208vw;}
.about .patents ul .slice{width: 25.2292vw !important;}
/* .about .patents .swiper-slide>img{width: 18.2292vw; height: 26.5625vw;} */
@media (max-width: 640px) {
    .sub_page .top p{left: 12.2222vw; top: 70%; font-size: 11.4444vw;}
    .about_top{height: 94.8438vw;}
    .about .mid .sub_title{font-size: 4.6875vw;}
    .about .mid{width: 100%;}
    .about .mid2{font-size: 4.6875vw;}
    .about .mid3{width: 100%;}
    .about .mid4>h3{font-size: 6.2500vw;}
    .about .mid4>ul{width: 100%;}
    .about .mid5>ul{width: 100%; font-size: 3.8889vw; padding-bottom: 10.5556vw;}
    .about .patents>ul{width: 100%; justify-content: space-around;}
    .about .mid h3{font-size: 6.7222vw;}
    .about .mid4>ul{flex-wrap: wrap; justify-content: space-around; height: 100%;}
    .about .mid4>ul>li{width: 44.8889vw; height: 57.8125vw; margin-bottom: 4.1667vw;}
    .about .mid5 {padding: 11.7778vw 0 0 0;}
    .about .mid5 figure{position: relative; width: 100%; padding: 10.4444vw 0;}
    .about .mid5 figure img{width: 44.7222vw}
    .about .patents li{width: 30.2778vw;}
    .about .mid3 figure{width:14.0625vw;}
    .about .mid3 figcaption{font-size:3.6875vw;}
    .about .mid3>p{font-size: 2.7500vw;}
    .about .mid5 li{margin:0 0 1.8750vw 5.5625vw;}
    .about .mid4>ul li .num{font-size:4.6875vw ;}
    .about .mid4 .li2>.st, .about .mid4 .li3>.st{margin-bottom:0.6666vw}
    .about .mid4 .st{font-size: 3.1250vw; margin-bottom:4.6875vw;}
    .about .mid4 .nm{font-size: 2.5000vw;}
    .about .mid4 .bot{font-size: 3.1250vw;}
    .about .mid4 .li2>.bot{bottom: 1.5625vw;}
    .about .mid4 .li3>.bot{bottom: 0.7813vw;}
    .about .patents .swiper-wrapper{margin: 0;}
    .about .patents .swiper-slide>img{width: 27.6875vw; height: 43.6875vw;}
}


/* ========== sub - service ============= */
.service_top{background: url(/web2/img/service_top.png)no-repeat center center/cover;width: 100%;height: 750px;}
.service .mid{display: flex;width:100%;}
.service .mid .left{width: 40%;overflow: hidden;}
.service .mid .left>img:hover{transform:scale(1.1);transition: 0.4s;}
.service .mid .right{width: 60%;}
.service .mid .box1{overflow: hidden;background-color: #000;color: #FFF;padding:48px 0;text-align: center;width:100%;height: 50%;box-sizing: border-box;}
.service .mid .green>p{animation:scale4 3s ease-in-out; transform-origin: 50% 50%; }
@keyframes scale4 {
    0%   { transform: translate(500px) }
    100%  { transform: translate(0) }
}

.service .mid .real>p{animation:scale5 3s ease-in-out; transform-origin: 50% 50%;}
@keyframes scale5 {
    0%   { transform: translate(-500px) }
    100%  { transform: translate(0) }
}

.service .mid .box1 .sm{font-size: 1.2500vw;font-weight: 300;}
.service .mid .box1 .st{font-size: 3.2292vw;font-weight: 500;}
.service .mid .box1 .sm2{font-size: 1.6146vw;margin-bottom: 2.6042vw;}
.service .mid .box1 .bot{font-size: 1.5625vw;display:flex;align-items: center;justify-content: center;}
.service .mid .box1 .bot span{display: block;width: 0.1042vw;height: 1.2500vw;margin: 0 0.6250vw;background-color: #FFF;}

.service .mid .box2{background-color: #F2F2F2;display: flex;padding: 2.5000vw 0.5208vw 0;align-items: center;height: 50%;box-sizing: border-box;}
.service .mid .box2>div{margin-left: 3.1250vw;}
.service .mid .bb{display: flex;}
.service .mid .box2 .a1{width:17.9688vw;margin-left: 6.2500vw;}
.service .mid .box2 .a2{width:14.7917vw;}
.service .mid .box2 .a3{width:14.7917vw;margin-left: 1.8229vw;}
.service .mid .box2 .a4{width: 29.0104vw;}
.service .mid .box2 .a4{margin-bottom: 1.0417vw;}

.service .mid2 .right .box1{background-color: #FFF;color: #000;}
.service .mid2 .right .box2{background-color: #5B5B5B;}
.service .mid2 .bb{display: flex;}
.service .mid2 .a2{margin-left: 0 !important;}
.service .mid2 .box2>div{margin-left: 3.1250vw;}
.service .mid2 .box1 .bot span{background-color: #000;}

.service .mid4 .box2 .a4{width: 28vw;}

@media (max-width: 640px) {
    .service .mid{display: block;}
    .service_top{height: 94.8438vw;;}
    .service .mid .left{width: 100%;}
    .service .mid .right{width: 100%;}
    .service .mid .box1 .bot{padding: 0 5.5556vw; font-size: 2.9556vw;}
    .service .mid .box1 .bot span{margin: 0 1.8750vw; height: 3.7500vw;}
    .service .mid .box2 .a1{width: 42.2500vw; margin:0 0 1.5625vw  2.5313vw; position: relative; top: 6px;}
    .service .mid .box2 .a2 {width: 35.9375vw; margin-left: 2.3333vw;}
    .service .mid .box2 .ai2{width: 26.9375vw;}
    .service .mid .box2 .a3{width: 35.9375vw; margin-left: 1.0938vw;}
    .service .mid .box2 .ai3{width: 26.9375vw;}
    .service .mid .box2 .ai4{width: 55.2500vw;}
    .service .mid2 .box2>div{margin-left: 3.7778vw;}
    .service .mid .box1 .sm{font-size: 3.7500vw;}
    .service .mid .box1 .st{font-size: 9.6875vw;}
    .service .mid .box1 .sm2{font-size: 4.8438vw;}
    .service .mid2 .bb{margin-bottom: 1.5625vw;}
}



/* ============= sub - contact ================ */
.contact_top{background: url(/web2/img/contactus_01.png)no-repeat center center/cover;width: 100%;height: 39.0625vw;}
.contact_wrap{display: flex;}
.contact_wrap .slide{padding:2.0833vw;background-color: #E6E6E6;width: 40.1146vw;box-sizing: border-box;}
.contact_wrap .write{background-color: #272727;padding: 3.2292vw 1.9792vw;}
.contact_wrap .write h3{font-size: 1.0417vw;color: #fff;margin-bottom: 1.3542vw;text-align: center;}
.contact_wrap .write h3 strong{font-weight: bold;}
.contact_wrap .write h3 .clr{color: #0984FF;}
.contact_wrap .write .radio{display: flex;margin-bottom: 0.5625vw;}
.contact_wrap .write .radio input{display: none;}
.contact_wrap .write .radio input+label{width: 50%;padding: 0.6250vw 0;border: 0.0521vw solid #0984FF;color: #0984FF;background-color: #FFF;text-align: center;}
.contact_wrap .write .radio input:checked+label{color: #FFF;background-color: #0984FF;}
.contact_wrap .write table{width: 100%;border-collapse: separate;border-spacing: 1.0417vw;margin-bottom: 0.6042vw;}
.contact_wrap .write td{padding: 0.5208vw 0;border-bottom: 0.0521vw solid #707070;width: 13.2292vw;}
.contact_wrap .write td input{font-size: 0.6250vw;background:none;border: 0;color: #FFF;width: 100%;}
.contact_wrap .write td input::placeholder{color: #828282;}
.contact_wrap .write td select{background: url(/web2/img/arrow_down.png)no-repeat 95% 50%/0.6250vw;width:100%;border: 0;color: #828282;}
.contact_wrap .bt_ok{display: block;width: 13.5417vw;padding: 0.6771vw 0;background-color:#0984FF;color: #FFF;margin: 0 auto 1.5625vw;}
.contact_wrap .write p{color: #FFF;font-weight: 300;}
.contact_wrap .write .ex{border-top: 0.1042vw solid #0984FF;margin-top: 1.6042vw;padding-top: 1.2500vw;}
.contact_wrap .write .ex h4{font-size: 1.6271vw;font-weight: 500;margin-bottom: 0.4167vw;color: #FFF;}

.contact .contact_wrap .slide{padding:2.8125vw;background-color: #E6E6E6;width: 58.0729vw;}
.contact .contact_wrap .write{background-color: #272727;padding: 4.1667vw 3.9583vw;}
.contact .contact_wrap .write h3{font-size: 1.4583vw;margin-bottom: 1.5625vw;}
.contact .contact_wrap .write .radio{margin-bottom: 2.0833vw;}
.contact .contact_wrap .write td{font-size: 0.8333vw;}
.contact .contact_wrap .write table{margin-bottom: 3.6458vw;}
.contact .contact_wrap .write .bt_ok{padding: 0.9375vw 0;font-size: 1.0417vw;margin-bottom: 2.0833vw;}
.contact .contact_wrap .write p{font-size: 1.0417vw;}
.contact .mid2>h3, .contact .mid2>.sub_title,.contact .mid2>.p {animation:scale4 2s ease-in-out; transform-origin: 50% 50%;}
.contact .mid2{overflow:hidden; padding-top: 3.1250vw;padding-bottom: 7.2917vw;width: 62.5000vw;margin: 0 auto;}
.contact .mid2 h3{font-size: 2.0833vw;font-weight: bold;text-align: center;margin-bottom: 1.0417vw;}

.contact .mid2 .sub_title{text-align: center;font-size: 1.5625vw;margin-bottom:2.6042vw;}
.contact .mid2 .sub_title>p{margin-bottom: 0.5208vw;}
.contact .mid2 .sub_title>span{display:block;width:4.6875vw;height:0.1042vw;background-color: #0984FF;margin: 0 auto;}
.contact .mid2>p{font-size: 1.0417vw;white-space: pre-line;text-align: center;margin-bottom: 5.2083vw;}
.contact .mid2>ul{display: flex;margin-bottom: 6.7708vw; }
.contact .mid2>ul{animation:scale6 3s ease-in-out; transform-origin: 50% 50%;}
@keyframes scale6 {
    0%   { transform: translate(-999px) }
    100%  { transform: translate(10px) }
}
.contact .mid2>ul>li:hover{transform:scale(1.1);transition: all 0.3s;}

.contact .mid2 li{width:33.3%;font-size: 1.2500vw;text-align: center;}
.contact .mid2 .img{width: 4.6875vw;margin: 0 auto 1.5625vw;}
.contact .mid2 ul .st{font-size: 1.5625vw;font-weight: bold;margin-bottom: 0.5208vw;}
.contact .mid2 figure{width: 15.8854vw;margin: 0 auto;}
.contact_wrap .swiper-button-next{background-color: rgba(0, 0, 0, 0.5);width:5.2083vw;height:5.2083vw;}
.contact_wrap .swiper-button-next:after{color: #FFF;}
.contact_wrap .swiper-button-prev{background-color: rgba(0, 0, 0, 0.5);width:5.2083vw;height:5.2083vw;}
.contact_wrap .swiper-button-prev:after{color: #FFF;}

/* contact-pop 문의 팝업 */
.contact_pop{position: fixed;background-color: rgba(0, 0, 0, 0.5);z-index: 20;width: 100%;top: 0;left: 0;height:100%;display: none;}
.contact_pop .contact_wrap{overflow: scroll; width: 80%; height: 80%; position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.contact_pop .contact_wrap .write{width:35.0333vw; height: 40vw;}
.contact_pop .close{position: absolute;width: 1.3vw; top: 0.5208vw;right: 1.5vw;}
.contact_pop .slide{height: 46vw;}

#capt_img2{height: 3vw;}

@media (max-width: 640px) {
    /* .contact_wrap{display: block;} */
    .contact_top{height: 94.8438vw;}
    .contact .contact_wrap .slide{width: 100%;}
    .contact .mid2{width: 100%;}
    .contact .mid2 li{font-size: 2.3333vw;}
    .contact .mid2 ul .st{font-size: 5.5556vw;}
    .contact_wrap .swiper-button-next{width:14.6250vw;height:14.6250vw;}
    .contact_wrap .swiper-button-prev{width:14.6250vw;height:14.6250vw;}
    .contact .contact_wrap .write{padding: 12.5000vw 6.8750vw;}
    .contact .contact_wrap .write .bt_ok{padding: 2.8125vw 0;font-size: 3.1250vw;}
    .contact_wrap .write .ex h4{font-size: 5.7813vw;}   
    .contact .contact_wrap .write p{font-size: 3.1250vw;}
    .contact .mid2 h3{font-size: 6.2500vw;}
    .contact .mid2 .sub_title{font-size: 4.6875vw;}
    .contact .mid2>p{padding: 0 1.5625vw; font-size: 3.1250vw;}
    .contact .mid2 .img{width: 14.0625vw;}
    .contact .mid2 figure{width: 33.6563vw;}
    .contact .contact_wrap .write h3{font-size: 5.3750vw;}
    .contact .mid2>ul{margin-bottom: 20.3125vw;}
    .contact .mid2{padding-bottom: 21.8750vw;}
    
    .contact_wrap .write h3{font-size: 4.1250vw;margin-bottom: 4.0625vw;}
    .contact_wrap .write .radio{margin-bottom: 4.6875vw;}
    .contact_wrap .write .radio input+label{padding: 1.8750vw 0; font-size: 2.5125vw;}
    .contact_wrap .write table{border-spacing: 3.1250vw;margin-bottom: 7.8125vw;}
    .contact_wrap .write td{padding: 1.5625vw 0;width: 39.6875vw;}
    .contact_wrap .write td input{font-size: 1.8750vw;}
    .contact_wrap .write td select{background: url(/web2/img/arrow_down.png)no-repeat 95% 50%/1.8750vw;}
    .contact_wrap .bt_ok{width: 40.6250vw;padding: 2.0313vw 0;margin: 0 auto 4.6875vw;font-size: 2.8125vw;}
    .contact_wrap .write .ex{margin-top: 7.8125vw;padding-top: 3.7500vw;}
    .contact_wrap .write .ex h4{font-size: 4.7813vw;margin-bottom: 1.2500vw;}
    .contact_wrap .write p{font-size: 2.0000vw;}

    .contact_pop #capt_img{height: 4.5vw !important;}
    .contact_wrap .slide{display: none;}
    .contact_pop .contact_wrap .write{width:62.0938vw; padding:4.8438vw 5.9375vw ; height: 160vw;}
    .contact_pop .close{position: absolute;width: 2.9688vw; top: 1.5625vw;right: 8.5625vw;}

    #capt_img2{height: 5vw;}
}



/* 이용약관 -termOfUse */

.termOfUse .sub_header {display: flex; align-items: center; justify-content: space-between;  padding: 1.5625vw  1.3542vw; background-color: #000;}
.termOfUse .sub_header .logo{position: static; max-width: 16.6146vw;}
.termOfUse .sub_header .logo img{width: 100%;}
.termOfUse .sub_header button{max-width: 4.6146vw;}
.termOfUse .sub_header button img{width: 100%;}
.termOfUse .termOfUse_txt h2{font-size: 30px; font-weight: bold; margin-bottom: 1.5555vw;}
.termOfUse .termOfUse_txt{margin: 0 7.6042vw; padding: 1.0417vw 0; line-height: 1.5;}
.termOfUse .termOfUse_txt p{font-size: 16px;}
.termOfUse .termOfUse_txt .paragraph{margin-bottom: 1.5625vw; margin-bottom: 1.0417vw;}

@media (max-width: 640px) {
    .termOfUse .sub_header {display: flex; align-items: center; justify-content: space-between;  padding: 4.6875vw  4.0625vw; background-color: #000;}
    .termOfUse .sub_header .logo{position: static; max-width: 39.8438vw;}
    .termOfUse .sub_header .logo img{width: 100%;}
    .termOfUse .sub_header button{max-width: 9.6146vw;}
    .termOfUse .sub_header button img{width: 100%;}
    .termOfUse .termOfUse_txt p{font-size: 2.5000vw;}
    .termOfUse .termOfUse_txt h2{font-size: 4.6875vw; font-weight: bold; margin-bottom: 4.6875vw;}
    .termOfUse .termOfUse_txt{margin: 0 6.8125vw; padding: 3.1250vw 0; line-height: 1.5;}
    .termOfUse .termOfUse_txt .paragraph{margin-bottom: 4.6875vw; margin-bottom: 3.1250vw; }

}

/* 개인정보처리방침 -privacyPolicy */