@charset "utf-8";

#wrap {min-width:1200px;}
body {font-size:15px; letter-spacing:-0.03em;}
.inner {margin: 0 auto; width:1200px; position:relative;}
.clear:after{display:block; content:""; clear:both}


#header {width:100%;  height:155px; position:relative; background: url("/layout/images/www/main/main_sprite.png") repeat-x 0px -503px;}
	 #header  h1 {position:absolute; top: 27px; left:50%; margin-left:-600px; z-index:1000;}
	 #header  h2 {position:absolute; top:27px; right:31.5%;}
	 .header_top {height:104px;}
	 .header_top ul.right {float:right;margin-top:31px;}
	 .header_top ul.right li{float:left; height:40px; margin-left:5px;}
	 .header_top ul.right li.link_box {width:90px; border:1px solid #000; border-radius:3px;}
	 .header_top ul.right li.link_box a {display:block; text-align:center; vertical-align:middle; line-height:40px; height:40px;}
	 .header_top ul.right li.link_box a:hover {background-color:#004199; color:#fff;}
	 .header_top ul.right li.search {width:217px; border:3px solid #004199; border-radius:3px; height:36px; position:relative;}
	 .sch_w { left:0px; position: absolute; top: 0px; width: 223px;}
 	 .sch_w label { color: #b4b4b4; font-size: 13px; left: 8px; position: absolute; top: 6px;}
	 .sch_w input.main_search { background-color: #ffffff; border: 0px solid #ffffff; color: #000000; float: left; height: 33px; line-height: 31px; padding-left: 8px; width: 169px; margin-top:1px;}
	 .sch_w input.sch_btn {}
	 .header_top ul.right li.login {width:42px; height:42px; background:#004199 url("/layout/images/www/main/main_sprite.png") no-repeat 13px 9px ; border-radius:3px;}
	 .header_top ul.right li.login a , .header_top ul.right li.logout a , .header_top ul.right li.top_sitemap a {display: block; text-indent: -5000px; width:40px; height:41px;}
	 .header_top ul.right li.logout {width:42px; height:42px; background:#004199 url("/layout/images/www/main/main_sprite.png") no-repeat -22px 9px ; border-radius:3px;}
	 .header_top ul.right li.login:hover , .header_top ul.right li.logout:hover, .header_top ul.right li.top_sitemap:hover {background-color:#eab83a}
	 .header_top ul.right li.top_sitemap {width:42px; height:42px; background:#004199 url("/layout/images/www/main/main_sprite.png") no-repeat -60px 9px ; border-radius:3px;}

	 .header_bottom{height:51px;}
	 .gnb {margin:0 auto; width:1200px;position:absolute; background:url("/layout/images/www/main/gnb_bg.png") no-repeat;}
	 .gnb > li.gnbA{float:left; width:20%;}
	 .gnb > li.gnbA > a{display:block;width:100%;text-align:center;color:#fff;font-size:18px !important;border-left:1px solid #bb474e;height:49px;line-height:46px;margin-top:1px;}
	 .gnb > li.gnbA:hover > a {background-color:#444;}
	 .gnb > li.gnbA1on > ul > li.on > a, .gnb > li.gnbA2on > ul > li.on > a , .gnb > li.gnbA3on > ul > li.on > a, .gnb > li.gnbA4on > ul > li.on > a,  .gnb > li.gnbA5on > ul > li.on > a {background-color:#e6e6e6;}
	 .gnb > li.gnbA1on > ul > li.on > a:hover, .gnb > li.gnbA2on > ul > li.on > a:hover , .gnb > li.gnbA3on > ul > li.on > a:hover , .gnb > li.gnbA4on > ul > li.on > a:hover,  .gnb > li.gnbA5on > ul > li.on > a:hover {color:#555;}

	 .gnb > li.on {background-color:#555;height:49px;margin-top:1px;}
	 .gnb > li.on > a {border-left:0px;}
	 .gnb > li.on:hover > a {background:none;}
	 .gnb > li.gnbA1 {width:19.9%;}
	 .gnb > li.gnbA5 {width:20.1%;}

	 .gnbB {position:relative; z-index:100; border-right:1px solid #efefef; height:220px; }
	 .gnbB:hover {background-color:#f4f4f4;}
	 .gnbB > li:first-child {padding-top:20px;}
	 .gnbB > li > a{display:block; color:#555; text-align:center; line-height:30px; }
	 .gnbB > li > a:hover {background-color:#444; color:#fff; }

	 .gnbB5 {border-right:0px;}

	 .gnb_bg{background-color: #f9f9f9;position:absolute;top:51px;z-index:99;width:100%; height:220px; border-bottom:1px solid #efefef;}
	 
	 .gnb_bg, .gnbB{display:none; }
	 
	 #top_menu:hover .gnbB, #top_menu:hover .gnb_bg{display:block;}
	 
	 
	 
	 
	 
	 
	 
		#footer {width:100%; background: url("/layout/images/www/main/main_sprite.png") repeat-x 0px -660px; height:240px; clear:both; }
		
		#footer .banner { clear:both; position:relative; height:85px;}
		#footer .banner > h3 { padding-left:20px; width:82px; float:left; font-size:17px; margin:0 0px 0 0; font-weight:normal; line-height:85px; background:none;}
		#footer .banner ul { position:relative;}
		#footer .banner ul > li {float:left;width:140px;height:63px;padding-top: 22px;margin: 0 8px 0 8px;}
		#footer .banner ul > li > a {}
		#footer .banner ul > li > a > span {display:inline-block; text-indent:-5000px;}
		
		#footer .banner a.bx-prev {position:absolute;left: 1091px;top:33px;width:20px;height:20px;text-indent:-5000px;background: url("/layout/images/www/main/main_sprite.png") no-repeat scroll 1px -99px;}
		#footer .banner a.bx-stop {position:absolute;left: 1118px;top:33px;width:18px;height:20px;text-indent:-5000px;background: url("/layout/images/www/main/main_sprite.png") no-repeat scroll -40px -99px;}
		#footer .banner a.paused { position:absolute; left:1120px; top:33px; width:18px; height:20px; text-indent:-5000px; background: url("/layout/images/www/main/main_sprite.png") no-repeat scroll -20px -99px !important;}
		#footer .banner a.bx-next { position:absolute; left:1140px; top:33px;  width:20px; height:20px; text-indent:-5000px; background: url("/layout/images/www/main/main_sprite.png") no-repeat scroll -58px -99px; }
		#footer .banner a.more { position:absolute; right:0px; top:28px; width:31px; height:30px; background: url("/layout/images/www/main/main_sprite.png") no-repeat scroll -84px -93px; }
		#footer .banner a.more span { display:block; text-indent:-5000px;  }
		#footer ul.footer_link {width:100%; height:50px; position:relative;}
		#footer ul.footer_link li {float:left; width:160px; line-height:50px; background: url("/layout/images/www/main/main_sprite.png") no-repeat -18px -318px;}
		#footer ul.footer_link li a {display:block; color:#dedede;font-size:15px; text-align:center;} 
		#footer ul.footer_link li a:hover {color:#ffce54}
		
		#footer ul.footer_link li.family_site {position:absolute; right:0; width:220px; height:50px; border-left:1px solid #ededed; border-right:1px solid #ededed; color:#dedede; background:none; }
		#footer ul.footer_link li.family_site a {display:block;background:url("/layout/images/www/main/main_sprite.png") right -27px;width:200px;text-align:left;padding-left:20px;}
		#footer ul.footer_link li.family_site div.linkbox {display:none; position:absolute; bottom:0; left:0; z-index:100; width:200px;}
	    #footer ul.footer_link li.family_site div.linkbox ul {position:absolute; bottom: 49px; left:0; z-index:50;}
     	#footer ul.footer_link li.family_site div.linkbox li {height:45px; line-height:39px; background-color:#353535; width:220px; border-bottom:1px solid #595758;}
     	#footer ul.footer_link li.family_site div.linkbox li a { display:block; color:#fff; width:221px; height:45px; background:none; line-height:45px;}
	    #footer ul.footer_link li.family_site div.linkbox li a:hover { color : #ffd500}
		
		
		#footer .footer_btm {width:100%; clear:both; padding-top:33px;}
		#footer .footer_btm p.logo {background:url("/layout/images/www/main/f_logo.png") no-repeat; float:left; width:240px; height:43px;}
		#footer .footer_btm p.logo span {display:block; text-indent:-5000px;}
		#footer .footer_btm address {float:left; color:#383838; line-height:22px; font-weight:300 !important; padding-left:45px;}
		#footer .footer_btm .footer_slo {float:right;}
		
		.banner_slide {left:20px;}