@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,500');

/*
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Rufina');
*/
@font-face {
    font-family: 'DemiLight';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll; font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;font-size:13px;font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button{background:0;border:0;outline:0;font-size:inherit}
button img{left:-3px;*left:auto}
html:first-child select{}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}

/* module --------------------------------------------------------------------------------------------------------------------*/
/* ye_rin@designpixel.kr */
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
/* con */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

/* text */
[class*="text-"][class*="-center"]{text-align:center;}
[class*="text-"][class*="-left"]{text-align:left;}

/* lang ko en */
#container [lang="ko"]{font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif !important;}
#container [lang="en"]{font-family:'Montserrat', sans-serif !important;}
/* margin-top 0 5 10 15 20 ··· 150 */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt75{margin-top:75px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom 0 5 10 15 20 ··· 150 */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top 0 5 10 15 20 ··· 150 */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom 0 5 10 15 20 ··· 150 */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}

/* module --------------------------------------------------------------------------------------------------------------------*/
body.loading{position:fixed;overflow:hidden;height:100%}
#wrap,#contents{width:100%;position:relative;min-width:1400px;overflow:hidden}
#wrap header{width:100%;background:#fff;position:relative}
#wrap header div.header_top{width:1200px;margin:0 auto;border-left:1px solid #ececec;border-right:1px solid #ececec;box-sizing:border-box;height:90px}
#wrap header div.top_util{border-bottom:1px solid #ececec}
#wrap header div.top_util ul{width:1200px;margin:0 auto;text-align:right;font-size:0}
#wrap header div.top_util ul li{display:inline-block;vertical-align:top;font-family:'Montserrat';font-size:12px;font-weight:500;line-height:29px;text-align:right;color:#000}
#wrap header div.top_util ul li.kor{font-family:"Noto Sans KR"; font-weight: 400;}
#wrap header h1.logo{display:inline-block;vertical-align:top}
#wrap header div.search_wrap{display:inline-block;vertical-align:top;margin-left:50px}
#wrap header div.search_wrap a:hover{opacity:.8;transition:.2s}
#wrap header nav.header_util{display:inline-block;vertical-align:top;float:right}
#wrap header nav.header_util ul li{display:inline-block;vertical-align:top;margin-right: 30px;}
#wrap header nav.header_util:after{display:block;clear:both;content:''}
#wrap header nav.header_util ul{font-size:0}
#wrap header div.top_util ul li + li{margin-left:22px}
#wrap header #main_nav{display:inline-block;vertical-align:top}
#wrap header .menu_wrap:before{content:'';position:absolute;top:71px;right:0;left:0;height:70px;transform:scaleY(0);background:#e8e8e8;z-index:2;transition:.2s ease-in-out;transform-origin:top}
#wrap header .menu_wrap.bg:before{transform:scaleY(1);transition:.3s ease-in-out}
#wrap header #main_nav > ul{font-size:0;text-align:center}
#wrap header #main_nav > ul > li > a{font-size:17px;line-height:71px;letter-spacing:-.2px;color:#fff;display:block}
#wrap header #main_nav li.q1 a{background:#e45e50}

#wrap header #main_nav li.q2 a {
    background: #65b780;
}
#wrap header #main_nav li[class*='q'] .item{display:inline-block; margin-right:10px;}
#wrap header #main_nav > ul > li{width: 182px;display:inline-block;vertical-align:top}
#wrap header #main_nav ul.sub_list{position:absolute;top:100%;left:0;z-index:2;width:100%;display:none;line-height:71px;height:71px}
#wrap header #main_nav li:hover ul.sub_list{display:block}
#wrap header #main_nav ul.sub_list li{display:inline-block;vertical-align:top;margin:0 25px}
#wrap header #main_nav ul.sub_list li a{font-size:17px;color:#333;letter-spacing:-.8px;line-height:71px}
#wrap header #main_nav li > div{opacity:0;transition:.2s ease-in-out}
#wrap header #main_nav li:hover > div{opacity:1}
#wrap header div.menu_wrap{background: #020b36;position:relative;}
#wrap header div.menu_wrap .inner{width:1200px;margin:0 auto;position:relative}
#open_nav{position:absolute;top:191px;left:0;width:100%;background:#f6f6f6 url(../img/common/open_nav_bg.jpg) no-repeat right bottom;z-index:15;display:none}
#open_nav .open_list{width:1200px;margin:0 auto;padding:30px 0 120px}
#open_nav .open_list > li{overflow:hidden;padding:35px 0}
#open_nav .open_list > li + li{border-top:1px solid #d6d6d6}
#open_nav .open_list > li > *{float:left}
#open_nav .open_list h2.sbj{width:232px;font-size:26px;color:#02122c;letter-spacing:-.8px;font-weight:500;line-height:26px;position:relative;padding-bottom:15px}
#open_nav .open_list h2.sbj:after{width:20px;background:#02122c;height:2px;content:'';position:absolute;bottom:0;left:0}
#open_nav .open_sub_list{width:calc(100% - 232px)}
#open_nav .open_sub_menu li{margin-left:35px;margin-top:12px}
#open_nav .open_sub_menu{margin-left:-35px;margin-top:2px}
#open_nav .open_sub_menu li a{display:block;font-size:16px;color:#a8a8a8;font-weight:300;letter-spacing:-.6px;line-height:16px}
#open_nav .open_sub_list li{display:inline-block;vertical-align:top}
#open_nav .open_sub_list li a:hover{color:#e45e50}
#open_nav li:nth-child(1) .open_sub_list > li + li{margin-top:32px}
#open_nav .open_sub_list > li > a{font-size:18px;letter-spacing:-.8px;color:#555;line-height:18px}
#open_nav .open_list li:not(:first-child) .open_sub_list > li + li{margin-left:60px}
.sub_top{height:400px;position:relative;overflow:hidden;background:#02122c}
.sub_top .bgimg{height:400px;background: url(/img/common/st_bg01.jpg) no-repeat center / cover;position:absolute;top:0;left:0;width:100%;transform:scale(1.08);opacity:0;}
.sub_top.st2 .bgimg{background-image:url(/img/common/st_bg02.jpg)}
.sub_top.st3 .bgimg{background-image:url(/img/common/st_bg03.jpg)}
.sub_top.st4 .bgimg{background-image:url(/img/common/st_bg04.jpg)}
.sub_top.st5 .bgimg{background-image:url(/img/common/st_bg05.jpg)}
.sub_top.st6 .bgimg{background-image:url(/img/common/st_bg06.jpg)}
.sub_top.st7 .bgimg{background-image:url(/img/common/st_bg05_2.jpg)}
.sub_top .bgimg.on{transform:scale(1);transition:.5s ease-out;opacity:1}
.sub_top .inner{padding-top:130px;display:inline-block;vertical-align:top;text-align:left;transform:translate(-50%,0);position:relative;left:50%;opacity:0}
.sub_top .inner h2.s_title1{font-family:'Montserrat';text-transform:capitalize;font-size:65px;color:#fff;letter-spacing:-4.5px;font-weight:400;line-height:65px;position:relative;padding-bottom:25px;margin-bottom:22px;opacity:0;top:10px}
.sub_top .inner p.s_title2{color:#fff;font-size:18px;letter-spacing:-.2px;font-weight:300;opacity:0;top:10px;position:relative}
.sub_top .inner h2.s_title1:before{width:50px;height:1px;background:#fff;position:absolute;content:'';left:0;bottom:0}
.sub_top.st7 .inner{min-width: 600px;}
div.sub_tab ul.sub_tab{height:70px;width:1200px;font-size:0;text-align:center;position:relative;margin:0 auto}
.sub_tab ul.sub_tab li{line-height:70px;display:inline-block;width:20%;vertical-align:top;font-size:18px;font-weight:500;letter-spacing:-.3px;position:relative;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box}
.sub_tab ul.sub_tab li.on:before{width:30px;height:3px;background:#02122c;content:'';position:absolute;bottom:-1px;left:50%;margin-left:-15px}
.sub_tab ul.sub_tab li a{display:block}
.sub_tab ul.sub_tab li.en a{font-family:'Montserrat';font-weight:600}
div.sub_tab{background:#fefefe;border-bottom:1px solid #e6e8ea}
.dot_line{text-align:center;padding-bottom:60px;height:136px;box-sizing:border-box}
.dot_line span{display:block;width:1px;height:1px;background:#02122c;margin:0 auto}
.dot_line span.on{transition:1.5s .6s;height:49px}
#wrap footer{min-width:1400px;background: #020b36;padding:65px 0 80px;margin:0 auto;position:relative;}
#wrap footer div.wrap{width:1200px;margin:0 auto;position:relative}
#wrap footer div.footer_top #foot_nav ul.list{font-size:0}
#wrap footer div.footer_top #foot_nav ul.list > li{width:255px;display:inline-block;vertical-align:top}
#wrap footer div.footer_top #foot_nav ul.list > li > a{font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.2px;color:rgba(255,255,255,0.9);margin-bottom:15px;display:inline-block;vertical-align:top}
#wrap footer div.footer_top #foot_nav ul.sub_list > li{font-size:16px;font-weight:200;line-height:1.3;letter-spacing:-.4px;color:#fff;opacity:.6}
#wrap footer div.footer_top #foot_nav ul.sub_list > li + li{margin-top:10px}
#wrap footer div.footer_top{font-size:0;margin-bottom:40px}
#wrap footer div.wrap div.foot_right_util{width:calc(100% - 765px);display:inline-block;vertical-align:top;text-align:right;margin-top:4px}
#wrap footer div.footer_top #foot_nav{display:inline-block;vertical-align:top;width:765px}
#wrap footer div.wrap div.foot_select_site{width:260px;float:right;position:relative;margin-bottom:54px}
#wrap footer div.wrap div.foot_select_site:after{content:'';clear:both;display:block}
#wrap footer div.wrap div.foot_select_site h2{width:260px;height:50px;text-align:left;line-height:48px;border:1px solid #fff;box-sizing:border-box;font-size:17px;font-weight:300;color:#fff;position:relative}
#wrap footer div.wrap div.foot_select_site h2 a{display:block;padding:0 20px;box-sizing:border-box}
#wrap footer div.footer_bottom{border-top: 1px solid #fff ;padding-top:40px;}
#wrap footer div.foot_privacy ul.list{font-size:0}
#wrap footer div.foot_privacy ul.list li{font-size:17px;font-weight:400;line-height:1;letter-spacing:-.2px;color:#fff;opacity:.9;display:inline-block;vertical-align:top;position:relative}
#wrap footer div.foot_privacy ul.list li + li{margin-left:30px}
#wrap footer div.foot_privacy ul.list li + li:before{content:'';position:absolute;top:2px;left:-15px;width:1px;height:15px;background:#d7d7d7}
#wrap footer div.foot_privacy:after{content:'';display:block;clear:both}
#wrap footer div.foot_info{display:inline-block;vertical-align:top;width:640px}
#wrap footer div.foot_logo{display:inline-block;vertical-align:top;width:90px}
#wrap footer div.foot_privacy{float:right}
#wrap footer div.foot_info dl{font-size:0;margin-bottom:35px}
#wrap footer div.foot_info dl dt{width:125px;display:inline-block;vertical-align:top}
#wrap footer div.foot_info dl dd{width:calc(100% - 125px);display:inline-block;vertical-align:top}
#wrap footer div.foot_info dl > *{font-size:16px;font-weight:200;line-height:1.7;letter-spacing:-.4px;color:#fff;opacity:.4}
#wrap footer div.foot_info small.copy{font-family:'Montserrat';font-size:16px;font-weight:200;line-height:1;letter-spacing:-.4px;color:#fff;opacity:.4;display:block}
#wrap footer div.wrap div.foot_select_site ul.list{position:absolute;bottom:100%;left:0;background: #020b36;width:100%;z-index:10;text-align:left;font-size:17px;border:1px solid #fff;border-bottom:none;box-sizing:border-box;display:none;}
#wrap footer div.wrap div.foot_select_site ul.list li{padding:11px 0;padding-left:20px;color:#fff;font-weight:300;box-sizing:border-box}
#wrap footer div.wrap div.foot_select_site ul.list li a{display:block}
#wrap footer div.wrap div.foot_select_site ul.list li + li{border-top: 1px solid #fff;}
#wrap footer div.wrap div.foot_select_site h2:before{content:'';border:8px solid #fff;border-bottom:transparent;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:20px;margin-top:-4px;opacity:.8;transition:.3s .15s cubic-bezier(0.2,1.1,0.49,1.26)}
#wrap footer div.wrap div.foot_select_site h2.on:before{transform:rotate(180deg)}

/* pager */
.m00 .pager{margin:68px 0 180px}
.m00 .pager ul{text-align:center;font-size:0}
.m00 .pager ul li{display:inline-block;width:38px;height:38px;font-size:16px;line-height:38px;border:1px solid #dcdcdc;vertical-align:top}
.m00 .pager ul li a{display:block}
.m00 .pager ul li a img{width:38px;vertical-align:top}
.m00 .pager ul li.prev{margin-right:20px;border-left:none}
.m00 .pager ul li.next{margin-left:20px;border-right:none}
.m00 .pager ul li.num + li.num{border-left:none}
.m00 .pager ul li.num{color:rgba(0,0,0,0.5);font-family:'Montserrat';font-weight:500}
.m00 .pager ul li.num.on{border-bottom:2px solid #272b69;color:#272b69;font-weight:600;height:37px}


/* 햄버거 버튼 */
.bar {position:absolute;top: 10px;right: 0;width: 50px;height: 50px;z-index:1000;cursor:pointer;}
.menu-trigger,
	.menu-trigger span {display : inline-block; box-sizing : border-box; cursor:pointer}
.menu-trigger {position: absolute;width: 30px;height: 23px;margin: 0 auto;top: 50%;right: 0;transform: translateY(-50%);}
.menu-trigger span {position : absolute;width : 100%;height: 3px;background-color : #fff;}
.menu-trigger.active span {background:#fff;}
.menu-trigger span.l1{top : 0px;left : 0;}
.menu-trigger.active span.l1 {top: 4px;}
.menu-trigger span.l2{top: 10px;left : 0;width: 20px;}
.menu-trigger span.l3{bottom: 0px;left : 0;}
#header.on .menu-trigger span {background:#ffffff;}

/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.menu-trigger span.l1 {animation: menu-bar01 .6s forwards;}
@keyframes menu-bar01 {
	0% {transform : translateY(8.5px) rotate(45deg);}
	50% {transform : translateY(8.5px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}
.menu-trigger span.l2 {transition: all .2s;opacity : 1;}
.menu-trigger span.l3 {animation: menu-bar02 .6s forwards;}
@keyframes menu-bar02 {
	0% {transform : translateY(-9px) rotate(-45deg);}
	50% {transform : translateY(-9px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}
.menu-trigger.active span.l1 {
	animation: active-menu-bar01 0.6s forwards;
}
@keyframes active-menu-bar01 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(2px) rotate(0);}
	100% {transform:translateY(7px) rotate(45deg);}
}
.menu-trigger.active span.l2 {opacity : 0;}
.menu-trigger.active span.l3 {animation: active-menu-bar03 .6s forwards;width:100%;bottom: 4px;}
@keyframes active-menu-bar03 {
	0% {transform : translateY(0) rotate(0);}
	50% {transform : translateY(-5px) rotate(0);}
	100% {transform : translateY(-5px) rotate(-45deg);}
}


/* popup */
#text-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#text-popup .inner{overflow-y:scroll;background:#fff;box-sizing:border-box;width: 1200px;height: 750px;}
#text-popup .inner .title{text-align:center;font-size: 30px;font-weight: 500;letter-spacing: -1.2px;color:#08203c;line-height: 30px;padding: 80px 0 45px;}
#text-popup .inner h1 {font-size: 17px; line-height: 17px;}
#text-popup .inner .privacy_inner {padding: 0 70px 80px;}
#text-popup .inner::-webkit-scrollbar{width:5px;background:#e5e5e5}
#text-popup .inner::-webkit-scrollbar-thumb{background:#777}
#text-popup .popup-close{text-align:right;margin-bottom:10px;cursor:pointer}
#text-popup .popup-close img{width: 28px;image-rendering:pixelated;}
#video-popup iframe{width:854px!important;height:480px!important}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}


/*20200210 search_box 추가*/
#wrap header div.search_box{width: 228px;height:50px;display:inline-block;vertical-align:top;margin-top: 20px;margin-left: 50px;padding:8px 5px;box-sizing:border-box;overflow:hidden;border-bottom:3px solid #000000;}
#wrap header div.search_box form > *{float:left;}
#wrap header div.search_box .input{width:calc(100% - 30px);height:31px;padding: 0 5px;box-sizing: border-box;}
#wrap header div.search_box .input input{width:100%;height:31px;border: 0;font-size: 17px; outline:0;}
#wrap header div.search_box .input input::placeholder{color:#b8babe;}
#wrap header div.search_box .search_btn{width:30px; height:31px;}
#wrap header div.search_box .search_btn button{display:block; width:100%; height:100%; background:url(/img/common/search_icon.png)no-repeat center;}



/* intro */
.intro{
	overflow:hidden;
	width:100%;height:100vh;
	display:flex;flex-wrap:wrap;
}
.intro>a{
	position:relative;
	width:50%;height:100%;
}
.intro>a:before{
	display:block;content:"";
	width:100%;height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;left:0;top:0;opacity:0;transition:all 0.4s;
}
.intro>a .btn{
	display:flex;align-items:center;justify-content:center;
	width:219px;height:67px;
	position:absolute;left:50%;bottom:40px;transform:translateX(-50%);
	background:#020304;
	border-radius:33px;
	font-size:18px;color:#fff;opacity:0;
	transition:all 0.4s;
}
.intro>a .btn i{
	display:inline-block;
	width:33px;height:32px;
	margin-left:10px;
	border-radius:50%;
	background:#fff url(/img/common/intro_arr.png) no-repeat center;
}
.intro>a:hover .btn{
	opacity:1;
	box-shadow:3px 3px 10px rgba(255,255,255,0.4), -3px -3px 10px rgba(255,255,255,0.4), 2px 2px 5px rgba(255,255,255,0.4), -2px -2px 5px rgba(255,255,255,0.4);
}
.intro>a.on:before{opacity:1;}


@media(max-width:1200px){
	.intro>a .btn{bottom:50%;margin-bottom:-32px;}
}
@media(max-width:1080px){
	.intro{height:auto;}
	.intro>a{
		width:100%;height:580px;
	}
	.intro>a .btn{display:none;}
}