@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////
  Project Name         : 인천시청 메인페이지
  Author               : INeast
  Written date         : 2010.06.15 ~
  Browser              : IE6, IE7, IE8, FF, OP, SF, CR
//////////////////////////////////////////////////////////////////////////////// */

/* Common */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url("design_toolbar.css");
* {margin:0; padding:0;}
html, body {height:100%;}
/* body {background:transparent; color:#555555; font-size:0.75em; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} */
body {background:transparent; color:#2f3743; font-size:12px; font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;}
ul, ol, dl {list-style:none;}
a:link, a:active {color:#2f3743; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover   {color:#000000; text-decoration:underline;}
input {vertical-align:middle;}
select {height:1.58em; border:0.1em solid #c7c7c7; padding:0.08em; font-size:1em; background:#ffffff; color:#555555; vertical-align:middle; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
img, fieldset, iframe {border:0;}
img {vertical-align:top}
.displayNone, hr, legend {display:none;}
em, address, cite {font-style:normal;}
table {border-collapse:collapse; border:0;}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
textarea {color:#555555; background:#ffffff; font-size:1em; border:0.1em solid #d1d1d1; padding:0.42em; line-height:1.5em;}
.mgNone {margin:0 !important;}
.bgNone {background:none !important;}
.bdNone {border:none !important;}
.bdtNone {border-top:none !important;}
.bdrNone {border-right:none !important;}
.bdbNone {border-bottom:none !important;}
.bdlNone {border-left:none !important;}
.accessibility {position:relative; width:100%; z-index:1000;}
.accessibility a {display:block; overflow:hidden; height:0; color:#fefefe !important; font-weight:bold; text-align:center;}
.accessibility a:hover, .accessibility a:active, .accessibility a:focus {background:#0058b2; padding:.8em; height:auto;}
.accessibilityHide {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.fl {float:left !important; display:inline;}
.fr {float:right !important; display:inline;}
.c {clear:both; display:none;}
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.ta {width:98%; height:3em; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.txt {background:#ffffff; color:#555555; border:0.1em solid #d1d1d1; height:1.17em; font-size:1em; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; padding:0.25em 0 0 0.25em;}
.lh1 {line-height:1.3em;}
.lh2 {line-height:1.4em;}
.lh3 {line-height:1.5em;}
.lh4 {line-height:1.6em;}
.lh5 {line-height:1.7em;}
.lh6 {line-height:1.8em;}
.lh7 {line-height:1.9em;}
.lh8 {line-height:2.0em;}
.ls1 {margin-left:0.417em !important;}
.ls2 {margin-left:0.833em !important;}
.ls3 {margin-left:1.25em !important;}
.ls4 {margin-left:1.667em !important;}
.ls5 {margin-left:2.083em !important;}
.ls6 {margin-left:2.5em !important;}
.ls7 {margin-left:2.917em !important;}
.ls8 {margin-left:3.333em !important;}
.ls9 {margin-left:3.75em !important;}
.ls10 {margin-left:4.167em !important;}
.rs1 {margin-right:0.417em !important;}
.rs2 {margin-right:0.833em !important;}
.rs3 {margin-right:1.25em !important;}
.rs4 {margin-right:1.667em !important;}
.rs5 {margin-right:2.083em !important;}
.rs6 {margin-right:2.5em !important;}
.rs7 {margin-right:2.917em !important;}
.rs8 {margin-right:3.333em !important;}
.rs9 {margin-right:3.75em !important;}
.rs10 {margin-right:4.167em !important;}
.ts1 {margin-top:0.417em !important;}
.ts2 {margin-top:0.833em !important;}
.ts3 {margin-top:1.25em !important;}
.ts4 {margin-top:1.667em !important;}
.ts5 {margin-top:2.083em !important;}
.ts6 {margin-top:2.5em !important;}
.ts7 {margin-top:2.917em !important;}
.ts8 {margin-top:3.333em !important;}
.ts9 {margin-top:3.75em !important;}
.ts10 {margin-top:4.167em !important;}
.bs1 {margin-bottom:0.417em !important;}
.bs2 {margin-bottom:0.833em !important;}
.bs3 {margin-bottom:1.25em !important;}
.bs4 {margin-bottom:1.667em !important;}
.bs5 {margin-bottom:2.083em !important;}
.bs6 {margin-bottom:2.5em !important;}
.bs7 {margin-bottom:2.917em !important;}
.bs8 {margin-bottom:3.333em !important;}
.bs9 {margin-bottom:3.75em !important;}
.bs10 {margin-bottom:4.167em !important;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Mainpage */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#wrapper {width:100%; padding-bottom:60px;}
#wrapper #header {width:100%; height:65px; background:url(../../../files/web1/images/main/bg_h2.gif) repeat-x 0 0;} /* 20100709 */
#wrapper #header .headerSection {width:930px; margin:0 auto; position:relative; z-index:200;}
#wrapper #header .headerSection:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection h1 {position:absolute; top:0; left:-8px; width:205px; height:65px; font-size:0; background:url(../../../files/web1/images/newmain/bg_h1.gif) no-repeat 0 0;}
#wrapper #header .headerSection h1 img {margin:21px 0 0 54px;}
#wrapper #header .headerSection .global {width:725px; float:right; display:inline; padding-top:5px; height:27px;}
#wrapper #header .headerSection .global:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection .global ul {float:right; display:inline;}
#wrapper #header .headerSection .global ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection .global ul li {float:left; display:inline;}
#wrapper #header .headerSection .global ul li fieldset {padding-left:10px; float:left;}
#wrapper #header .headerSection .global ul li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection .global ul li fieldset .topSearch {width:130px; font-size:12px; border:1px solid #6273ae; background:#1b2d6a; color:#ffffff;}
#wrapper #header .headerSection #gnb {width:725px; clear:both; position:relative; z-index:100; float:right; display:inline;}
#wrapper #header .headerSection #gnb:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection #gnb .menu {width:725px; float:right; display:inline;}
#wrapper #header .headerSection #gnb .menu ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection #gnb .menu ul li {float:left; display:inline;}
#wrapper #header .headerSection #gnb .menu ul li.on .subBg {position:absolute; top:25px; right:0; width:725px; background:url(../../../files/web1/images/newmain/bg_gnbsub.gif) no-repeat 0 bottom;}
#wrapper #header .headerSection #gnb .menu ul li.on .subBg .bgTop {width:100%; height:7px; background:url(../../../files/web1/images/newmain/bg_gnb_sub_top.gif) no-repeat 0 0;}
#wrapper #header .headerSection #gnb .menu ul li.on .subBg ul {display:block; padding-left:10px;}
#wrapper #header .headerSection #gnb .menu ul li ul {display:none; }
#wrapper #header .headerSection #gnb .menu ul li ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #header .headerSection #gnb .menu ul li ul li {padding:0 10px 8px 9px; background:url(../../../files/web1/images/newmain/bg_line_gnbsub.gif) no-repeat right 0;}
#wrapper #header .headerSection #gnb .menu ul li ul li a {font-weight:bold;}
#wrapper #header .headerSection #gnb .menu ul li ul li a:hover,
#wrapper #header .headerSection #gnb .menu ul li ul li a:focus {text-decoration:none; color:#17328e;}

#wrapper .tipTool {width:317px; padding:10px 13px 10px 13px; border:1px solid #acacac; background:url(../../../files/web1/images/newmain/bg_tip.gif) no-repeat 0 bottom #ffffff; position:absolute; line-height:1.4em; font-size:0.917em; letter-spacing:-0.08em;}
#wrapper .tipTool .posUpLeft {width:9px; height:6px; font-size:0; line-height:0; background:url(../../../files/web1/images/newmain/bg_tip_pos_top.gif) no-repeat 0 0; position:absolute; top:-6px; left:29px;}
#wrapper .tipTool .posUpRight {width:9px; height:6px; font-size:0; line-height:0; background:url(../../../files/web1/images/newmain/bg_tip_pos_top.gif) no-repeat 0 0; position:absolute; top:-6px; right:22px;}
#wrapper .tipTool .posBotLeft {width:9px; height:6px; font-size:0; line-height:0; background:url(../../../files/web1/images/newmain/bg_tip_pos_bot.gif) no-repeat 0 0; position:absolute; bottom:-6px; left:29px;}
#wrapper .tipTool strong.c1 {color:#3b4e8e !important;}
#wrapper .tipTool strong.c2 {color:#5168c5 !important;}
#wrapper .tipTool .close {position:absolute; top:5px; right:5px;}
#wrapper .tipPos {top:30px; left:59px; z-index:101;}
#wrapper .tipPos2 {top:23px; right:-15px; z-index:101;}
#wrapper .tipPos3 {top:25px; left:57px; z-index:100;}

#wrapper #container {width:930px; margin:0 auto; border:1px #ffffff solid;} /* 20100709 */
#wrapper #container .middleGroup1 {width:100%; margin-bottom:22px;}
#wrapper #container .middleGroup1:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .lSec {width:653px; float:left; display:inline;}
#wrapper #container .middleGroup1 .lSec .mainVisual {width:653px; height:214px; position:relative; margin-bottom:20px; background:url(../../../files/web1/images/newmain/newmain_img.gif) no-repeat 0 0; }


/* #wrapper #container .middleGroup1 .lSec .mainVisual {width:653px; height:234px; position:absolute; margin-bottom:20px; top: 80px; left: 160px;} */
#wrapper #container .middleGroup1 .lSec .mainVisual .mainSearch {height:32px; padding:8px 0 0 42px; position:absolute; top:174px; left:0;}
#wrapper #container .middleGroup1 .lSec .mainVisual .mainSearch img {vertical-align:middle;}
#wrapper #container .middleGroup1 .lSec .mainVisual .mainSearch select {width:92px; font-size:1em; margin-right:3px;}
#wrapper #container .middleGroup1 .lSec .mainVisual .mainSearch input {width:283px; border:#4e6bc5 3px solid; padding:4px 2px 2px 5px; font-size:1em; font-weight:bold;}
#wrapper #container .middleGroup1 .lSec .cols {width:100%;}
#wrapper #container .middleGroup1 .lSec .cols:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .lSec .cols .colL {width:186px; float:left; display:inline; margin-right:29px;}
#wrapper #container .middleGroup1 .lSec .cols .colL h3 {height:22px;}
#wrapper #container .middleGroup1 .lSec .cols .colL ul li {margin-bottom:2px;}
#wrapper #container .middleGroup1 .lSec .cols .colR {width:410px; float:left; display:inline;}
#wrapper #container .middleGroup1 .lSec .cols .colR h3 {height:22px;}
#wrapper #container .middleGroup1 .rSec {width:277px; float:left; display:inline; padding-top:22px;}
#wrapper #container .middleGroup1 .rSec ul.icons {width:100%; margin-bottom:12px;}
#wrapper #container .middleGroup1 .rSec ul.icons:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .rSec ul.icons li {width:42px; float:left; display:inline;}
#wrapper #container .middleGroup1 .rSec ul.icons li.mr {margin-right:5px;}
#wrapper #container .middleGroup1 .rSec .popZone {width:100%; position:relative;}
#wrapper #container .middleGroup1 .rSec .popZone .popImg img {width:275px; height:264px; border:1px #bebebe solid;}
#wrapper #container .middleGroup1 .rSec .popZone .popList {width:275px; min-height:264px; border:1px #626f8f solid; position:absolute; top:0; left:0; background:#ffffff;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popH {width:100%; height:25px; background:#626f8f;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popH:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popH .popHL {width:200px; padding:5px 0 0 13px; float:left; display:inline; color:#ffffff;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popH .popHR {width:50px; padding:8px 10px 0 0; float:right; display:inline; text-align:right;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popB {width:263px; padding:6px 6px 0 6px;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popB dl {width:263px; border-bottom:1px #d6d6d6 solid; font-size:0.92em; padding:2px 0 2px 0; line-height:1.2em;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popB dl.noLine {border-bottom:0 !important;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popB dl:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popB dl dt {width:52px; padding-left:10px; color:#2e51ab; float:left; display:inline;}
#wrapper #container .middleGroup1 .rSec .popZone .popList .popB dl dd {width:200px; float:left; display:inline;}
#wrapper #container .middleGroup1 .rSec .popZone .popBtn {width:275px; border-right:1px #bebebe solid; border-bottom:1px #bebebe solid; border-left:1px #bebebe solid;} 
#wrapper #container .middleGroup1 .rSec .popZone .popBtn:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .rSec .popZone .popBtn .popL {width:100px; float:left; display:inline; padding-left:5px;}
#wrapper #container .middleGroup1 .rSec .popZone .popBtn .popR {width:55px; float:right; display:inline;}
#wrapper #container .middleGroup1 .rSec .popZone .popBtn .popR:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup1 .rSec .popZone .popBtn .popR img {float:left; display:inline;}

#wrapper #container .middleGroup2 {width:100%;}
#wrapper #container .middleGroup2:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup2 .secL {width:186px; height:78px; float:left; display:inline; border-top:3px #2c3f7e solid; background:url(../../../files/web1/images/newmain/bg_sec_001.gif) no-repeat 0 0;}
#wrapper #container .middleGroup2 .secL dl dt {padding:17px 0 0 52px;}
#wrapper #container .middleGroup2 .secL dl dd {padding:5px 0 0 0;}
#wrapper #container .middleGroup2 .secM {width:371px; height:78px; float:left; display:inline; border-top:3px #5376c5 solid; border-left:1px #d5d5d5 solid; background:url(../../../files/web1/images/newmain/bg_sec_002.gif) no-repeat 0 0;}
#wrapper #container .middleGroup2 .secM dl dt {padding:17px 0 0 104px;}
#wrapper #container .middleGroup2 .secM dl dd {padding:5px 0 0 104px;}
#wrapper #container .middleGroup2 .secM dl dd img {margin-right:3px;}
#wrapper #container .middleGroup2 .secR {width:371px; height:78px; float:left; display:inline; border-top:3px #78a5df solid; border-left:1px #d5d5d5 solid; background:url(../../../files/web1/images/newmain/bg_sec_003.gif) no-repeat 0 0;}
#wrapper #container .middleGroup2 .secR dl dt {padding:17px 0 0 88px;}
#wrapper #container .middleGroup2 .secR dl dd {padding:5px 0 0 88px;}
#wrapper #container .middleGroup2 .secR2 {width:175px;height:68px; float:left; padding:10px 5px 0 5px;text-align:center;display:inline; border-top:3px #78a5df solid; border-left:1px #d5d5d5 solid;border-left:1px #d5d5d5 solid;}
#wrapper #container .middleGroup2 .secR3 {width:175px;height:63px; float:left;padding:15px 5px 0 5px;text-align:center; display:inline; border-top:3px #78a5df solid; border-left:1px #d5d5d5 solid;}

#wrapper #container .middleGroup3 {width:100%; margin-bottom:22px; background:url(../../../files/web1/images/newmain/bg_m3.gif) no-repeat 0 bottom;}
#wrapper #container .middleGroup3:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container .middleGroup3 dl {width:186px; float:left; display:inline; }
#wrapper #container .middleGroup3 dl dt img {width:186px; height:26px;}
#wrapper #container .middleGroup3 dl dd {width:156px; padding:10px 10px 10px 20px;}
#wrapper #container .middleGroup3 dl dd ul li {width:140px; background:url(../../../files/web1/images/newmain/blt_spot_m6.gif) no-repeat 0 6px; padding-left:10px; line-height:1.6em; letter-spacing:-0.05em;}
 
#wrapper #container #footMoveFrame {width:100%;}
#wrapper #container #footMoveFrame:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container #footMoveFrame .lSec {width:749px; height:33px; padding-top:3px; background:url(../../../files/web1/images/newmain/bg_bnrlist.gif) no-repeat 0 0; float:left; display:inline;}
#wrapper #container #footMoveFrame .lSec:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container #footMoveFrame .lSec .l {width:655px; height:30px; float:left; display:inline; overflow:hidden;}
#wrapper #container #footMoveFrame .lSec .l ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #container #footMoveFrame .lSec .l ul li {float:left; display:inline;}
#wrapper #container #footMoveFrame .lSec .r {width:85px; padding-top:12px; float:right; display:inline;}
#wrapper #container #footMoveFrame .lSec .r span {padding-right:2px;}
#wrapper #container #footMoveFrame .lSec .r span .all {position:relative; margin-top:-4px;}
#wrapper #container #footMoveFrame .rSec {width:172px; float:right; display:inline;}
#wrapper #container #footMoveFrame .rSec select {width:134px; font-size:0.917em; margin-bottom:3px;}

#wrapper #footer {width:930px; margin:0 auto; padding-top:18px;}
#wrapper #footer:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #footer .column {width:159px; float:left; display:inline;}
#wrapper #footer .column2 {width:540px; float:left; display:inline;}
#wrapper #footer .column2 ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrapper #footer .column2 ul li {float:left; display:inline;}
#wrapper #footer .column3 {float:right; display:inline; padding:0 0 0 0;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Etc. Setting */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.objCk {width:13px; height:13px;}

.listTab {width:100%; background:url(../../../files/web1/images/newmain/bg_tab.gif) repeat-x 0 bottom; margin-bottom:10px; position:relative;}
.listTab:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.listTab h4 {float:left; display:inline; margin-right:1px; font-size:1em;}
.listTab h4:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.listTab h4.on a {height:23px; float:left; display:inline; background:url(../../../files/web1/images/newmain/bg_tab_left_on.gif) no-repeat 0 0; padding-left:6px; text-decoration:none; color:#ffffff;}
.listTab h4.on a span {display:block; background:url(../../../files/web1/images/newmain/bg_tab_right_on.gif) no-repeat right 0; font-weight:bold; line-height:1.5em; padding:3px 6px 0 0; letter-spacing:-0.1em;}
.listTab h4.off a {height:23px; float:left; display:inline; background:url(../../../files/web1/images/newmain/bg_tab_left_off.gif) no-repeat 0 0; padding-left:6px; text-decoration:none; color:#555555;}
.listTab h4.off a span {display:block; background:url(../../../files/web1/images/newmain/bg_tab_right_off.gif) no-repeat right 0; font-weight:bold; line-height:1.5em; padding:3px 6px 0 0; letter-spacing:-0.1em;}
.listTab .more {position:absolute; left:371px; top:6px;}

ul.news {width:400px; padding-left:10px; position:absolute; top:24px; left:0;}
ul.news li {width:394px; background:url(../../../files/web1/images/newmain/blt_spot.gif) no-repeat 0 6px; padding-left:6px; line-height:1.5em;}
ul.news li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
ul.news li .list {width:300px; float:left; display:inline; letter-spacing:-0.05em;}
ul.news li .list a {color:#2f3743;}
ul.news li .date {width:80px; float:right; display:inline; text-align:right; color:#666666; padding-right:10px;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 20100621  통합검색버튼 */
.inputnostyle {width:61px!important; border:0px!important; }