@charset "utf-8"; /* 익산시청 공통 기본 스타일 작업자 : 최이현 작업일 : 2011.09.28. 최종 수정일 : 2011.09.28. */ @import url("/02en/common/css/common.css"); /* 기본적인 스타일이 담겨있습니다 */ @import url("/02en/common/css/content.css"); /* 기본적인 스타일이 담겨있습니다 */ @import url("/02en/common/css/other.css"); /* 기본적인 스타일이 담겨있습니다 */ @import url("/02en/common/css/board.css"); body { position:relative; width:100%;background:url(/02en/images/sub/bg_wrap.jpg) left top repeat-x; } #wrap { clear: both; margin: 0 auto;position: relative;width: 974px;} .wrap01{background:url(/02en/images/sub/sub_top.jpg) 200px 4px no-repeat;} .wrap02{background:url(/02en/images/sub/sub_top05.jpg) 200px 4px no-repeat;} .wrap03{background:url(/02en/images/sub/sub_top03.jpg) 200px 4px no-repeat;} .wrap04{background:url(/02en/images/sub/sub_top04.jpg) 200px 4px no-repeat;} .wrap05{background:url(/02en/images/sub/sub_top02.jpg) 200px 4px no-repeat;} .wrap06{background:url(/02en/images/sub/sub_top.jpg) 200px 4px no-repeat;} /* 상단 레이아웃 */ #header { position:relative;width:974px; height:210px;background:url(/02en/images/sub/bg_header.gif) left 66px repeat-x;} #header h1 { position:absolute; left:13px; top:17px;padding:0;margin:0; } #header #utilGroup { position:absolute; right:0px; top:12px; } #header #utilGroup ul#utilList { float:left; } #header #utilGroup ul#utilList li { float:left; } #header #utilGroup ul#utilList li a { display:block; padding:0 0 0 5px; color:#62738D;font-size:11px; } #header #utilGroup ul#utilList li a img{vertical-align:top;} #header #utilGroup #right_util{ position:absolute;right:19px; top:0px;height:15px;width:200px;} #header ul#languageList {float:right; display:inline; margin-right:1px;} #header ul#languageList li { float:left; display:inline; margin:0px; padding:1px 4px;} #header ul#languageList li a { display:block;font-size:11px;cursor:hand;letter-spacing:-1px;} #header #gnbGroup { position:absolute; top:30px; left:250px; width:685px; height:77px; } #header #gnb {width:702px; } #header #gnb02{position:absolute;top:3px;right:10px;width:105px;display:block !important;} #header #gnb02 ul{position:absolute;top:4px;left:30px;} #header #gnb02 ul li{float:left;padding:0 3px;} #header #gnb02 p{position:absolute;right:0;top:0px;padding:0;margin:0;} #header #gnb #menuMoreGroup{position:absolute; margin-left:-10px;} #header #gnb ul#topmenu { padding:0 ; } #header #gnb ul li { float:left; font-weight:bold; font-size: 14px; letter-spacing:-1px;} #header #gnb ul li a { position:relative; display:block; padding:8px 20px 10px 20px; white-space:nowrap;background:url(/02en/images/common/header/gnb_line02.gif) right 12px no-repeat; } #header #gnb ul li.over, #header #gnb ul li a:active{border-bottom:3px solid #ca4e96;} #header #gnb div {float:left;position:absolute; display:none; left:0; top:38px;margin:0; padding:0 0 0 13px; font-size:12px; } #header #gnb div a { font-size:13px; font-weight:normal; letter-spacing:normal; } #header #gnb div#submenu01 {left:-70px;} #header #gnb div#submenu02 { left:-20px; } #header #gnb div#submenu03 { left:0px; } #header #gnb div#submenu04 { left:350px; } #header #gnb div#submenu05 { left:20px; margin-left:-24px; } #header #gnb div#submenu06 { padding-left:170px; } #header #gnb div#submenu07 { left:70px; } #header #gnb div ul { float:left; margin:0; padding:0; } #header #gnb div#submenu01 ul { width:700px; } #header #gnb div#submenu02 ul { width:830px; } #header #gnb div#submenu03 ul { width:750px; } #header #gnb div#submenu04 ul { width:850px; } #header #gnb div#submenu05 ul { width:820px; } #header #gnb div ul li { float:left; background:url(/02en/images/common/header/gnb_line.gif) right 11px no-repeat; } #header #gnb div ul li a {display:block; padding:7px 8px 5px 3px;} #header #gnb li.over div ul li a {background:none !important; } #header #gnb li.over div ul li a:hover{font-weight:bold;letter-spacing:-1px;border:none !important; } /* 전체 메뉴 보기 내용 */ #header #gnbGroup #menuMoreGroup{position:absolute;} #menuMoreGroup p#btn_more{position:absolute;left:30px;top:4px;padding:10px 5px;margin:0;} #menuMoreList { position:absolute; left:0; top:0; width:945px; height:465px; background:url(/02en/images/main/more/bg_menumore.jpg) left top no-repeat #fff; } #menuMoreList div { width:880px; height:182px; padding:18px 15px 10px 30px;} #menuMoreList dl { float:left; display:inline; width:140px; margin:0 20px 0 12px; padding:0; } #menuMoreList dl dt { padding-bottom:3px;margin-bottom:3px; border-bottom:2px solid #dfe8f5; line-height:1; } #menuMoreList dl dd { float:left; width:125px; padding:3px 0 3px 10px; background:url(/02en/images/main/more/bol_dt.gif) 3px 9px no-repeat; border-bottom:0px solid #dedede; line-height:1;} #wrap01 #menuMoreList dl dd a { letter-spacing:-2px; } #menuMoreList p { position:absolute; right:20px; top:10px; margin:0; padding:0; } /* 글자확대축소 보기 내용 */ #header #viewControl{position:absolute;right:30px;top:15px;} #viewControl ul{float:left;} #viewControl ul li{float:left;padding:0 2px;} /* 통합검색 내용 */ #searchGroup{position:absolute;top:150px;right:84px;width:278px;height:26px;background:url(/02en/images/main/bg_sr.gif) 0 0px no-repeat; z-index:9999;} #searchGroup form { width:278px;height:26px; padding:1px 0 4px 0px;margin:0;} #searchGroup input#qt {border:0 none;width:217px;vertical-align:middle;background:none; padding:5px 8px 1px 8px;margin:0;} /* 중앙 레이아웃 */ #middle { position:relative; float:left; display:inline; width:970px; margin:-70px 0 0 6px;padding:0;} #left { position:relative; float:left; display:inline; width:165px; margin:-17px 0 0 0; } .left01 {background:url(/02en/images/iksan/bg_left_top.jpg) left top no-repeat; } .left02 {background:url(/02en/images/open/bg_left_top.jpg) left top no-repeat; } .left03 {background:url(/02en/images/civil/bg_left_top.jpg) 1px top no-repeat; } .left04 {background:url(/02en/images/community/bg_left_top.jpg) left top no-repeat;} .left05 {background:url(/02en/images/welfare/bg_left_top.jpg) left top no-repeat; } #wrap06 #left {background:url(/02en/images/sub/bg_left_top.jpg) left top no-repeat; } #left h2 { padding:22px 17px 15px 20px;margin:0; background:url(/02en/images/common/bg_left_h2.jpg) left top no-repeat;} #left #leftMenu { float:left; width:165px; padding:0px 0 30px 0px;margin-top:7px;margin-bottom:20px;} .left01 #leftMenu {background:url(/02en/images/iksan/bg_left_bottom.jpg) left bottom no-repeat;} .left02 #leftMenu {background:url(/02en/images/open/bg_left_bottom.jpg) left bottom no-repeat; } .left03 #leftMenu {background:url(/02en/images/civil/bg_left_bottom.jpg) left bottom no-repeat;margin-left:1px;} .left04 #leftMenu {background:url(/02en/images/community/bg_left_bottom.jpg) left bottom no-repeat;} .left05 #leftMenu {background:url(/02en/images/welfare/bg_left_bottom.jpg) left bottom no-repeat;} #wrap06 #left #leftMenu { background:url(/02en/images/intro/bg_left0103.gif) left bottom no-repeat; } /* 2차 메뉴 */ #left #leftMenu ul { float:left; width:153px; padding:0px 0 0 12px;margin:0px 0 0 0; } .left01 #leftMenu ul{background:url(/02en/images/iksan/bg_left.jpg) left top repeat-y;} .left02 #leftMenu ul{background:url(/02en/images/open/bg_left.jpg) left top repeat-y;} .left03 #leftMenu ul{background:url(/02en/images/civil/bg_left.jpg) left top repeat-y;} .left04 #leftMenu ul{background:url(/02en/images/community/bg_left.jpg) left 0 repeat-y;} .left05 #leftMenu ul{background:url(/02en/images/welfare/bg_left.jpg) left top repeat-y;} #left #leftMenu ul li { float:left; clear:both; width:135px; margin-top:2px; padding:0 18px 0 0;letter-spacing:-1px; } #left #leftMenu ul li a {float:left; display:block; width:121px; padding:2px 0 2px 12px;color:#473c38;border-bottom:1px dotted #a5877c} #left #leftMenu ul li.on a, #left #leftMenu ul li a:hover, #left #leftMenu ul li a:focus {white-space:normal; padding:3px 17px 2px 20px; color:#fff; font-weight:bold; letter-spacing:-1px;border:none;text-decoration:none;} .left01 #leftMenu ul li.on a, .left01 #leftMenu ul li a:hover, .left01 #leftMenu ul li a:focus {background:url(/02en/images/iksan/bg_left02.jpg) left center no-repeat; } .left02 #leftMenu ul li.on a, .left02 #leftMenu ul li a:hover, .left02 #leftMenu ul li a:focus {background:url(/02en/images/open/bg_left02.jpg) left center no-repeat; } .left03 #leftMenu ul li.on a, .left03 #leftMenu ul li a:hover, .left03 #leftMenu ul li a:focus {background:url(/02en/images/civil/bg_left02.jpg) left center no-repeat; } .left04 #leftMenu ul li.on a, .left04 #leftMenu ul li a:hover, .left04 #leftMenu ul li a:focus {background:url(/02en/images/community/bg_left02.jpg) left center no-repeat; } .left05 #leftMenu ul li.on a, .left05 #leftMenu ul li a:hover, .left05 #leftMenu ul li a:focus {background:url(/02en/images/welfare/bg_left02.jpg) left center no-repeat; } /* 3차 메뉴 */ #left #leftMenu ul ul { float:left;display:inline; width:133px; margin:3px 0;padding:0 0 4px 0;background:#fff;} #left #leftMenu div {float:left;display:inline;margin:0px 0 0 0;padding:0; } #left #leftMenu ul ul li {float:left; width:125px; margin:0; padding:0 0 0 4px; background:none; } #left #leftMenu ul ul li a { display:block;width:123px; padding:0 0 0 20px; font-weight:normal !important;} #wrap01 #left #leftMenu ul ul li a {padding:0 0 0 10px; background:url(/02en/images/community/bol_left02.gif) 1px 6px no-repeat; color:#B99000; } #wrap02 #left #leftMenu ul ul li a {padding:0 0 0 10px; background:url(/02en/images/open/bol_left02.gif) 1px 6px no-repeat; color:#005FB9; } #wrap03 #left #leftMenu ul ul li a {padding:0 0 0 10px; background:url(/02en/images/common/bol_left02.gif) 1px 6px no-repeat; color:#434343; } #wrap04 #left #leftMenu ul ul li a {padding:0 0 0 10px; background:url(/02en/images/economy/bol_left02.gif) 1px 6px no-repeat; color:#019705; } #wrap05 #left #leftMenu ul ul li a {padding:0 0 0 10px; background:url(/02en/images/life/bol_left02.gif) 1px 6px no-repeat; color:#600197; } #wrap06 #left #leftMenu ul ul li a {padding:0 0 0 10px; background:url(/02en/images/intro/bol_left02.gif) 1px 6px no-repeat; color:#C800A9; } #left #leftMenu ul li.on ul li a{ padding:2px 0 1px 19px; letter-spacing:-1px;color:#545253;background:url(/02en/images/common/bg_left04.gif) 11px 9px no-repeat; } #left #leftMenu ul li.on ul li a:hover, #left #leftMenu ul li.on ul li a:focus {padding:2px 0 1px 19px;background:url(/02en/images/common/bg_left03.jpg) left center no-repeat !important;color:#535353;} /* 4차 메뉴 */ #left #leftMenu ul ul div {display:inline;width:168px;margin:3px 0 0 -9px; } #wrap01 #left #leftMenu ul ul div { background:#F5F0D9 url(/02en/images/community/bg_left0301.gif) left top no-repeat; } #wrap02 #left #leftMenu ul ul div { background:#D9E7F5 url(/02en/images/open/bg_left0301.gif) left top no-repeat; } #wrap03 #left #leftMenu ul ul div { background:#fff url(/02en/images/civil/bg_left0301.gif) left top no-repeat;} #wrap04 #left #leftMenu ul ul div { background:#DEF5D9 url(/02en/images/economy/bg_left0301.gif) left top no-repeat; } #wrap05 #left #leftMenu ul ul div { background:#F1DDF6 url(/02en/images/life/bg_left0301.gif) left top no-repeat; } #wrap06 #left #leftMenu ul ul div { background:#F6DDEC url(/02en/images/intro/bg_left0301.gif) left top no-repeat; } #left #leftMenu ul ul div ul { width:161px; margin:0; padding:4px 0 4px 7px;background:url(/02en/images/common/bg_left_4th.gif) 0 0 repeat-y;} #wrap01 #left #leftMenu ul ul div ul { background:url(/02en/images/community/bg_left0302.gif) left bottom no-repeat; } #wrap02 #left #leftMenu ul ul div ul { background:url(/02en/images/open/bg_left0302.gif) left bottom no-repeat; } #wrap03 #left #leftMenu ul ul div ul { background:url(/02en/images/civil/bg_left0302.gif) left bottom no-repeat; } #wrap04 #left #leftMenu ul ul div ul { background:url(/02en/images/economy/bg_left0302.gif) left bottom no-repeat; } #wrap05 #left #leftMenu ul ul div ul { background:url(/02en/images/life/bg_left0302.gif) left bottom no-repeat; } #wrap06 #left #leftMenu ul ul div ul { background:url(/02en/images/intro/bg_left0302.gif) left bottom no-repeat; } #left #leftMenu ul ul div ul li { width:134px;} #left #leftMenu ul ul div ul li a {width:120px; padding:0 0 0 7px !important;color:#535353 !important } #left #leftMenu ul li.on ul div ul li a, #left #leftMenu ul ul div ul li a:hover, #left #leftMenu ul ul div ul li a:focus { padding:0 0 0 13px !important;background:url(/02en/images/common/bg_left04.gif) 5px center no-repeat; color:#535353; } #left #linkservice{float:left;} #left #linkservice p{float:left;padding:1px 0;margin:0;} #left #linkGroup { position:relative;float:left; display:inline; width:165px; margin:0; padding:10px 0 20px 0;background:url(/02en/images/common/bg_left_bottom.jpg) left bottom no-repeat; } #linkGroup #linkList { float:left;display:inline;margin:0 5px 0 0;padding:0;} #linkGroup #linkList ul {padding:0;margin:0;} #linkGroup #linkList ul select{width:118px;} #linkGroup #linkList h4 { padding-bottom:2px; } #serviceGroup,#serviceGroup02 { position:relative; float:left; width:234px; padding:0 0 8px 0; border-bottom:1px solid #eaf1f7;} #serviceGroup h3 {width:224px;margin:0;padding:8px 0 10px 10px;font-size:12px;background:#f6f7f9;border-bottom:1px solid #e4edf4;} #serviceGroup02 h3 {width:224px;margin:0;padding:8px 0 10px 10px;background:#f9fafc;border-bottom:1px solid #e4edf4;} .co1{color:#ff4d15;} #serviceGroup ul ,#serviceGroup02 ul{float:left;padding:10px 0 0 8px;margin:0;} #serviceGroup ul li,#serviceGroup02 ul li { float:left; width:100px;margin:0; padding:0 0 0 7px; background:url(/02en/images/main_2010/bol_info.gif) left 5px no-repeat;} #serviceGroup ul li a ,#serviceGroup02 ul li a { display:block;letter-spacing:-1px;padding:0;margin:0; } #serviceGroup ul li a:hover ,#serviceGroup02 ul li a:hover{font-weight:bold;letter-spacing:-2px; color:#313131;} #contentGroup { position:relative;float:left; width:805px; margin:0;} #contentGroup p#topImage { margin:0; padding:0 0 15px 0; } #contentGroup #zoomGroup { position:absolute;margin-top:100px; top:176px; right:0; z-index:2;width:20px;} #contentGroup #zoomGroup li { float:left; display:inline;} #guideGroup { position:relative;left:20px; float:left; width:690px; padding-left:4px; background:url(/02en/images/common/line_guide.gif) left bottom repeat-x;z-index:1; } #guideGroup h3 { float:left; padding:40px 0 13px 0px; } #guideGroup h3 img{vertical-align:bottom;padding-left:9px;} #guideGroup h3 .page_name{padding-bottom:5px;} #wrap01 #guideGroup h3 { background:url(/02en/images/community/icon_location.gif) left top no-repeat; } #wrap02 #guideGroup h3 { background:url(/02en/images/open/icon_location.gif) left top no-repeat; } #wrap03 #guideGroup h3 { background:url(/02en/images/civil/icon_location.gif) left top no-repeat; } #wrap04 #guideGroup h3 { background:url(/02en/images/economy/icon_location.gif) left top no-repeat; } #wrap05 #guideGroup h3 { background:url(/02en/images/life/icon_location.gif) left top no-repeat; } #wrap06 #guideGroup h3 { background:url(/02en/images/intro/icon_location.gif) left top no-repeat; } #guideGroup p#location { float:right; margin:40px 0 0 0; padding:4px 0px 0 16px; color:#969696;font-family:dotum; font-size:0.9em; background:url(/02en/images/sub/icon_home.jpg) left 7px no-repeat; } #content {position:relative; float:left; clear:both; display:inline; width:690px; margin:2px 0 50px 32px; } #content p#abstract{padding:0;margin:0;} #researchGroup {float:left;display:inline;clear:both;margin:0px ; width:665px;margin-top:20px; padding:7px 0 20px 230px;background:url(/02en/images/sub/bg_research.jpg) 204px top no-repeat;} #researchGroup p#content_info{padding:0;margin:0;color:#999999 ;} #researchGroup dl dt, #researchGroup dl dd { float:left; width:auto; display:inline; margin:0; padding:0; background:none; } #researchGroup dl input { vertical-align:middle; } #research01, .research01 { float:left; width:650px; padding:7px 0 8px 0; background:url(/02en/images/common/footer/bg_research01.gif) left top no-repeat;color:#777; } #research01 dt { margin-right:6px; } #research01 dl#classInfo dt#classIcon01, #contentGroup .research01 p { margin-left:0px; padding-left:6px; background:url(/02en/images/common/footer/icon_research01.gif) right top no-repeat; } #research01 dl#classInfo dt#classIcon02 { margin-left:20px; } #research01 dl#updateInfo { float:right; margin-left:0; margin-right:16px; padding-left:16px; } #research02 { float:left; padding: 13px 0 0 62px;width: 605px; background:url(/02en/images/common/footer/bg_research02.gif) left bottom no-repeat; } #research02 h4 { float:left;padding: 8px 16px;} #research02 h4 img{border:0;} #research02 form { padding-bottom:10px; } #research02 form fieldset { border:0 none; margin:0; padding:0; } #research02 form fieldset legend { display:none; } #research02 dl dt { padding-right:5px; } #research02 dl dd { padding:0px 10px 0 0;font-size:12px;color:#97a4b4; } #research02 dl dd input#researchTalk { width:275px;height:19px; border:1px solid #dbe2e8; } #research02 dl#apprise{margin-top:5px;} #research02 dl#apprise dd{padding-right:5px} #quickMenu {position: absolute;right: 0;top:0px;text-align:center;width:86px;height:350px;margin-top:75px; background:url(/02en/images/common/quick/bg_quick.jpg) left 0 no-repeat;z-index:992; } #quickMenu ul{padding:77px 2px 0px 2px;} #quickMenu ul .mayor_link{margin:0;padding:10px 0 0 8px;text-align:left} #quickMenu p#btn_top{margin:10px 0 0 6px;} /* 하단 레이아웃 */ #footer { position:relative; float:left; clear:both; width:100%; margin:10px 0; padding:15px 0; border-top:1px solid #ccc;} #footerWrap { position:relative;width:974px; margin:0 auto; padding-bottom:20px; } #footerWrap h2 { position:absolute; left:32px; top:10px; } #copyright { float:left; display:inline; width:580px; margin:1px 0 0 200px; } #copyright ul{float:left;display:inline;margin: 0 0 10px -10px ; } #copyright ul li { float:left; padding:0 10px 0 9px;background:url(/02en/images/sub/f_line.gif) right 2px no-repeat;} #copyright ul li a { display:block; padding-bottom:7px; } #copyright address { clear:both; width:100%;float:left; margin:0; padding-bottom:7px; } #copyright p {float:left; margin:0; padding:0 10px 0 0; }