@charset "utf-8";
/*글자크기*/
#header03 {display:none;}

/*네비게이션*/
#navi_main {height:120px; width:970px;}
#navi_main li {float:left; height:120px;}
.logo {padding:25px 0 0 45px;}

#navi_topmenu {margin:25px 0 0 43px; width:630px;}
#navi_topmenu li {float:left;}
#navi_topmenu li span {padding:0 14px;}

/*성주안내*/
#sub37 { background:#fff; border:2px solid #9d6804; width:150px; height:200px; position:absolute; left:100px; top:64px; padding:6px 0 0 15px; z-index:5; display:block;}
#sub37 li {height:20px;}
#sub37 li a {color:#000; text-decoration:none;}
#sub37 li a:hover {color:#000; text-decoration:underline;}
#sub37 li span {padding:0 3px;}
#over37 { position:absolute; top:57px; left:372px; z-index:100; display:none; }

/*사이버민원실*/
#sub38 {background:#fff; border:2px solid #9d6804; width:150px; height:200px; position:absolute; left:270px; top:64px; padding:6px 0 0 15px; z-index:5; display:block;}
#sub38 li {height:20px;}
#sub38 li a {color:#000; text-decoration:none;}
#sub38 li a:hover {color:#000; text-decoration:underline;}
#sub38 li span {padding:0 5px;}
#over38 { position:absolute; top:57px; left:482px; z-index:100; display:none; }

/*성주특산물*/
#sub39 {background:#fff; border:2px solid #9d6804; width:150px; height:200px; position:absolute; left:440px; top:64px; padding:6px 0 0 15px; z-index:5; display:block;}
#sub39 li {height:20px;}
#sub39 .line2 {width:85px;}
#sub39 li a {color:#000; text-decoration:none;}
#sub39 li a:hover {color:#000; text-decoration:underline;}
#sub39 li span {padding:0 5px;}
#over39 { position:absolute; top:57px; left:602px; z-index:100; display:none; }

/*생활경제*/
#sub40 {background:#fff; border:2px solid #9d6804; width:150px; height:200px; position:absolute; left:610px; top:64px; padding:6px 0 0 15px; z-index:5; display:block;}
#sub40 li {height:20px;}
#sub40 .line2 {width:85px;}
#sub40 li a {color:#000; text-decoration:none;}
#sub40 li a:hover {color:#000; text-decoration:underline;}
#sub40 li span {padding:0 2px;}
#over40 { position:absolute; top:57px; left:708px; z-index:100;  display:none; }

/*참여마당*/
#sub41 {background:#fff; border:2px solid #9d6804; width:150px; height:200px; position:absolute; left:780px; top:64px; padding:6px 0 0 15px; z-index:5; display:block;}
#sub41 li {height:20px;}
#sub41 .line2 {width:70px;}
#sub41 li a {color:#000; text-decoration:none;}
#sub41 li a:hover {color:#000; text-decoration:underline;}
#sub41 li span {padding:0 2px;}
#over41 { position:absolute; top:57px; left:810px; z-index:100; display:none; }
#navi_melon {margin:3px 0 0 11px; width:107px;}
#menu_bg {height: 128px; width: 970px; position:absolute; top:46px; left:15px; z-index:1; background:url(/S0001/img/main/bg_main_top.jpg) no-repeat;}

/*비주얼*/
#visual {position:absolute; top:300px; left:0; z-index:2;}

/*시장실*/
#mayor {background:url(/S0001/img/main/bg_mayor.gif) no-repeat; width:240px; height:75px; position:absolute; left:15px; top:640px; z-index:5; padding:3px;}
#mayor ul {width:240px;}
#mayor ul li { float:left;}
#mayor .webzine { margin: 15px 0 0 9px;}
#mayor .week { margin:5px 0 0 9px;}

/*문화관광*/
#culture {position:absolute; left:15px; top:731px;}

/*군청안내, 조회서비스*/
#guide {position:absolute; top:798px; left:15px; }
#search { position:absolute; top:798px; left:140px;}
#guide dt h2 , #search dt h2 { width:122px; height:37px;  font-size:0;}
#guide ul li, #search ul li {line-height:1.54em;font-size:0.92em; letter-spacing:-1px;}
#guide ul li a, #search ul li a {color:#777b81;}
.guide_bg { background:url(/S0001/img/main/bg_guide.gif) repeat-y; width:102px; height:120px; padding:0 10px;}

/*링크버튼*/
#link_btn {position:absolute; width:185px; top:183px; font-size:1em; left:10px;} 

/*검색바*/
#searchbar {position:absolute; top:325px; left:280px; width:370px; height:46px; background:url(/S0001/img/main/bg_searchbar.gif) no-repeat; z-index:5; padding:12px;}
#searchbar li {float:left; margin-right:4px; height:25px;}
.search_select {font-size:0.92em; color: #666; border: 1px solid  #808080; width:80px;}
.main_select {width:242px; border:1px solid #a66e0e; height:18px;margin-top:-1px;}
.main_select2 {width:242px; border:1px solid #a66e0e; height:18px;margin-top:-1px;}
.total_search {width:70px;color:#777; font-size:1em; font-family:'돋움';}

/*공지사항*/
#news {position:absolute; top:377px; left:280px; width:400px; z-index:5;}
#news li { float:left;}
#news_area_01 { position:absolute; top:45px; left:0px; width:400px; visibility:visible; }
#news_area_02 { position:absolute; top:45px; left:0px; width:400px; visibility:hidden; }
#news_area_03 { position:absolute; top:45px; left:0px; width:400px; visibility:hidden; }
#news_area_04 { position:absolute; top:45px; left:0px; width:400px; visibility:hidden; }
#news_area_05 { position:absolute; top:45px; left:0px; width:400px; visibility:hidden; }

#news_area_01 li,#news_area_02 li,#news_area_03 li,#news_area_04 li,#news_area_05 li 
{ background:url(/S0001/img/main/icon_news.gif) no-repeat 13px 10px; line-height:1.83em; padding-left:22px; float:none; }

#news_area_01 li span,#news_area_02 li span,#news_area_03 li span,#news_area_04 li span,#news_area_05 li span {position:absolute;left:333px; margin-top:-4px; width:60px;}

#news_more_01 { position:absolute; top:157px; left:0px; visibility:visible; width:390px; text-align:right; background: url(/S0001/img/main/bg_line.gif) repeat-x center center;}	
#news_more_02 { position:absolute; top:157px; left:0px; visibility:hidden; width:390px;  text-align:right; background: url(/S0001/img/main/bg_line.gif) repeat-x center center;}
#news_more_03 { position:absolute; top:157px; left:0px; visibility:hidden ; width:390px; text-align:right; background: url(/S0001/img/main/bg_line.gif) repeat-x center center;}
#news_more_04 { position:absolute; top:157px; left:0px; visibility:hidden ; width:390px; text-align:right; background: url(/S0001/img/main/bg_line.gif) repeat-x center center;}
#news_more_05 { position:absolute; top:157px; left:0px; visibility:hidden ; width:390px; text-align:right; background: url(/S0001/img/main/bg_line.gif) repeat-x center center;}

/*프라이드뉴스*/
#pride_news {left:280px; top:573px; width:392px;height:38px; z-index:5; padding:0;position:absolute;background:url(/S0001/img/main/pride_news.gif);}
#pride_news iframe{padding:0;margin:0;}

/*국정뉴스*/
#gove_news {position:absolute; left:280px; top:614px; z-index:5; background:url(/S0001/img/main/bg_gove.gif) no-repeat; height:18px; width:372px; padding:5px 10px; line-height:1.50em;}
#gove_news li { float:left; margin-right:5px;}
#gove_news .float_right { float:right; margin:0;}

/*성주민원실*/
#link_category {position:absolute; left:279px; top:662px; z-index:5; width:400px;height:275px;}
#link_category dl { float:left; margin-right:1px;}

#civil {background:url(/S0001/img/main/bg_civil_tle.gif) no-repeat;width:132px;}
#civil dt {height:20px;width:110px;padding:6px 10px; }
#civil dt img {width:60px;float:left;}
#civil dt span { float:right; padding:3px 0 0 0;}
#civil dt span img { width:13px; height:13px; float:right;}
#civil dd {background:url(/S0001/img/main/bg_civil.gif) no-repeat; width:110px; height:232px; padding: 5px 10px;}
#civil dd ul { width:110px;}
#civil dd ul li {background:url(/S0001/img/main/icon_civil.gif) no-repeat 1px 10px; line-height:2em;letter-spacing:-0.5px;padding-left:8px;}

#comm {background:url(/S0001/img/main/bg_comm_tle.gif) no-repeat;width:132px;}
#comm dt { height:20px;width:110px; padding:6px 10px;}
#comm dt img {width:60px;float:left;}
#comm dt span { float:right; padding:3px 0 0 0;}
#comm dt span img { width:13px; height:13px; float:right;}
#comm dd {background:url(/S0001/img/main/bg_comm.gif) no-repeat; width:110px; height:232px; padding: 5px 10px;}
#comm dd ul { width:110px;}
#comm dd ul li {background:url(/S0001/img/main/icon_comm.gif) no-repeat 1px 10px; line-height:2.00em;letter-spacing:-0.5px;padding-left:8px;}

#life {background:url(/S0001/img/main/bg_life_tle.gif) no-repeat;width:132px;}

#life dt { height:20px;width:110px; padding:6px 10px;}
#life dt img {width:60px;float:left;}
#life dt span { float:right; padding:3px 0 0 0;}
#life dt span img { width:13px; height:13px; float:right;}

#life dd {background:url(/S0001/img/main/bg_life.gif) no-repeat; width:110px; height:232px; padding: 5px 10px;}
#life dd ul { width:110px;}
#life dd ul li {background:url(/S0001/img/main/icon_life.gif) no-repeat 1px 10px; line-height:2.00em;letter-spacing:-0.5px;padding-left:8px;}

/*빠른링크서비스*/
#quick_link {background: url(/S0001/img/main/bg_quick.gif) no-repeat 0 28px; width:392px; height:118px; left:280px; top:956px; position:absolute;}
#quick_link dt span img {margin-left:220px; }
#quick_link dd { margin-top:9px; padding:8px 12px;}
#quick_link dd ul li { background:url(/S0001/img/main/icon_bgquick.gif) no-repeat 0 10px;  line-height:2em;width:113px; padding-left:8px; float:left;}
.select_link_btn {position:absolute; left:637px; top:808px;}

/* Layer Bubble - If you want to fixed width or height, You can set the size to '.layer_content'. But use a inline style as possible as you can */
.layer_bubble{position:relative; z-index:150; left:269px; top:434px;background:#efefef;color:#000; width:404px;}
.layer_bubble .rt,
.layer_bubble .lb,
.layer_bubble .rb{ display:block; position:absolute; overflow:hidden;}
.layer_bubble .layer_content{ position:relative; right:-10px; overflow:hidden; float:left;width:392px;_width:402px; height:358px;}

.layer_bubble .rt{ top:0; right:-10px; width:10px; height:100%; font-size:41.67em; background:url(/S0001/img/main/bg_layer_right.gif);}

.layer_bubble .rt_iefix{ display:none; position:absolute; top:0; right:0; width:10px; height:500px; background:url(/S0001/img/main/bg_layer_right.gif); }

.layer_bubble .lb{ bottom:-10px; left:0; width:100%;_width:402px; height:10px; background:url(/S0001/img/main/bg_layer_bottom.gif) no-repeat;}

.layer_bubble .rb{ bottom:-10px; right:-10px; width:10px; height:10px; background:url(/S0001/img/main/bg_layer_rb.gif);}

.layer_bubble .close_layer{ position:absolute; top:20px; right:10px;}

.layer_tle {margin:10px 0;}
.layer_ct p {margin-bottom:10px;}
.layer_ct ul {width:366px; margin-bottom:10px; letter-spacing:-1px;}
.layer_ct ul li { float:left; width:117px; margin-right:5px; line-height:1.83em;}
.layer_ct ul li span {padding-left:23px;}
.layer_btn {width:82px; margin:10px auto;}
.layer_btn img,.layer_btn input {margin-right:2px; float:left;}

/*빠른링크서비스 스크롤*/
.quick_if {overflow-y:auto; width:100%; height:240px;}

/*오른쪽 컨텐츠 회색배경*/
#right_ctn {position:absolute; left:690px; top:325px; z-index:5; width:205px; height:726px;}
.right_top {background:url(/S0001/img/main/bg_rightctn_top.gif) no-repeat; height:12px; width:205px;}
.right_center {background:#f3f3f3; width:185px; height:100%; padding:0 10px;}
.right_bottom {background:url(/S0001/img/main/bg_rightctn_bottom.gif) no-repeat; height:12px; width:205px;}

/*성주알리미*/
#popzone { position: relative; height:156px;}
#popzone dt span {position:absolute; left:153px; margin-top:2px; float:left; width:35px;}
#popzone dt span img {margin-right:2px;}
#popzone dd { margin-top:9px;}
#mfNo {width:183px; border:1px solid #a6c91b; height:20px; margin-top:115px; background:#b6ca66;}
#mfNo li {float:left;}
#mf_num { position:absolute; left:0px; top:26px; z-index:100; width:183px; height:104px; border:1px solid #a6c91b; overflow:hidden }


/*군직영 골재장 판매현황*/
#sell {position:absolute; top:779px; z-index:150; left:10px;}

#sell .sell_top { background:url(/S0001/img/main/bg_sell.gif) no-repeat; width:155px; padding:12px 15px 1px 15px; font-weight:bold; height:auto;}
#sell .sell_bottom { background:url(/S0001/img/main/bg_sell_bottom.gif) no-repeat; width:185px; height:14px;}
.sell_txt {margin-top:2px;width:100px; float:left;}
#sell .sell_date {height:24px; background:url(/S0001/img/main/line_dot.gif) repeat-x 0 23px; margin-bottom:10px;}
#sell .sell_date span img {margin-left:10px;}

#sell .sell_li {background:url(/S0001/img/main/icon_sell.gif) no-repeat 0 5px;margin:1px 0; font-weight:normal; padding-left:8px; height:25px;}
#sell .sell_li .sell_no {background:#eaefe5; width:74px; height:18px; position:absolute; text-align:center; left:94px; color:#464646; font-weight:bold; margin-top:-3px;padding-top:5px;}
#sell .sell_li .sell_ok {background:#eaefe5; width:74px; height:18px; position:absolute; text-align:center; left:94px; color:#df660d; font-weight:bold;margin-top:-3px;padding-top:5px;}
#sell .sell_li .sell_end {background:#eaefe5; width:74px; height:18px; position:absolute; text-align:center; left:94px; color:#464646; font-weight:bold;margin-top:-3px;padding-top:5px;}

/*패밀리사이트, 관련사이트*/
#site {position:absolute; top:335px; z-index:10; width:185px;background:url(/S0001/img/main/bg_site.gif) no-repeat 0 0px;height:566px; left:10px;}

#site_li_01 { position:relative; top:0px; left:14px;z-index:10; display:block;}
#site_li_02 { position:relative; top:0px; left:14px;z-index:10; display:block;}
#site_li_01 li,#site_li_02 li {background:url(/S0001/img/main/icon_sell.gif) no-repeat 0 10px; border-bottom: 1px dotted #d6d4d0; padding-left:10px; line-height:1.83em; width:153px;}

/*링크*/
#link_select {position:absolute; top: 967px; left:15px; width:246px;}
#link_select li {height:22px; line-height:1.67em;}
#link_select li select {color:#424;font-family:돋움; height:20px;border:1px solid #999; width:83%;}
.btn_go1 {width:33px; left:212px; top:-2px; position: absolute;}
.btn_go2 {width:33px; left:212px; top:22px; position: absolute;}
.btn_go3 {width:33px; left:212px; top:44px; position: absolute;}
.btn_go4 {width:33px; left:212px; top:66px; position: absolute;}
.btn_go5 {width:33px; left:212px; top:88px; position: absolute;}

/*퀵메뉴*/
#rightcolumn {position:absolute; top:317px; left:0; z-index:10;}
#rightcolumn ul li img {padding:0; margin-top:-2px;}
.quick_top {margin-left:-55px; margin-top:30px; position:absolute;}
.quick_bg {background:url(/S0001/img/common/bg_quick.gif) repeat-y; text-align:center; padding:10px 5px;margin-top:-2px;}
.quick_bg li {line-height:2.08em;}
#scrollbanner { width:80px; position:absolute; top:0px; left:867px;}

/*배너모음*/
#banner { position:absolute; left:15px; top:1293px; background:url(/S0001/img/main/bg_banner.gif) no-repeat; width:477px; height:35px; padding:6px 12px;}
#banner dt{ float:left; margin-top:3px;}
#banner dd { float:left;}
#banner-scroll { position: absolute; left: 118px;margin-top: 1px; width:350px; height:33px;overflow: hidden;}
#banner_area {margin-left:10px;}
#banner-content { position: absolute; width:auto; height:auto; margin:0; padding: 0; list-style: none; overflow: hidden;}
#banner-content li { float:left;margin:0;padding:0;width:115px;height:33px;display: inline; font-size:0; }
#banner-content li img{margin:0;padding:0; font-size:0;}
#banner .b_btn { position: absolute; left: 473px;margin-top: 3px; width:12px;}
#banner .b_btn img {margin-bottom:3px;}

/*링크*/
#link_site { position:absolute; left:528px; top:1293px; background:url(/S0001/img/main/bg_link.gif) no-repeat; width:345px; height:33px; padding:9px 12px;}
#link_site dt {margin-top:3px; float:left;}
#link_site dt { float:left;}
#link-scroll { position: absolute; left: 103px;margin-top: 1px; width:250px; height:33px; overflow: hidden; }
#link_area {margin-left:20px;}
#link-content { position: absolute; left: 0; top: 0; width: auto; height: auto; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#link-content li {float:left;margin:0;padding:0;width:120px;height:33px;display: inline; font-size:0;}
#link_site .b_btn { position: absolute; left: 346px;margin-top: 3px;width:12px;}
#link_site .b_btn img {margin-bottom:3px;}

/*카피라이트*/
#main_footer { position:absolute; top:1348px; left:0px;}
#copy {padding:20px 0 0 40px; width:970px; height:80px;}
#copy li { float:left;}
#copy .copy_line_v {padding:0 36px;}
#copy .copy_txt {width:445px;padding-top:8px;}
#copy .copy_line {padding:0 8px; padding-bottom:3px;}
#copy .ko_name {padding-left:55px;}
#copy .copy_rss{padding-left:20px; padding-top:7px;}
#copy .copy_view {padding-left:3px; padding-top:7px;}

/*아이프레임*/
.gove_iframe {width: 305px; height:20px;}