#wrapper {width:100%; position:relative; text-align:left; color:#666;} /*바로가기 링크*/ .accessibility {position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1;} /*헤더*/ #header {width:1000px; position:relative; height:321px; color:#666;} #header #top_logo {position:absolute; left:33px; top:25px;} #header #top_menu {position:absolute; right:25px; top:38px; height:22px; background: url(../images/topmenu_right_bg.gif) no-repeat right center; padding:6px 15px 0 0;} #header #top_menu ul li.left_bg {height:22px; background: url(../images/topmenu_left_bg.gif) no-repeat left center; margin-top:-5px; padding:1px 15px 0 0;} #header #top_menu ul li {float:left;} #header #top_menu ul li.bar_space {padding:0 5px;} /*서브헤더*/ #sub_header {width:1000px; position:relative; height:235px; color:#666;} #sub_header #top_logo {position:absolute; left:33px; top:25px;} #sub_header #top_menu {position:absolute; right:25px; top:38px; height:22px; background: url(../images/topmenu_right_bg.gif) no-repeat right center; padding:6px 15px 0 0;} #sub_header #top_menu ul li.left_bg {height:22px; background: url(../images/topmenu_left_bg.gif) no-repeat left center; margin-top:-5px; padding:1px 15px 0 0;} #sub_header #top_menu ul li {float:left;} #sub_header #top_menu ul li.bar_space {padding:0 5px;} /*메인 컨텐츠*/ #contents {width:1000px; position:relative; text-align:left; padding-left:28px; color:#666;} #contents #box1 {float:left; display:inline; width:310px; margin-left:14px;} #contents #box1 p.popup_zone {float:left; margin-top:6px;} /*공지사항 */ #contents #box1 div.notce_board_wrap {position:relative; width:310px; height:145px; padding:0px 0 0 5px;} #contents #box1 div.notce_board_wrap div.notce_board_tab {margin-bottom:15px; background: url(/images/notice_title_line.gif) no-repeat left top;} #contents #box1 div.notce_board_wrap #notice_more_btn {position:absolute; right:8px; top:13px;} #contents #box1 div.counter_box {width:242px; text-align:center; background: url(/images/counter_box_bottom.gif) no-repeat left bottom;} #contents #box1 div.counter_box p {padding:10px; background: url(/images/counter_box_top.gif) no-repeat left top;} #contents #box1 div.aling_height {clear:both; text-align:center; padding-top:10px;} /*뉴스레터*/ #contents #box2 div.newsletter_wrap div.newsletter {float:left; width:262px; padding:0px 0 0 38px; margin-top:0px;} #contents #box2 div.newsletter_wrap div.newsletter p.height {padding-bottom:0px; margin:0px 0 3px 0;} #contents #box2 div.newsletter_wrap div.newsletter p.letter_title {padding-bottom:0px;} #contents #box2 div.newsletter_wrap div.newsletter p.btn_align {float:left; margin-bottom:16px; padding-right:3px;} #contents #box2 div.workbox_wrap {float:left; margin-top:3px; background: url(/images/work_box_top.gif) no-repeat left top;} #contents #box2 div.workbox_wrap div.workbox {float:left; width:373px; padding:7px 0 7px 13px; margin-top:5px; background: url(/images/work_box_bottom.gif) no-repeat left bottom;} #contents #box2 div.workbox_wrap div.workbox p.height {margin:11px 0 16px 0;} #contents #box2 div.workbox_wrap div.workbox p.work_title {padding-bottom:9px; background: url(/images/work_underline.gif) no-repeat left bottom;} #contents #box2 div.workbox_wrap div.workbox #work_btn {float:left; text-align:center; margin-top:11px;} #contents #box2 div.workbox_wrap div.workbox #work_btn ul li {float:left; padding:0px 7px 7px 0px;} #contents #box3 {float:right; display:inline; width:270px; margin-right:38px;} /*주요재난(include/inc_special_news.asp 안에 내용있음)*/ div.special_news_box_wrap {float:left; position:relative; margin-top:10px; background: url(/images/special_news_box_top.gif) no-repeat left top;} div.special_news_box_wrap div.special_news {float:left; width:332px; padding:7px 0 3px 13px; margin-top:5px; background: url(/images/special_news_box_bottom.gif) no-repeat left bottom;} div.special_news_box_wrap div.special_news p.height {margin:11px 0 16px 0;} div.special_news_box_wrap div.special_news p.special_title {padding-bottom:10px; background: url(/images/special_news_underline.gif) no-repeat left bottom;} div.special_news_box_wrap div.special_tab1 {position:absolute; left:198px; top:10px;} div.special_news_box_wrap div.special_tab2 {position:absolute; left:259px; top:10px;} div.special_news_box_wrap div.special_news p.special_title {width:300px; float:left;} div.special_news_box_wrap div.special_news div.board_wrap {float:left; width:300px; padding-bottom:9px; margin-top:6px;} div.special_news_box_wrap div.special_news div.board_wrap .photo {float:left; width:72px; padding-top:4px;} div.special_news_box_wrap div.special_news div.board_wrap div.text_space {float:right;} div.special_news_box_wrap div.special_news div.board_wrap div.text_space #domestic div.nobr_wrap {width:220px; overflow:hidden;} /*주요재난 끝*/ /*마퀴 배너*/ #contents div.marquee_banner {position:absolute; top:328px; left:260px;} /*마퀴 배너 끝*/ /*강우분석 프로그램 배너*/ #pro_banner {position:absolute; width:84px; height:269px; top:320px; left:995px;} /*강우분석 프로그램 배너 끝*/ /*푸터*/ #footer {clear:both; width:1000px; height:50px; position:relative; text-align:center; margin:30px 0 16px 0px;} #footer div.foot_wrap {background:#E6E6E6 url(/images/footer_box_top.gif) no-repeat left top;} #footer div.foot_wrap div.logo {float:left; display:inline; width:200px; margin-left:30px; padding-top:38px;} #footer div.foot_wrap p.warring {float:left; display:inline; padding:17px 0 6px 3px;} #footer div.foot_wrap address {width:716px; line-height:140%; font-size:12px; color:#323232; font-family:"나눔고딕", "Malgun Gothic"; font-style:normal;} /*서브 페이지*/ #sub_contents_wrap {width:1000px;} #sub_left {float:left; display:inline; width:191px; margin-left:9px;} #sub_body {float:right; margin-right:19px;} #sub_page_wrap {width:760px;} #sub_title {width:760px; height:44px; border-bottom:1px solid #999;} #sub_title p {float:left; margin:0;} #sub_title span {float:right; margin:0; padding-top:15px;} #sub_page {clear:both; width:760px; margin-bottom:20px;} /*서브페이지 레프트 검색 메뉴*/ div.sub_search_box_wrap {width:182px; margin-left:5px; background: url(../images/sub_search_box_bottom.gif) no-repeat left bottom;} div.sub_search_box_wrap div.sub_search_box {padding:13px; background: url(../images/sub_search_box_top.gif) no-repeat left top;} div.sub_search_box_wrap div.sub_search_box form p.search_title {margin-bottom:7px;}