@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{height:20px;padding-right:6px}
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:320px;overflow:hidden;margin:0 auto}
#wrap header{width:100%;background:#fff;position:relative}
#wrap main{padding-top:65px}
#wrap header div.header_top{margin:0 auto;height:65px;display:flex;align-items:center;background: #020b36;padding:0 3.5%;position:fixed;top:0;left:0;z-index:1000;width:100%;box-sizing:border-box;}
#wrap header .menu_wrap{height:calc(100% - 65px);position:fixed;top:65px;left:0;width:100%;z-index:1000;background:#fff;display:none;overflow-y:auto}
#wrap header .search_btn{position:absolute;right:3.5%;top: 50%;transform: translateY(-50%);}
#wrap header .search_btn img{left:0;}
#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 h1.logo{display:inline-block;vertical-align:top;margin: 0 auto;}
#wrap header h1.logo img{height:45px}

#wrap header .search_banner {
	position:fixed;
	width:100%;
	height:75px;
	background:#02122c;
	box-sizing:border-box;
	padding: 16px 4%;
	top:0;
	left:0;
	z-index:100000;
	display:none;
	overflow:hidden;
	}
#wrap header .search_banner .input_wrap {position:relative;width: 89%;height: 40px;float:left;border-bottom: 2px solid #ffffff;}
#wrap header .search_banner .input_wrap .input{
    width: calc(100% - 24px);
    display: inline-block;
    vertical-align: top;
}
#wrap header .search_banner .input_wrap .search_btn2{
    width: 21px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}
#wrap header .search_banner .input_wrap .search_btn2 button{display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
#wrap header .search_banner .input_wrap input[type='text'] {
	width:100%;
	height:40px;
	border-radius:0;
	background:none;
	border:0;
	color:#ffffff;
	font-size: 16px;
	outline:0;
	}
#wrap header .search_banner .search_close_wrap{float:right;width:10%;height: 40px;text-align:center;}
#wrap header .search_banner .search_close_wrap .search_close {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	}




#main_nav > ul > li > a{font-size:18px;line-height:60px;letter-spacing:-.8px;color:#0a080b;font-weight:500}
#main_nav > ul > li{text-align:center;border-bottom:1px solid #e5e5e5;position:relative}
#main_nav > ul > li:after{content:'';position:absolute;top:24px;right:3.5%;width:25px;height:14px;background: url(../img/common/menu_ul_arrow.jpg) no-repeat left top/ 25px auto;transition:.4s;}

#main_nav > ul > li.fish_new:after {
    display: none;
}
#main_nav > ul > li:nth-child(5):after{display:none}
#main_nav > ul > li.on:after{transform:rotate(180deg)}
#main_nav > ul > li.fish_search:after{display:none}

#main_nav > ul > li.fish_search{background:#e45e50;border-bottom: 0;}

#main_nav > ul > li.fish_new {
    background: #65b780;
}
#main_nav > ul > li.fish_search a{color:#fff;font-weight:400}

#main_nav > ul > li.fish_new a {
    color: #fff;
    font-weight: 400;
}
#main_nav .sub_list{background:#f6f6f6;display:none}
#main_nav .sub_list a{line-height:50px;font-size:15px;color:#555;letter-spacing:-.8px}
#main_nav .sub_list > li{border-top:1px solid #e5e5e5}

.sub_tab_box{position: relative;top:0;left:0;width:100%;height: 69px;text-align:center;z-index: 10;border-bottom: 1px solid #e6e8ea;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;max-width:inherit;margin:inherit;}
.sub_tab_box ul.sub_tab{position:relative;width:100%;white-space:nowrap;overflow-x:auto;line-height: 68px;letter-spacing:-.5px;font-size: 18px;-moz-transition:800ms cubic-bezier(0.250,0.100,0.250,1.000);-o-transition:800ms cubic-bezier(0.250,0.100,0.250,1.000);-webkit-transition:800ms cubic-bezier(0.250,0.100,0.250,1.000);transition:800ms cubic-bezier(0.250,0.100,0.250,1.000);}
.sub_tab_box ul.sub_tab::-webkit-scrollbar {
  display: none;
}
.sub_tab_box ul.sub_tab.on{padding-left:20px}
.sub_tab_box ul.sub_tab.init{-webkit-overflow-scrolling:touch}
.sub_tab_box ul.sub_tab.on.init{padding-left:0}
.sub_tab_box ul.sub_tab li{position:relative;display:inline-block;margin:0 12px}
.sub_tab_box ul.sub_tab li a{position:relative;display:block;color: #333;margin-top:1px;letter-spacing: -1px;font-weight: 500;}

.sub_tab_box ul.sub_tab li.en a {font-family: 'Montserrat';font-weight: 600;}
.sub_tab_box ul.sub_tab li.on a:before{content:'';position:absolute;left: 50%;bottom:0;height: 3px;background: #02122c;z-index:1;width: 40px;margin-left: -20px;}
.sub_tab_box.white ul.sub_tab li a{color:#999}
.sub_tab_box.white ul.sub_tab li.on a{color:#333}

.sub_top{height: 180px;position:relative;overflow:hidden;background:#02122c;display: flex;align-items: center;justify-content: center;}
.sub_top .bgimg{height: 180px;background: url(/img/common/st_bg01.jpg) no-repeat center 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(/m/img/common/st_bg05.jpg)}
.sub_top.st7 .bgimg{background-image:url(/m/img/common/st_bg07.jpg)}
.sub_top .bgimg.on{transform:scale(1);transition:.5s ease-out;opacity:1}
.sub_top .inner{position:relative;opacity:0;text-align: center;}
.sub_top .inner h2.s_title1{font-family:'Montserrat';text-transform:capitalize;font-size:65px;color:#fff;letter-spacing: -2.5px;position:relative;opacity:0;top:10px;margin-bottom: 12px;font-weight: 400;}
.sub_top .inner p.s_title2{color:#fff;font-size:18px;letter-spacing:-.2px;font-weight:300;opacity:0;top:10px;position:relative}
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;height: 120px;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}
.brand_wrap{background:#f6f6f6}
.brand_wrap .list{display:flex;flex-wrap:wrap;border-bottom:1px solid #e5e5e5}
.brand_wrap .list li{width:33.33%;text-align:center;box-sizing:border-box;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;height:60px;display:flex;align-items:center;justify-content:center}

.brand_wrap .list li:nth-child(n+4):nth-child(-n+7) {
    width: 25%;
}
.brand_wrap .list li:nth-child(3), .brand_wrap .list li:nth-child(7){border-right:0}
.brand_wrap .list img{height:39px}
#wrap footer{min-width:320px;background: #020b36;padding:35px 0 16px;margin:0 auto;position:relative;}
#wrap footer div.wrap{margin:0 auto;position:relative;width:93%}
#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{display:flex;justify-content:space-between;margin-bottom:22px}
#wrap footer div.footer_top #foot_nav{display:inline-block;vertical-align:top;width:765px}
#wrap footer div.wrap div.foot_select_site{width:185px;position:relative}
#wrap footer div.wrap div.foot_select_site:after{content:'';clear:both;display:block}
#wrap footer div.wrap div.foot_select_site h2{width:100%;height:45px;text-align:left;line-height:42px;border:1px solid #fff;box-sizing:border-box;font-size:15px;font-weight:300;color:#fff;position:relative}
#wrap footer div.wrap div.foot_select_site h2 a{display:block;padding:0 12px;box-sizing:border-box}
#wrap footer div.foot_privacy ul.list{font-size:0;text-align:center}
#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{margin-top:15px}
#wrap footer div.foot_logo img{width:45px}
#wrap footer div.foot_privacy{border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding:18px 0;}
#wrap footer div.foot_info dl{font-size:0;margin-bottom:5px}
#wrap footer div.foot_info dl dt{width:95px;display:inline-block;vertical-align:top}
#wrap footer div.foot_info dl dd{width:calc(100% - 95px);display:inline-block;vertical-align:top;margin-bottom:12px}
#wrap footer div.foot_info dl > *{font-size:13px;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:10px;font-weight:200;line-height:1;letter-spacing:-.2px;color:rgba(255,255,255,0.4);display:block;border-top: 1px solid #555;text-align:center;padding-top:15px;}
#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:15px;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:12px;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:11px;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: 50px 0 100px;}
.m00 .pager ul{text-align:center;font-size:0}
.m00 .pager ul li{display:inline-block;width: 35px;height: 35px;font-size: 15px;line-height: 34px;border:1px solid #dcdcdc;vertical-align:top;box-sizing: border-box;}
.m00 .pager ul li a{display:block}
.m00 .pager ul li a img{width: 34px;vertical-align:top;}
.m00 .pager ul li.prev{margin-right: 9px;border-left:none;}
.m00 .pager ul li.next{margin-left: 9px;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: 34px;}


/* 햄버거 버튼 */
.bar {position:absolute;top: 7px;left: 3.5%;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: 25px;height: 21px;margin: 0 auto;top: 50%;left: 0;transform: translateY(-50%);}
.menu-trigger span {position : absolute;width : 100%;height: 2px;background-color : #fff;}
.menu-trigger.active span {background:#fff;}
.menu-trigger span.l1{top : 0px;left : 0;}
.menu-trigger.active span.l1 {top: 3px;}
.menu-trigger span.l2{top: 9px;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%);width:93%;margin:0 auto}
#text-popup .inner{height:360px;overflow-y:scroll;background:#fff;padding:0 10px;box-sizing:border-box}

#text-popup.inquiry_process_wrap .inner {
    padding: 20px 15px 50px;
}
#text-popup .inner .title{text-align:center;font-size:23px;font-weight:600;letter-spacing:-1px;color:#08203c;line-height:23px;padding:30px 0 22px}
#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:24px;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;}





/* intro */
.intro{
	overflow:hidden;
	width:100%;
	height:calc(var(--vh, 1vh) * 100);
}
.intro>a{
	position:relative;
	display:block;
	width:100%;height:50%;
}
.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:none;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;}