@charset "utf-8";

ul.jnav li a, a.jlang, .header_wrap, .header_area .logo{
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* 스킵 메뉴 */
#skip{position:relative; z-index:9999;}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

/* **************************************** *
 * HEADER 
 * **************************************** */
.header_wrap{position:fixed; z-index:101; width: 100%; top: 20px;}
.header_area{position: relative;}
.header_area .logo{position: absolute; left: 70px; top: 0;}
.fp-viewing-2ndPage .header_area .logo, .fp-viewing-3rdPage .header_area .logo, .fp-viewing-4thPage .header_area .logo, .fp-viewing-5thPage .header_area .logo, .fp-viewing-6thPage .header_area .logo, .fp-viewing-7thPage .header_area .logo{top: -200px;}
.header_area .logo a{display: block; width: 144px; height: 53px; background: url("../imgs/logo.png") 0 0; background-size: 144px 106px;}

a.jlang{position: absolute; top: 17px; right: 140px; color: #fff; font-size: 17px; font-family: 'nanumsquare'; z-index: 2;}
.fp-viewing-1stPage a.jlang{color: #fff;}
.fp-viewing-2ndPage a.jlang{color: #666;}
.fp-viewing-3rdPage a.jlang{color: #fff;}
.fp-viewing-4thPage a.jlang{color: #666;}
.fp-viewing-5thPage a.jlang{color: #000;}
.fp-viewing-6thPage a.jlang{color: #666;}

.jlogin{position: absolute; top: 17px; right: 240px; color: #fff; font-size: 17px; font-family: 'nanumsquare'; z-index: 2;}
.jlogin li{float: left;}
.jlogin li:first-child{margin-right: 20px;}
.fp-viewing-1stPage .jlogin a{color: #fff;}
.fp-viewing-2ndPage .jlogin a{color: #666;}
.fp-viewing-3rdPage .jlogin a{color: #fff;}
.fp-viewing-4thPage .jlogin a{color: #666;}
.fp-viewing-5thPage .jlogin a{color: #000;}
.fp-viewing-6thPage .jlogin a{color: #666;}



.small_menu_btn span, .small_menu_btn:before, .small_menu_btn:after{content: ""; width: 26px; height: 2px; position: absolute; background: #666;}
.fp-viewing-1stPage .small_menu_btn span, .fp-viewing-1stPage .small_menu_btn:before, .fp-viewing-1stPage .small_menu_btn:after{content: ""; background: #fff;}
.fp-viewing-3rdPage .small_menu_btn span, .fp-viewing-3rdPage .small_menu_btn:before, .fp-viewing-3rdPage .small_menu_btn:after{content: ""; background: #fff;}
.fp-viewing-5thPage .small_menu_btn span, .fp-viewing-5thPage .small_menu_btn:before, .fp-viewing-5thPage .small_menu_btn:after{content: ""; background: #000;}
.small_menu_btn span{top:9px;}
.small_menu_btn:before{top:18px;}
.small_menu_btn {cursor: pointer; width: 26px; height: 26px; position: absolute; right: 70px; top: 15px; z-index: 10; display: block;}
.small_menu_overlay {z-index: 900; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.5); display: none; }
.small_menu_close {display: block; cursor: pointer; z-index: 998; position: fixed; right: -445px; top: 30px; width: 30px; height: 30px; background: url(../imgs/btn_close.png) no-repeat center; background-size: 30px !important;}

/* MENU */
.menu_container{position: fixed; top: 0;right: 0; left: auto; bottom: 0; z-index: 997;width: 330px;background: #fff; margin-left: 0; -webkit-transform: translateX(100%); transform: translateX(100%); border: none; display:none;}
.menu_container > div{position: relative; height: 100%;}

ul.jnav{position: absolute; z-index: 2; left: 10%; top: 50%; margin-top: -290px;}
ul.jnav li{width: 100%;}
ul.jnav li a{display: inline-block; font-family: 'nanumsquare'; font-size: 27px; line-height: 55px; color: #9b9b9b; font-weight: 300;}
ul.jnav li a:hover{color: #f16824;}
.fp-viewing-1stPage ul.jnav .subm1 a{color: #f16824;}
.fp-viewing-2ndPage ul.jnav .subm2 a{color: #f16824;}
.fp-viewing-3rdPage ul.jnav .subm3 a{color: #f16824;}
.fp-viewing-4thPage ul.jnav .subm4 a{color: #f16824;}
.fp-viewing-5thPage ul.jnav .subm5 a{color: #f16824;}
.fp-viewing-6thPage ul.jnav .subm6 a{color: #f16824;}

.navAdress{position: absolute; z-index: 2; bottom: 0; left: 0; margin: 20px 5% 0; padding: 15px 2% 0; border-top: 1px solid #aaa; width: 90%; box-sizing: border-box;}
.navAdress{font-size: 14px; color: #000;}
.navAdress a{color: #f16824; text-decoration: underline;}
.navAdress .navemail{margin-top: 20px;}
.navAdress .navemail a{display: inline-block; width: 155px;}
.navSns:after{content:""; clear:both; display:block;}
.navSns{margin: 20px 0 15px;}
.navSns li{width: 30px; height: 30px; float: left; margin-left: 20px;}
.navSns li:first-child{margin-left: 0 !important;}
.navSns li a{display: block; width: 100%; height: 100%; background: url("../imgs/sns.png") no-repeat; background-size: 60px 30px;}
.navSns li a.snsFacebook{background-position: 0 0;}
.navSns li a.snsInstagram{background-position: -30px 0;}


@media (max-width:1199px){	
	.header_area .logo{left: 50px;}
	.small_menu_btn {right: 50px;}
	a.jlang{right: 120px;}
}

@media (min-width: 1024px) and (min-height:800px){	
	ul.jnav{margin-top: -345px;}
	ul.jnav li a{font-size: 29px; line-height: 70px; letter-spacing: -0.5px;}
}

@media (max-width:767px){	
	.header_area .logo{left: 3%;}
	.small_menu_btn {right: 3%; top: 8px;}
	.small_menu_close {top: 10px; background: url(../imgs/btn_close_b.png) no-repeat center; right: -457px;}
	
	.menu_container {width: 270px;}
	ul.jnav{margin-top: -250px;}
	ul.jnav li a{font-size: 21px; line-height: 45px;}
	.en ul.jnav{margin-top: -260px;}

	.navAdress{font-size: 12px;line-height: 18px;}
	.navAdress .navemail{margin-top: 15px;}
	.navAdress .navemail a{width: 132px;}
	.navSns{margin: 15px 0;}
	
	/* header */
	.header_wrap{top: 10px;}
	.fp-viewing-1stPage .header_wrap{top: 20px;}
	
	.header_area .logo a{width: 100px; height: 37px; background-position: 0 0; background-size: 100px 74px;}
	
	a.jlang{right: 60px; top: 8px; font-size: 15px; font-family: 'Malgun Gothic'; line-height: 20px; display: none;}
	.fp-viewing-1stPage a.jlang{display: block;}
	
	.jlogin{display: none;}
	
	.small_menu_btn span, .small_menu_btn:before, .small_menu_btn:after{content: ""; width: 22px; height: 2px;}
	.small_menu_btn span{top:7px;}
	.small_menu_btn:before{top:14px;}
	.small_menu_btn {width: 22px; height: 16px; display: block;}
	.fp-viewing-1stPage .small_menu_btn span, .fp-viewing-1stPage .small_menu_btn:before, .fp-viewing-1stPage .small_menu_btn:after{content: ""; width: 26px; height: 2px;}
	.fp-viewing-1stPage .small_menu_btn span{top:9px;}
	.fp-viewing-1stPage .small_menu_btn:before{top:18px;}
	.fp-viewing-1stPage .small_menu_btn {width: 26px; height: 26px; display: block;}
	
}

@media (max-width: 767px) and (max-height:550px){	
	ul.jnav{margin-top: -220px;}
	ul.jnav li a{font-size: 21px; line-height: 40px;}
}

@media (max-width:500px){	
	
}

@media (min-width:500px){	
	
}

@media (max-height:850px){	
	.menu_container > div{overflow-y: scroll;}
}