@charset "utf-8";

/* content layout selector */
#container {margin:0 auto !important;}
#content {float:left; width:1000px !important; margin:7px 0 0 0 !important; padding:0 !important; background:none !important;}
#contentArea01 {overflow:hidden;}
#contentArea02 {overflow:hidden; clear:both; margin:10px 0 0 0;}
#contentArea02 div.section01 {float:left; width:245px; border-top:4px solid #98c1f0; background:url('../../img/main/section_line_h.gif') right 0 no-repeat;}
#contentArea02 div.section02 {float:left; width:383px; border-top:4px solid #4274ad; background:url('../../img/main/section_line_h.gif') right 0 no-repeat;}
#contentArea02 div.section03 {float:right; width:372px; border-top:4px solid #98c1f0;}

/* 열린구청장실 */
div.mayor {float:left; width:245px; margin:19px 0 0 0; border-top:1px solid #ededed; background:url('../../img/main/mayor_bg.gif') 107px 22px no-repeat;}
div.mayor p.title {margin:21px 0 0 19px;}
div.mayor p.title a {display:block; padding:0 0 20px 0;}
div.mayor p.link {margin:-3px 0 0 21px;}
div.mayor p.link2 {margin:10px 0 -12px 21px;}
div.mayor p.lightClean {margin:29px 0 0 0;}

/* 팝업존 */
div.popupzone {position:relative; float:left; width:383px; height:159px; background:url('../../img/main/popupzone_bg.gif') no-repeat;}
div.popupzone p.title {margin:3px 0 0 20px;}
div.popupzone div.popup {position:relative; width:359px; height:118px; margin:8px auto 0 auto;}
div.popupzone div.popup ul {display:inline; float:right; margin:95px 13px 0 0; }
div.popupzone div.popup ul li {display:inline; float:left; margin:0 0 0 1px;}
div.popupzone div.popup ul li img.btn {position:relative; z-index:30;}
div.popupzone div.popup ul li p.image {position:absolute; left:0; top:0; z-index:20;}
div.popupzone div.popup_control {position:absolute; left:335px; top:0;}
div.popupzone div.popup_control span.btn {display:inline-block; float:left; margin:0 1px 0 0;}

/* 최근게시물*/
div.article {float:right; width:372px; margin:19px 0 0 0; border-top:1px solid #ededed; background:url('../../img/main/article_bg.gif') 0 top repeat-x;}
div.articleArea {position:relative; overflow:hidden; width:356px; margin:12px 0 0 9px; background:url('../../img/main/article_dot.gif') 0 21px repeat-x;}
div.articleContent {float:left; height:125px; margin:0 1px 0 0;}
div.articleContent div.list {position:absolute; left:13px; top:36px; width:330px;}
div.articleContent div.list ul li {clear:both; line-height:18px;}
div.articleContent div.list ul li span.date {float:left; width:76px; height:18px;}
div.articleContent div.list ul li span.subject {float:left; width:250px; height:18px;}
div.articleContent div.list p.more {position:absolute; left:320px; top:-25px;}

#articleContent2, 
#articleContent3, 
#articleContent4, 
#articleContent5, 
#articleContent6 {display:none;}

/* 문화관광 */
div.culture {overflow:hidden; width:211px; margin:20px 0 0 14px; background:url('../../img/main/content_area02_dot.gif') 0 bottom repeat-x;}
div.culture h3 {overflow:hidden; height:14px; margin:0 0 0 4px;}
div.culture ul {overflow:hidden; width:200px; margin:3px 0 5px 3px;}
div.culture ul li {display:inline; float:left; margin:0 0 0 9px;}
div.culture ul li.first-child {margin:0;}
div.culture ul li a.btn {display:block; padding:3px 0;}
.mgt-5 {margin-top:-5px !important;}

/* 행복서구 */
div.happySeogu {overflow:hidden; clear:both; width:211px; margin:15px 0 0 14px; background:url('../../img/main/content_area02_dot.gif') 0 bottom repeat-x;}
div.happySeogu h3 {overflow:hidden; height:14px; margin:0 0 0 4px;}
div.happySeogu ul {overflow:hidden; margin:3px 0 5px 3px;}
div.happySeogu ul li {display:inline; float:left; margin:0 0 0 8px;}
div.happySeogu ul li.first-child {margin:0;}
div.happySeogu ul li a.btn {display:block; padding:3px 0;}

/* 서구미디어 */
div.seoguMedia {overflow:hidden; clear:both; width:211px; margin:15px 0 0 15px;}
div.seoguMedia h3 {overflow:hidden; height:14px; margin:0 0 0 4px;}
div.seoguMedia span.photo {float:left; width:82px; height:56px; margin:5px 0 0 4px;}
div.seoguMedia span.photo img {border:2px solid #dbdbdb; width:78px; height:52px;}
div.seoguMedia ul {float:left; margin:7px 0 0 15px;}
div.seoguMedia ul li {line-height:12px; padding:2px 0;}

/* 바로가기 서비스 */
div.service {overflow:hidden; position:relative; width:361px; margin:20px 0 0 11px;  background:url('../../img/main/service_bg.gif') no-repeat;}
div.service div.first-child {margin:10px 9px 0 8px; background:none;}
div.serviceContent {display:inline; float:left; height:138px; margin:10px 9px 0 0; padding:0 0 0 9px; background:url('../../img/main/service_menu_bu.gif') 0 2px no-repeat;}
div.serviceContent div.serviceScroll {overflow:hidden; position:absolute; left:20px; top:38px; width:331px; height:76px;}
div.serviceContent div.serviceScroll ul {position:absolute; left:0; top:0;}
div.serviceContent div.serviceScroll ul li {float:left; width:100px; height:19px; padding:0 0 0 7px; background:url('../../img/main/service_list_bu.gif') 0 center no-repeat; line-height:19px;}
div.serviceContent div.buttonArea {position:absolute; left:5px; top:130px; width:353px; height:15px; background:url('../../img/main/service_bg_line.gif') 5px center no-repeat;}
div.serviceContent div.buttonArea span.txt {margin:2px 5px 0 285px;}
div.serviceContent div.buttonArea span.txt img {margin:2px 0 0 0;}
#serviceContent2, 
#serviceContent3, 
#serviceContent4 {display:none;}

/* 국정브리핑 */
div.briefing {clear:both; position:relative; width:355px; height:25px; margin:12px 0 0 14px; background:url('../../img/main/briefing_bg.gif') no-repeat;}
div.briefing h3 {display:inline; float:left; margin:8px 0 0 14px;}
div.briefing div.buttonArea {display:inline; float:right; margin:6px 7px 0 0;}
div.briefing div.buttonArea span.button {margin:0; padding:0; margin:0 0 0 1px;}
#briefingScroll {position:absolute; overflow:hidden; left:77px; top:0; width:225px; height:25px;}
#briefingContent {position:absolute; left:0; top:0;}
#briefingContent li {padding:5px 0 0 0; height:20px;}

/* 자주찾는 정보 */
div.popularInfo {width:345px; height:27px; margin:18px 0 0 11px; background:url('../../img/main/popularInfo_bg.gif') no-repeat;}
div.popularInfo h3 {display:inline; float:left; margin:9px 0 0 8px; width:72px; background:url('../../img/main/popularInfo_line_h.gif') right 0 no-repeat;}
div.popularInfo ul {float:left; margin:7px 0 0 5px;}
div.popularInfo ul li {display:inline; float:left; margin:0 16px 0 0;}
div.popularInfo ul li.first-child {margin:0 0 0 8px;}

/* 관련사이트 */
div.relatedSite {overflow:hidden; width:341px; margin:10px 0 0 15px;}
div.relatedSite h3 {overflow:hidden; height:14px;}
div.relatedSite ul {margin:8px 0 0 0;}
div.relatedSite ul li {display:inline; float:left; margin:0 0 0 31px;}
div.relatedSite ul li.first-child {margin:0 290px 3px 0;}
div.relatedSite ul li.first-child-01 {margin:0;}
div.relatedSite fieldset.relate {float:left; width:170px; margin:5px 0 0 0;}
div.relatedSite fieldset.organizations {float:left; width:170px;  margin:5px 0 0 0;}
div.relatedSite fieldset select.sele {width:120px; margin:1px 0 0 0; font-size:0.9em; vertical-align:top;}
div.relatedSite fieldset input.button {}

/* 즐겨찾는 사이트 */
div.favoriteSite {overflow:hidden; width:341px; margin:0px 0 0 14px;}
div.favoriteSite h3 {overflow:hidden; height:14px;}
div.favoriteSite ul {overflow:hidden; margin:3px 0 0 0; background:url('../../img/main/favoriteSite_line_h.gif') 145px center no-repeat;}
div.favoriteSite ul li {display:inline; float:left; width:49%; margin:4px 0 0 0;}

 /* 서구팔경 */
p.seoguScene8 {margin:10px 0 0 0;}



div.bannerCollection {position:relative; height:47px;}
div.bannerCollection h3 {width:47px; height:14px; padding:17px 0 0 35px;}
div.bannerCollection p.prev {position:absolute; left:108px; top:20px;}
div.bannerCollection p.next {position:absolute; left:970px; top:20px;}
div.bannerCollection p.total {position:absolute; left:48px; top:30px;}
div.bannerCollection p.total a.btn {display:block; padding:4px 0;}
#bannerScroll {position:absolute; overflow:hidden; left:120px; top:10px; width:850px; height:37px;}
#bannerContent { position:absolute; left:0; top:0;}
#bannerContent img {width:150px; height:37px;}
#bannerContent li {display:inline; float:left; margin:0 10px;}