/* Web Site Basic Color */
.mc { color:#333 !important; }
.bgmc { background-color:#333 !important; }
.bdmc { border-color:#333 !important; }

.sc { color:#6b7786 !important; }
.bgsc { background-color:#6b7786 !important; }
.bdsc { border-color:#6b7786 !important; }




/*************** 공통 레이아웃 ***************/

.fwrap { position:relative; width:calc(100% - 120px); margin-left:60px; margin-right:60px; box-sizing:border-box; }
.swrap { position:relative; width:1400px; margin-left:auto; margin-right:auto; box-sizing:border-box; }

#head { width:100%; top:0; left:0; position:fixed; z-index:1000; overflow:hidden; }
#logo { position:absolute; width:300px; height:100px; top:0; z-index:100; background-image:url('/images/logo.png'); background-position:left center; background-repeat:no-repeat; }
#logo a { display:block; height:100%; }

#head.eng #logo { background-image:url('/images/e_logo.png'); }


#top_option { position:absolute; width:300px; height:120px; top:0; right:0; text-align:right; cursor:pointer; z-index:100; }
#top_option p { position:absolute; }

#top_option .lang_btn { right:104px; top:30px; padding:12px 20px; background:#666; color:#fff; font-size:14px; font-weight:400; border-radius:50px; font-family:Barlow; }

#top_option .shop_btn { right:0; top:30px; padding:12px 20px 12px 40px; background:#333 url('/images/shop_icon.png') 16px center no-repeat; color:#fff; font-size:14px; border-radius:50px; font-family:Barlow; font-weight:400; }
#top_option .shop_btn:hover { background-color:#111; }
#top_option .mmenu_btn { display:none; background:url('/images/btn_menu.gif') right center no-repeat; }



/*** ALL GNB ***/

#top_bg { position:absolute; width:100%; height:100px; display:block; z-index:-1; }
#all_gnb:hover #top_bg, #head.gnb2 #top_bg { background:#fff; border-bottom:1px solid #ddd; }

#submenu_bg { position:absolute; background:#fff; width:100%; height:0; top:100px; left:0; transition:all .6s; z-index:-1;  -webkit-box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.1); box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.1); }

#gnb { text-align:center; }
#gnb ul { display:inline-block; margin-top:31px; }
#gnb ul:after { clear:both; visibility:hidden; display:block; content:''; }
#gnb ul li { float:left; padding:10px 0; height:88px; width:200px; text-align:center; cursor:pointer; position:relative; }
#gnb > ul > li > a { color:#fff; font-size:17.5px; font-weight:400; }
#all_gnb:hover #gnb > ul > li > a, #head.gnb2 #gnb > ul > li > a { color:#333; }

#gnb > ul > li:hover > .submenu { background:#f5f5f5; }

.submenu { position:relative; height:0; top:41px; overflow:hidden; transition:all .3s;  transition:all .6s; border-right:1px dashed #ccc; }
.submenu.first { border-left:1px dashed #ccc; }
.submenu a { display:block; color:#666; font-size:14px; font-weight:400; height:30px; text-align:center; line-height:30px; }
.submenu a:hover { color:#333; }
.submenu a:first-child { margin-top:14px; }

#head.gnb2 #logo { background-image:url('/images/logo_c.png'); }
#head.gnb2.eng #logo { background-image:url('/images/e_logo_c.png'); }



/*** BASIC Mobile GNB ***/

#mgnb_back {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.9;
	display:none;
	z-index:19999;
	transition:none !important;
}

#mclose {
	position:absolute;
	top:50px;
	right:70px;
	cursor:pointer;
	z-index:20000;
}

#mobile_menu {
	position:fixed;
	width:600px;
	top:0;
	right:-600px;
	height:100%;
	background:#16499d;
	padding-top:70px;
	overflow-y:auto;
	z-index:20000;
	transition:all .7s;
}
#mobile_menu.mmenu_view { right:0 !important; }
#mobile_menu .m_gnb {
	margin:24px 0 6px;
	padding-left:60px;
	cursor:pointer;
	font-size:36px;
	font-weight:700;
	font-family:Nanum Gothic;
	color:#fff;
}
#mobile_menu .m_gnb:first-child { margin-top:30px !important; }

#mobile_menu .m_snb { display:none; transition:none !important; padding-left:34px; }
#mobile_menu .m_snb li {
	margin-top:15px;
	cursor:pointer;
	font-size:17px;
}
#mobile_menu .m_snb li a { display:block; padding-left:30px; color:#fff; font-weight:400; }

.minfo {
	position:absolute;
	bottom:40px;
	font-size:16px;
	line-height:150%;
	color:#fff;
}

#maddr { left:60px; width:240px; }
#mtel { left:340px; }

#m_icons { display:none; position:absolute; }
#m_icons:after { clear:both; visibility:hidden; display:block; content:''; }




/***** 하단 *****/

#tail_area { position:relative; background:#f5f5f5; }
#tail_btn {	padding-top:40px; text-align:center; }
#tail_btn li { display:inline-block; margin:0 10px; }
#tail_btn li a { display:inline-block; width:100%; padding:0 10px; color:#444; font-size:16px; }

#address { text-align:center; color:#777; font-size:15px; line-height:160%; margin:30px 0; }
#page_top { position:absolute; bottom:30px; right:30px; opacity:.3; cursor:pointer; }
#page_top:hover { opacity:1; }

#tail_line { height:1px; background:url('/images/dot.gif') repeat-x; }
#tail_sns_img { margin-top:32px; text-align:center; }

#copyright { padding:20px 0 30px 0; }
#copyright p { text-align:center; color:#aaa; font-size:12px; text-transform:uppercase; }