@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, select,
time, mark, audio, video, textarea, input, button{font-family: 'Montserrat','Pretendard-Regular', sans-serif !important;}
/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0; outline:none !important; word-break:keep-all;}
body{overflow-x:hidden;}
body.no-skr {overflow:hidden;}
body, html{height:100%;}
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c;  font-size:12px; background-color:#fff;}
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle; }
a{text-decoration:none; color:#5c5c5c; transition-duration:0.3s;}
textarea, select{}
button{cursor:pointer; transition-duration:0.3s;}
.plugin.chrome.webkit.win.x1.Locale_ko_KR{margin:0 !important;}

.inner{max-width:1200px; margin:0 auto; position:relative;}

.wrapper{height: 100%; margin: 0 auto;  overflow: hidden;}
body, .onepage-wrapper, html {display: block; position: static; padding: 0; width: 100%; height: 100%;}
.onepage-wrapper {width: 100%; height: 100%; display: block; position: relative; padding: 0; -webkit-transform-style: preserve-3d;}
.onepage-wrapper .section {width: 100%; height: 100%;}
.main > section{overflow:hidden;}

/*header*/

.header_wrap{position:absolute; top:0; left:0; right:0; box-sizing:border-box; padding-left:50px; padding-right:50px; text-align:center; z-index:21;}
.header_wrap.active{background:#fff;}
.header_wrap.active .head_style2{display:block !important;}
.header_wrap.active .head_style1{display:none !important;}
.header_wrap.active .lang_wrap > a,.header_wrap.active .member_wrap a, .header_wrap.active .dep1_wrap > a{color:#252525;}
.header_wrap.active .member_wrap li + li{border-left:1px solid #767676;}
.header_wrap.active .lang_wrap > a{background: url("../images/lang_arrow2.png") right center no-repeat;}
.header_wrap.active .dep1_wrap > a.add_menu {background-color:#000; color:#fff;}

.header_wrap .logo_img{display:block;}
.header_wrap .logo_sub{display:none;}
.header_wrap.active .logo_img{display:none;}
.header_wrap.active .logo_sub{display:block;}

.logo{position:absolute; left:50px; top:25px}
.logo a, .logo img{display:block;}
.gnb_in_div, .gnb_wrap ul{}
.gnb_in_div{padding:0 20px;}
.gnb_sub_menu{text-align:left; position:absolute; top:100px; left:-10px; min-width:220px; background:#fff; height:0; overflow:hidden; transition-duration:0.3s;}
.gnb_sub_menu li{border-bottom:1px solid #ededed;}
.gnb_sub_menu a{color:#999; font-size:13px; font-weight:500; height:50px; padding:0 15px; line-height:50px; display:block; white-space:nowrap;}
.gnb_sub_menu a.line2 {height: 60px;line-height: 23px;padding: 10px 15px;}
.gnb_sub_menu a:hover{color:#0165b1;}

.dep1_wrap:hover .ex2{height:51px;}
.dep1_wrap:hover .ex3{height:153px;}
.dep1_wrap:hover .ex4{height:204px;}
.dep1_wrap:hover .ex5{height:102px;}
.dep1_wrap:hover .ex6{height:306px;}
.dep1_wrap:hover .ex7{height:357px;}
.dep1_wrap:hover .ex8{height:51px;}
.dep1_wrap:hover > a{color:#0165b1 !important;}
.dep1_wrap:hover > a.add_menu {color:#fff !important;}

.sub_dep_section.sub_dep2 {background:#fff;cursor:default; color:#0165b1;}
.sub_dep_section.sub_dep3 {background:#fff;cursor:default; color:#0165b1; }


.dep1_wrap{font-size:16px; color:#fff; display:inline-block; text-align:left; position:relative;}
.dep1_wrap > a{display:block; padding:0 30px; height:100px; line-height:100px; color:#fff; font-weight:600;}
.dep1_wrap > a.add_menu {height:auto; margin-left:10px; line-height:20px; padding:7px 13px; background-color:white; border-radius:20px; color:#000; font-size:13px;}


.gnb_sub{position:absolute; right:50px; top:30px; font-size:0;}
.gnb_sub > div{display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.gnb_sub a{display:block;}

.lang_wrap , .sitemap_btn{padding-left:35px;}
.lang_wrap > a{color:#fff; font-size:13px; display:block; background:url('../images/lang_arrow.png') right center no-repeat; padding-right:20px;}
.lang_wrap{position:relative;}
.lang_wrap ul{display:none; background:#fff; font-size:13px; position:absolute; top:30px; left:15px; white-space:nowrap; box-shadow:0px 2px 5px rgb(0 0 0 / 40%);}
.lang_wrap ul a{display:block; padding:7px 10px;}
.lang_wrap ul.active{display:block;}
.cart_btn{padding-left:20px;}
.member_wrap li{color:#fff; font-size:13px; display:inline-block; zoom:1; *display:inline; line-height:13px;}
.member_wrap a{color:#fff;}
.member_wrap li + li{padding-left:10px; margin-left:10px; border-left:1px solid rgba(255,255,255,0.5);}

.head_style2{display:none !important;}
/*.viewing-page-4 .head_style2{display:block !important;}
.viewing-page-4 .head_style1{display:none !important;}
.viewing-page-4 .lang_wrap > a, .viewing-page-4 .member_wrap a, .viewing-page-4 .dep1_wrap a{color:#252525;}
.viewing-page-4 .lang_wrap > a{background: url("../images/lang_arrow2.png") right center no-repeat;}
.viewing-page-4 .member_wrap li + li{border-left:1px solid #767676;}*/


/*page1*/
.covid_pop{position:absolute; top:50%; margin-top:-80px; left:40px; animation-delay: 1s;}
.covid_close{position:absolute; right:0; top:0; font-size:0; background:url('../images/pop_close.png') center center no-repeat; width:14px; height:14px;}
.covid_pop_wrap{background:url('../images/covide_pop.gif') center center no-repeat; width:160px; height:160px; display:block; text-align:center; color:#fff; font-weight:600; font-size:16px; border-radius:50%;}
.covid_pop_wrap img{display:block; margin:0 auto; margin-top:15px;}
.covid_pop_wrap .dp_table{background:url('../images/pop_arrow.png') center top 110px no-repeat;}

.main_video{    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.camera_txt{position:absolute; left:50%; top:45%;transform: translateX(-50%);width: 100%;text-align: center;}
.camera_txt h2{color:#fff; font-size:48px; line-height:48px; font-weight:700;line-height: 1.3;padding: 0 10px;}
.camera_txt p{color:#fff; font-size:30px; line-height:38px; margin-top:15px;}
.camera_txt_br{display: none;}

/*page2*/
.page2{background:#000;}
.page2_video{position:absolute; top:0; left:0; right:0; bottom:220px; height:100%;}
.page2_video video { width:100%; height:100%;}
.page2_top{height:100%; position:relative;}
.page2_txt{position:absolute; width:auto; height:100%; right:0; top:0; bottom:220px;/* padding-left:185px;*/ box-sizing:border-box;padding-right:100px;}
/*.page2textWrap {padding-left:150px;}*/
.dp_table{display:table; width:100%; height:100%;}
.dp_table > div{display:table-cell; vertical-align:middle;box-sizing: border-box;}
/*.dp_table > div{ display:flex; justify-content:end; align-items:center; height:100%; padding-right:100px; box-sizing:border-box; }*/
.merri_font {font-family: 'Merriweather','Pretendard-Regular', serif !important;font-size: 40px;font-weight: 300;font-style:italic;color:#fff;display:block;margin-bottom: 65px;opacity:0;transition-duration:0.5s; transition-delay: 1s;white-space:nowrap;margin-left:0;}
.page2_txt span{display:inline-block; position:relative; opacity:0;  transition-duration:0.8s; transition-delay: 1.3s; font-size:15px; color:#fff; font-weight:400;margin-left:0;}
/*.page2_txt span:before{display:block; content:''; position:absolute; bottom:0; left:0; right:0; top:50%; border-radius:25px; background:#ff7295;}*/
.page2_txt em{font-style:normal; position:relative; z-index:2; background:linear-gradient( to right, #d7486d, #2b7af3); padding:0 9px; border-radius:20px; height:20px; line-height:20px; display:inline-block;}
.page2_txt h2{color:#fff; font-size:40px; font-weight:500; opacity:0; transition-duration:0.8s; transition-delay: 1.6s; margin-top:10px;margin-left:0;}
.page2_txt p{color:#fff; font-size:14px; letter-spacing:-0.5px; line-height:24px; margin-top:10px; opacity:0; transition-duration:0.8s;  transition-delay: 1.9s;margin-left:0;}
.page2_btn_box{transition-delay: 1.9s; opacity:0; transition-duration:0.8s;margin-left:0;}
.page2_txt a{display:inline-block; zoom:1; *display:inline; color:#fff; width:164px; height:58px; line-height:58px; background:url('../images/btn_arrow_on.png') right 25px center no-repeat; box-sizing:border-box; padding:0 25px; margin-top:40px; transition-duration:0.3s; border:1px solid #fff;}
.page2_txt a:hover{background:#fff url('../images/btn_arrow.png') right 25px center no-repeat; color:#222;}

.page2_bottom{background:#fff; position:absolute; bottom:-50px; opacity:0; left:0; right:0; transition-duration:0.5s; transition-delay: 2s;}
.page2_bottom ul{font-size:0; text-align:center;}
.page2_bottom li{background-position:center bottom; background-repeat:no-repeat; width:250px; margin:0 24px; display:inline-block; zoom:1; *display:inline;}
.page2_bottom li a{color:#141517; font-size:16px; font-weight:700; padding-top:20px; display:block; height:220px; position:relative; box-sizing:border-box;}
.page2_bottom span:after{display:block; content:''; background:url('../images/plus_icon.png') center center no-repeat; width:24px; height:24px; left:50%; margin-left:-12px; top:50px; position:absolute; transition-duration:0.8s;}
.page2_bottom li a:hover span:after{transform: rotate( 360deg );}
.main_product_last{display:none !important;;}
.main_product01 a{background-image:url('../images/main_item01.jpg');}
.main_product02 a{background-image:url('../images/main_item02.jpg');}
.main_product03 a{background-image:url('../images/main_item03.jpg');}
.main_product04 a{background-image:url('../images/main_item04.png');}
.main_product05 a{background-image:url('../images/main_item05.png');}
.page2.active .page2_bottom{bottom:0; opacity:1;}

.page2.active .merri_font, .page2.active .page2_btn_box, .page2.active .page2_txt h2, .page2.active .page2_txt p, .page2.active .page2_txt span{margin-left:100px; opacity:1;}

/*page3*/
.page3{background:#dfe2eb url('../images/main_map2-241216.jpg') center top no-repeat; background-size:cover;}
.network_title{color:#202834; font-size:42px; line-height:52px; letter-spacing:-1px; font-weight:700; position:absolute; left:50%; margin-left:126px; top:400px;}
.network_title span{color:#da476b;}
.page3_bottom{position:absolute; left:0; right:0; bottom:0; background:#fff;}
.page3_bottom ul{font-size:0; text-align:center;}
.page3_bottom li{display:inline-block; width:25%; position:relative}
.page3_bottom li:before{display:block; width:1px; content:''; height:28px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-14px;}
.page3_bottom li:last-child:after{display:block; width:1px; content:''; height:28px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-14px;}
.page3_bottom a{display:block; color:#333; font-size:14px; font-weight:500;}
.page3_bottom a span{display:inline-block; height:84px; line-height:84px; padding-left:60px; transition-duration:0.5s;}

.page_menu01 span{background:url('../images/main_icon01_off.png') left center no-repeat;}
.page_menu02 span{background:url('../images/main_icon02_off.png') left center no-repeat;}
.page_menu03 span{background:url('../images/main_icon03_off.png') left center no-repeat;}
.page_menu04 span{background:url('../images/main_icon04_off.png') left center no-repeat;}

.page_menu01 a:hover span{background:url('../images/main_icon01_on.png') left center no-repeat;}
.page_menu02 a:hover span{background:url('../images/main_icon02_on.png') left center no-repeat;}
.page_menu03 a:hover span{background:url('../images/main_icon03_on.png') left center no-repeat;}
.page_menu04 a:hover span{background:url('../images/main_icon04_on.png') left center no-repeat;}

.contry_wrap img{display:block; margin:0 auto;}
.contry_wrap > div{position:absolute; left:50%; color:#777; font-size:13px; letter-spacing:-0.5px; font-weight:700; cursor:pointer; transition-duration:0.5s;}
.contry_wrap > div:hover{color:#202834;}
.contry_wrap > div.active{z-index:10;}
.contry01{margin-left:-132px; top:325px;}
.contry02{margin-left:-244px; top:420px;}
.contry03{margin-left:-502px; top:305px;}
.contry04{margin-left:-473px; top:375px;}
.contry05{margin-left:605px; top:525px;}
.contry06{margin-left:523px; top:305px;}
.contry07{margin-left:-360px; top:285px;}
.contry08{margin-left:-624px; top:270px;}
.contry08 img{float:right;}
.contry08 span{float:left; padding-top:3px; padding-right:5px;}
.contry09{margin-left:-544px; top:270px;}
.contry09 img{float:left;}
.contry09 span{float:right; padding-top:3px; padding-left:5px;}
.contry10{margin-left:-402px; top:202px;}

.contry_info_pop{width:330px; height:150px; background:#202834; color:#fff; position:absolute; left:100%; top:-10px; border-radius:5px; display:none;}
.contry_info_pop.active{display:block;}
.contry_info_pop h3{min-height:45px; line-height:1.5; padding:10px 15px; font-size:18px; font-weight:800;}
.contry_info_wrap{padding:30px;}
.contry_info_wrap h4{font-size:18px; color:#fff;}
.contry_info_wrap span{color:#a6afbd; font-size:13px; font-weight:500; display:block;}
.contry_info_wrap ul{font-weight:400; color:#a6afbd;}
.contry_info_wrap ul li{line-height:18px; padding-left:25px;}
.contry_info_wrap ul li + li{margin-top:5px;}
.contry_info_wrap ul .tel{background:url('../images/contact_phone.gif') left center no-repeat;}
.contry_info_wrap ul .mail{background:url('../images/contact_mail.gif') left top 2px no-repeat;}
.contry_info_wrap ul .mail02{background:url('../images/contact_mail.gif') left top 2px no-repeat; display: none;}
.contry_info_wrap ul .mail02.active {display: block;}
.contact_line{height:3px; background:linear-gradient(90deg, rgba(218,71,107,1) 0%, rgba(39,123,246,1) 100%);}
.contry_info_title{position:relative;}
.contry_info_title a{position:absolute; font-size:0; width:14px; height:14px; background:url('../images/contact_close.png') center center no-repeat; right:14px; top:15px;}

/*footer*/
.footer{height:auto !important; background:#0f0f10;}
.footer_copy{height:60px; line-height:60px; color:#5c5c5c; background:#000; font-size:13px; font-weight:350;}
.footer_top{padding:70px 0 35px;}
.address{color:#95959c; font-size:13px; font-weight:350; margin-top:30px;}
.address li{line-height:23px;}

.top_btn{position:absolute; top:70px; right:0;}
.top{width:40px; display:block; height:40px; border:1px solid rgba(255,255,255,0.3); background:url('../images/top_arrow.png') center center no-repeat; font-size:0; border-radius:50%;}
.footer_menu{position:absolute; right:0; bottom:55px;}
.footer_menu ul{font-size:0;}
.footer_menu li{display:inline-block; zoom:1; *display:inline; font-size:15px;}
.footer_menu li + li{margin-left:20px; padding-left:20px; border-left:1px solid #6c6c72;}
.footer_menu a{color:#95959c; font-weight:600;}
.police{color:#fff !important}
/* sns box */
.footer_copy:after { display:block; content:""; clear:both; }
.footer_copy .snsBox { float:right;}
.footer_copy .snsBox li { float:left; margin-right: 28px; }
.footer_copy .snsBox li:last-child {margin-right:0;}
.footer_copy .snsBox a { text-indent:-9999px; display:inline-block; width:22px; background:url(../images/faceb.png)left center no-repeat; }
.footer_copy .snsBox a.sns_inst { background-image:url(../images/insta.png); }
.footer_copy .snsBox a.sns_yout { background-image:url(../images/ytube.png); }
.footer_copy .snsBox a.sns_linked { background-image:url(../images/linkedin.png); }

.main_notice{position:absolute; top:100px; bottom:0; right:-415px; width:415px; background:#15191f; z-index:11; padding:50px 45px; box-sizing:border-box; transition-duration:0.3s; }
.main_notice.active{right:0; z-index:21; }
.main_notice h2{color:#fff; font-size:20px; font-weight:900; line-height:20px;}
.news_btn{position:absolute; right:100%; top:50%; margin-top:-38px; height:76px; width:29px; background:#15191f; font-size:0; border-radius:5px 0 0 5px;}
.news_btn span{display:block; height:100%; background:url('../images/side_arrow.png') center center no-repeat;  transition-duration:0.3s;}
.main_notice.active .news_btn span{transform: rotate( 180deg );}
.main_notice ul{margin-top:20px; overflow-y:auto; height:100%; box-sizing:border-box;}
.main_notice li{border-bottom:1px solid #292f38;}
.main_notice li img{max-width:100%;}
.main_notice li + li{margin-top:40px;}
.main_notice li h3{color:#cdd0d6; font-size:14px; font-weight:600; letter-spacing:-0.5px;}
.main_notice li span{color:#cdd0d6; font-size:13px; font-weight:300; display:block; margin-top:3px;}
.news_img{overflow:hidden; cursor:pointer;}
.news_img img{transition: all 0.5s ease; width: 100%; display:block;}
.news_img:hover img{transform:scale(1.1);}

.news_content{padding:10px 15px;}
.main_notice_title{position:relative;}
.readmore{width:14px; height:14px; background:url('../images/news_readmore.png') center center no-repeat; position:absolute; right:0; top:5px; font-size:0;}

/* login */
.loginWrap {z-index: 30;display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);}
.loginWrap > div {display:table;width:100%;height:100%;}
.loginWrap > div > div {display:table-cell;width:100%;height:100%;vertical-align: middle;text-align: center;}
.loginPopup {background:#fff;position:relative;width:480px;padding: 80px 60px; box-sizing: border-box;display:inline-block;}
.closePop {display:inline-block;width:23px;height:23px;position:absolute;top:-40px;right:0;background:url('../images/sub/close_pop.png')no-repeat;}
.loginPopup h2 {font-size: 28px;font-weight: 400;color:#222;margin-bottom: 50px;}
.loginPopup h2 strong {font-weight: 700;}
.loginPopup .type_select {display:flex; align-items: center; justify-content: flex-end; margin-left:20px; margin-bottom:10px;}
.loginForm {font-size:0;}
.loginPopup .type_select .radio_box + .radio_box {margin-left:40px;}
.loginForm input {display:block;width:100%;font-size: 14px;height:50px;line-height: 50px;padding: 20px;box-sizing:border-box;margin: 10px 0;background:#f2f2f2;border:0;}
.loginForm input::placeholder {font-size: 14px;font-weight: 400;color:#999;}
.idRemember {text-align: right;margin-bottom: 30px;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {overflow:hidden;width: 100%;font-size: 13px;font-weight: 400;color:#333;cursor:pointer;position:relative;}
input[type="checkbox"] + label .box {display:inline-block;width:15px;height:15px;border:1px solid #555;box-sizing: border-box;position:absolute;top:1px;left:-20px;}
input[type="checkbox"] + label p {position:relative;}
input[type="checkbox"]:checked + label .box {border:1px solid #0165b1;}
input[type="checkbox"]:checked + label .box::after {position:absolute;top:2px;left:2px;content:'';display:inline-block;width:9px;height:9px;background:#0165b1;box-sizing: border-box;}
input[type="radio"] {display:none;}
input[type="radio"] + label {overflow:hidden;width: 100%;font-size: 13px;font-weight: 400;color:#333;cursor:pointer;position:relative;}
input[type="radio"] + label .box {display:inline-block;width:15px;height:15px;border:1px solid #555;box-sizing: border-box;position:absolute;top:1px;left:-20px; border-radius:50%;}
input[type="radio"] + label p {position:relative;}
input[type="radio"]:checked + label .box {border:1px solid #0165b1;}
input[type="radio"]:checked + label .box::after {position:absolute;top:2px;left:2px;content:'';display:inline-block;width:9px;height:9px;background:#0165b1;box-sizing: border-box; border-radius:50%;}
.loginBtn {width:100%;height:50px;line-height: 50px;text-align: center;border-radius: 3px;background:#0262ae;color:#fff;text-align: center;font-weight: 700;font-size: 16px; border:0;}
.loginBtn:hover{background:#454545;}
.loginBtnWrap {margin-bottom: 50px;}
.forgotWrap {font-size:0;border:1px solid #ddd;border-radius: 3px;margin-bottom: 10px;}
.forgotWrap > div {display:inline-block;width:50%;vertical-align: top;}
.forgotWrap > div a {position:relative;display:inline-block;width:100%;height:40px;line-height: 40px;font-weight: 500;font-size: 13px;text-align: center;color:#aaa;}
.forgotWrap > div a.forgotId.pl {line-height: 15px;padding-top: 4px;}
.forgotWrap > div a.forgetPass.pl {padding-top: 12px;}
.forgotWrap > div:first-child a::after {content:'';display:inline-block;width:1px;height:20px;background:#ddd;position:absolute;top:10px;right:0;}
.signUpIcon {display:inline-block;width:15px;height:16px;background:url('../images/icon_signup.png')no-repeat;vertical-align: middle;margin-right: 5px;}
.signUp {display:inline-block; width:100%; font-size:13px; font-weight:500; color:#0262ae;}

/* signup */
.signUpWrap {z-index: 30;display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);overflow:auto;padding: 140px 0;box-sizing:border-box;}
.signUpWrap > div {display:table;width:100%;height:100%;}
.signUpWrap > div > div {display:table-cell; vertical-align: middle;text-align: center;height:auto;}
.signUpLayer {display:inline-block;width: 600px;position:relative;background:#fff;padding: 100px 40px;box-sizing: border-box;padding-bottom:40px;}
.signUpLayer h2 {font-weight: 700;font-size: 28px; color:#222;text-align: center;margin-bottom: 35px;}
.signUp_process {position:relative;font-size:0;padding:0 55px;box-sizing: border-box;margin: 0 -30px;margin-bottom: 85px;}
.signUp_process::before {content:'';display:inline-block;width:50%;height:1px;background:#ddd;position:absolute;top:37%;z-index: 0;left:50%;transform:translateX(-50%);}
.signUp_process li {position:relative;z-index: 2;display:inline-block;width:33.3333%;padding:0 10px;box-sizing: border-box;vertical-align: top;}
.signUp_process li .iconWrap {text-align: center;}
.signUp_process li .iconWrap > div {display:table;margin: 0 auto;width:75px;height:100%;}
.signUp_process li .iconWrap > div > div {display:table-cell;vertical-align: middle;text-align: center;width:75px;height:75px;background:#cccccc;border-radius: 50%;}
.signUp_process li.on .iconWrap > div > div  {background:#0068b9;}
.signUp_process .textBox {margin-top: 15px;font-size: 13px; font-weight: 500; color:#999;}
.join1 {display:inline-block;width:32px;height:32px;background:url('../images/join1.png')no-repeat;}
.join2 {display:inline-block;width:32px;height:32px;background:url('../images/join2.png')no-repeat;}
.join3 {display:inline-block;width:32px;height:32px;background:url('../images/join3.png')no-repeat;}
.signUp_process li.on .textBox {color:#333;}
.signUpWrap h3 {font-size: 20px;font-weight: 700;color:#222;text-align: center;margin-bottom: 30px;}
.signUpInput {display:inline-block;position:relative;width:100%;margin-bottom: 35px;}
.signUpInput.mb70 {margin-bottom: 70px;}
.signUpInput label {z-index: 0;position:absolute;top:10px;left:0 !important;font-size: 15px;font-weight: 500;color:#777;}
.signUpInput label span {color: #0165b1;}
.signUpInput input {position:relative;z-index: 3;background:none;font-size:14px;width:100%;height:40px;line-height: 40px;border:0;border-bottom:1px solid #555;}
.signUpInput select {width: 100%; height: 40px; font-size:14px; line-height: 40px;border:0;border-bottom: 1px solid #555;}
.halfWrap {font-size:0;}
.halfWrap > div {display:inline-block;width:50%;vertical-align: top;}
.halfWrap > div:first-child {padding-right:10px;box-sizing: border-box;}
.halfWrap > div:last-child {padding-left:10px;box-sizing: border-box;}
.halfWrap > div:last-child label {left: 10px;}
.signUpBtn {display:block;width:100%;height:50px;line-height: 50px;font-size: 16px;font-weight: 700;text-align: center;color:#fff;border-radius: 3px;background:#0262ae; border:0;}

.find_wrap{z-index: 20;display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);}
.find_wrap > div {display:table;width:100%;height:100%;}
.find_wrap > div > div {display:table-cell;width:100%;height:100%;vertical-align: middle;text-align: center;}
.findPass {position:relative;display:inline-block;width:600px;padding: 100px 40px;box-sizing:border-box;padding-bottom: 40px;background:#fff;}
.find_wrap h2 {font-size: 28px;font-weight: 400;color:#222;margin-bottom: 40px;}
.find_wrap h2 strong {font-weight: 700;}
.confirmBtn {display:inline-block;width:100%;height:50px;line-height: 50px;text-align: center;border-radius: 3px;background:#0262ae;color:#fff;font-weight: 700;font-size: 16px;}


/*mobile menu*/
.ham_menu{position:fixed; top:0; left:0; right:0; bottom:0; box-sizing:border-box; background:#fff url('../images/menu_bg.jpg') left top no-repeat; padding-left:480px; text-align:left; display:none; z-index:9999;}
.ham_menu.active{display:block;}
.ham_menu > div{padding:110px 200px; font-size:0; margin-top:-130px;}
.ham_menu_section{width:340px; font-size:17px; display:inline-block; zoom:1; *display:inline; padding-right:30px; box-sizing:border-box; vertical-align:top; margin-top:130px;}
.ham_menu_section h2{color:#0165b1; font-size:30px; font-weight:600; line-height:30px;}
.ham_menu_section a{color:#777; font-size:17px; line-height:17px; display:block; font-weight:500;}
.ham_menu_section a:hover{color:#0165b1; text-decoration:underline;}
.ham_menu_section ul{margin-top:30px; display:block;}
.ham_menu_section li + li{margin-top:17px;}
.ham_close{font-size:0; background:url('../images/menu_close.png') center center no-repeat; width:18px; height:18px; position:absolute; top:40px; right:40px;}








.pos_relative{position:relative;}

.ta_left{text-align:left;}
.ta_center{text-align:center;}
.ta_right{text-align:right;}

.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}

.ml-10{margin-left:-10px;}
.mr-10{margin-right:-10px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl110{padding-left:110px;}
.pl120{padding-left:120px;}
.pl130{padding-left:130px;}
.pl140{padding-left:140px;}
.pl150{padding-left:150px;}
.pl360{padding-left:360px;}


.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
.pr110{padding-right:110px;}
.pr120{padding-right:120px;}
.pr130{padding-right:130px;}
.pr140{padding-right:140px;}
.pr150{padding-right:150px;}
.pr360{padding-right:360px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt75{padding-top:75px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt95{padding-top:95px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}
.pt180{padding-top:180px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb75{padding-bottom:75px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}
.pb160{padding-bottom:160px;}
.pb170{padding-bottom:170px;}
.pb180{padding-bottom:180px;}
.pb220{padding-bottom:220px;}
.pb310{padding-bottom:310px;}


.col20{width:20%;}
.col25{width:25%;}
.col33{width:33.3333%;}
.col50{width:50%;}

.fl_left{float:left;}
.fl_right{float:right;}

.btn {display:inline-block;}
.icon {display:inline-block;}

.mobile_head{display:none;}


/* 210105 */
.amBox {margin-bottom: 35px;}
.amBox:last-child {margin-bottom: 0;}
.amBox strong {display:block;font-size: 16px;font-weight: 600;line-height:1;padding-bottom:15px;box-sizing: border-box;text-align: left;color:#333;}
.amBox .text {padding: 20px;box-sizing: border-box;font-size: 400;font-size: 12px;color:#555;text-align: left;}
.amBox .textWrap {background:#f2f2f2;height:130px;overflow:auto;}
.agreeArea {text-align: left;margin-top: 12px;}
.agreeArea label {margin-left: 20px;}
.joinNextBtn{display:inline-block;width:100%;height:50px;line-height: 50px;text-align: center;font-size:16px;font-weight: 700;color:#fff;background:#0262ae;border-radius: 5px; border:0;}
.mCSB_scrollTools .mCSB_dragger {background:#aeaeae !important;}
.mCSB_scrollTools .mCSB_draggerRail {background:none !important;}
.mCSB_scrollTools .mCSB_draggerContainer {top:10px !important;bottom:10px !important;}
.signUpLayer.layer2 {display:none;}
.signUpLayer.layer3 {display:none;}
.completeView {border-top: 1px solid #ddd; padding-top: 80px;padding-bottom: 70px;box-sizing:border-box;}
.completeView p {font-weight: 300;font-size: 28px;color:#222;line-height: 40px;}
.completeView p strong {display:inline-block;position:relative;font-weight: 600;z-index: 3;line-height: 1;}
.completeView p strong::before {content:'';display:inline-block;width:auto;height: 6px;border-radius: 6px;background:#ff8eaa;position:absolute;left:-5px;right:-5px;bottom:0;z-index: -1;}
.signUpLayer.layer3 .btnWrap {font-size:0;margin: 0 8px;white-space: nowrap;}
.goToMain {display:inline-block;width:50%;color:#0262ae;font-size: 16px;font-weight: 700;text-align: center;height:50px;line-height: 50px;border: 1px solid #0262ae;margin: 0 2px;box-sizing: border-box;}
.goToLogin {display:inline-block;width:50%;background:#0262ae;color:#fff;text-align: center;height:50px;line-height: 50px;color:#fff;font-size: 16px;font-weight: 700; margin: 0 2px;box-sizing: border-box;}


/*210312*/
.page3_slogun{color:#a3cad5; position:absolute; left:50%; top:40%; font-size:14px; line-height:22px;}
.page3_slogun p {text-align:center; }
.glo_wrap{position:absolute; padding-left:335px; left:50%; margin-left:-560px; bottom:135px;}
.glo_wrap.cont_glo{bottom:40px;}
.glo_korea{position:absolute; left:0; top:50px;}
.glo_wrap_list{font-size:0;width:790px;}
.glo_wrap_list li{display:inline-block; margin:4px; zoom:1; *display:inline;}
.glo_wrap_list li div{cursor:pointer;}
.glo_wrap_list li div img{transition-duration:0.5s;}
.glo_wrap_list li div:hover img{opacity:0.5;}
.contry_info_pop{}




@media screen and (max-width:1600px){
.page2_video{width:60%;}
/*.page2_video video{max-width:100%;}*/
.merri_font{margin-bottom:25px;}
}

@media screen and (max-width:1200px){
.logo{left:20px; }
.gnb_sub{right:20px;}

body{overflow:inherit; overflow-x:hidden;}
.wrapper{overflow:inherit;}
.gnb_wrap{display:none;}

/* .camera_txt{left:100px; margin-left:0;} */

.page2_bottom li{width:20%; margin:0; padding:0 15px; box-sizing:border-box;}

.wrapper, .main{height:100%;}
.main > section{position:relative;}
.page1{padding-top:56.25%;}
.page2{height:100%;}
.page2_txt p, .page2_btn_box, .page2_txt h2, .page2_txt span, .merri_font{opacity:1; margin-left:0;}
.page2_txt{padding-left:90px;}
.page2_bottom{opacity:1; bottom:0;}
.page2_video{width:100%; bottom:220px;}
.page2_video video{top:0; height:100%;}
.page2_bottom li a{background-size:100%; background-position:center bottom; background-repeat:no-repeat;}
.inner{padding-left:20px; padding-right:20px;}
.footer_menu, .top_btn{right:20px;}

.ham_menu{padding-left:0; background:#fff url('../images/mobile_menu_bg.png') left bottom no-repeat; background-size:350px;; display:block; width:100%; right:-100%; left:auto; transition-duration:0.5s;}
.ham_menu.active{right:0;}
.ham_menu > div{padding:0 20px; margin-top:0;}
.ham_menu_section{width:auto; margin-top:0px; margin-bottom:20px; padding-bottom:20px; display:block; border-bottom:1px solid #ddd; padding-right:0;}
.ham_menu_section:first-child{padding-top:20px;}

.ham_menu_section h2{font-size:18px;}
.ham_menu_section a{font-size:15px; line-height:15px;}
.ham_menu_section ul{margin-top:0;}
.ham_menu_section li + li{margin-top:13px;}
.ham_menu_section > div{overflow:hidden; box-sizing:border-box; height:0; transition-duration:0.5s;}
.ham_menu_section ul{ padding:20px; margin-top:10px; background:#f5f5f5;}
.ham_menu_section.active > div.ex1{height:65px;}
.ham_menu_section.active > div.ex2{height:65px;}
.ham_menu_section.active > div.ex3{height:121px;}
.ham_menu_section.active > div.ex4{height:149px;}
.ham_menu_section.active > div.ex5{height:150px;}
.ham_menu_section.active > div.ex6{height:150px;}
.ham_menu_section.active > div.ex7{height:233px;}
.ham_menu_section.active > div.ex7{height:101px}
.ham_menu_section.active > div.ex8{}
.ham_menu_section.active > div.ex9{}
.ham_menu_section.active > div.ex10{}

.ham_close{top:30px; right:20px;}
.mobile_head{height:100px; border-bottom:1px solid #ddd; display:none;}
.m_logo{padding-top:30px;}
.mobile_head .gnb_sub a{color:#252525;}

.page3{padding-top:75%;}
.network_title{top:auto; bottom:100px; font-size:32px; line-height:44px;}

.page3_bottom a span{height:60px; line-height:60px; background-size:40px; padding-left:45px; padding-left:50px; font-size:13px; letter-spacing:-1px;}
.contry_info_pop{left:50%; margin-left:-165px; text-align:left;}


}

@media screen and (max-width:1024px){
.camera_txt_br{display: block;}

.page3{padding-bottom:120px; background:url('/images/m2_main_map2-1.jpg') center top no-repeat; background-size:cover; padding-top:60%;}
.glo_wrap{padding-left:0; position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-left:0; text-align:center; margin-top:30px;}
.glo_korea{position:static;}
.glo_wrap_list{margin:0 auto; margin-top:30px;}
.page3_slogun{position:static; }


}

@media screen and (max-width:768px){
.ham_menu a{display:block;}
body, .onepage-wrapper, html{height:auto;}
.global_nav .member_wrap, .global_nav .lang_wrap, .global_nav .cart_btn{display:none;}
.mobile_head .gnb_sub{position:static;}
.page1{height:100%;}
.page1 video{height:100%; width:auto;}
.page2{height:auto;}
.page2_bottom{position:static;}
.page2_top{height:auto;}
.page2_video{bottom:0;}
.page2_video video{max-width:none;}
.page2_txt{position:relative; top:auto; left:auto; right:auto; bottom:auto; padding-left:50%; padding-top:50px; padding-bottom:50px;}
.page2_bottom li{width:33.3333%;}
.page2_bottom li a{background-size:200px;}
.page2_bottom span:after {background:url('../images/plus_icon_m.png')no-repeat;background-size: 60%;background-position:center;}
.footer_menu{position:static; padding-top:30px;}
.footer_top{padding:35px 0;}
.network_title {display:none;}
.page3{padding-top:65%; }
.page3_bottom a{font-size:13px; letter-spacing:-1px; padding:10px 0;}
.page3_bottom a span{line-height:normal; padding-left:0; padding-top:35px; background-position:center top; background-size:35px; height:auto;}
.page3_bottom a:hover span{ background-position:center top; background-size:35px;}
.page3_bottom .inner{padding-left:0; padding-right:0;}
.network_title{margin-left:0;}
.contry_wrap img{display:none;}
.contry_wrap span{font-size:0;}
.signUpIcon {background:url('../images/sub/icon_signup_m.png')no-repeat;background-size:100%;}
.page2_txt a {background-size:25px;background-position:right 30px center;}
.page2_txt a:hover {background:#0b78c0 url('../images/btn_arrow_on_m.png')no-repeat;background-size:25px;background-position:right 40px center;}
.covid_close {background:url('../images/pop_close_m.png')no-repeat;background-size: 100%;}
.signUpLayer {width: 80%;}
.signUp_process {padding: 0;}
.signUp_process li .iconWrap > div {width: 50px;height:50px;}
.forgotWrap > div a {font-size:12px;}
.signUp_process li .iconWrap > div > div {width:50px;height:50px;}
.signUp_process::before {top: 27%;}


}
@media screen and (max-width:640px){
.page2textWrap {padding-left: 0;}
.main_notice{display:none;}
.logo{top:15px;}
.gnb_sub{top:15px; right:10px;}
.sitemap_btn img{width:30px;}
.logo img{width:80px;}
.ham_menu{display:block;  background-size:90%;;}
.mobile_head a{display:block; height:50px; line-height:50px;}
.ham_menu .lang_wrap > a{background: url("../images/lang_arrow2.png") right center no-repeat;}
.mobile_head .cart_btn img{width:15px;}
.mobile_head .member_wrap li{position:relative;}
.mobile_head .member_wrap li + li{border-left:0 !important;}
.mobile_head .member_wrap li + li:before{display:block; content:''; position:absolute; left:0; top:18px; bottom:18px; width:1px; background:#ddd;}
.ham_menu_section:first-child{padding-top:10px;}
.ham_close{top:15px;}
.mobile_head{display:block; height:50px;}
.footer_top img{width:80px;}
.top{width:30px; height:30px;  background-size:30px;background:#fff url('../images/top_arrow_m.png')no-repeat;background-size: 10px;background-position: center;}
.top_btn{top:35px;}
.address li{line-height:20px;}
.footer_menu li{font-size:13px;}
.footer_menu li + li{padding-left:10px; margin-left:10px;}
.contact_btn button{width:140px; height:45px; line-height:45px; border-radius:45px; font-size:13px;}
.ham_menu_section{padding-bottom:10px; margin-bottom:10px;}
.ham_menu_section h2{font-size:15px;}
.ham_menu_section a{font-size:14px;}

.page1{height:auto; padding-top:100%;}
/* .camera_txt{left:20px; top:35%;} */
.camera_txt h2{font-size:30px;}
.camera_txt p{font-size:17px; line-height:23px; word-break:keep-all;}


.page2_video{transform: translate(0); position:static; height:auto; width:100%;}
.page2_video video{width:100%; height:auto;}
.page2_txt{padding-left:20px; width:auto; background:rgba(0,0,0,0.4);}
.merri_font{font-size:22px;}
.page2_txt span{font-size:15px;}
.page2_txt h2{font-size:30px; margin-top:10px;}
.page2_txt p{word-break:keep-all; padding-right:20px;}
.page2_txt p br{display:none;}
.page2_bottom ul{text-align:center;}
.page2_bottom li{width:50%; text-align:center; vertical-align:top;}
.page2_bottom li a{background-size:100%; font-size:14px; letter-spacing:-1px; height:170px; max-width:183px; margin:0 auto;}
.main_product_last{display:inline-block !important;}
.main_product_last > div{background:url('../images/page2_logo.png') center center no-repeat; height:170px; padding-top:20px; box-sizing:border-box; background-size:100%;  vertical-align:top;}

.page3{background-size:100%; padding-top:60%;}
.page3_bottom{position:static;}
.page3_bottom li{width:50%; vertical-align:top;}
.page3{padding-top:65%; padding-bottom:0; background: url('/images/m2_main_map2-1.jpg') center top no-repeat; background-size:100%;}
.network_title{margin-left:0; font-size:22px; line-height:29px; bottom:160px;}
.glo_wrap_list{width:auto; padding-bottom:30px;}
.glo_wrap_list li div img{width:50px;}
.glo_korea img{width:170px;}


.page3_slogun{font-size:12px; line-height:18px;}
.page3_bottom li:nth-child(1):before, .page3_bottom li:nth-child(3):before{display:none;}
.page3_bottom li:last-child:after{display:none;}

.loginPopup{width:80%; padding:40px 20px;}
.findPass{padding:40px 20px; width:80%;}
.loginPopup h2{font-size:20px; margin-bottom:20px;}
.loginBtnWrap{margin-bottom:20px;}
.find_wrap h2{font-size:20px;}
.findPass .btnWrap{margin-top:0;}
.signUpWrap{padding:60px 0;}

.halfWrap > div{display:block; width:auto;}
.halfWrap > div:first-child{padding-right:0;}
.halfWrap > div:last-child{padding-left:0;}

.lang_wrap li a{height:auto; line-height:normal;}
.lang_wrap ul{top:45px; left:20px;}

.signUpInput.mb70{margin-bottom:0;}
.footer_copy .snsBox li{margin-right:13px;}
.footer_copy .snsBox a{width:15px; background-size:15px;}
}


@media screen and (max-width:415px){
    .camera_txt h2{
        padding: 0 20px;
    }
    .camera_txt_br{
        display:none;
    }
}