@charset "utf-8";

/* font */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src:url(../fonts/notokr-demilight.eot); src: local(※),
url(../fonts/notokr-demilight.eot) format('embedded-opentype'),
url(../fonts/notokr-demilight.woff) format('woff'),
url(../fonts/notokr-demilight.ttf) format('truetype');
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src:url(../fonts/notokr-regular.eot); src: local(※),
url(../fonts/notokr-regular.eot) format('embedded-opentype'),
url(../fonts/notokr-regular.woff) format('woff'),
url(../fonts/notokr-regular.ttf) format('truetype');
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src:url(../fonts/notokr-medium.eot); src: local(※),
url(../fonts/notokr-medium.eot) format('embedded-opentype'),
url(../fonts/notokr-medium.woff) format('woff'),
url(../fonts/notokr-medium.ttf) format('truetype');
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 600;
src:url(../fonts/notokr-bold.eot); src: local(※),
url(../fonts/notokr-bold.eot) format('embedded-opentype'),
url(../fonts/notokr-bold.woff) format('woff'),
url(../fonts/notokr-bold.ttf) format('truetype');
}


/* nanum-myeongjo */
@font-face {
font-family: 'Nanum Myeongjo';
font-style: normal;
font-weight: 400;
src:url(../fonts/NanumMyeongjo.eot); src: local(※),
url(../fonts/NanumMyeongjo.eot) format('embedded-opentype'),
url(../fonts/NanumMyeongjo.woff) format('woff'),
url(../fonts/NanumMyeongjo.ttf) format('truetype');
}



/** HOSEO cabincrew Common Style **/

body { position: relative; color: #333333; font-size: 16px; font-family: Noto Sans KR, sans-serif; font-weight: 300; line-height: 1; letter-spacing:-0.5px }
section { position: static;}
.fix-layout { position: static;  width: 100%; /*max-width: 1240px;*/max-width: 1300px; padding: 0 !important; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  box-sizing: border-box; }
a:hover,
a:focus { text-decoration: none; }
em, address { font-style:normal;}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute;}
.div-wrap {position:relative;width:100%;text-align:center;margin:0 auto 0 auto;}
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.5s ease;}
.body-slider-ovclick {position:fixed;z-index:8000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
@media only screen and (max-width:999px){
	
	.body-slide {transition:all .5s ease;}
	.body-slide.is-open {position:fixed;top:0;right:0;width:100%;height:100%}
}

@media all and (min-width:1300px)  {
	
	.div-wrap {min-width:1300px;}
	.div-cont {max-width:1300px;width:100%;margin-left:auto;margin-right:auto;}
	
}

@media all and (max-width:1199px){
	.div-wrap {min-width:320px;}
	
}
@media all and (max-width:999px){
	.div-cont {margin-left:15px;margin-right:15px;}
}




/************************************************
	Header
*************************************************/
header{ overflow:hidden;
  position: absolute;left:0;right:0;top:0;min-height: 160px;z-index: 100;
  align-items: center;
  -webkit-transition: min-height .2s ease-in-out, background .43s ease-in-out;
  transition: min-height .4s ease-in-out, background .43s ease-in-out;
  transition: min-height .4s ease-in-out, background .43s ease-in-out;
  transition: min-height .4s ease-in-out, background .43s ease-in-out;
  background:none !important;
}
header:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 0;transition: height 0.5s ease-out;overflow: hidden; background-color: transparent;}
.main header:after,
.sub-main header:after{background-color: #fff;}
.main header.active:after,
.sub-main header.active:after{height: 100%;transition: height 0.5s ease-in;}
header .header-wrap{position:absolute;left:0;right:0; top: 0; width:1300px;height: 100%;margin: 0 auto;z-index: 100;}
header h1{float: left;width: 350px;height: 60px;margin-top: 55px;text-indent:-999px;background: url('/resources/images/cabincrew/common/logo_01.png') 0 0 no-repeat;z-index: 1000;}
header h1 a{display: block;width: 100%;height: 100%;cursor: pointer; text-indent:-9999em; overflow: hidden;}
header .gnb-menu{display: none;}
header nav{display: none;}
header .global-menu{float: right;padding-top: 39px; z-index: 1000;}
header .global-menu ul{font-size: 0;}
header .global-menu ul li{display: inline-block; line-height: 20px;}
header .global-menu ul li a{display: inline-block; font-size: 14px; color: #fff; vertical-align: top;font-weight: 500;}
header .global-menu ul li.lang{margin-right: 31px;}
header .global-menu ul li.lang a{font-weight: 500;}
header .global-menu ul li.customer a{margin-right: 31px;line-height: 18px;font-weight: 500;}

header .global-menu ul li.search a{width: 20px;height: 20px;margin-right: 18px;background: url('/resources/images/cabincrew/common/ico_search_01.png') 0 0 no-repeat;}
header .global-menu ul li.home a{width: 21px;height: 22px;margin-right: 20px;background: url('/resources/images/cabincrew/common/top_home.png') 0 0 no-repeat;}
header .global-menu ul li.allmenu a{width: 27px;height: 22px;background: url('/resources/images/cabincrew/common/top_menu_all.png') 0 0 no-repeat;}

header .gnb{position: absolute;right:0;top:86px;padding-bottom: 30px;}
header .gnb:after{content: '';display: block;position: absolute;left: 0;bottom: -9px;width: 3000px;height: 1px;border-bottom: 1px solid rgba(255,255,255,0.3);z-index: 102;}
header .gnb > ul > li{display: inline-block;vertical-align: top; margin-left: 90px;}
header .gnb > ul > li:first-child{margin-left: 0;}
header .gnb > ul > li > a{font-size: 20px;color: #fff;font-weight: 700;border-bottom: 1px solid transparent;}
header .gnb > ul > li.active > a{border-bottom: 1px solid #292929;}
header.active .gnb > ul > li.hover.active > a{border-bottom: 1px solid transparent;} /* 181217 */
header .gnb > ul > li > ul{visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear, padding-top 0.5s; position: absolute; padding-top: 0;}
header .gnb > ul > li > ul li a{font-weight: 400; font-size: 16px; line-height: 36px; white-space: nowrap;border-bottom: 1px solid transparent;}
header .hover-bg{width: 100%; opacity: 0; height: 0;  background-color: transparent;
    -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
       transition: all .4s ease-in-out;}

/*활성화*/
header.active{position: absolute;top:0;left:0;right:0;width: 100%;min-height: 428px; overflow: hidden;z-index: 10;}
header.active:after{height: 100%; background-color: #ffffff; opacity: 1; transition: height 0.5s ease-in;}
header.active h1{background-image: url('/resources/images/cabincrew/common/logo_02.png');}
header.active .global-menu ul li a{color: #292929;}
header.active .global-menu ul li.search a{background-image: url('/resources/images/cabincrew/common/ico_search_02.png');}
header.active .global-menu ul li.home a{background-image: url('/resources/images/cabincrew/common/top_home_on.png');}
header.active .global-menu ul li.allmenu a{background-image: url('/resources/images/cabincrew/common/top_menu_all_on.png');}
header.active .gnb:after{display: none;}
header.active .gnb > ul > li a{font-size: 20px;color: #000;}
header.active .gnb > ul > li a:hover{color: #000;}
header.active .gnb > ul > li > ul{display: block; opacity: 1; visibility: visible; transition-delay: 0.15s; padding-top: 18px;}
header.active .gnb > ul > li > ul li{display: block;}
header.active .gnb > ul > li > ul li a{font-size: 16px;line-height: 40px;color: #292929;border-bottom: 1px solid transparent;}
header.active .gnb > ul > li > ul li a:hover{border-bottom: 1px solid #000;}
header.active .gnb > ul > li .gnb > ul > li > ul li.active a{color: #000;}
header.active .hover-bg{opacity: 1; position: absolute; height: 100%; background-color: #fff; margin-top: 0; transition: height 0.3s ease-out;}

/*sticky*/
header.sticky {position: fixed; border-bottom: 1px solid #b5b5b5;}

/*sub-header*/
.sub header{background-color: #fff !important;}
.sub header h1{background-image: url('/resources/images/cabincrew/common/logo_02.png');}
.sub header .global-menu ul li a{color: #585858;}
.sub header .global-menu ul li.search a{background: url('/resources/images/cabincrew/common/ico_search_02.png') 0 0 no-repeat;}
.sub header .global-menu ul li.home a{background: url('/resources/images/cabincrew/common/top_home_on.png') 0 0 no-repeat;}
.sub header .global-menu ul li.allmenu a{background: url('/resources/images/cabincrew/common/top_menu_all_on.png') 0 0 no-repeat;}
.sub header.active{border-bottom: 1px solid #292929;}
.sub header.active .global-menu ul li a:hover{color: #292929;}
.sub header.active .global-menu ul li.search a{background: url('/resources/images/cabincrew/common/ico_search_03.png') 0 0 no-repeat;}
.sub header.active .global-menu ul li.home a{background: url('/resources/images/cabincrew/common/top_home_on.png') 0 0 no-repeat;}
.sub header.active .global-menu ul li.allmenu a{background: url('/resources/images/cabincrew/common/top_menu_all_on.png') 0 0 no-repeat;}
.sub header .gnb:after{display: none;}
.sub header .gnb > ul > li >a{color: #585858;border-bottom: 1px solid transparent; padding-bottom: 4px}
.sub header .gnb > ul > li .active>a{border-bottom: 1px solid #292929; color: #000;}
.sub header.sticky h1{background-image: url('/resources/images/cabincrew/common/logo_02.png');}
.sub header.sticky .gnb > ul > li  li a{ color: #000;border-bottom: 1px solid transparent; padding-bottom: 4px}
.sub header.sticky .gnb > ul > li .active>a{color: #292929;}
.sub header.sticky .gnb > ul > li  a:hover{border-bottom: 1px solid #292929;}

.btn-gnb-close { display: none; position: absolute; top: 13px; right: 262px; z-index: 3; }


/************************************************
	Footer
*************************************************/
footer { margin-top: 0; padding: 0; border-top: 0; text-align: left; }
#footer-wrap {background:#32363f;}
#footer-wrap:before {position:absolute;top:64px;left:0;content:"";display:block;width:100%;height:1px;background:#32363f;}
.opencBt {position:fixed;bottom:280px;right:-80px;width:80px;height:85px;z-index:3500;font-size:0.9em;letter-spacing:-0.05em;text-align:center;color:#311917; font-weight:600;transition:all .3s ease;}
.opencBt span {color:#311917;}
.opencBt:before {content:"";display:block;width:35px;height:33px;margin:15px auto 8px;background:url(/resources/images/cabincrew/common/openc_ico.png) no-repeat 0px 0px;}
.opencBt.over {background:rgba(255,235,0,1.0);right:20px;}
.topBt {position:fixed;bottom:210px;right:-80px;width:80px;height:65px;z-index:3500;font-size:1.0em;letter-spacing:-0.05em;text-align:center;color:#fff;transition:all .3s ease;}
.topBt span {color:#fff;}
.topBt:before {content:"";display:block;width:14px;height:9px;margin:10px auto 8px;/*background:url() no-repeat -35px -12px;*/}
.topBt.over {background:rgba(20,41,57,0.8);right:20px;}
#footer-top-wrap .ftoplink {overflow:hidden;padding:38px 0 21px}
#footer-top-wrap .ftoplink li {float:left;margin:0 1px;}
#footer-top-wrap .ftoplink li:first-child {margin-left:0; color:#f3c204;}
#footer-top-wrap .ftoplink li:first-child:before { }
#footer-top-wrap .ftoplink li a {position:relative;display:inline-block;vertical-align:top;padding:0 14px}
#footer-top-wrap .ftoplink li a:before{ width:1px; height:14px; background-color:#b4b4b4; content:""; margin-top:-7px; position:absolute; top:50%; left:0;}
#footer-top-wrap .ftoplink li:first-child a {padding-left:25px; color:#f3c204;}
#footer-top-wrap .ftoplink li:first-child a:before {position:absolute;top:50%;left:0;margin-top:-6px;content:"";display:none;width:16px;height:16px;background:url() no-repeat}
#footer-top-wrap .ftoplink li a span {color:#d0d4d3;font-size:0.938em;font-weight:300;}
#footer-top-wrap .ftoplink li:first-child a span {color:#f3c204;}
#footer-top-wrap .ftoplink li a:hover span, #footer-top-wrap .ftoplink li a:focus span, #footer-top-wrap .ftoplink li a:active span {text-decoration:underline;}
#footer-top-wrap .site_wrap{ width:230px; /*height:40px;*/ text-align:left; display:inline-block; position:absolute; top:28px; right:60px; z-index:100;}
#footer-top-wrap .site_wrap > a{ width:100%; font-size:16px; color:#434343; line-height:40px; padding:0 40px 0 20px; display:inline-block; box-sizing:border-box; position:relative; border:1px solid rgba(255,255,255,0.1);}
#footer-top-wrap .site_wrap > a:before{ width:17px; height:12px; background:url(/resources/images/cabincrew/common/foot_site_ico02.png) no-repeat 0px 0px; content:""; position:absolute; top:14px; right:17px;}
#footer-top-wrap .site_wrap > ul{ width:100%; padding:0 0 41px 0; display:inline-block; position:absolute; top:-99999px; left:-1px;}
#footer-top-wrap .site_wrap > ul li{ width:100%; background-color:#32363f; display:inline-block; border:1px solid #666; border-top:0; float:left;}
#footer-top-wrap .site_wrap > ul li:first-child{border-top:1px solid #666;}
#footer-top-wrap .site_wrap > ul li a{ width:100%; font-size:14px; color:#434343; line-height:40px; padding:0 20px; display:inline-block; box-sizing:border-box;}
#footer-top-wrap .site_wrap > ul li a:hover,
#footer-top-wrap .site_wrap > ul li a:focus{ font-weight:600;}
#footer-top-wrap .site_wrap.on > ul{ bottom:0; top:auto;}
#footer-top-wrap .site_wrap > a,
#footer-top-wrap .site_wrap > ul li a{color:#c6c8cc;}
#footer {padding-top:23px;padding-bottom:45px;font-size:0.938em;color:#cbcbcb;}
#footer .fcopyright {margin-right:270px;}
#footer .pinfo {position:relative;font-weight:300; padding-left:25px; line-height:25px;}
#footer .pinfo address {padding-left:0px;}
#footer .pinfo address:before {position:absolute;top:1px;left:1px;content:"";display:block;width:15px;height:18px;background:url() no-repeat -18px 0}
#footer .ptel-wrap {padding-left:0px;}
#footer .ptel-wrap .ptel2 {margin-left:0px}
#footer .ptel-wrap01 {padding-left:0px;}
#footer .ptel-wrap01 .ptel:before{ margin-left:0px; display:none;}
#footer .ptel-wrap01 .ptel2 {margin-left:0px}
#footer .ptel-wrap span:before, #footer .ptel-wrap01 span:before{display: inline-block; width:1px; height:11px; background-color:#b4b4b4; content:"";margin-left:10px;margin-right:10px;}
#footer .pcopyright {color:#8f8f8f;text-transform:uppercase;font-size:1.0em;margin-top:15px;}

@media only screen and (max-width:1199px){
	#footer-top-wrap .ftoplink-wrap, #footer {padding-left:15px;padding-right:15px;}
	#footer .ptel-wrap {display:block;padding-left:25px;margin-top:7px;}
	.fsiteban-wrap, #footer .fsitelink {right:15px;}	
}
@media only screen and (max-width:999px){
	#footer-top-wrap .ftoplink-wrap, #footer {padding-left:0;padding-right:0;}
	#footer-top-wrap .ftoplink li a {padding:5px 8px}
}
@media only screen and (max-width:899px){
	.opencBt {bottom:80px;}
	.topBt {bottom:10px;}
	#footer-wrap:before {display:none;}
	#footer-top {position:static;}
	#footer-top-wrap {position:static;border-bottom:1px solid #303338;}
	#footer-top-wrap .ftoplink {padding:10px 0}
	.fsiteban-wrap {top:95px}
	#footer {padding-top:25px;}
	#footer .fcopyright {display:flex;flex-wrap:wrap-reverse;margin-right:0;}

	#footer {padding-top:15px;margin-left:35px;margin-right:35px;word-wrap:break-word;word-break:keep-all}
	#footer .fcopyright {display:block;text-align:center;}
	#footer .pinfo {padding-bottom:80px}
	#footer .pinfo address {display:block;padding-left:0;}
	#footer .pinfo address:before {display:none;}
	#footer .pcopyright {margin-top:10px;}
	#footer-top-wrap .site_wrap {top:auto;bottom:20px;right:0;left:0; margin:0 auto; padding-top:0;text-align:center;z-index:600}
	.fsiteban-wrap li {float:none;display:inline-block;vertical-align:top;}
	.fsiteban-wrap li:first-child {margin-left:0}
	.fsiteban-wrap li a img {width:39px}
	#footer-top-wrap .ftoplink {text-align:center;}
	#footer-top-wrap .ftoplink li {float:none;display:inline-block;vertical-align:top;}
	#footer .fcopyright .foot-lic {position:relative;top:auto;right:auto;width:100%;padding-bottom:70px;text-align:center;}
 	
}


/************************************************
	LNB Menu Style
*************************************************/
.sub-page #lnb { position: static; margin: 0 auto; width: auto; }
#lnb > ul { text-align:center }
#lnb > ul > li { position: static; border-bottom: 0; padding-bottom : 0; }
#lnb > ul > li > a { display: none; }
#lnb > ul > li > ul { width: 1300px; margin: 0 auto; border-bottom: 1px solid #e1e1e1;}
#lnb > ul > li > ul > li { background: url(/resources/images/cabincrew/common/lnb_line.gif) no-repeat 99% center; height: 50px; padding-bottom: 10px;  padding-top: 10px; overflow: hidden; display:inline-block; }
#lnb > ul > li > ul > li:last-child { background: none; }
#lnb > ul > li > ul > li > a {  border: 1px solid #ffffff; border-radius: 20px; margin:0px 18px 0px 7px; padding: 8px 25px 8px 20px; color: #434343; font-size: 1.125em; display: block; font-weight: 500 }
#lnb > ul > li > ul > li > a:hover,
#lnb > ul > li > ul > li.check > a {  border-color: #13a8b0; color: #fff; background-color:#13a8b0;}
#lnb > ul > li > ul > li.check > a { position: relative; }
#lnb > ul > li > ul > li.check > a:after { content: ""; position: absolute; bottom: -5px; left: 49%; background: url() no-repeat center; width: 10px; height: 10px; }
#lnb .lnb-sub > ul { display: none; }


/** HOSEO FUND Common Style Responsive **/

/* tab */
.tab-list ul { position: relative; margin: 0; padding: 0; }
.tab-list li { float: left; }
.tab-list li a { position: relative; float: left; }
.tab-list li a > span { display: inline-block; cursor: pointer; }
.tab-list li ul { position: absolute; left: 0; display: none; width: 100%; margin: 0; padding: 0; }
.tab-list li li { position: relative; float: none; margin: 0 0 8px 0; color: #999; }
.tab-list li li.more { position: absolute; top: 0; right: 0; }

.mobile-view { display: none !important; }



@media all and (max-width: 1200px) { 

	/************************************************
		Site Menu
	*************************************************/
	/*#tnb .tnb-login,
	#header .header-bottom { position: absolute; right: 0; width: 255px; z-index: 3; }
	#tnb .tnb-login { display: none; float: none; top: 0; background-color: #2c57b9; }
	#tnb .tnb-login li { width: 50%; }
	#tnb .tnb-login li > a { margin: 0; margin: 18px 0 20px; text-align: center; }
	#tnb .tnb-login li:first-child > a { border-right: 1px solid #ffffff; }
	#tnb .tnb-login li > a > span { color: #ffffff; }
	#tnb .tnb-login .mobile-view { display: inline-block !important; }
	#tnb .tnb-site li img { width: 22px; height: auto; }
	#tnb .tnb-site li a { margin-top: 12px; margin-left: 17px; }
	#tnb .tnb-site li:first-child a { margin-left: 0; }*/
	
	/************************************************
		Header
	*************************************************/
	/*#header { position: relative; }
	#header .header-top { padding: 7px 20px 14px; }
	#header .header-top h1 { margin-top: 0; }
	#header .header-top h1 img { width: 71px; height: auto; }
	#header .header-top h1 .h1-text { font-size: 1.1575em; line-height: 2.16; }
	
	#header .header-bottom { top: 54px; display: none; background-color: #2f2e37; border-bottom: 0; }
	*/
	/************************************************
		Footer
	*************************************************/
	#footer { padding: 15px 20px; }
	
	
	/************************************************
		GNB Menu Style
	*************************************************/
	

	/************************************************
		LNB Menu Style
	*************************************************/
	#lnb > ul > li > ul { width: auto; padding: 11px 10px; }
	#lnb > ul > li > ul > li { height: 26px; padding-bottom: 0; padding-top: 0;}
	#lnb > ul > li > ul > li > a { border-color: #f2f2f2; padding: 5px 10px; margin: 0 12px; font-size: 0.8125em; }
	#lnb > ul > li > ul > li > a:hover,
	#lnb > ul > li > ul > li.check > a { position: static; background-color: #ffffff; color:#13a8b0; }
	#lnb > ul > li > ul > li.check > a:after { content: none; }
	
	/** HOSEO FUND Common Style Responsive **/
	.pc-view { display: none !important; }
	.mobile-view { display: block !important; }
}

@media all and (max-width: 1200px) {
	.header-wrap .blind-pc{overflow: visible;position: static;top: auto;left: auto;z-index: 0;width: auto;height: auto;}
  header.mobile-on{position: fixed;min-height: 100% !important;-webkit-transition:all 0s ease 0s;transition:all 0s ease 0s;}
  header{z-index: 110; min-height: 106px; overflow: visible}
  header:after{background-color: transparent;}
  header.sticky{min-height: 106px;}
  header .header-wrap{padding: 0; width: 100%;overflow: hidden;}
  header h1{float: left;width: 210px;height: 50px;margin-top: 16px;margin-left: 30px; background:url('/resources/images/cabincrew/common/logo_01.png') 0 0 no-repeat; background-size: 100% auto;}
  
	header h1 img{display:none;}
	header .global-menu{display: none;}
	header .gnb{display: none;position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: #000; z-index: 100;}
	header .gnb-menu{display: block;float: right;}
    header .gnb-menu.close{position: fixed;right: 0;top: 0;}
	header nav{display: block;}
  nav .all-menu{display: none; position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: #f7f7f7; z-index: 1001;-webkit-backface-visibility: hidden;}
  nav .all-menu .menu-wrap{position: relative;overflow-y: scroll; height: 100%;box-sizing: border-box;-webkit-overflow-scrolling: touch;}
  nav .all-menu .menu-wrap:after{content: '';display: block;position: fixed;right: 0;top: 0;width: 60%;height: 100%;background-color: #fff;border-left: 1px solid #f2f2f2;box-sizing: border-box;-webkit-box-sizing: border-box;z-index: -1;}
  nav .all-menu .menu-wrap .menu-list .depth-01{position: relative;/*padding-left: 50px;*/padding-left: 6.944%}
  nav .all-menu .menu-wrap .menu-list .depth-01:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
  nav .all-menu .menu-wrap .menu-list .depth-01 > a{color: #6c6c6c;font-size: 30px;line-height: 80px;}
  nav .all-menu .menu-wrap .menu-list .depth-01.active:after{content: '';display: block;position: absolute;right:0;top:50%;width: 61px;height: 1px;background-color: #000;}
  nav .all-menu .menu-wrap .menu-list .depth-01.active > a{position: relative;/*width: 29.166%;*/width: 31.343%;color: #000;font-weight: bold;}
  nav .all-menu .menu-wrap .menu-list .depth-01.active > a:after{content: '';display: block;position: absolute;right: -35%;/*left: 50%;margin-left:-300px;*/top: 50%;width: 29.047%;height: 4px;background-color: #292929;z-index: 15;}
  nav .all-menu .menu-wrap .sub-menu{display: none;position: absolute;left:45%;top: 10px;z-index: 10;}
  nav .all-menu .menu-wrap .depth-01.active .sub-menu{display: block;}
  nav .all-menu .menu-wrap .sub-menu li a{color: #a3a3a3;font-size: 38px;line-height: 80px;}
  nav .all-menu .menu-wrap .depth-01.active .sub-menu li a{color: #000;font-weight: bold;}

  
   .all-menu .close { position: absolute; top: 0; right: 0;}



  .gnb-close.on {padding: 17px 15px;}
  .gnb-close {display: block; position: relative; padding: 43px 50px; height: 19px;}
  .gnb-close span {display: block; width: 40px; height: 2px; margin-bottom: 5px; background: #000; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
  .gnb-close.active span {width: 40px;}
  .gnb-close.active span.line-01 {margin-top: 9px; margin-bottom: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
  .gnb-close.active span.line-02 {opacity: 0;}
  .gnb-close.active span.line-03 {margin-top: -16px; margin-bottom: 7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}



  .gnb-menu a{display: block;position: relative;height: 38px;padding: 34px 30px;}
  .gnb-menu.close a{padding: 34px 30px;}
  .gnb-menu span {display: block; width: 40px; height: 2px; margin-bottom: 10px; background: #ffffff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
  header.sticky .gnb-menu span{background: #000;}
  .gnb-menu.close span {width: 50px;}
  .gnb-menu.close span.line-01 {margin-top: 18px; margin-bottom: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
  .gnb-menu.close span.line-02 {opacity: 0;}
  .gnb-menu.close span.line-03 {margin-top: -27px; margin-bottom: 7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}


  header.sticky.active{min-height: 104px;}
  nav .all-menu .menu-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 50px;height: auto;padding-top: 50px;overflow-y: scroll;box-sizing: border-box;-webkit-box-sizing: border-box;}
  nav .all-menu .menu-wrap .menu-list .depth-01.active > a:after{height: 2px;}
  nav .all-menu .menu-wrap .menu-list .depth-01{padding-left: 6.944%}
  nav .all-menu .menu-wrap .menu-list .depth-01 a{font-size: 1.8em;line-height: 2.5;}
  nav .all-menu .menu-wrap .depth-01.active .sub-menu li a{ font-size:1.25em; line-height: 2.21;}


}

@media all and (max-width: 767px) { 
	body { font-size: 14px; }
	
	/************************************************
		Site Menu
	*************************************************/
	#tnb .tnb-login li > a { font-size: 0.9285em; }

	/************************************************
		Header
	*************************************************/
	#header .header-top { border-bottom: 1px solid #c3c3c3; }
	#header .header-top h1 img { width: 59px; }
	#header .header-top h1 .h1-text { padding-left: 7px font-size: 1.101em; line-height: 2.2; }
	
	
	
	/************************************************
		Footer
	*************************************************/
	#footer .footer-left,
	#footer .footer-right { float: none; width: auto; }
	
	#footer .footer-right a { margin-bottom: 10px; padding:8px 15px }
	#footer .footer-right a:first-child { margin-left: 0; }

	
	/************************************************
		LNB Menu Style
	*************************************************/
	.sub-page #lnb { display: none; }

}

@media all and (max-width: 483px) { 
  header{min-height: 53px;}
  header.sticky{min-height: 53px;}
  header h1{width: 105px;height: 30px;margin-top: 10px;margin-left: 15px;}
  header.sticky h1{width: 105px;height: 30px;margin-top: 10px;margin-left: 15px;}
  nav .all-menu .menu-wrap{padding-top: 37px;bottom: 100px;}
  nav .all-menu .menu-wrap .menu-list .depth-01 a {font-size:1.4em; line-height:2.7em;}
  nav .all-menu .menu-wrap .depth-01.active .sub-menu li a {font-size:1.0em; line-height:2.2em;}
  .gnb-menu.close span.line-01 {margin-top: 9px; margin-bottom: 3.5px;}
  .gnb-menu.close span.line-02 {opacity: 0;}
  .gnb-menu.close span.line-03 {margin-top: -13.5px; margin-bottom: 3.5px;}
  .gnb-menu a{height: 19px;padding: 17px 15px;}
  .gnb-menu.close a{padding: 17px 15px;}
  .gnb-menu span{width: 25px;height: 1px;margin-bottom: 8px;}
  .gnb-menu.close span {width: 25px;}
  .gnb-close.on {padding: 17px 15px; }
  .gnb-close {padding: 17px 40px; height: 19px; }
  .gnb-close span {width: 25px; height: 1px; margin-bottom: 8px; }
  .gnb-close.active span {width: 25px; }
  .gnb-close.active span.line-01 {margin-top: 9px; margin-bottom: 7px; }
  .gnb-close.active span.line-03 {margin-top: -16px; margin-bottom: 7px;}
 
}

@media all and (max-width: 360px) { 
nav .all-menu .menu-wrap .menu-list .depth-01.active > a:after { right:-18%; width:15%;}
  
}

/* blind */
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }


/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* backdrop */
 .backdrop { background-color: rgba(0, 0, 0, 0.42); width: 100%; height: 100%; position: fixed; cursor: pointer; z-index: 2; }