@charset "utf-8";
html, body{}
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:'Lato', 'Noto Sans KR', sans-serif}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/*
a.btn {
	height: 60px; line-height: 60px;
}
*/

/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0;}
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{}
.plugin.chrome.webkit.win.x1.Locale_ko_KR{margin:0 !important;}

/*header*/
.top_head{position:fixed; top:0; left:0; right:0; z-index:1000; height:81px;  transition-duration:0.5s;}
.logo{display:block; position:absolute; top:24px; left:60px; z-index: 10}
.logo a{display:block;}
.logo_wh{display:block;  transition-duration:0.5s;}
.logo_bk{display:none;  transition-duration:0.5s;}

.top_head.active{background:rgba(255,255,255, 1)}
.top_head.no_bg{background:rgba(255,255,255, 0) !important}
.top_head.active .logo_wh{display:none;}
.top_head.active .logo_bk{display:block;}
.top_head.active .dep1 > a{color:#333;}
.top_head.active .head_sub a{color:#333;}
.top_head.active .head_login{padding-left:34px; background:url('/images/login_icon_over.png') left center no-repeat;}
.top_head.active .head_lang{padding-left:34px; background:url('/images/lang_over.png') left center no-repeat;}
.top_head.active .head_lang > div:last-child:before{display:block; content:''; position:absolute; left:0; top:5px; bottom:5px; width:1px; background:#ddd;}

.gnb{text-align:center; z-index: 10;}
.gnb_1dep{font-size:0; padding:0px 0; z-index: 10;}
.dep1{display:inline-block; zoom:1; *display:inline; padding:25px 85px 25px 15px; position:relative;; z-index: 10;} 
.dep1 > a{color:#fff; font-size:20px; font-weight:500;}

.gnb_bg {display: none; left:0;position:absolute;width: 100%;height: 300px;top:0px;background-size:cover;background:#fff;z-index: 2}

.depth2 {display: none; left:0;width:100%;position:absolute;top: 70px;z-index: 2;box-sizing: border-box; }
.depth2 a {font-family: 'Lato', sans-serif;display:block;text-align:left;line-height: 30px;color:#656565;font-size:15px;font-weight:400;transition: all 0.5s ease; letter-spacing:-0.5px; overflow: hidden}
.depth2 a:hover { color:#111;}
.depth2 > ul {padding:15px; box-sizing: border-box; }
.depth2 > ul > li {position: relative; }
.allmenu {position:fixed;width:100%;height:100%;overflow-y:scroll;background:#fff;}
.allmenu::after {content:'';display:inline-block;width:100%;height:1px;position:absolute;background:#ededed;top:89px;left:0;}
.allmenu .gnb {max-width: 1100px; margin: 0 auto; padding-top: 180px;box-sizing: border-box;}
.allmenu .gnb_bg {display:none !important;}
.allmenu .depth2 {position: relative; display:block !important;position: initial !important;height: auto !important; z-index: 10}
.allmenu .depth2 > ul {font-size:0;text-align: left;margin: 0 -17px; margin-top: 35px;margin-bottom:100px}
.allmenu .depth2 > ul > li {position: relative; display:inline-block;width:25%;vertical-align: top; padding: 0 17px;box-sizing: border-box;}
.allmenu .depth2 > ul >  li > a {text-align: left;background:#f6f6f6; text-align: left; border-radius: 5px;overflow:hidden; padding: 15px;box-sizing: border-box;}
.depth3{ display: none; position: absolute; top:0px; right: -180px;background:#f5f5f5; padding:10px; width: 165px; z-index: 12}
.depth3 ul a{font-size:13px;}

.head_sub{position:absolute; right:60px; top:25px; font-size:0;; z-index: 10}
.head_sub a{color:#fff; display:block; font-size:13px; font-weight:500; line-height:22px;}
.head_sub > div{display:inline-block; zoom:1; *display:inline;}
.head_login{padding-left:34px; background:url('/images/login_icon.png') left center no-repeat;}
.head_member{margin-right:60px;}
.head_lang{padding-left:34px; background:url('/images/lang.png') left center no-repeat;}
.head_lang > div{display:inline-block;}
.head_lang > div:last-child{margin-left:10px; padding-left:11px; position:relative;}
.head_lang > div:last-child:before{display:block; content:''; position:absolute; left:0; top:5px; bottom:5px; width:1px; background:#fff;}

.top_head:hover{background:#fff;}
.top_head:hover .logo_wh{display:none;}
.top_head:hover .logo_bk{display:block;}
.top_head:hover .dep1 > a{color:#333;}
.top_head:hover .head_sub a{color:#333;}
.top_head:hover .head_login{padding-left:34px; background:url('/images/login_icon_over.png') left center no-repeat;}
.top_head:hover .head_lang{padding-left:34px; background:url('/images/lang_over.png') left center no-repeat;}
.top_head:hover .head_lang > div:last-child:before{display:block; content:''; position:absolute; left:0; top:5px; bottom:5px; width:1px; background:#ddd;}

.fp-viewing-1 .top_head .logo_wh, .fp-viewing-3 .top_head .logo_wh{display:none;}
.fp-viewing-1 .top_head .logo_bk, .fp-viewing-3 .top_head .logo_bk{display:block;}
.fp-viewing-1 .top_head .dep1 > a, .fp-viewing-3 .top_head .dep1 > a{color:#333;}
.fp-viewing-1 .top_head .head_sub a, .fp-viewing-3 .top_head .head_sub a{color:#333;}
.fp-viewing-1 .top_head .head_login, .fp-viewing-3 .top_head .head_login{padding-left:34px; background:url('/images/login_icon_over.png') left center no-repeat;}
.fp-viewing-1 .top_head .head_lang, .fp-viewing-3 .top_head .head_lang{padding-left:34px; background:url('/images/lang_over.png') left center no-repeat;}
.fp-viewing-1 .top_head .head_lang > div:last-child:before, .fp-viewing-3 .top_head .head_lang > div:last-child:before{display:block; content:''; position:absolute; left:0; top:5px; bottom:5px; width:1px; background:#ddd;}



.main_inner{max-width:1600px; margin:0 auto;}
.inner{max-width:1200px; margin:0 auto;}
.mix_inner{max-width:1000px; margin:0 auto;}

.main_section.n1{background:url('/images/visual_img.png') center center no-repeat; background-size:cover; height:100%;}
.visual_txt{text-align:center; color:#fff;}
.visual_txt h2{font-weight:600; letter-spacing:-1px; font-size:60px; line-height:74px; opacity:0; position:relative; top:-50px; transition-duration:0.5s; transition-delay:0.5s;}
.visual_txt p{font-size:24px; line-height:34px; letter-spacing:-0.5px; font-weight:500; margin-top:30px;  opacity:0; position:relative; top:-50px; transition-duration:0.5s; transition-delay:0.8s;} 
.fp-viewing-0 .visual_txt h2, .fp-viewing-0 .visual_txt p{top:0; opacity:1;}
.main_video{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}


.main_section.n2{background:url('/images/main2_bg.jpg') center center no-repeat;  background-size:cover; position:relative; overflow:hidden;}
.section2_content{color:#151515;}
.section2_content > div{position:relative; opacity:0; left:-50px; transition-duration:0.5s; transition-delay:0.5s;}
.section2_content h3{font-size:58px; line-height:68px; letter-spacing:-1px; font-weight:600;}
.section2_content p{font-size:24px; line-height:34px; letter-spacing:-0.5px; color:#151515; font-weight:500; margin-top:30px;}
.section2_content a{display:block; max-width:200px; height:58px; line-height:58px; color:#fff; background:#000; text-align:center; font-size:18px; margin-top:90px;}
.section2_content img{position:absolute; right:0; top:30%; transform:translateY(-41%);  transition-duration:0.5s; transition-delay:0.8s; opacity:0;}
.fp-viewing-1 .section2_content img{top:50%; opacity:1;}
.fp-viewing-1 .section2_content > div{left:0; opacity:1;}

.main_section.n3{background: linear-gradient( to right, #000410, #1e2431 ); text-align:center;}
.section3_content ul{font-size:0; margin:0 -16px;}
.section3_li{display:inline-block; zoom:1; *display:inline; width:24.9999%; padding:0 10px; box-sizing:border-box; vertical-align:top; opacity:0; position:relative; top:-80px;  transition-duration:0.5s; text-align:center;}

.section3_li > div{padding-top:90px; padding-bottom:150px;}
.section3_li:nth-child(1) > div{background:url('/images/main3_img1.jpg') center center no-repeat;}
.section3_li:nth-child(2) > div{background:url('/images/main3_img2.jpg') center center no-repeat;}
.section3_li:nth-child(3) > div{background:url('/images/main3_img3.jpg') center center no-repeat;}
.section3_li:nth-child(4) > div{background:url('/images/main3_img3.jpg') center center no-repeat;}

.section3_li:nth-child(1){transition-delay:0.5s;}
.section3_li:nth-child(2){transition-delay:0.8s;}
.section3_li:nth-child(3){transition-delay:1.1s;}
.section3_li:nth-child(4){transition-delay:1.4s;}

.section3_li .dp_table{height:88px; margin-bottom:110px;}
.section3_li h3{color:#fff; font-size:30px; line-height:44px; font-weight:600;}
.section3_li a{display:block; width:96%; max-width:244px; height:56px; line-height:54px; box-sizing:border-box; border:1px solid #fff; text-align:center; font-size:16px; color:#fff; margin:0 auto;}
.section3_li a + a{margin-top:23px;}
.section3_li a:hover{background:#fff; color:#121212;}

.fp-viewing-2 .section3_li{opacity:1; top:0;}


.n4_wrap{height:100%;}
.n4_wrap .mCSB_scrollTools .mCSB_draggerContainer, .n4_wrap .mCSB_scrollTools .mCSB_draggerRail{background:transparent;}
.sec4_cont{padding-left:160px;  max-width:100%; box-sizing:border-box; overflow:hidden; padding-top:245px; padding-bottom:270px;}
.section4_title{position:relative; max-width:1600px;}
.section4_title > *{display:inline-block; vertical-align:top;}
.section4_title h3{color:#121212; font-size:58px; font-weight:600; line-height:1; padding-bottom:50px;}
.section4_title ul{font-size:0; margin-top:27px; margin-left:25px; padding-left:25px; position:relative;}
.section4_title ul:before{position:absolute; width:1px; background:#b2b2b2; top:0; left:0; bottom:0; content:'';}
.section4_title ul li{display:inline-block; }
.read_more{position:absolute; right:0; top:20px; color:#555; font-size:18px; font-weight:600; background:url('/images/read_more_arrow.png') center right no-repeat; padding-right:40px;}

.news_ul li a{display:block;  background:#e8edf3; padding:40px 30px;box-sizing:border-box; position:relative;}
.news_ul li span{display:inline-block; color:#fff; font-size:17px; font-weight:600; width:86px; height:28px; text-align:center; line-height:28px;}
.news_ul li span.cate1{background:#0f64b9;}
.news_ul li span.cate2{background:#55c4b0;}
.news_ul li span.cate3{background:#7f66b3;}
.news_ul li span.cate4{background:#00b2cc;}
.news_ul li h3{margin-top:35px; color: rgba(18,18,18,0.5); font-size:28px; font-weight:500; word-break:keep-all; transition-duration:0.3s; height:123px; overflow:hidden;}
.new_date{position:absolute; left:0; right:0; bottom:0; height:54px; line-height:54px; background:#ced6e1 url('/images/what_arrow1.png') right 20px center no-repeat; color:rgba(0,0,0,0.5); font-size:16px; padding:0 20px; box-sizing:border-box; transition-duration:0.3s;}
.news_ul li a:hover h3{color: rgba(18,18,18,15);}
.news_ul li a:hover .new_date{color:#fff; background:#121212 url('/images/what_arrow2.png') right 20px center no-repeat;}

.categorySelectorWrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.categorySelectorWrapper .categorySelector {
    display: flex;
    column-gap: 6px;
}
.categorySelectorWrapper .categorySelector select {
    width: 150px;
    height: 45px;
    font-size: 14px;
    padding-left: 10px;
    border: 1px solid #d5d5d5;
    color: #666;
    display: block;
}

/* 썸네일 */
.news_wrap .thumbnail{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.news_wrap .thumbnail img {
    width: 100%;
    height: auto;
    object-fit: fill;
    transition: all 0.3s;
    aspect-ratio: 16 / 10;
}
/* 뱃지 */
.news_wrap .thumbnail .badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 15px 20px;
    background: #000;
}
/* image zoom effect */
.news_wrap .thumbnail img:hover {
    transform: scale(1.35);
}
.news_wrap .thumbnail .badge.badge-orange {
    background: #ff6b00;
}
.news_wrap .thumbnail .badge.badge-skyblue {
    background: #1FBBEE;
}
.news_wrap .thumbnail .badge.badge-gray {
    background: #999;
}

/* 검색창 */
.news_wrap .search {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 20px;
}
.news_wrap .search input[type=search] {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #d5d5d5;
    font-size: 14px;
    color: #666;
}
.news_wrap .search button[type=submit] {
    width: 100px;
    height: 45px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.main_contact{background:url('/images/contact_bg.jpg') center center no-repeat; background-size:cover;}
.main_contact > div{text-align:center; padding:130px;}
.main_contact h2{color:#fff; font-weight:600; font-size:48px; letter-spacing:-0.5px;}
.main_contact p{color:#fff; font-size:20px; margin-top:30px; letter-spacing:-0.5px;}
.main_contact ul{font-size:0; margin-top:55px;}
.main_contact li{display:inline-block; margin:0 10px;}
.main_contact li a{display:block; height:58px; line-height:58px; width:200px; font-size:18px;}
.main_contact li:nth-child(1) a{color:#fff; background:#000;}
.main_contact li:nth-child(2) a{color:#000; background:#fff;}

footer{background:#000;}
.footer_menu{border-bottom:1px solid #262626;}
.footer_menu .inner{position:relative}
.foonter_menu_wrap{font-size:0; line-height:82px; height:82px;}
.foonter_menu_wrap li{display:inline-block;}
.foonter_menu_wrap li img {max-width: 120px}
.foonter_menu_wrap li + li{margin-left:30px;}
.foonter_menu_wrap a{font-size:15px; color:#6f6f6f; font-size:500;}
.foonter_menu_wrap a.privacy{color:#fff;}
.footer_sns{position:absolute; right:0; top:0; font-size:0;}
.footer_sns > *{display:inline-block; vertical-align:top;}
.footer_sns ul{padding-top:18px; padding-right:20px;}
.footer_sns li{display:inline-block;}
.top_btn{width:79px; text-align:center; height:82px; border-left:1px solid #262626; border-right:1px solid #262626; font-size:12px; font-weight:350; color:#fff; box-sizing:border-box; padding-top:40px; background:url('/images/top_icon.png') center top 30px no-repeat;}

.foonter_content{padding:33px 0; font-size:14px; color:rgba(255,255,255, 0.7); position:relative;}
.foonter_content h3{margin-bottom:10px;}
.foonter_content .address {padding: 20px 0 0}
.foonter_content .address:after {display: block; clear: both; content:""; line-height: 180%}
.foonter_content .address .head_office {float: left; width: 50%; padding: 0 20px 0 0}
.foonter_content .address .seoul_office {float: left; width: 50%; padding: 0 0px 0 10px}
.foonter_content span {opacity: 0.5; font-size: 10px; margin: 0 10px}

.copyright{margin-top:20px;}
.foonter_content img{position:absolute; right:0 ; bottom:70px;}
 

/*cheat*/
.dp_table{display:table; width:100%; height:100%;}
.dp_table > *{display:table-cell; vertical-align:middle;}


.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;}

.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;}

.pt3{padding-top:3px;}
.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;}

.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;}

.layer_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; height:0; overflow:hidden;}
.layer_wrap.active{height:auto;}

.pop_close{position:absolute; right:16px; top:19px; border:0; background:transparent; cursor:pointer;}

.login_wrap{max-width:460px; width:100%; box-sizing:border-box; padding:50px; background:#181f2b; margin:0 auto; position:relative;}
.login_wrap h2{color:#fff; font-weight:600; font-size:32px; line-height:32px;}
.login_input{margin-top:40px;}
.login_input_section{border-bottom:1px solid #5e636b; position:relative; padding-left:25px;}
.login_input li + li{margin-top:25px;}
.login_input_section label{position:absolute; top:0; left:25px; right:0; bottom:0; color:#545c6b; font-size:16px; font-weight:350; line-height:43px;}
.login_input_section input{height:43px; line-height:43px; width:100%; position:relative; border:0; background: transparent; color:#fff;}

.login_input_section.id{background:url('/images/id_icon01.png') left center no-repeat;}
.login_input_section.pw{background:url('/images/id_icon02.png') left center no-repeat;}

.id_save{margin-top:18px; color:#b3b3b3; font-size:13px; position:relative;}
.id_save input{position:absolute; width:0; height:0; left:-9999px;}
.id_save input + label span{width:16px; height:16px; border:1px solid #00c0f3; display:inline-block; margin-right:7px; vertical-align:middle; margin-top:-2px;}
.id_save input:checked + label span{background:url('/images/id_check.png') center center no-repeat;}

.login_btn{margin-top:45px;}
.login_btn button{background:#00c0f3; border-radius:3px; color:#fff; border:0; width:100%; height:48px; cursor:pointer; font-size:18px; transition-duration:0.3s;}
.login_btn button:hover{background:#fff; color:#111;}
.login_btn span{display:block; margin-top:17px; color:#b3b3b3; font-size:13px; text-align:center;}
.login_btn span a{color:#00c0f3;}
.sns_login{margin-top:45px;}
.sns_login li{margin-top:11px;}
.sns_login a{display:block; border-radius:3px; height:48px; line-height:48px; text-align:center; font-size:14px;}
.l_google{background:#fff url('/images/sns_login1.png') left center no-repeat; color:#999;}
.l_facebook{background:#4267b2 url('/images/sns_login2.png') left center no-repeat; color:#fff;}
.l_microsoft{background:#fff url('/images/sns_login3.png') left center no-repeat; color:#999;}

.login_or{text-align:center; margin-top:40px; position:relative;}
.login_or:before{display:block; content:''; position:absolute; left:0; right:0; top:50%; height:1px; background:#303641}
.login_or span{display:inline-block; color:#fff; background:#181f2b; padding:0 10px; font-size:13px; position:relative; z-index:2;}
.sign_btn{text-align:center; margin-top:34px; color:#b3b3b3; font-size:13px;}
.sign_btn a{color:#00c0f3;}
.login_close{position:absolute; right:50px; top:50px; width:21px; height:21px; background:url('/images/login_close.png') center center no-repeat; font-size:0;}

.mobile_menu_btn, .mMenu{display:none;}

@media screen and (max-width:1600px){
	.sec4_cont{padding-left: 60px}

	.section2_content img{width:50vw;}
	.section2_content > div{padding-left:5vw;}
	.section3_content{padding:0 7vw}
	.section3_li > div {padding-top: 60px; padding-bottom: 100px;}
	.sec4_cont{padding-top:13vw; padding-bottom:200px;}
	.read_more{right:5vw;}
	.main_video{position:absolute; top:0; left:0; transform:translate(0%,0%); width:120%;}
}

@media screen and (max-width:1500px){
	.dep1{padding:25px 85px 25px 15px;} 
}

@media screen and (max-width:1400px){
	.dep1{padding:25px 75px 25px 15px;} 
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1200px){
	.head_sub, .gnb{display:none;}
	.top_head{height:70px;}

	.mMenu{position:fixed; background:#fff; top:0; left:0; bottom:0; right:0;}
	.mMenu.on{display:block;}
	.mobile_menu_btn{display:block; position:absolute; right:20px; top:18px;}
	.mobile_menu_btn a, .mobile_menu_btn img{display:block;}
	.mobile_menu_btn img{width:30px;}

	.mobile_menu_btn .m_btn_on{display:none;}
	.top_head:hover .mobile_menu_btn .m_btn_on{display:block;}
	.top_head:hover .mobile_menu_btn .m_btn_off{display:none;}

	.logo{left:20px; top:18px;}
	.m_header_top{height:70px; position:relative; padding:0 20px;}
	.m_logo{display:block;}
	.m_logo img{ margin-top:18px;}
	.mobile_close{position:absolute; right:20px; top:18px;}
	.mobile_close img{display:block; width:30px;}
	.m_join_box{padding:10px 20px; background:#445067;}
	.m_join_box a{color:#fff; font-size:15px;}
	.m_lang{float:right;}
	.m_lang a{display:inline-block;}
	.m_lang a + a{margin-left:10px; padding-left:10px; border-left:1px solid #fff;}

	.mMenu_list > li{border-bottom:1px solid #ddd;}
	.mMenu_list > li > a{display:block; padding:15px; font-size:15px;}
	.mMenu_list > li > a.on{color:#00c0f3;}
	.m_depth2{padding:0 15px 15px; display:none;}
	.m_depth2 li{ font-size:14px; padding: 0 0 0 20px}
	.m_depth2 li + li{margin-top:10px;}
	.depth3{ display: none; position: relative; top:10px; left: 0px !important;background:#f7f7f7; padding:10px 0; width: 100%; z-index: 12}

	
	.main_video {
		top:50%; left:50%; transform:translate(-50%,-50%);width: auto !important;height: 100% !important;
	}

	.main_section{height:auto;}
	.main_section.n1{height:100%;}
	.main_wrap{height:100%;}
	.visual_txt h2{top:0; opacity:1; font-size:5.7vw; line-height:1.3;}
	.visual_txt p{opacity:1; top:0; font-size:3.5vw; padding:0 5vw; word-break:keep-all; line-height:1.3; margin-top:3vw;}
	
	.sec4_cont{padding-left: 20px; padding-bottom: 100px}

	.section2_content{padding-top:10vw; overflow:hidden;}
	.section2_content > div{position:static; opacity:1;}
	.section2_content img{position:static; opacity:1; transform: translateY(0); width:85vw; float:right; margin-top:3vw;}

	.section2_content h3{font-size:5vw; height:auto; line-height:1;}
	.section2_content p{font-size:3.5vw; margin-top:2vw; line-height:1.4}
	.section2_content a{opacity:1; position:static; max-width:20vw; height:6vw; line-height:6vw; font-size:2.5vw;}

	.section3_li{opacity:1; transition-delay:0 !important; top:0; display:block; width:70%; margin:0 auto;}
	.section3_li + li{margin-top:5vw;}
	.section3_content{padding:13vw 5vw;}
	.section3_content ul{margin:0;}
	.section3_li .dp_table{margin-bottom:20vw;}
	.section3_li h3{font-size:4vw; height:12vw}
	.section3_li > div{padding:7vw 5vw;}
	.section3_li a{font-size:2.5vw; height:6vw; line-height:6vw; max-width:70vw;}

	.section4_title ul{margin-top:1vw;}

	.news_ul li a{height:26vw; padding:3vw 2.3vw;}
	.news_ul li h3{margin-top: 1.3vw; height:9vw; font-size:2.3vw; line-height:1.2}
	.news_ul li span{font-size: 1.3vw; width: 6.5vw; height: 2.4vw; line-height: 2.4vw;}
	.section4_title h3{font-size:4.3vw; padding-bottom:4vw;}
	.section4_title ul{margin-left: 2vw; padding-left: 2vw;}
	.new_date{padding:0 2.3vw;}

	.main_contact > div{padding:10vw 5vw;}
	.footer_menu{padding-left:2vw;}
	.foonter_content{padding-left:2vw;}
	.foonter_content img{right:2vw;}

}

@media screen and (max-width:1000px){
	.foonter_content .address .head_office { width: 100%; padding: 0 0px 0 0}
	.foonter_content .address .seoul_office { width: 100%; padding: 30px 0px 0 0px}
}

@media screen and (max-width:860px){
	

	.top_head:hover{background:transparent;}
	.top_head:hover .logo_wh{display:block;}
	.top_head:hover .logo_bk{display:none;}
	.top_head:hover .mobile_menu_btn .m_btn_on{display:none;}
	.top_head:hover .mobile_menu_btn .m_btn_off{display:block;}


	.main_video{width:auto; height:100%;}

	.main_section{height:auto;}
	.main_section.n1{height:100%;}
	.main_wrap{height:100%;}
	.visual_txt h2{top:0; opacity:1; font-size:7.7vw; line-height:1.3;}
	.visual_txt p{opacity:1; top:0; font-size:4.5vw; padding:0 5vw; word-break:keep-all; line-height:1.3; margin-top:3vw;}

	.section2_content{padding-top:10vw; overflow:hidden;}
	.section2_content > div{position:static; opacity:1;}
	.section2_content img{position:static; opacity:1; transform: translateY(0); width:85vw; float:right; margin-top:3vw;}

	.section2_content h3{font-size:5vw; height:auto; line-height:1;}
	.section2_content p{font-size:3.5vw; margin-top:2vw; line-height:1.4}
	.section2_content a{opacity:1; position:static; max-width:20vw; height:6vw; line-height:6vw; font-size:2.5vw;}

	.section3_li{opacity:1; transition-delay:0 !important; top:0; display:block; width:70%; margin:0 auto;}
	.section3_li + li{margin-top:5vw;}
	.section3_content{padding:13vw 5vw;}
	.section3_content ul{margin:0;}
	.section3_li .dp_table{margin-bottom:20vw;}
	.section3_li h3{font-size:4vw; height:12vw}
	.section3_li > div{padding:7vw 5vw;}
	.section3_li a{font-size:2.5vw; height:6vw; line-height:6vw; max-width:70vw;}

	.section4_title ul{margin-top:1vw;}

	.read_more{font-size:3vw; background-size:1.5vw; top:1vw; padding-right:5vw;}
	.news_ul li span {font-size: 2.1vw; width: 11.5vw; height: 4vw; line-height: 4vw;}
	.news_ul li a{height:40vw; padding:5vw 3vw;}
	.news_ul li h3{height:12vw; font-size:3vw;}
	.main_contact h2{font-size:6.5vw;}
	.main_contact p{font-size:2.7vw;}

}

@media screen and (max-width:640px){

	.section2_content{padding-top:10vw; overflow:hidden;}
	.section2_content > div{position:static; opacity:1;}
	.section2_content img{position:static; opacity:1; transform: translateY(0); width:85vw; float:right; margin-top:3vw;}

	.section2_content h3{font-size:7vw; height:auto; line-height:1;}
	.section2_content p{font-size:4.5vw; margin-top:2vw; line-height:1.4}
	.section2_content a{opacity:1; position:static; max-width:23vw; height:7vw; line-height:7vw; font-size:3vw;}

	.section3_li{top:0; width:auto;}
	.section3_li + li{margin-top:5vw;}
	.section3_content{padding:13vw 5vw;}
	.section3_content ul{margin:0;}
	.section3_li .dp_table{margin-bottom:20vw;}
	.section3_li h3{font-size:7vw; height:18vw}
	.section3_li > div{padding:7vw 5vw;}
	.section3_li a{font-size:4vw; height:9.5vw; line-height:9.5vw; max-width:70vw;}

	.news_ul li span {font-size: 2.5vw; width: 11.5vw; height: 4vw; line-height: 4vw;}
	.news_ul li a{height:50vw; padding:5vw 3vw;}
	.news_ul li h3{height:19vw; font-size:4.5vw;}

	.sec4_cont{padding-top:15vw; padding-bottom:200px}
	.section4_title h3{font-size:5vw;}
	.notice_sns img{width:5vw;}
	.new_date{padding:0 5vw; height:11vw; line-height:11vw; font-size:4vw; background-position:center right 5vw; background-size:4vw;}

	.main_contact h2{font-size:8vw;}
	.main_contact p{font-size:5vw; word-break:keep-all; margin-top:4vw;}
	.main_contact ul{margin-top:9vw;}
	.main_contact li{margin:0 2vw;}
	.main_contact li a{width:30vw; font-size:4vw; height:11vw; line-height:11vw;}


	.footer_menu{padding-left:5vw;}
	.foonter_menu_wrap{height:11vw; line-height:11vw;}
	.foonter_menu_wrap a{font-size:3.5vw;}
	.foonter_menu_wrap li + li{margin-left:4vw;}
	.footer_sns ul {padding-top: 1.4vw; padding-right: 1vw;}
	.footer_sns img{width:8vw;}

	.top_btn{height:11vw; width:11vw; padding-top:5vw; background-position:center top 3vw; font-size:2.5vw; background-size:2.50vw;}
	.foonter_content{padding:6vw 5vw; font-size:3.5vw;}

	.foonter_content img{position:static; margin-top:4vw; width:30vw;}

	.logo img{width:30vw;}
	.mobile_close img, .mobile_menu_btn img{width:7vw;}
	.top_head, .m_header_top{height:16.5vw;}
	.m_logo img{width:30vw;}



}