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

.sc { color:#296aa2 !important; }
.bgsc { background-color:#296aa2 !important; }
.bdsc { border-color:#296aa2 !important; }




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

.fwrap { position:relative; width:calc(100% - 120px); margin-left:60px; margin-right:60px; box-sizing:border-box; }
.mwrap { position:relative; width:1540px; margin-left:auto; margin-right:auto; 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; left:0; top:26px; z-index:100; }
#top_option { position:absolute; height:100px; top:0; right:0; text-align:right; cursor:pointer; z-index:100; }
#top_option p { display:inline-block; margin-left:30px; }
#top_option .mmenu_btn { width:60px; height:100px; background:url('/images/btn_menu2.gif') right center no-repeat; }



/*** ALL GNB ***/

#all_gnb:before { position:absolute; width:100%; height:100px; display:block; content:''; background:#fff; -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); z-index:-1; }

#gnb { text-align:center; padding-left:160px; }
#gnb ul { display:inline-block; margin-top:30px; }
#gnb ul:after { clear:both; visibility:hidden; display:block; content:''; }
#gnb ul li { float:left; padding:10px 50px; height:80px; overflow:hidden; text-align:center; cursor:pointer; position:relative; }
#gnb > ul > li > a { color:#333; font-size:19px; font-weight:400; }
#gnb > ul > li:hover > a { color:#539442; }


#gnb > ul > li:nth-child(2):hover .sub_menu { opacity:1; }
#gnb > ul > li:nth-child(2):hover { height:300px; overflow:visible; }

#gnb .sub_menu { opacity:0; position:absolute; width:100%; padding:14px 0 12px; background:#fff; z-index:1000; left:0; top:50px; border-radius:12px; -webkit-box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.15); box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.15); }

#gnb .sub_menu a { display:block; font-size:14.5px; color:#444; padding:6px 0; font-weight:400; }
#gnb .sub_menu a:hover { color:#539442; }




/*** BASIC Mobil GNB ***/


#mgnb_back, #pro_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:#539442;
	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:60px; }
#mobile_menu .m_snb li {
	margin-top:15px;
	cursor:pointer;
	font-size:16px;
	padding-left:30px;
}
#mobile_menu .m_snb li a { 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; margin-top:100px; }
#tail_area.attach { margin-top:0 !important; }

#cs_box { background-image:url('/images/cs_bg.jpg'); padding:80px 0 86px; }
#cs_box div * { text-align:center; }
#cs_box p { font-size:17px; color:#fff; font-weight:400; line-height:160%; }
#cs_box span, #cs_box a { display:inline-block; width:200px; background:#fff; padding:17px 0 20px; border-radius:50px; font-size:20px; font-weight:400; color:#105a99; margin:0 8px; }

#tail_btn {	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:16.5px; }

#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 { border-top:1px solid #ddd; }
#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; }