@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* ===============================================================
 * Worker	: YunHyeWon (projecthw@dnworks.co.kr)
 * Name		: layout.css
 * Desc		: 경주어린이시청
 * Created	: 2016/02
=============================================================== */

#wrap { width:100%; }

/* headerWrap */
#headerWrap { width:100%; height:128px; background:url('../img/layout/bg_headerWrap.gif') repeat-x center top; z-index:999; }

#header { position:relative; width:980px; height:83px; margin:0 auto; z-index:999; }
#header h1 { width:309px; height:83px; float:left; }
#header ul { float:right; margin-top:35px;} 
#header ul li { float:left; width:75px; margin-left:15px; }
#header ul li:nth-child(2) { float:left; width:75px; margin-left:0 }
#header ul li a { display:block; width:50px; height:22px; line-height:22px; text-decoration:none; font-size:12px;}
#header ul li a:hover { font-weight:bold; }
#header ul li:first-child a { background:url('../img/layout/bg_home.gif') no-repeat left top; padding-left:25px;}
#header ul li:nth-child(2) a { background:url('../img/layout/bg_sitemap.gif') no-repeat left top; padding-left:25px;}
#header ul li:last-child a { background:url('../img/layout/bg_gj.gif') no-repeat left top; padding-left:25px;}
#header #ico_flag{position:absolute; right:245px; top:20px;}
/* navi */
#navi { width:980px; height:45px; position:relative; margin:0 auto; background:url('../img/layout/bg_navi.gif') no-repeat center center; z-index:999;}
#navi li { float:left; width:163px; font-size:15px; text-align:center; }
#navi li a { display:block; height:45px; line-height:45px; margin:0 auto; }
#navi li a.on { display:block; height:45px; line-height:45px; margin:0 auto; font-weight:600; color:#005ca5; text-decoration:none; }
.smWrap { width:163px; height:180px; border-bottom:1px solid #ddd; background:#fff; border-left:1px solid #999; border-bottom:3px solid #999; }
.smWrap ul { margin-top:15px; }
.smWrap ul li { background:url('../img/common/bl_grayDot.gif') no-repeat 10px 7px; width:140px !important; padding-left:20px; }
.smWrap ul li a { font-size:13px !important; height:30px !important; line-height:18px !important; letter-spacing:-0.05em; text-align:left !important;
				text-decoration:none; }
.smWrap ul li a:hover { font-weight:600; }
	#submenu_01 { position:absolute; left:0; top:45px; z-index:999;}
	#submenu_02 { position:absolute; left:163px; top:45px; z-index:999;}
	#submenu_03 { position:absolute; left:326px; top:45px; z-index:999;}
	#submenu_04 { position:absolute; left:489px; top:45px; z-index:999;}
	#submenu_05 { position:absolute; left:652px; top:45px; z-index:999;}
	#submenu_06 { position:absolute; left:815px; top:45px; z-index:999; border-right:1px solid #999; }

/* footer */
#footerWrap { width:100%; height:130px; border-top:1px solid #999; clear:both; }
#footer { width:980px; margin:0 auto; height:95px; padding-top:35px; }
	.b_logo { float:left; width:308px; height:35px; margin-right:33px; }
	.b_wrap { float:left; }
	address, i { font-style:normal; }
	address span { font-weight:600; color:#e83838; }
	.b_wrap .b_link { font-weight:bold; font-size:12px; margin-bottom:5px;}
	.b_wrap .b_link a {color:#0066cc;}