i@charset "utf-8";
#wrapper  {position:relative; float:left;width:100%;  min-width:1100px;	margin:0 auto;	overflow:hidden;}
#topWrap { position:relative;width:100%; top:0; left:0; height:27px;  z-index:3333;	 background-color:#5a5a5a;  /*border-top:3px solid #009944;  box-shadow:0px 1px 5px rgba(0, 0, 0, 0.4);*/ }
.topInner { position:relative;width:1100px; margin:0 auto;height:27px; color:#fff; }
.topInner ul {position:relative; float:right; width:200px; padding:4px;}
.topInner ul li {float:left; padding:0px 10px;}
.topInner ul li a { display: block; color: #fff; font-size:11px; /*font-weight:bold;*/ letter-spacing:-.01em; text-align:center; }
.topInner ul li a:hover {color:#00e064; }

#headerWrap { position:relative;width:100%; top:0; left:0; height:82px;  z-index:3333;	/*border-top:3px solid #009944;  box-shadow:0px 1px 5px rgba(0, 0, 0, 0.4);*/ }
.headerInner { position:relative;width:1100px; margin:0 auto;height:82px; }
.container {position:relative;	width:1100px;	margin:0 auto; }



/*Header*/




.logo {position:absolute;left:0px; top:18px; padding:0px 0 0 0; z-index:9999;}


.util { position:absolute;  right:0px; overflow:hidden;z-index:99999;}
.util li {display:inline-block; float:left;  line-height:30px;   background:url(/images/main/dot.png) no-repeat left  ;}
.util li:first-child { background:none;}
.util li.all a {text-indent:-5000px !important;padding:28px 0px 27px;  width:90px;border-left:1px solid #ddd;border-right:1px solid #ddd; background:url(/images/common/bg_all.png) center center no-repeat;}
.util li.all a:hover {background:#444 url(/images/common/bg_all_on.png) center center no-repeat;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms; }
.util li a { display:block; color:#555;; font-size:1.15em; text-transform:uppercase; }

.header {position:absolute;   left:320px;    width:830px; top:0px; border:0px solid #f00;}
/* Targeting the first level menu */
#nav {  position: absolute;display: block; width:830px; height: 30px; padding: 0px 0 27px 0; z-index: 100;  border:0px solid #f00; font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic', '나눔고딕' ,'ng','NanumGothicWeb','Daum_Regular'; }
#nav > li > a {color: #333; }

/* Targeting both first and second level menus */

#nav li { float: left; position: relative;}
#nav li:first-child { background:none; color:#e35990; margin-left:0;}
#nav li a { display: block; color: #333; font-size:1.3em; font-weight:bold; letter-spacing:-.02em; text-align:center;  padding: 32px 33px 33px; }
#nav li a:hover {  text-decoration: none; color:#fff; background:#009944;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;
}

/* Targeting the second level menu */
#nav li ul {  color: #333; display: none; margin: 0px;  width: 156px; position: absolute; opacity:0.95; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); 

}
#nav li ul li { width: 100%; border-top:1px solid #666}
#nav li ul li:first-child {border:0px;}
#nav li ul li a { background:#555; color:#fff; text-align:left !important; border: none; font-weight:normal; font-size:1.10em !important;line-height: 26px; margin: 0;padding: 5px 0px 5px 15px;   }
#nav li ul li a:hover { background: #f37c3b; color:#fff;}

/* A class of current will be added via jQuery */
#nav li.current > a {color:#709706; }
#nav li.current > a:hover {color:#fff; background:#009944; }
#nav li:hover > a {color:#fff; background:#009944; }

/* CSS fallback */
#nav li:hover > ul.child { display: block; }


/* ----------------- All Menu ----------------------- */

#all_menu{width:100%;	display:none;background:#434343;	position:absolute;	top:88px;	width:100%; z-index:9999;	opacity:0;	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
}
#all_menu .spt_bg{display:block;text-indent:-5000px;background-repeat:no-repeat;background-position:0 0;}
#all_menu .top{width:1100px;height:20px;}
#all_menu .btm{width:1100px;height:20px;}
#all_menu .wrapper{ position:relative; margin: 0 auto;width:1020px; padding:0 50px 30px;}
#all_menu .wrapper .tit{padding:15px 0 30px; overflow:hidden;}
#all_menu .wrapper .tit h3{width:1100px;float:left; text-align:center;color:#fff; font-family:'Arita_buri'; font-size:2.20em;}
#all_menu .wrapper .tit .close{position:absolute; top:10px; right:50px}
#all_menu .wrapper .sec{border-top:1px solid #b4b4b4;}
#all_menu .wrapper .dl{overflow:hidden;padding:13px 0;border-bottom:1px solid #696969;}
#all_menu .wrapper .dl dl{overflow:hidden;}
#all_menu .wrapper .dl dt{width:200px;padding-left:12px;float:left;color:#d0d0d0;font-size:1.25em;letter-spacing:-.5px;}
#all_menu .wrapper .sec2 dt{color:#e2b16c;}
#all_menu .wrapper .sec2 .hl dt{color:#dc7b96;}
#all_menu .wrapper .dl dl.ln2 dt{padding-top:9px;}
#all_menu .wrapper .dl dl.ln3 dt{padding-top:21px;}
#all_menu .wrapper .dl dd{float:left;}
#all_menu .wrapper .dl dd ul{overflow:hidden;}
#all_menu .wrapper .dl dd li{float:left;margin-right:25px;font-size:1.10em;}
#all_menu .wrapper .dl dd li.last{margin-right:0;}
#all_menu .wrapper .dl dd li a{color:#d0d0d0;letter-spacing:-.5px;}
#all_menu .wrapper .sec2 .dl dd li a{color:#c3b399;}
#all_menu .wrapper .sec2 .dl.hl dd li a{color:#b6939d;}

/* ---------------- // All Menu ----------------------- */


.btn_pl	{float:right; margin-right:10px; width:60px; height:20px; text-align:center;}
.btn_pl	a {display:block; width:100%; height:100%; font-size:.90em; border:1px solid #fff; box-sizing:border-box; background:transparent; color:#fff; line-height:1.50em; }
.btn_pl	a span {display:inline-block; margin:0 auto; }
.btn_pl	a:hover,
.btn_pl	a:focus	{ border:1px solid #444; color:#fff; opacity:0.8; background:#444;
	-webkit-transition:300ms ease-out 0ms;
	-moz-transition:300ms ease-out 0ms;
	-ms-transition:300ms ease-out 0ms;
	transition:300ms ease-out 0ms;
}

/* related site */
.related_wrap {position:relative;float:left; width:100%; padding:15px 0 15px;margin:40px 0 0; background:#f4f4f4}
.relate {position:relative; float:left; width:100%; float:left;}
.relate li {display:inline-block; float:left; margin-left:25px;}
.relate li:first-child {margin:0}

/* 개인정보수집동의 */
.personal {position:relative; float:left; width:450px; margin:10px 0 0 10px; padding:15px; font-size:1.20em; line-height:1.80em; color:#555; background:#f2f2f2; border:1px solid #ddd;}

/* -- Footer-- */
#footer {position:relative; float:left; width:100%; /*background:#fff; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;*/ background:url(../images/com/footer_bg.gif) repeat-x; margin:0px 0 0;padding:0px 0 20px 0;  }

#footer		.nanum {position:relative; float:left; width:100%; /*height:83px; *//*border:1px solid #d5d5d5; */}
#footer		.nanum li {position:relative; float:left; margin:6px 0px 0px 0px;}
#footer		.nanum li.arr {margin:26px 25px 0px 0px;}
#footer		.nanum li ul {}
#footer		.nanum li ul li {position:relative; float:left; margin:12px 5px;}
#footer		.nanum li ul li img{border:1px solid #d5d5d5;}



#footer .c_gnb {position:relative; float:left; width:90%; color:#333; padding:20px 0 0 0;}
#footer .c_gnb li { display:inline-block; float:left;	line-height:1.60em; padding-left:12px; margin-left:12px; background:url(/images/common/divide2.png) no-repeat left 3px;}
#footer .c_gnb li a {font-size:1.05em; /*color:#eee;*/}
#footer .c_gnb li:first-child {padding:0; margin:0; background:none;}
#footer .copy {position:relative; float:left; width:100%;  margin:15px 0 0}
#footer .copy span.cp {float:left;font-size:1.0em;  /*color:#888;*/ line-height:1.20em;  margin-right:20px; padding-bottom:5px; }
#footer .copy span.cp.last {margin:0 }

#footer .reserve {position:absolute; top:80px; right:0; width:250px; text-align:right;}
#footer .reserve dt {float:right; width:115px; color:#999; padding:5px 0 0px 25px; font-weight:bold; font-size:1.30em;line-height:1.60em; background:url(/images/common/ico_call.png) no-repeat left 8px ; font-family:arita_m;}
#footer .reserve dd {float:right; width:100%; color:#aec22f; font-size:2.20em; font-family:neosans; line-height:1.80em; font-weight:bold;}


div.siteMap_noEmail{position:absolute; margin-top:-280px; z-index:101; width:460px; height:245px; background:url(../images/com/no_email.gif) no-repeat left top;}
div.siteMap_noEmail span.close_btn{position:absolute; right:12px; top:13px;}