@charset "UTF-8";
/* HEADER */
.m_opacity{width:100%; height:100%; position:fixed; top:0; left:-100%; background:rgba(0,0,0,0.7); z-index:5;}
header {position:fixed; top:0; left:0; right:0; z-index:4; height:60px; background:#fff; /*box-shadow:4px 4px 4px rgba(0,0,0,0.3) */ border-bottom:1px solid #e1e1e1; }
.header_logo {text-align:center; width:180px; margin:10px auto;}
.header_logo a { }
.header_logo a img {width:100%; }
.menu_btn {display:block; position:absolute; top:17px; right:5%; width:25px; z-index:11; }
.menu_btn img { width:100%; }
.main_logo {position:absolute; opacity:0;}

/* GNB */
.gnb_wrap {position:fixed; top:0; right:-100%; width:75%; height:100%; background:#fff; z-index:6;}
.gnb_header {height:60px; background:#ddeec5; padding:0 16px; box-sizing:border-box; position:relative;}
.gnb_lang_wrap {text-align:left; height:100%; padding:30px 0 0 0;}
.gnb_lang_wrap > li {display:inline-block; vertical-align:top;}
.gnb_lang_wrap > li:not(:last-child)::after {content:""; display:inline-block; vertical-align:top; width:2px; height:14px; background:#7c7c7c; margin:2px 6px 0 12px;}
.gnb_lang_wrap > li > a {color:#7c7c7c;}
.gnb_lang_wrap > li > a.on { color:#333333 }
.gnb {margin:0 0 0 0;  padding: 0 0; box-sizing:border-box;}
.gnb > li { }
.gnb > li > a {display:block; font-size:16px; font-weight:500; color:#333333; height:50px; line-height:50px; padding:0 16px; 
					position:relative; background:#fff; border-bottom:1px solid #9d9d9d;}
.gnb > li > ul {display:none; border-bottom:1px solid #9d9d9d; }
.gnb > li > ul > li { width:100%;  background:#f5faed ; }
.gnb > li > ul > li > a {font-size:14px; color:#464646; height:40px; line-height:40px; width:85%; margin:0 5%; border-bottom:1px solid #9d9d9d; padding-left:5%;
							 display:block; font-weight:300; }   
.gnb > li > ul > li:last-child > a{ border:none; }
.gnb_close {height:26px; position:absolute; top:50%; right:10px; margin-top:-24px; font-size:40px; font-weight:300; color:#fff; cursor:pointer;}
.gnb_close > img {height:100%;}
.gnb_arrow {height:10px; position:absolute; top:50%; right:16px; margin-top:-5px; transition:all 0.3s;}
.gnb_arrow_rotate {transform:rotate(180deg); transition:all 0.3s;}
.navi_foot{ width:100%; text-align:center; margin:20px auto; }
.navi_foot img { width:170px; }


/* Footer */
.footer_wrap { width:100%;  background:#fff; }
	.footer{ width:100%; margin:15px auto 30px; overflow:hidden; }
	.footer_logo{ width:100%; text-align:center; }
	.footer_logo img { opacity:0.5; width:170px; }
	.footer_infor{  }
	.footer_infor li { text-align:center; font-size:10px; font-weight:300 ; color:#333; line-height:13px; opacity:0.5; }
