﻿/* CSS Document */
@charset "utf-8";
body { margin: 0px; }
form { margin: 0px; }
img { border: 0px; margin: 0px;}
p { margin: 0px; padding: 0px; }
ul, ol { padding: 0px; margin: 0px; }
li { padding: 0px; margin: 0px; }
fieldset { border: 0px; margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; line-height: 13pt;}
h5 { margin: 0px; padding: 0px; }

A:Link{color: #333333;font-family: "돋움", "굴림";font-size: 12px;}
A:Visited{color: #333333;font-family: "돋움", "굴림";font-size: 12px;text-decoration: none;}
A:Hover{color: #666666;font-family: "돋움", "굴림";font-size: 12px;text-decoration: underline;}

.body { background: url("/images/main/main_bg.jpg") repeat-x 0% 0%;}
#mainDiv { margin: 0px auto; padding: 24px 0px 0px 0px; background: url("/images/main/main_bg_img.jpg") no-repeat 50% 0%; overflow: hidden;}
#header_content { width: 969px; height: 101px; overflow: hidden; margin: 0px auto;}
#body_content { width: 100%; height: 650px; border-bottom: 1px #dfdfdf solid; }
#body_content #total_content { width: 970px; height: 646px; clear:both; overflow: hidden; margin: 0px auto; }
#body_content #left_content { float: left; width: 200px;}
#body_content #center_content { float: left; width: 461px; }
#body_content #right_content { position: relative; float: left; width: 308px;}
#footer_content { background-color: #e5e5e5; height: 72px; width: 100%; clear: both; overflow: hidden;  margin-top: 2px; }

#skipnavigation { height: 0px; overflow: hidden; position: absolute; top: 0px; left:0px;}

/*##### hearder #####*/
#toplogo { float: left; width: 200px; height: 81px;}
#toplogo img { margin: 23px 0px 0px 25px; }
#language { margin-bottom: 4px; list-style-type: none; float: right; overflow: hidden;}
#language li { float: left; }
#topmenu { float: left; width: 769px;}
#topmenu .top_text { float: left; }
#topmenu #gmenu { float: left; width: 488px; height: 27px; text-align: right; }
#topmenu #gmenu ul { list-style-type: none; overflow: hidden; float: right;}
#topmenu #gmenu ul li { float: left; }

/*상단메인메뉴*/
#menu { clear: both; width: 769px; }
#menu ul { list-style-type: none; }
#menu #menubar { position: relative; height: 54px;}
#menu #menubar li { float: left;}
#menu #menubar li ul { position: absolute;}
#menu #menubar li ul li { margin:0px 8px 0px 0px; }
#menu #menubar li #submenu1 { top: 38px; left: 0px; width: 680px;}
#menu #menubar li #submenu2 { top: 38px; left: 0px; width: 360px;}
#menu #menubar li #submenu3 { top: 38px; left: 0px; width: 700px;}
#menu #menubar li #submenu4 { top: 38px; left: 240px; width: 285px;}
#menu #menubar li #submenu5 { top: 38px; left: 55px; width: 720px;}
#menu #menubar li #submenu6 { top: 38px; left: 430px; width: 340px;}
#menu #menubar li #submenu7 { top: 38px; left: 110px; width: 665px;}
#menu #menubar li.on ul { display: block; }
#menu #menubar li.off ul { display: none; }
#menu #menubar li ul li.last { margin:0px 0px 0px 0px; }

/*##### //hearder #####*/

/*##### body #####*/

/* 로그인박스 */
.login_box { width: 190px; height: 122px; position: relative; padding-left: 10px; }
.login_box legend { visibility: hidden; line-height: 0px; margin: 0px; padding: 0px; position: absolute;}
.login_box input.text { border: 1px solid #ccc; height: 17px; width: 100px; margin:0px; padding:0px; font-size: 9pt;}
.login_box label { color: #000000; }
.login_box a { color: #000000 !important; }
.id_zone { margin-bottom: 3px; height: 20px; }
.pw_zone { margin-bottom: 0px; height: 20px; }
.log_btn { position: absolute; left: 134px; top: 0px; width: 46px; }
.id_save { margin-top: 9px; }
.login_txt { list-style-type: none; overflow: hidden; }
.login_txt li { float: left; margin-right: 7px;}

.logout_form { position: relative; background: url("/images/login_bg.jpg") no-repeat 0% 0%; width: 150px; height: 77px; padding: 15px 10px 10px 10px;}
.logout_form p { font-size: 8pt; text-align: center; }
.logout_form span { font-size: 9pt; color: #3366FF; }
.logout_form a { font-size: 9pt !important; }
.logout_form ul { list-style-type: none; overflow: hidden; position: absolute; left: 10px; top: 65px; line-height: 25px;}
.logout_form ul li { float: left; margin-right: 7px;}

/* 양구 가이드 */
#guide { background: url("/images/main/guide_bg.jpg") no-repeat 100% 0%; width: 187px; height:172px; margin: 16px 0px 0px 0px ; padding: 50px 0px 0px 0px; text-align: center;}
#guide ul { list-style-type: none; padding: 0px; margin: 0px; width: 187px;}
#guide ul li { float: left; padding: 2px 0px 0px 15px; margin: 0px 0px 0px 0px; width: 71px; height: 45px; }

/* 관련홈페이지 */
#linklist { margin-top: 18px; position: relative; }
#linklist div { position: relative; height: 22px; }
#linklist label { visibility: hidden; position: absolute;}
.link_btn { position: absolute; left: 148px; top: 0px; }

/* 왼쪽하단 배너 */
#left_banner { position: relative; background: url("/images/main/left_bn.jpg") no-repeat 100% 0%; width: 188px; height: 50px; margin-top: 13px; padding: 32px 0px 0px 0px; overflow: hidden;}
#left_banner .more { position: absolute; left: 126px; top: 11px; font-size:9px; }
#left_banner a { font-family: "돋움" ; color: #6699cc; font-size: 8pt; font-weight: bold; }
/*
#left_banner #banner1 ul { list-style-type: none; padding: 0px; margin: 0px;}
#left_banner #banner1 ul li { float: left; padding: 0px; margin: 0px; height: 40px; }
#left_banner #banner1 img { border: 1px #cccccc solid; }
#left_banner #banner2 ul { list-style-type: none; padding: 0px; margin: 0px;}
#left_banner #banner2 ul li { float: left; padding: 0px; margin: 0px; height: 40px; }
#left_banner #banner2 img { border: 1px #cccccc solid; }
*/
#left_banner .rolling_left { position: absolute; top: 32px; left: 10px; text-align: center;}
#left_banner #picpr { position: relative;  width: 130px; height: 40px; margin: 0px auto; }
#left_banner #picpr #prcon { position: absolute; width: 130px; height: 40px; overflow: hidden; border:1px #e5e5e5 solid;}
#left_banner #picpr #prcon ul { position: absolute; width: 130px; list-style: none; font-size: 0px;  text-align: center;}
#left_banner #picpr #prcon ul li{ width: 130px; height: 40px; }
#left_banner #picpr #prcon ul li a{margin: 0px; padding: 0px; }
#left_banner #picpr #prnum {display: none; }
#left_banner .rolling_right { position: absolute; top: 32px; left: 170px; text-align: center;}

/* 통합검색 */
#total_search { margin: 22px 0px 0px 0px }
#search { width: 461px; }
#search input, select { vertical-align: middle; }
#search input.text { border: 1px solid #ccc; height: 15px; width: 313px; font-size: 9pt;}


/* 게시판 */
#board1 { width: 448px; margin-top: 9px; height: 166px;  position: relative; background: url("/images/main/tab_bg.jpg") repeat-x 0 1.75em; overflow: hidden;}
#board1 h3 {float:left; margin: 0px; padding: 0px; }
#board1 ul { position:absolute; top:30px; left:0; float:left}
#board2 { width: 448px; margin-top: 10px; height: 144px; position: relative; background: url("/images/main/tab_bg.jpg") repeat-x 0 1.75em; overflow: hidden;}
#board2 h3 {float:left; margin: 0px; padding: 0px; }
#board2 ul { position:absolute; top:30px; left:0; float:left}

.tabgroup { list-style-type: none; height: 22px; background: url("/images/main/tab_bg.jpg") repeat-x 0 1.75em; overflow: hidden; }
.tabgroup li { float: left; display: block; margin: 0px; padding: 0px;}

.main_list {}
.main_list ul { list-style-type: none; padding-left: 10px; line-height: 20px;}
.main_list li { padding-left: 7px; height: 22px; margin:0px; background: url("/images/main/b_icon.jpg") no-repeat 0% 50%;}
.main_list a.link { float: left; width: 385px; line-height: 22px; }
.news_more { position: absolute; top: 8px; left: 417px; }

.main_photo {}
.main_photo ul { list-style-type: none; overflow: hidden; }
.main_photo li { float: left; text-align: center;  }
.main_photo p.img {width: 143px; padding-top:4px; margin: 0px 2px; height: 86px; background-color: #ffffff; border: 1px #d9d9d9 solid; }
.main_photo p.subject { }
.photo_more { position: absolute; top: 8px; left: 417px;}

/* 오늘의 일정 */
#schedule { width: 430px; margin-top: 5px; overflow: hidden; border: 4px #d9d9d9 solid; background-color: #ffffff; padding: 5px; height: 71px; }
#schedule .title { float: left; width: 97px;}
#schedule h4 { background-color: #4e76a9; margin-bottom: 3px; font-family: "굴림" ; color: #ffffff; font-size: 9pt; font-weight: bold; text-align: center; height: 18px; }
#schedule .date { background-color: #e0e0e0; text-align: right; padding: 8px;}
#schedule .more { margin-top: 12px; }
#schedule #content{
	width: 320px;
	height: 71px;
	font-family: 돋움;
	font-size: 11px;
	float: left;
	margin: 0px 0px 0px 10px;
	overflow-y:auto;
	scrollbar-face-color: white;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: #cccccc;
	border: 0px solid #000000;
}
#schedule #content ul { list-style-type: none; }


/* 센터 하단 베너 */
#center_banner { margin-top: 8px; padding: 5px 0px 0px 10px; width: 439px; height: 130px; background: url("/images/main/banner_bg.gif") no-repeat; list-style-type: none; overflow: hidden; }
#center_banner li { float: left; padding: 2px 7px 2px 7px; height: 36px;}

/* 국정브리핑 */
#briefing { margin-top: 8px; padding: 5px 0px 0px 105px; width: 343px; height: 21px; background: url("/images/main/briefing_bg.jpg") no-repeat 0% 0%;}

/* 팝업존 */
#popup_zone { position: relative; margin-top: 22px; width: 305px; height: 198px; background: url("/images/main/popup_bg2.gif") no-repeat 0% 0%;}
#popup_zone h4 { z-index: 1; position: absolute; left: 45px; top: 4px; }
#popup_zone h5 { z-index: 1; position: absolute; }
#picpr { position: relative;  width: 305px; height: 198px; }
#picpr #prcon { position: absolute; width: 305px; height: 198px; overflow: hidden; }
#picpr #prcon ul { position: absolute; list-style: none; font-size: 0px;}
#picpr #prcon ul li{ width: 305px; height: 198px;}
#picpr #prnum { position: absolute; left: 0px; top: 0px;  background: url("/images/main/popup_bar.jpg") no-repeat 0% 0%; width: 305px; height: 21px;}
#picpr #prnum img { float: left; display: inline; cursor: pointer; }
#picpr #prnum ul { list-style: none; position: absolute; left: 120px; top: 2px;}
#picpr #prnum ul li { float: left; margin: 0px 2px;}


/* 무료영화상영안내 */
#movie { margin-top: 8px; padding: 0px 7px 3px 7px; width: 291px; height: 116px; border: 1px #b3b3b3 solid; }
#movie h4 { margin: 4px 0px; font-family: "돋움"; color: #666666; font-size: 9pt; font-weight: bold; text-align: center;}
#movie #contents { border: 1px #b6b6b6 solid; background: url("/images/main/movie_bg.jpg") repeat-x 0% 0%;}
#movie #contents ul { overflow: hidden; list-style-type: none; height: 88px }
#movie #contents ul li { width: 138px; height: 76px; float: left; position: relative; padding: 10px 0px 0px 4px;}
#movie #contents ul li .line { background: url("/images/main/movie_bg.jpg") no-repeat 90% 0%; }
#movie #contents h5 { font-family: "돋움"; color: #767676; font-size: 9pt; font-weight: bold; position: absolute; left: 58px; top: 12px;}
#movie #contents p.poster { }
#movie #contents p.time { height: 43px; font-size: 8pt; color: #767676; position: absolute; left: 55px; top: 40px; overflow: hidden;}

/* 오른쪽 미니메뉴 */
#right_menu { margin-top: 10px; padding: 0px 4px; overflow: hidden;}
#right_menu h4 { width: 95px; height: 17px; background: url("/images/main/right_menu_bg.jpg") no-repeat 0% 0%;; font-family: "돋움"; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-align: center;}
#right_menu div { margin: 0px 0px 0px 2px; float: left; }
#right_menu ul { list-style-type: none; margin: 5px 0px 0px 3px; }
#right_menu ul a { font-size: .9em; text-decoration: none;}
#right_menu ul li a.off { padding-left: 5px; background: url("/images/main/right_arrow.png") no-repeat 0% 50%; color: #333333;}
#right_menu ul li a.on { padding-left: 5px; background: url("/images/main/right_arrow_r.png") no-repeat 0% 50%; color: #003399;}

/* 하단 플래쉬 */
#bottom_swf { width: 308px; position: absolute; left: -5px; top: 476px; }

/*##### //body #####*/

/*##### footer #####*/
#footer { width: 969px; margin: 0px auto; }
#footer .logo { float: left; width: 200px; text-align: center; height: 100%;}
#footer .logo img { margin: 22px 10px 0px 0px; }
#footer .contents { float: left; }
#footer ul.menulist { list-style-type: none; padding-top: 15px; overflow: hidden; }
#footer ul.menulist li { float: left;  margin-right: 5px; padding-right: 10px; background: url("/images/main/footer_slash.jpg") no-repeat 100% 0%;}
#footer ul.menulist li.last { position: relative; background: none;}
#footer ul.viewer { position: absolute; left: 68px; top: -2px; width: 115px; list-style-type: none; overflow: hidden;}
#footer ul.viewer li { float: left; background: none; padding:0px; margin:0px 3px;}
#footer address { margin-top: 5px; clear: both; float: left; letter-spacing: 3px; }
#copyright { float: left; margin: 10px 0px 0px 10px;}
/*##### //footer #####*/


/* 공통 */
.none { display: none; }
.block { display: block; }

.floL { float: left; }
.clear_both { clear: both; }

.middle { vertical-align: middle }
