@charset "UTF-8";
@import "global.css";
@import "common.css";

#search legend
{ position:absolute; visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0; z-index:-1; }


ul { padding-left: 19px; }

/* Layout */
#wrap { background: url(/open_contents/images/bg_wrap.gif) no-repeat 0 110px; }
#header { height: 140px; }
#colLeft { float: left; width: 205px; position: relative; overflow: hidden; padding-top: 12px; }
#container { padding: 0 5px; }
#colRight { float:left; width:209px; padding-top:25px; }
#contentsGroup { float: left; width: 446px; margin-right: 24px; padding: 0 0 0 22px; }


/* 왼쪽 컬럼 */
div.calendar { position: relative; background: url(/open_contents/images/calendar_bottom.gif) no-repeat left bottom; padding: 0 15px 15px; width: 175px; height: 218px; overflow: visible; }
.calendar h2 { background: url(/open_contents/images/calendar_top.gif) no-repeat; width: 205px; height: 16px; text-indent: -9999px; margin: 0 0 5px -15px; font-size: 0; line-height: 12px; }
.calendar h3 { background: url(/open_contents/images/bullet_calendar.gif) no-repeat 0 0; margin: 0; padding-left: 22px; font-size: 0.96em; letter-spacing: -0.05em; color: #666; }
	.calendar h3 span { color: #000; }
.calendar table.tableCalendar { font-size: 0.8em; font-family: Tahoma, Geneva, sans-serif; border: none; margin-bottom: 8px; }
.calendar .calendar_more { position: absolute; left: 150px; top: 19px; margin-bottom: 0; width: 35px; height: 18px; }
.calendar table.tableCalendar th { background: none; border: none; text-align: center; color: #96b3d7; font-weight: bold; }
.calendar table.tableCalendar td { background: #a0cbf5; text-align: right; padding: 0; border: 1px solid #fff; }
.calendar table.tableCalendar td.bgNone { background-color: #eee; }
.calendar table.tableCalendar td a { display: block; width: 20px; height: 20px; color: #fff; padding: 0; padding-right: 2px; }
.calendar table.tableCalendar td a:hover { text-decoration: none; background-color: #3e81bd; }
.calendar table.tableCalendar td.today { background-color: #3e81bd; font-weight: bold; }
.calendar .todayis { background: url(/open_contents/images/today_bg.gif) no-repeat left bottom; width: 174px; height: 50px; padding: 0 5px; }
.calendar .todayis span { background: url(/open_contents/images/today_bg.gif) no-repeat left top; display: block; width: 174px; height: 6px; margin-left: -5px; }
.calendar .todayis dt { float: left; }
.calendar .todayis dd { font-size: 0.9em; letter-spacing: -0.05em; font-family: "돋움", Dotum, sans-serif; margin-bottom: 2px; margin-right:3px; }
.month_plan{clear:both;margin:5px 0 3px 0;}


/* 검색 (search) */
#search select { width: 130px; height: 22px; border: 1px solid #ccc; }
#search .searchString { width: 170px; border: 1px solid #ccc; padding: 2px; height: 16px; margin-top: 5px; }


/* 군청안내 */
.guide { background: url(/open_contents/images/h2_bg.gif) no-repeat 0 0; margin: 12px 0; padding: 3px 12px; }
.guide h2, .guide02 h2 { background: url(/open_contents/images/bullet_flower.gif) no-repeat 0 0; font-size: 0.96em;color: #0c639f; letter-spacing: -0.05em; margin-bottom: 7px; padding-top: 1px; padding-left: 20px; position: relative; height: 20px; }
.guide ul, .guide02 ul { margin-bottom: 0; padding: 0; position: relative; height: 60px; }
.guide li, .guide02 li { background: none; float: left; padding: 0; }
.guide02 { background: url(/open_contents/images/h2_bg.gif) no-repeat 0 0; margin:0; padding: 0 12px; }
.guide02 h2 { padding-top: 4px; background-position: 0 3px; }


/* 바로가기 */
.link { background: url(/open_contents/images/viewer_bottom.gif) no-repeat left bottom; height: 125px; }
.link ul { display:block; padding: 0; margin-bottom: 0; height:125px; }
.link ul.shortcut li { padding: 0; }
.link li { background: none; float: left; padding: 0 6px; }
.drugs { margin-top:6px; }
/* viewer */
#viewer { position:absolute; top:174px; left:10px; }
#viewer h3 { padding-left: 8px; float: left; }
#viewer ul.download { float: left; padding-left: 10px; margin:0; }
#viewer ul.download li { float:left; display:inline; padding: 0 3px; }


/* 광고 */
.ad { position: relative; left: 15px; margin-bottom: 20px; }


/* 서비스 */
.service { position: relative; }
.service div { float: left; }
.service a { color: #333; }
.service div h2 { margin-bottom: 0; }
.service div ul { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; }
.service div li { background: url(/open_contents/images/bullet_dash.gif) no-repeat 0 6px; padding: 1px 0 1px 8px; }
.service div.service01 { width: 260px; margin-right: 10px; overflow: hidden; }
.service div.service01 ul { background: url(/open_contents/images/service01_bottom.gif) no-repeat left bottom; float: left; }
.service div.service01 ul.service0102 { background: url(/open_contents/images/service01_bottom.gif) no-repeat right bottom; padding-right: 24px; }
.service div.service02 { width: 170px; overflow: hidden; }
.service div.service02 ul { background: url(/open_contents/images/service02_bottom.gif) no-repeat left bottom; }


/* 게시판 */
.board { background: url(/open_contents/images/tabGroup_bg.gif) no-repeat 0 0; height: 120px; position: relative; margin-top: 15px; }
.board h2 { position: absolute; top: 3px; margin-bottom: 0; }
.board h2 a { font-size: 9pt; font-weight: normal; color: #fff; display: block; width: 80px; height: 25px; text-align: center; padding-top: 1px; letter-spacing: -0.05em; }
	.board h2.tab01 { left: 10px; }
	.board h2.tab02 { left: 82px; }
	.board h2.tab03 { left: 162px; }
	.board h2.tab04 { left: 240px; }
	.board h2.tab05 { left: 315px; }
.board h2 a.tabactive { background: url(/open_contents/images/tab_bg.gif) no-repeat; color: #000; text-decoration: none; padding-top: 5px; }
.board div p { position: absolute; top: -27px; right: 10px; }
.board dl { padding-left: 5px; }
.board dt { background: url(/open_contents/images/bullet_dot.png) no-repeat 0 8px; width: 300px; float: left; padding-left: 10px; height: 20px; }
.board dd { float: right; padding-right: 10px; font-size: 0.95em; color: #999; height: 20px; }
#tabcontent1,#tabcontent2, #tabcontent3, #tabcontent4, #tabcontent5 { width:450px; padding:0; font-size:12px; line-height: 160%; position: absolute; top: 30px; }
#tabcontent1 a,#tabcontent2 a, #tabcontent3 a, #tabcontent4 a, #tabcontent5 a { color: #666; }


/* 신안포커스 */
.focus { clear:left; position:relative; }
#foucs_roll { clear:both;height:90px; }
.focus h2, #bannerGroup h2 { height:13px; text-align:left; background: url(/open_contents/images/bullet_focus.gif) no-repeat 5px 1px; margin-bottom: 5px; padding: 3px 23px; border-bottom: 1px solid #ccc; }
.focus_more{ position:absolute; top:3px; left:400px; }
.foucs div a img { float:left; margin: 0 10px 0 4px; padding: 3px; }
#foucs_roll div { clear:both;width:430px; padding-right: 10px; }
#foucs_roll div h3 { font-weight: bold; margin: 3px 0; }
.focus div h3 a { color: #000; }
#foucs_roll div a img { float:left; margin: 0 10px 0 4px; padding: 3px; }
.focus div p { text-align: justify; line-height: 130%; color: #666; height: 75px; margin-bottom: 0; }
.focus a:link.active, .focus a:visited.active { color: #000; }
.focus a:hover { color: #000; }


/* 국정브리핑 */
.breif { background: url(/open_contents/images/brief_bg.gif) no-repeat; clear: left; height: 30px; padding: 10px 15px 0; }
.breif h2 { padding-left: 20px; padding-top: 1px; font-size: 0.96em; float: left; margin-bottom: 0; width: 95px; }
.breif h2 a { color: #000; }
.breif p { margin-bottom: 0; padding-top: 2px; float: left; }


/* 스크롤배너*/
#bannerGroup { position:relative; width:446px; }
#banner { clear:both; position:absolute;  overflow:hidden; height:42px; width: 446px; }
#banner-content { position:absolute; padding:0;}
#banner-content li { display:block; float:left; width:140px; margin:0 8px 0 0; line-height:0px; padding:0;}


/* 열린군수실 */
.gunsu { background: url(/open_contents/images/bg_gunsu.jpg) no-repeat; height:100px; margin-bottom:5px; padding-left:110px; overflow:hidden; }
.gunsu h2 { margin-bottom:8px; padding-top:7px; }
.gunsu ul { padding-left:5px; }
.gunsu li { background: url(/open_contents/images/bullet_dot.png) no-repeat 0 6px; padding-left:8px; }
.gunsu li a { color:#666; }
.gunsu li a:hover { color:#f60; }


/* 기상정보 */
.weather { float:left; margin-bottom: 18px; }
.weather ul { margin: 0; padding: 0; float: left; }
.weather li { background: none; float: left; margin: 0; padding: 0; height: 74px; overflow: hidden; }
.order{ clear: both; float: left; position: relative; }
.order h2 {margin:0px; background: none; }
.order p { position: absolute; top: 12px; }


/* 참여마당 */
.part h2 { background: none; padding: 2px 0; margin-bottom: 4px; }
.part ul { padding: 0px; float: left; }
.part li { background: none; float: left; padding: 0; }


/* 패밀리사이트 */
.familyGroup label { position:absolute; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; z-index:-1; }
.familyGroup form { margin-bottom:4px; }
.familyGroup select { background: #eee; width: 160px; height: 22px; }
.barcord img { padding: 3px 0; }



#mainImage { position: absolute; bottom: 105px; left: 0; }
#footer .count { right: 20px; }


/* 플래쉬 보기 */
#page_container { margin-left:0; margin-right:0; position:relative; top:0; width:915px; z-index:2005; }
#toppanel { left:0; position:absolute; width:915px; z-index:25; }
#panel { background: #fff; height:0; margin-left:auto; margin-right:auto; overflow:hidden; position:relative; width:915px; z-index:10; }
#panel .panel01 { width: 205px; float: left; overflow:hidden; }
#panel .panel02 { float: left; margin-right:18px;	padding:0 0 0 22px; width:446px; }
#panel .panel03 { float: left; width:219px; }
.panel_button { background:transparent url(images/panel_button.png) repeat scroll 0 0; cursor:pointer; height:54px; margin-left:auto; margin-right:auto; position:relative; top:0; z-index:20; }
#mainFlash { color:#545454; margin-left:auto; margin-right:auto; position:relative; top:0; width:915px; }
#mainFlash .flashBottom { position:absolute; bottom:0; left:0; }
.popup { position:absolute; border:1px #999999 solid; z-index:999; visibility:visible; }
.popup  #popmain { background:#FFFFFF; text-align:center; }
.popup  #popclose { height:22px;padding:2px 2px 2px 2px; color:#466C8A; background:#F9F9F9; text-align:right; cursor:pointer; }


/* 국정브리핑추가(2009-08-26:TUNY)*/
#nationBriefScroll6 { background:none; position: relative; top:-5px; left:0px; width:300px; height: 20px; overflow: hidden; }
#nationBriefScroll { background:none; position: relative; top:-5px; left:0px; width:300px; height: 20px; overflow: hidden; }
#nationBriefContent { position: absolute; top:0; left: 10px; width: 300px; margin: 0; padding: 0; }
#nationBriefContent li { width: 300px; display: block; margin: 0; padding: 0; }
#nationBriefContent li a { color:#000; width: 100%; display: block; padding: 3px 0 1px; }