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

.sc { color:#1768bb !important; }
.bgsc { background-color:#1768bb !important; }
.bdsc { border-color:#1768bb !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:84px; top:25px; z-index:100; }
#top_option { position:absolute; width:300px; height:110px; top:0; right:0; text-align:right; cursor:pointer; z-index:100; }
#top_option p { float:right }
#top_option .mmenu_btn { width:60px; height:110px; background:url('/images/btn_menu.gif') right center no-repeat; display:none; }
#top_option .qmenu_btn { width:60px; height:110px; background:url('/images/qmenu.gif') right center no-repeat; }






/*** ALL GNB ***/

#all_gnb:before { position:absolute; width:100%; height:110px; display:block; content:''; background:#fff; z-index:-1; -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); }
#submenu_bg { position:absolute; background:#f3f3f3; opacity:.95; width:100%; height:0; top:110px; left:0; transition:all .6s; z-index:-1; }


#gnb { text-align:center; padding-left:100px;}
#gnb ul { display:inline-block; margin-top:36px; }
#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:#222; font-size:20px; font-weight:400; }
#gnb > ul > li:hover > a { color:#133984; }
#gnb > ul > li:hover > .submenu { background:#133984; }
#gnb > ul > li:hover > .submenu a { color:#eee; }

.submenu { position:relative; height:0; top:46px; overflow:hidden; transition:all .3s; padding-top:20px; transition:all .6s; }
.submenu a { display:block; color:#555; font-size:14px; font-weight:400; height:30px; text-align:center; line-height:30px; }




/*** 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:#133984;
	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:''; }




/***** Quick Menu *****/

#qmenu { position:fixed; width:100%; left:0; top:0; height:100%; z-index:19999; display:none; }
#qm_back { position:absolute; width:100%; left:0; top:0; height:100%; background:#111; opacity:.88; }
#qm_box { position:relative; width:1400px; margin:0 auto; padding:60px; background:#fff; }

#qm_box table { width:100%; }
#qm_box table tr td { padding-left:15px; width:22%; }
#qm_box table tr td:first-child { font-size:23px; color:#133984; font-weight:700; line-height:150%; padding-left:0; width:12%; text-align:left; }

#qm_box table tr td a > div { border:1px solid #ccc; padding:20px; }
#qm_box table tr td a > div div { height:90px; background-position:center; background-repeat:no-repeat; }
#qm_box p { margin-top:10px; font-weight:400; font-size:15.3px; }

#qm_box #qm_sv p { margin-top:0; }
#qm_box #qm_sv div { padding:40px 0; background:#f5f5f5; }

#qm_close { position:absolute; top:-40px; right:0; width:25px; height:25px; background:url('/images/qm_close.gif') center no-repeat; cursor:pointer; }










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

#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; font-weight:400; }

#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; }