/*header*/

#header nav>a{display:block; min-width:40px; height:40px;}
#header nav>a:before{display:block; content:""; }
#header nav>a:before {background-position:0 0;}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5){
	#header nav>a, #header aside>a{width:56px;}
}


/*nav*/
.wrap_gnb {overflow-y:scroll; position:absolute; left:-75%; top:0; width:75%; background-color:#131b1f; border-right:1px solid #1d1c1b; z-index:50}

/*sign in*/
.wrap_gnb .area_sign {padding:0.49em 1em 1.49em; background-color:#616e76; -webkit-box-shadow:inset -10px 0 5px -5px rgba(0,0,0,0.27); border-bottom:1px solid #000;}
.wrap_gnb .area_sign a {display:inline-block; padding:0.5em 0 0.2em 0.8em; margin-left:0.32em; font-size:0.85em; font-weight:bold; color:#ffffff; border-left:1px solid #515c63}
.wrap_gnb .area_sign a:first-child {margin-left:0;}
.wrap_gnb .area_sign .area_left {float:left; margin-top:0.9em; font-family:Tahoma; line-height:0; font-style:Italic; font-weight:normal; color:#ffffff;}
.wrap_gnb .area_sign .area_right {float:right}
.wrap_gnb .area_sign:after {display:block; content:''; clear:both;}

/*gnb*/
.wrap_gnb .gnb {}
.wrap_gnb .gnb>li {position:relative; border-bottom:1px solid #222; -webkit-box-shadow:inset -10px 0 5px -5px rgba(0,0,0,0.27); background-color:#3b4348;}
.wrap_gnb .gnb>li:before {display:block; position:absolute; content:''; right:1.49em; top:1.53em; width:0.53em; height:0.32em; background:url("../../images/btn_arr01.png") left top no-repeat; background-size:100% auto;}
.wrap_gnb .gnb>li.on:before {background-image:url("../../images/btn_arr01.png");}
.wrap_gnb .gnb>li.no_sub:before{right:1.58em; top:1.4em; width:0.32em; height:0.56em; background-image:url("../../images/bg_list_menu.png");}
.wrap_gnb .gnb>li>a {display:block; padding:1.06em 2.01em 1.01em 0.97em; font-size:1.06em; color:#fff} 

/*sub*/ 
.wrap_gnb .gnb>li>ul {display:none;}
.wrap_gnb .gnb>li>ul li {position:relative;}
.wrap_gnb .gnb>li>ul li a {display:block; padding:1.06em 2.01em 1.01em 0.97em;font-size:0.89em; color:#999;}
.wrap_gnb .gnb>li.on>ul {/*padding:1.01em 0 1.06em;*/}
.wrap_gnb .depth2 {background-color:#131b1f}
.wrap_gnb .depth2 li {background-color:#131b1f; border-top:1px solid #000;}
.wrap_gnb .depth2>li:before {position:absolute; right:1.48em; top:1.1em; display:block; content:''; width:0.44em; height:0.44em; background:url("../../images/btn_arr03.png") 0 -3.53em no-repeat; background-size:100% auto;}

.wrap_gnb .depth2.type2>li:before {background-position:0 0}
.wrap_gnb .depth2.type2>li.on:before {background-position:0 -1.5em}
.wrap_gnb .depth2.type2>li.no_sub:before {background-position:0 -3.45em;}

.gnb>li>ul>li>strong {display:block; padding:1.06em 2.01em 1.01em 1.2em; font-size:0.64em; font-family:Georgia; font-style:Italic; color:#8a7a6c; background-color:#616e76; border-top:1px solid #000;}

/*gnb type2*/
.gnb.type2 {}
.gnb.type2 li {}
.gnb.type2>li>ul {}
.gnb.type2>li>ul>li {background-color:#131b1f;}
.gnb.type2>li>ul>li>strong {display:block; padding:1.06em 2.01em 1.01em 1.2em; font-size:0.64em; font-family:Georgia; font-style:Italic; color:#8a7a6c; background-color:#616e76; border-top:1px solid #000;}
.gnb.type2>li>ul>li:first-child {border-top:none}
.gnb.type2>li>ul>li:first-child>strong {font-family:normal; border-top:none}

.gnb.type2 .depth2 {}
.gnb.type2 .depth2 li {border-top:1px solid #000}
.gnb.type2 .depth2>li:before {background-position:0 0}
.gnb.type2 .depth2>li.on:before {background-position:0 -1.5em}
.gnb.type2 .depth2>li.no_sub:before {background-position:0 -3.45em;}

.gnb .depth3 {padding:0.64em 0 0.64em 0; background-color:#000;}
.gnb .depth3 li {background-color:#000}
.gnb .depth3 li a {padding:0.51em 2.01em 0.51em 0.97em;}

.gnb.type2>li.on>ul {padding:0; border-top:1px solid #000;}

/*chain_list*/
aside {}
aside ul li, aside h3 {position:relative; border-bottom:1px solid #222; background-color:#3b4348; -webkit-box-shadow:inset 10px 0 5px -5px rgba(0,0,0,0.27);}
aside ul li>a, aside .wrap_aside>h3{display:block; padding:1.2em 0 1.23em 1.1em;}
aside ul li span {display:inline-block; vertical-align:middle; width:21%; font-size:0.63em; font-family:georgia;color:#666;}
aside ul li strong {display:inline-block; width:69%; font-size:1.06em; color:#fff; font-weight:normal;}
aside ul li:before {position:absolute; right:1.48em; top:1.4em; display:block; content:''; width:2.33em; height:0.74em; background:url("../../images/btn_arr02.png") 1.73em -2.11em no-repeat; background-size:100% auto;}
aside ul li.global>a strong{color:#8a7a6c;}
aside ul li.global:before{background-position:1.73em -26.4em;}

aside .wrap_aside {position:absolute; left:100%; top:0; display:none; width:85.9%; background-color:#000; border-left:1px solid #1d1c1b; z-index:50}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5){
	.head_visual {min-height:7.24em;}
	.select_reserv select {margin-top:0.54em}
	aside ul li.global:before{background-position:1.73em -26.5em;}
	aside .wrap_aside{-webkit-overflow-scrolling:touch}

	/*gnb*/
	/* .wrap_gnb .gnb>li:before {background-position:0 -4em;}
	.wrap_gnb .gnb>li.on:before {background-position:0 -2.8em;}
	.wrap_gnb .gnb>li.no_sub:before {background-position:0 -1.35em;} */

	/*chain List*/
	aside>ul li:before {top:1.6em;}
}

@media screen and (orientation:portrait) {

    body { opacity: 1; }

}


/* sub_title */
.tit_section{/* margin-top:1.49em; margin-bottom:1.49em */ padding:1.49em 1.06em;}
.tit_section h2 {padding-bottom:0.5em; font-size:1.40em; font-weight:bold;  letter-spacing:-0.8px;}
.tit_section p{font-size:0.89em; color:#666; line-height:1.49em; padding-top:1em;}
.tit_section.line h2{padding-bottom:1.22em; border-bottom:1px solid #ccc;}
.inner .tit_section{padding-left:0; padding-right:0;}

/** Layer Pop **/
.overlayerBg {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.7; z-index:7777;}
.layerCont {position:absolute; left:50%; top:50%; width:91%; margin:0 4.5%; z-index:8888;}