@charset "utf-8";

.inner { width: 1600px; max-width: 100%; margin-left: auto; margin-right: auto; }
.s-inner { width: 1600px; max-width: 96%; margin-left: auto; margin-right: auto; }

.subContent { padding-bottom: 5%; }
.sub_Content { padding: 5% 0; }

/*Header*/
#hd_wrap {position:fixed; width: 100%; top:0;  padding: 20px 30px; z-index:50; background-color: transparent; transition: .2s ease-in-out;}
#hd_wrap.onn {background-color: rgba(0,0,0,0.4);}
#hd_wrap .hd_logo { float: left; margin-right: 5px;  z-index:51;}

#hd_wrap .hd_ico { float: right;  display: flex; align-items: center;}
#hd_wrap .hd_ico li { float: left;  margin: 0 10px; position: relative; }
#hd_wrap .hd_ico li a.insta,
#hd_wrap .hd_ico li a.youtube{color: #fff; font-size: 26px;}
#hd_wrap .hd_ico li.lang{margin: 0 4px;}
#hd_wrap .hd_ico li.lang.hit a{background-color: #1D293F; border: 1px solid #1d293f; color:#F0E7E0;}
#hd_wrap .hd_ico li.lang.hit a:hover{background-color: #1D293F; border: 1px solid #1d293f}
#hd_wrap .hd_ico li.lang a{color: #1d293f; transition: .2s ease-in-out; font-size: .9375em; font-weight: 400; border: 1px solid #1d293f96; padding: .125em 0.75em;}
#hd_wrap .hd_ico li.lang a:hover{color: #F0E7E0; border: 1px solid #1d293f; background:#1d293f;}

span.lang a{color: #1d293f; transition: .2s ease-in-out; font-size: 1em; font-weight: 400; border: 1px solid #1d293f; padding: 0.125em 0.75em; display: inline-block; margin: 0 0.125em; font-size: 0.875em;}
span.lang:nth-child(1) a{margin-left: 0.5em;}
span.lang a:hover{color: #ffF; border: 1px solid #1D293f; background-color: #1d293f;}
span.lang.hit a{background-color: #1d293f; color: #fff;}


#gnb_mo{ position:fixed; height:100%; z-index:49; top:0;  right:0;  padding:0;background:#FFF; width:320px; box-sizing:border-box; transition: all 0.4s ease; z-index:9999;
	-webkit-transform: translateX(100%) rotate(0); 	-moz-transform: translateX(100%) rotate(0);	-ms-transform: translateX(100%) rotate(0);	-o-transform: translateX(100%) rotate(0);	transform: translateX(100%) rotate(0);
}
#gnb_mo.mo_menu_on{-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
#gnb_mo.mo_menu_on{-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
#gnb_mo .mem_mo{width:100%; box-sizing:border-box; padding: 0 10px; text-align:center; font-size:0.9em; overflow: hidden; line-height: 3.5em;
	background-color: #1d293f;}
#gnb_mo .mem_mo a{ float:left;  color:#fff; width: 33.33%; border-right:1px solid rgba(255,255,255,0.5); box-sizing: border-box; }
#gnb_mo .gnb_dp1 div{font-weight:500; font-size:1em; padding:15px 20px; cursor:pointer; border-bottom:1px solid #ddd;}
#gnb_mo .smenu {display:none;  background:#f9f9f9; max-height: 50vh; overflow-y: auto; }
#gnb_mo .smenu>li {border-bottom:1px dotted #ddd}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span{display:block; padding:10px 20px; font-size:0.95em}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:#f1f1f1}

@media all and (max-width:1280px) {
  #hd_wrap { padding: 3% 4%; }
 }

@media all and (max-width:767px) {
#hd_wrap .hd_logo img { height: 25px; }
#hd_wrap .hd_ico li { margin: 0 5px; }
#hd_wrap .hd_ico li img { height: 20px; }
#hd_ct { width: 23px !important; height: 20px !important; background-size: auto 20px !important; }
#hd_wrap .hd_ico li a.insta,
#hd_wrap .hd_ico li a.youtube{ font-size: 20px; line-height: 20px;} 
}

@media all and (max-width:568px) {
	#gnb_mo{width:100%;}
     #hd_wrap { padding: 3% 2%; }
}


.hd_admin{position:fixed;bottom:10px;left:10px;z-index:999}
.hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#d12323;z-index:999;color:#fff}
.hd_admin a:hover{background:#ff0000}


.pop_close{position:absolute;top:5px;right:5px;width:30px;height:30px; background:url('../mobile/shop/img/icon-close-bl.png') no-repeat 50% 50%;;border:none;text-indent:-99999px;background-size:15px;opacity:0.5}
.pop_close:hover, .pop_close:focus{opacity:1}




#content { width: 100%; clear: both; overflow: hidden; }

#footer { background: #000; padding: 5% 0; overflow: hidden; color:#fff; }
#footer .f-left { float: left; width: 85%; }
#footer .f-left h1 { margin-bottom: 1em; }
#footer .f-left .f-info p { display: inline-block; margin-right: 10px; opacity: 0.25; line-height: 2em; font-size: 0.75em;}
#footer .f-link { float: right; width: 15%; text-align: right;  }
#footer .f-link a { font-size: 0.9em; color:#fff; opacity: 0.9; }