/* CSS Document */ @import url("common.css"); /* ↓ Layout */ body { margin:0 ; padding:0 } #wrap { width:930px } /* 전체랩 */ #header { width:930px ; height:100px } /* 탑 */ #header_wrap { width:920px ; height:100px ; margin-left:10px} #mv_area { width:920px ; margin-left:10px ; overflow:hidden } #main_visual { float:left ; width:825px ; overflow:hidden } #mv_right { float:right ; width:77px ; height:150px ; overflow:hidden } #main_contents { float:none ; clear:both ; width:920px ; margin-left:10px ; overflow:hidden } #main_left { float:left ; width:240px ; overflow:hidden } #main_center { float:left ; width:400px ; margin-left:30px ; overflow:hidden } #main_right { float:left ; width:220px ; margin-left:30px ; overflow:hidden } /* #footer { float:none ; clear:both ; width:920px ; height:90px ; margin-left:10px } */ #footer { float:none ; clear:both ; width:980px ; height:90px ; margin-left:10px } #quick { left:943px ; top:0px ; width:77px } /* ↑ Layout */ /* ↓ header */ #top_logo { margin-top:25px ; width:180px } /* 농촌진흥청 로고 */ #top_lang { margin-top:5px ; margin-left:55px ; width:125px ; height:16px } /* 언어선택 */ #top_lang li { float:left } #top_gm { float:right ; margin-top:5px ; padding-right:5px ; height:15px } /* 상단 글로벌 메뉴 (로그인 회원가입 등) */ #top_gm li { float:left ; padding : 0 5px 0 5px } #topnavi_bg { width:730px ; height:75px ; background:url("../images/main_new2/topnavi_bg.jpg") left top no-repeat } #top_navi { margin-top:0px ; margin-left:15px ; width:715px ; height:70px } /* 탑메뉴 전체 영역 */ #top_navi ul li { float : left } #top_menu { float:left ; margin-top:5px ; padding-left:60px } /* ↓ 주메뉴 위치값 */ .main_menu0 { float:left ; padding-left:10px } .main_menu3 { float:left ; padding-left:100px } .main_menu4 { float:left ; padding-left:90px } .main_menu5 { float:left ; padding-left:90px } /* ↑ 주메뉴 위치값 */ /* ↓ 서브메뉴 위치값 */ #sub_menu1 { position:absolute ; top:69px ; left:260px ; width:500px ; height:25px ; display:none } #sub_menu2 { position:absolute ; top:69px ; left:380px ; width:350px ; height:25px ; display:none } #sub_menu3 { position:absolute ; top:69px ; left:310px ; width:450px ; height:25px ; display:none } #sub_menu4 { position:absolute ; top:69px ; left:430px ; width:530px ; height:25px ; display:none } #sub_menu5 { position:absolute ; top:69px ; left:295px ; width:600px ; height:25px ; display:none } /* ↑ 서브메뉴 위치값 */ #sub_menu1 li, #sub_menu2 li, #sub_menu3 li, #sub_menu4 li, #sub_menu5 li { background:url("../images/common/topnavi_sub_bg.gif") left top repeat-x } #top_navi .smenu_bgl { width:20px ; height:25px ; background:url("../images/common/topnavi_sub_bgl.gif") left top no-repeat } #top_navi .smenu_bgr { width:22px ; height:25px ; background:url("../images/common/topnavi_sub_bgr.gif") left top no-repeat } #top_navi .menuarea .smenu { padding-left:2px ; padding-right:2px } /* ↑ header */ /* ↓ 비주얼 퀵메뉴 */ #mvr_f { width:77px ; height:58px } /* 애국가,맹세문 다운로드 */ #mvr_s { width:77px ; height:92px ; text-align:center ; background:url("../images/main_new2/mvr_bg.gif") left top no-repeat ; overflow:hidden } /* 연두색박스 */ #mvr_s1 { height:15px ; margin-left:8px ; margin-top:12px} /* 음성켜기 */ #mvr_s1 .qmenu_s1_voice ul li { float:left } #mvr_s2 { height:16px ; margin-left:8px ; margin-top:2px} /* 글자크기 */ #mvr_s2 .qmenu_s2_text ul li { float:left } #mvr_s3 { width:77px ; padding-top:3px } /* 뷰어,RSS */ #mvr_s3 ul li { height:19px } /* ↑ 비주얼 퀵메뉴 */ /* ↓ 왼쪽_기술정보 */ #info_area { width:240px ; height:240px ; background:url("../images/main_new2/info_box.gif") left top no-repeat ; overflow:hidden } #info_title { width:240px ; height:36px } #info_cnt { width:210px ; margin-left:15px ; overflow:hidden } #info_cnt ul li { width:210px ; height:28px ; overflow:hidden } /* ↑ 왼쪽_기술정보 */ /* ↓ 왼쪽_농업기술동영상 */ #mov_area { width:240px ; height:120px ; background:url("../images/main_new2/mov_box.gif") left top no-repeat ; overflow:hidden } #mov_title { width:220px ; height:15px ; margin:10px 0 0 10px ; overflow:hidden} .mov_img { float:left ; overflow:hidden } .mov_btn { float:right ; margin-top:2px ; text-align:right } .mov_cnt { width:210px ; height:75px ; margin:8px 0 0 15px } .mov_01 { float:left ; width:100px ; height:75px ; overflow:hidden } .mov_02 { float:left ; width:100px ; height:75px ; margin-left:10px ; overflow:hidden } /* ↑ 왼쪽_농업기술동영상 */ /* ------------------------------------------------------------------------------------- */ /* ↓ 통합검색 */ #search_box { width:405px ; overflow:hidden } #search_left { float:left ; width:5px ; height:32px ; background:url("../images/common/search_bg_left.gif") left top no-repeat ; overflow:hidden} #search_mid { float:left ; width:390px ; height:32px ; background:url("../images/common/search_bg_mid.gif") left top repeat-x ; overflow:hidden} #search_right { float:left ; width:5px ; height:32px ; background:url("../images/common/search_bg_right.gif") left top no-repeat ; overflow:hidden } #search { margin-top:6px ; margin-left:10px ; overflow:hidden} #search ul li { float:left ; overflow:hidden} #search ul li.a { float:left ; width:100px ; height:20px ; overflow:hidden} #search ul li.b { float:left ; width:210px ; height:20px ; overflow:hidden} #search ul li.c { float:left ; width:65px ; height:20px ; overflow:hidden } #search ul li.a select { width:95px ; height:20px ; overflow:hidden} #search ul li.b p { width:100%; height:20px; background:url("../images/common/search_bg.gif") left top no-repeat ; text-align:center ; overflow:hidden} #search ul li.b p input { margin-top:2px ; width:183px ; height:15px ; padding-top:1px ; border:0px ; overflow:hidden } #search ul li.c .s_btn { width:61px ; height:20px ; overflow:hidden } /* ↑ 통합검색 */ /* ↓ 인기검색어 */ #search_word { float:left ; width:380px ; height:19px ; padding:7px 0 0 15px ; overflow:hidden } #search_word h3 { float:left ; padding-right:5px ; width:65px ; height:17px ; overflow:hidden } #search_word ul li { float:left ; overflow:hidden } #search_word ul li.word { float:left ; height:15px ; padding:2px 2px 0 2px ; overflow:hidden} A.fw:link { font-family:"돋움" ; text-decoration:none ; color:#696969 } /* 인기검색어 */ A.fw:visited { font-family:"돋움" ; text-decoration:none ; color:#696969 } A.fw:hover { font-family:"돋움" ; text-decoration:underline ; color:#1E90FF } /* ↑ 인기검색어 */ /* ↓ 가운데_소식 */ #news_area { width:400px ; height:305px ; overflow:hidden } #news_pic { float:left ; width:130px ; height:90px ; margin-top:6px ; overflow:hidden} #news_rbox { float:right ; width:260px ; overflow:hidden } #news_title_box { float:right ; width:260px ; height:28px ; background:url("../images/main_new2/news_title_bar.gif") left 20px repeat-x ; overflow:hidden} .news_title { float:left ; overflow:hidden } .news_title_more { float:right ; width:50px ; margin-top:3px ; padding-right:1px ; text-align:right ; overflow:hidden } .news_cnt { width:250px ; padding:0px 5px 0 0px ; overflow:hidden} .news_cnt dt { padding:3px 0 5px 0 ; font-weight:bold ; font-family:dotum ; font-size:14px ; color:#336e93 ; letter-spacing:-0.1em ; overflow:hidden} .news_cnt dd *{ color:#474747 ; line-height:16px ; overflow:hidden } .news_line { clear:both ; height:24px ; background:url("../images/common/line_d_02.gif") left 7px repeat-x ; overflow:hidden } /* 그림자 점선 */ #news_list {width:385px ; margin:0px 0 0 5px } #news_list ul li { height:16px ; margin:2px 0 0px 0px ; overflow:hidden } /* 뉴스 (리스트) */ #news_list ul li a { float:left ; padding-left:8px ; background:url("../images/icon/dot_02.gif") left 3px no-repeat ; overflow:hidden} #news_list ul li span { float:right ; width:75px ; text-align:right ; font-family:"돋움" ; color:#998d64 ; overflow:hidden} /* ↑ 가운데_소식 */ /* ↓ 가운데_정책포털 */ #mid_portal { width : 400px; height:40px ; background:url("../images/main_new2/portal_bg.gif") left top no-repeat ; overflow:hidden} #mid_portal h3 { float:left ; width:95px ; height:12px ; padding:14px 0 0 10px ; overflow:hidden } .inbox { float:left ; width:287px ; height:20px ; margin:10px 0 0 0px } .portal_news { padding-top:4px ; padding-left:4px; overflow:hidden } A.pn:link { font-family:"굴림" ; font-size:9pt ; text-decoration:none ; color:#FFFFFF } A.pn:visited { font-family:"굴림" ; font-size:9pt ; text-decoration:none ; color:#FFFFFF } A.pn:hover { font-family:"굴림" ; font-size:9pt ; text-decoration:none ; color:#474747 } /* ↑ 가운데_정책포털 */ /* ↓ 가운데_미니공감 */ #mini { width:400px ; height:50px ; background:url("../images/main_new2/mini_box.gif") left top no-repeat ; overflow:hidden } #mini h3 { float:left ; width:120px ; height:50px ; overflow:hidden } #mini ul { float:left ; margin:8px 0 0 0px ; overflow:hidden} #mini ul li { height:18px ; margin:2px 6px 0 0 ; overflow:hidden} #mini ul li a { padding-left:8px ; background:url("../images/icon/dot_04.gif") left 3px no-repeat ; overflow:hidden} /* ↑ 가운데_미니공감 */ /* ------------------------------------------------------------------------------------- */ /* ↓ 오른쪽_동정및행사 */ #state_area { width:220px ; height:165px ; background:url("../images/main_new2/ste_box.gif") left top no-repeat ; overflow:hidden } #state_title { width:200px ; height:15px ; margin:10px 0 0 10px ; overflow:hidden } .state_img { float:left ; overflow:hidden } .state_btn { float:right ; margin-top:2px ; text-align:right } .state_cnt { width:190px ; margin:8px 0 0 15px } .state_01 { float:left ; width:90px ; overflow:hidden } .state_02 { float:left ; width:90px ; margin-left:10px ; overflow:hidden } .state_txt { padding:5px 0 0 0 ; line-height:16px } A.state:link { font-family:"돋움" ; text-decoration:none ; color:#474747 } A.state:visited { font-family:"돋움" ; text-decoration:none ; color:#474747 } A.state:hover { font-family:"돋움" ; text-decoration:underline ; color:#4169E1 } /* ↑ 오른쪽_동정및행사 */ /* ↓ 오른쪽_블로그 */ #blog { width:220px ; height:50px ; background:url("../images/main_new2/blog_bg.gif") left top no-repeat ; overflow:hidden } #blog h3 { padding:3px 0 0 13px ; width:140px ; height:20px ; overflow:hidden } #blog ul { margin:0px 0 0 13px ; overflow:hidden } #blog ul li { float:left ; width:100px ; height:23px ; overflow:hidden} /* ↑ 오른쪽_블로그 */ /* ↓ 배너 */ .left_ban { width:240px ; height:43px } .right_ban { width:220px ; height:50px } .space_h_23 { float:none ; clear:both ; height:23px; overflow:hidden } /* ↑ 배너 */ /* ------------------------------------------------------------------------------------- */ /* ↓ 하단_사이트링크 */ #footer_sitelink { float:none ; clear:both ; width:920px ; margin-left:10px} #sitelink_btn_area { width:920px ; height:40px ; background:url("../images/main/sitelink_bg.gif") left top no-repeat } #sitelink_btn { width:740px ; margin-left:90px } #sitelink_btn ul li { float:left ; padding:0 2px 0 2px } .sitelink_box { margin:0px 0px 10px 0px ; width:920px ; background:url("../images/main/sitelink_box_mid.gif") left top repeat-y ; overflow:hidden } .sitelink_box_top { width:920px ; height:15px ; background:url("../images/main/sitelink_box_top.gif") left top no-repeat ; overflow:hidden } .sitelink_box_btm { width:920px ; height:15px ; background:url("../images/main/sitelink_box_btm.gif") left top no-repeat ; overflow:hidden } .sitelink_box_mid { padding:0px 20px 5px 20px ; overflow:hidden } #slink_box { width:880px ; margin-left:10px } .slink_box_01 { float:left ; width:170px ; overflow:hidden ; border:0px solid orange } .slink_box_02 { float:left ; width:170px ; overflow:hidden ; margin-left:7px ; border:0px solid orange} .slink_box_03 { float:left ; width:340px ; overflow:hidden ; margin-right:15px ; border:0px solid orange} .slink_box_04 { float:left ; width:340px ; overflow:hidden ; margin-left:15px ; border:0px solid fuchsia} .slink_box_05 { float:left ; width:170px ; overflow:hidden ; margin-left:5px ; border:0px solid red} .slink_box_05_1 { float:left ; width:185px ; overflow:hidden ; margin-left:5px ; border:0px solid red} .slink_box_06 { float:left ; width:155px ; overflow:hidden ; margin-left:0px ; border:0px solid blue} .slink_box_06_1 { float:left ; width:140px ; overflow:hidden ; margin-left:0px ; border:0px solid blue} .slink_list { margin:5px 0 0px 0px } .slink_list li {margin:0 5px 3px 10px ; padding:0px 0 0px 8px ; background:url("../images/icon/dot_26.gif") left 8px no-repeat ; line-height:20px ; overflow:hidden } .smbg_01 { width:170px ; height:20px ; padding-top:7px ; text-align:center ; color:#566D7B ; background:url("../images/main/sitelink_mbg_01.gif") left top no-repeat } .smbg_02 { width:340px ; height:20px ; padding-top:7px ; text-align:center ; color:#566D7B ; background:url("../images/main/sitelink_mbg_02.gif") left top no-repeat } A.slink:link { font-family:"돋움" ; font-size:8pt ; text-decoration:none ; color:#696969 } A.slink:visited { font-family:"돋움" ; font-size:8pt ; text-decoration:none ; color:#696969 } A.slink:hover { font-family:"돋움" ; font-size:8pt ; text-decoration:none ; color:#61a423 } #banner_zone { width:890px ; margin:5px 0 0 0px } #banner_zone ul li { float:left ; width:137px ; height:45px ; padding:0 5px 0 5px ; border:0px solid red ; overflow:hidden ; } /* ↑ 하단_사이트링크 */