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

.sc { color:#ee8c00 !important; }
.bgsc { background-color:#ee8c00 !important; }
.bdsc { border-color:#ee8c00 !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%; height:100px; top:0; left:0; position:fixed; z-index:1000; -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); }
#logo { position:absolute; width:300px; height:84px; top:26px; z-index:100; }


#rmenu { position:fixed; width:90px; top:0; right:0; z-index:10000; -webkit-box-shadow:0 1px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 3px 2px rgba(0, 0, 0, 0.1); box-shadow:0 1px 3px 2px rgba(0, 0, 0, 0.1); }
#rmenu div { width:100%; height:100px; }
#rmenu div a { display:block; height:100%; text-align:center; padding-top:65px; font-size:12.5px; color:#111; }
#rmenu .mmenu_btn { background:#0081cc url('/images/btn_menu.gif') center no-repeat; cursor:pointer; }

#rmenu .r_icon { background-color:#fff; background-position:center 19px; background-repeat:no-repeat; }
#rmenu .r_inq { background-image:url('/images/icon_inq.png'); }
#rmenu .r_req { background-image:url('/images/icon_req.png'); border-top:1px solid #ddd; }
#rmenu .r_kakao { background-image:url('/images/icon_kakao.png'); border-top:1px solid #ddd; }


/*** ALL GNB ***/

#all_gnb:before { position:absolute; width:100%; height:100px; display:block; content:''; background:#fff; z-index:-1; }

#submenu_bg { position:absolute; background:#0081cc; opacity:.9; width:100%; height:0; top:100px; left:0; transition:all .6s; z-index:-1; }
#gnb:hover #submenu_bg, #gnb:hover .submenu { height:124px; }
#gnb:hover ul li { height:184px; }

#gnb { text-align:center; padding-left:100px;}
#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:180px; text-align:center; cursor:pointer; position:relative; }
#gnb > ul > li > a { color:#222; font-size:20px; font-weight:400; }
#gnb > ul > li:hover > a { color:#0081cc; }
#gnb > ul > li:hover > .submenu { background:#fff; }
#gnb > ul > li:hover > .submenu a { color:#777; }

.submenu br, .m_snb br { display:none; }

.submenu { position:relative; height:0; top:41px; overflow:hidden; transition:all .3s; padding-top:20px; transition:all .6s; }
.submenu a { display:block; color:#eee; font-size:14px; font-weight:400; padding:5px 0; text-align:center; }
#gnb > ul > li:hover > .submenu a:hover { color:#333; }

/*
#gnb ul li p { position:absolute; left:50%; top:69px; width:0; height:3px; background:#fff; z-index:100; transition:all .4s; }
#gnb ul li:hover p { width:180px; margin-left:-90px; }
*/



/*** BASIC Mobil 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:#0081cc;
	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; }
#tail_btn {	padding-top:30px; 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:#999; font-size:12px; text-transform:uppercase; }