@charset "utf-8";
@import url('map_min.css'); /* 지도설정 */
/* ---------------------------------------
	Filename: common_min.css
	Description : min(개인민원)
	Author	: KSGT
	date	:2014.08.20
	비고: IE8,9,10,11,FF,CR
   --------------------------------------- */ 

/* font */
@font-face {
  font-family: 'NG';
  src: url('../../font/NanumGothic-Regular.eot');
  src: url('../../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('../../font/NanumGothic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal; 
}
@font-face {
  font-family: 'NGB';
  src: url('../../font/NanumGothic-Bold.eot');
  src: url('../../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../../font/NanumGothic-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal; 
}

/* default */
html,body {height:100%;}
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,caption,input,textarea,select,table,th,td {margin:0; padding:0;}
body {padding:0; margin:0; background:#fff; color:#444; font-size:12px; line-height:normal; font-family:'돋움',Dotum,Arial,Sans-serif;}
h1,h2,h3,h4,h5,h6 {color:#3e424d; font-size:100%; font-family:'NGB';}
ul,ol {list-style:none}
address, em, cite {font-style:normal;}
hr {display:none;}
img {border:0 none; vertical-align:middle;}
pre {white-space:pre-wrap; font-family:'돋움',Dotum,Arial;}
q:before,q:after {content:''}
sub,sup {font-size:75%; line-height:0; vertical-align:super;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
a,a:hover,a:focus,a:active {color:#069; text-decoration:none;}
object#GPKISecureWeb {position:absolute; left:-3000px; width:0; height:0;}/* 공인인증 min만 해당 */

/* form */
form,fieldset,legend,label,input[type="image"],input[type="radio"],input[type="checkbox"] {border:0 none}
fieldset{border:0 none;}
legend{position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0}
button,input,select,textarea {font-size:12px; line-height:normal; font-family:'돋움',Dotum,Arial,Sans-serif;}
button,input[type="button"], input[type="reset"], input[type="submit"], input[type="image"] {cursor:pointer;}
button[disabled], input[disabled] {cursor:default;}
textarea {padding:5px; border:1px solid #ccc;}
input[type="text"] ,input[type="password"] {height:16px; padding:2px 3px; border:1px solid #ccc; line-height:16px;}
input[type="file"] {height:20px; border:1px solid #ccc;}
textarea {width:96%; margin:3px 0 0;}
select {height:22px; border:1px solid #ccc; padding:2px;}
label + input[type="checkbox"] {margin:0 0 0 4px;} /* 레이블 간격 조정 */
input[type="checkbox"] + label, input[type="radio"] + label {margin:0 20px 0 8px;}/* 레이블 간격 조정 */
input[type="text"] + label {margin:0 0 0 20px;}/* 게시판검색 간격 조정 */
select + label {margin:0 0 0 20px;}/* 게시판검색 간격 조정 */
input[type="text"].rig {text-align:right;}/* 금액이나 거리 표시정렬 */
input[type="text"].date {width:71px; padding:2px;}/* 달력input에만 적용 고정값input */
input[type="text"] + a > img {margin:0 10px 0 2px;}/* input + 아이콘 */
.read {border:1px solid #e3e3e3; background:#ececec; cursor:default;}/* readonly */
fieldset a>img,fieldset label,fieldset select,fieldset input,table td a>img,table td label,table td select,table td input,input,select,input[type="checkbox"],input[type="radio"] {vertical-align:middle;}/* vertical-align */

/* table */
table {border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table tbody td a, tbody td a:hover, tbody td a:active, tbody td a:focus {text-decoration:underline;}

/* common */
.hide {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important;}
.ir {display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.fL {float:left}
.fR {float:right}
.cB {clear:both;}
.overH {overflow:hidden;}
.inline {display:inline;}
.inBlock {display:inline-block;}
.block {display:block !important;}
.bdNone {border:0 !important;}
.center {text-align:center;}
.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtC {text-align:center !important;}

/* button Area */
.btnAreaL {text-align:left; margin:10px 0 0;}
.btnAreaC {text-align:center; margin:10px 0 0;}
.btnAreaR {text-align:right; margin:20px 0 0;}

/* button */
a[class^=btn] {display:inline-block; vertical-align:middle; text-decoration:none !important;}
a[class^=btn] span {cursor:pointer;}
a[class^=btn]:focus {outline:1px dotted #666;}

/* basic button */
a[class^=btnBs] {height:31px; border:1px solid #d9d9d9; font-size:13px; font-family:'NGB'; color:#606060;}
a[class^=btnBs] span {display:block; padding:0 14px 0 37px; line-height:31px;}
a[class^=btnBs].dis {border:1px solid #818181; opacity:0.3; filter:alpha(opacity=30); cursor:default;} 
a[class^=btnBs].dis span {cursor:default; color:#000;}
.btnBsReg {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 0;}
.btnBsDel {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -35px;}
.btnBsMod {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -70px;}
.btnBsList {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -105px;}
.btnBsCan {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -140px;}
.btnBsSave {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -175px;}
.btnBsTurn {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -210px;}
.btnBsInfo {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -245px;}
.btnBsPer {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -280px;}
.btnBsPrt {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -315px;}
.btnBsDown {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -350px;}
.btnBsSrh {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -385px;}
.btnBsRep {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -420px;}
.btnBsConf {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -455px;}
.btnBsAdd {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -490px;}
.btnBsPho {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -525px;}
.btnBsAll {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -560px;}
.btnBsLoc {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -595px;}
.btnBsRenew {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -630px;}
.btnBsRec {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -665px;}
.btnBsForw {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -700px;}
.btnBsPay {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -735px;}
.btnBsRequ {background:url(../../images/min/bg_btn_basic.gif) no-repeat 0 -770px;}

/* search button */
input[class^=btnS] {border:none; margin:0; padding:0 10px 0 38px; overflow:visible; vertical-align:middle;}
input[class^=btnS]:focus {outline:1px dotted #666;}
a[class^=btnS], input[class^=btnS] {height:28px; font-size:13px; font-family:'NGB'; color:#fff;}
a[class^=btnS]:hover, a[class^=btnS]:focus {color:#fff;}
a[class^=btnS] span {display:block; height:28px; padding:0 10px 0 38px; line-height:28px;}
.btnSrh {background:#0076c0 url(../../images/min/bg_btn_srh.gif) no-repeat 0 0;}
.btnSet {background:#777 url(../../images/min/bg_btn_srh.gif) no-repeat 0 -30px;}
.btnSave {background:#777 url(../../images/min/bg_btn_srh.gif) no-repeat 0 -60px;}
.btnSPos {background:#777 url(../../images/min/bg_btn_srh.gif) no-repeat 0 -90px;}
.btnSMenu {background:#777 url(../../images/min/bg_btn_srh.gif) no-repeat 0 -120px;}

/* contents blue button */
.btnContsB {height:22px; padding:1px 12px 0; border-right:1px solid #005496; border-bottom:1px solid #005496; background-color:#0076c0; color:#fff; font-weight:bold; line-height:22px;}
a.btnContsB {color:#fff;}

/* contents grey button */
.btnContsG {height:22px; padding:1px 12px 0; border-right:1px solid #4d4e4d; border-bottom:1px solid #4d4e4d; background-color:#777; color:#fff; font-weight:bold; line-height:22px;}
a.btnContsG {color:#fff;}

/* contents blue button 예외 */
.btnContsAdd {height:22px; padding:1px 12px 0 30px; border-right:1px solid #005496; border-bottom:1px solid #005496; background:#0076c0 url(../../images/min/bg_btn_small_a.gif) no-repeat 0 0; color:#fff; font-weight:bold; line-height:22px;}
a.btnContsAdd {color:#fff;}

/* contents grey button height:20px 예외 */
.btnContsGs {height:20px; padding:1px 12px 0; border-right:1px solid #4d4e4d; border-bottom:1px solid #4d4e4d; background-color:#777; color:#fff; font-weight:bold; line-height:22px;}
a.btnContsGs {color:#fff;}

/* table small button */
a[class^=btnTbl] {font-weight:normal;}
a[class^=btnTbl].dis {border:1px solid #ccc; background:#fff url(../../images/min/bg_btn_small.gif) no-repeat 100% -50px; color:#999; cursor:default;}/* table button 비활성 */
a[class^=btnTbl].dis span {cursor:default;}/* table button 비활성 */

/* table small blue button */
.btnTblB {height:20px; border:1px solid #99bbd5; background:#f6f9fc url(../../images/min/bg_btn_small.gif) no-repeat 100% 0; color:#005496;}
.btnTblB span {display:block; height:20px; padding:0 10px 0 3px; line-height:22px;}
a.btnTblB {color:#005496;}

/* table small white button */
.btnTblW {height:20px; border:1px solid #ccc; background:#fff url(../../images/min/bg_btn_small.gif) no-repeat 100% -25px; color:#666;}
.btnTblW span {display:block; height:20px; padding:0 10px 0 3px; line-height:22px;}
a.btnTblW {color:#666;}

/* Arrow Right button */
a[class^=btnI] {height:22px; border:1px solid #d9d9d9; font-weight:bold; color:#444;}
a[class^=btnI] span {display:block; height:22px; padding:0 11px 0 32px; line-height:24px;}
a[class^=btnI]:hover, a[class^=btnI]:focus {color:#444;}
.btnIExl {background:url(../../images/min/bg_btn_icon.gif) no-repeat 0 0;}
.btnIReg {background:url(../../images/min/bg_btn_icon.gif) no-repeat 0 -25px;}
.btnIDel {background:url(../../images/min/bg_btn_icon.gif) no-repeat 0 -50px;}

/* margin & padding */
.mtm01 {margin-top:-1px !important;}
.mtm20 {margin-top:-20px !important;}
.mt01 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mr0 {margin-right:0 !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}

.mbm30 {margin-bottom:-30px !important;}
.mb0 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb40 {margin-bottom:40px !important;}
.mbm10 {margin-bottom:-10px !important;}

.ml01 {margin-left:0 !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}

.pt01 {padding-top:0 !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}

.pr0 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}

.pb01 {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px !important;}

.pl01 {padding-left:0 !important;}
.pl05 {padding-left:5px !important;}

/* skipNavi */
#skipNavi {height:0; width:100%;}
#skipNaviPass {position:relative;}
#skipNavi a, #skipNaviPass a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; border-bottom:1px solid #000; background:#606260; font-family:'NGB'; font-size:14px; color:#fff; text-align:center; white-space:nowrap; line-height:30px;}
#skipNavi a:focus, #skipNavi a:hover, #skipNavi a:active, #skipNaviPass a:focus, #skipNaviPass a:hover, #skipNaviPass a:active {top:0;}
#skipNavi a span, #skipNaviPass a span {display:inline-block; padding-right:14px; background:url(../../images/min/bg_login_icon2.gif) no-repeat 100% 50%;}

/* layout */
#wrap {position:relative; min-width:990px; z-index:1; background:url(../../images/min/bg_wrap.gif) repeat-x 0 0;}
#header {height:100px; background:#fff; z-index:50;}
#container {width:990px; margin:0 auto; padding:127px 0 80px; background:url(../../images/min/bg_sub_visual.jpg) no-repeat 100% 0;}
#header .headerTop:after, #header #gnb ul:after, #container:after, #footer .footerIn:after {content:""; display:block; clear:both;}

/* main1 layout before login */
#main1 {background:#686a68;}
#main1 #wrapMain {position:relative; min-width:990px; z-index:1; background:#fff url(../../images/min/bg_wrap_main.gif) repeat-x 0 0;}
#main1 #header {height:57px; z-index:50;}
#main1 #containerMain {width:100%; background:url(../../images/min/bg_main_visual.jpg) no-repeat 50% 0;}
#main1 #containerMain #contents {overflow:hidden; float:none; width:990px; margin:0 auto;}
#main1 #containerMain #contents .topWrap {position:relative; height:584px;}
#main1 #containerMain #contents .topWrap .txtGroup {position:absolute; top:81px; left:0; z-index:10;}
#main1 #containerMain #contents .topWrap .txtGroup p {padding-bottom:7px; font-family:'NGB'; font-size:17px; color:#0076c0; text-align:left; line-height:21px;}
#main1 #containerMain #contents .topWrap .txtGroup h3.visualTit {margin:0; padding:0; border:none; font-size:20px; color:#222;}
#main1 #containerMain #contents .topWrap .workGroup {position:absolute; top:63px; right:0; width:564px; height:490px;}
#main1 #containerMain #contents .topWrap .loginArea {float:left; width:376px; height:170px; background:#fcfcfc; z-index:10;}
#main1 #containerMain #contents .topWrap .loginArea .boxIn {position:relative; width:296px; margin:20px auto;}

/* main2 layout before login */
#main2 {background:#686a68;}
#main2 #wrapMain {position:relative; min-width:990px; z-index:1; background:#fff url(../../images/min/bg_wrap_main.gif) repeat-x 0 0;}
#main2 #header {z-index:50;}
#main2 #containerMain {width:100%; background:url(../../images/min/bg_main_visual.jpg) no-repeat 50% -43px;}
#main2 #containerMain #contents {overflow:hidden; float:none; width:990px; margin:0 auto;}
#main2 #containerMain #contents .topWrap {position:relative; height:541px;}
#main2 #containerMain #contents .topWrap .txtGroup {position:absolute; top:38px; left:0; z-index:10;}
#main2 #containerMain #contents .topWrap .txtGroup p {padding-bottom:7px; font-family:'NGB'; font-size:17px; color:#0076c0; text-align:left; line-height:21px;}
#main2 #containerMain #contents .topWrap .txtGroup h3.visualTit {margin:0; padding:0; border:none; font-size:20px; color:#222;}
#main2 #containerMain #contents .topWrap .workGroup {position:absolute; top:20px; right:0; width:564px; height:490px;}
#main2 #containerMain #contents .topWrap .workGroup .loginArea {float:left; width:188px; height:170px; margin-left:188px; background:url(../../images/min/bg_m_login_box.gif) no-repeat 0 0;}
#main2 #containerMain #contents .topWrap .workGroup .loginArea .boxIn {width:188px; padding:108px 0 0 0; font-family:'NGB'; font-size:14px; color:#696967; text-align:center; line-height:21px;}
#main2 #containerMain #contents .topWrap .workGroup .loginArea .boxIn strong {padding-right:5px; font-size:16px; color:#3d9139;}

/* main1 login Input */
.loginArea .boxIn .loginBox {}
.loginArea .boxIn .loginBox .loginInput {display:inline-block; position:relative;}
.loginArea .boxIn .loginBox .loginInput:first-child {margin-bottom:6px;}
.loginArea .boxIn .loginBox .labelId {position:absolute; top:8px; left:8px; color:#787878; cursor:text;}
.loginArea .boxIn .loginBox .labelPw {position:absolute; top:8px; left:8px; color:#787878; cursor:text;}
.loginArea .boxIn .loginBox .inputTxt {width:172px; padding:5px 7px; border:1px solid #e8e8e8; background:#fff; color:#000;}
.loginArea .boxIn .btnBox {position:absolute; top:0; right:0; width:102px;}
.loginArea .boxIn .btnBox .btnLoginPw {width:100px; height:60px; border:1px solid #7e807e; border-right:1px solid #4d4e4d; border-bottom:1px solid #4d4e4d; background:#686a68; font-family:'NGB'; font-size:15px; color:#fff; text-align:center; line-height:59px;}
.loginArea .boxIn .btnBox a + input[type="image"] {margin:6px 0 0 0;}
.loginArea .boxIn .join {padding:14px 0 0 19px;}
.loginArea .boxIn .join a {display:inline-block; margin-left:32px; padding-left:10px; background:url(../../images/min/bg_m_login_arrow.png) no-repeat 0 3px; color:#787878;}
.loginArea .boxIn .join a:first-child {margin-left:0;}

/* main1 인증서 로그인 button */
.btnKey {width:294px; height:33px; margin-top:6px; border:1px solid #dfdfdf; background:#f1f1f1; font-family:'NGB'; font-size:14px; color:#fff; text-align:center; line-height:33px;}
.btnKey span {display:inline-block; padding-right:14px; background:#f1f1f1 url(../../images/min/bg_login_icon.gif) no-repeat 100% 11px;}
a.btnKey {color:#666;}

/* main 공통 빠른 서비스 */
.quickSvc1 {float:left; width:188px; height:170px;}
.info {margin-left:188px;}
.quickSvc2 {float:left; width:188px; height:150px;}
.quickSvc2 .half {height:75px;}

/* main 공통 conWrap */
.conWrap {overflow:hidden;}

/* main 공통 latestArea planBox,noticeBox,qaBox */
.conWrap .latestArea {overflow:hidden; padding-top:26px;}

/* main 공통 latestArea planBox 사업계획심의공고 */
.conWrap .latestArea .planBox {float:left; position:relative; width:383px; height:106px; background:url(../../images/min/bg_m_plan_visual.gif) no-repeat 94% 8px;}
.conWrap .latestArea .planBox h3 {margin:0; border-bottom:none; padding-bottom:10px; font-size:17px; color:#313131; line-height:17px;}
.conWrap .latestArea .planBox ul li {width:72%; line-height:20px; padding-left:7px; background:url(../../images/min/bg_notice_arrow.gif) no-repeat 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.conWrap .latestArea .planBox ul li a {color:#666;}
.conWrap .latestArea .planBox .iconMore {position:absolute; top:0; right:0;}

/* main 공통 latestArea noticeBox 공지사항 */
.conWrap .latestArea .noticeBox {float:left; position:relative; width:263px; height:106px; margin-left:41px;}
.conWrap .latestArea .noticeBox h3 {margin:0; border-bottom:none; padding-bottom:10px; font-size:17px; color:#313131; line-height:17px;}
.conWrap .latestArea .noticeBox ul li {width:99%; line-height:20px; padding-left:7px; background:url(../../images/min/bg_notice_arrow.gif) no-repeat 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.conWrap .latestArea .noticeBox ul li a {color:#666;}
.conWrap .latestArea .noticeBox .iconMore {position:absolute; top:0; right:0;}

/* main 공통 latestArea qaBox QA */
.conWrap .latestArea .qaBox {float:right; position:relative; width:263px; height:106px;}
.conWrap .latestArea .qaBox h3 {margin:0; border-bottom:none; padding-bottom:10px; font-size:17px; color:#313131; line-height:17px;}
.conWrap .latestArea .qaBox ul li {width:99%; line-height:20px; padding-left:7px; background:url(../../images/min/bg_notice_arrow.gif) no-repeat 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.conWrap .latestArea .qaBox ul li a {color:#666;}
.conWrap .latestArea .qaBox .iconMore {position:absolute; top:0; right:0;}

/* header */
#header .headerTop {width:990px; height:57px; margin:0 auto;}
#header .headerTop h1 {float:left; padding:13px 0 0 0;}
#header .headerTop .util {float:right; padding:23px 0 0 0;}
#header .headerTop .util li {float:left; margin:0 0 0 30px;}
#header #gnb {background:#0474c4 url(../../images/min/bg_header.gif) repeat-x 0 100%;}
#header #gnb ul {width:990px; margin:0 auto;}
#header #gnb ul li {float:left; width:198px; text-align:center; background:#0474c4 url(../../images/min/bg_gnb.gif) no-repeat 100% 0;}/* basic menu5 */
#header #gnb ul li:first-child {background:url(../../images/min/bg_gnb.gif) no-repeat 0 -86px;}
#header #gnb ul.m4 li {width:247px; background:url(../../images/min/bg_gnb.gif) no-repeat 100% 0;}/* menu4 */
#header #gnb ul.m4 li:first-child {width:249px; background:url(../../images/min/bg_gnb.gif) no-repeat 0 -129px;}/* menu4 first */
#header #gnb ul.m3 li {width:330px; background:url(../../images/min/bg_gnb.gif) no-repeat 100% 0;}/* menu3 */
#header #gnb ul.m3 li:first-child {background:url(../../images/min/bg_gnb.gif) no-repeat 0 -172px;}/* menu3 first */
#header #gnb ul.m2 li {width:495px; background:url(../../images/min/bg_gnb.gif) no-repeat 100% 0;}/* menu2 */
#header #gnb ul.m2 li:first-child {background:url(../../images/min/bg_gnb.gif) no-repeat 0 -215px;}/* menu2 first */
#header #gnb ul.m1 li {width:990px; background:url(../../images/min/bg_gnb2.gif) no-repeat 100% 0;}/* menu1 */
#header #gnb ul li a {display:block; width:100%; height:43px; line-height:43px; font-size:16px; font-family:'NGB'; color:#fff;}
#header #gnb ul li a span {display:inline-block;}
#header #gnb ul li a:hover,#header #gnb ul li a:focus {background:#effaee url(../../images/min/bg_gnb_over.gif) repeat-x 0 0; color:#005496;}
#header #gnb ul li a:hover span,#header #gnb ul li a:focus span {padding:0 0 0 25px; background:url(../../images/min/bg_gnb_on.png) no-repeat 0 47%; cursor:pointer;}
#header #gnb ul li.current a {background:#effaee url(../../images/min/bg_gnb_over.gif) repeat-x 0 0; color:#005496;}
#header #gnb ul li.current a span {padding:0 0 0 25px; background:url(../../images/min/bg_gnb_on.png) no-repeat 0 47%; cursor:pointer;}

/* lnb */           
#lnb {float:left; width:210px;}
#lnb h2 {padding:0 0 12px 10px; border-bottom:2px solid #a3d062; font-size:24px; color:#278024; line-height:28px;}
#lnb ul > li > a {display:block; padding:9px 0 9px 20px; border-bottom:1px solid #d9d9d9; font-size:14px; font-family:'NGB'; color:#4c4c4c; line-height:17px;}
#lnb ul > li a.current, #lnb ul > li a:hover, #lnb ul > li a:focus {background:#686a68 url(../../images/min/bg_lnb_on.gif) no-repeat 0 0; border-bottom:1px solid #5b5b5b; color:#fff;}
#lnb ul > li > ul {padding:11px 20px; background:#f8f8f8; border-bottom:1px solid #d9d9d9;}
#lnb ul > li > ul > li {}
#lnb ul > li > ul > li a {display:block; padding:6px 0 6px 7px; border:none; background:#f8f8f8 url(../../images/min/bg_lnb2.gif) no-repeat 0 10px; font-size:12px; font-family:'돋움',Dotum,Arial,Sans-serif; color:#666; line-height:16px;}
#lnb ul > li > ul > li a:hover, #lnb ul > li > ul > li a:focus, #lnb ul > li > ul > li a.current {border:none; background:#f8f8f8 url(../../images/min/bg_lnb2.gif) no-repeat -210px 10px; color:#4c4c4c; font-weight:bold; color:#3c9339;}

/* contents */
#contents {float:left; position:relative; width:740px; margin-left:40px;}

/* footer */
#footer {background:#686a68; z-index:50;}
#footer .footerIn {width:990px; margin:0 auto; padding:22px 0 21px;}
#footer .footerIn .links {float:left;} 
#footer .footerIn .links li:first-child {margin:0; padding:0; background:none;}
#footer .footerIn .links li {float:left; margin:0 0 0 14px; padding:0 0 0 15px; background:url(../../images/min/bg_footer_line.gif) no-repeat 0 4px;}
#footer .footerIn .links li a {color:#fff; font-family:'NGB'; font-size:13px; line-height:16px;}
#footer .footerIn .copy {float:right; padding-top:1px; font-family:'NGB'; font-size:11px; color:#b1b1b1; line-height:16px;}

/* location */
.location {position:absolute; right:0; top:5px;}
.location a, .location strong {display:inline-block; padding-left:11px; line-height:12px; background: url(../../images/min/bg_locate_arrow.gif) no-repeat 4px 48%; color:#787878; font-weight:normal;}
.location a:first-child {background:none; padding-left:0;}
.location a img {vertical-align:-1px;}

/* heading */
.headArea {position:relative;}/* heading + 우측에 버튼 또는 문구올때 wrap  */
.headArea h2, .headArea h3, .headArea h4 {display:inline-block;}/* heading + 우측에 바로 문구올때 */
h2 {}
h3 {margin-bottom:40px; padding-bottom:8px; font-size:26px; color:#222; border-bottom:1px solid #d9d9d9; line-height:32px;}
h4 {padding:40px 0 10px; font-size:18px; color:#005496; line-height:24px;}
h3 + .headArea > h4 {padding-top:0;}
h3 + h4 {padding-top:0;}
.tabMenu + h4 {padding-top:0;}
.infoIcon + h2 {margin-top:20px !important;}

/* tab */
.tabMenu {overflow:hidden; width:100%; height:54px; background:url(../../images/min/bg_tab_line.gif) repeat-x 100% 33px;}
.tabMenu li {float:left; text-align:center;}
.tabMenu li a {display:block; height:33px; padding:0 20px; background:#f6f6f6 url(../../images/min/bg_tab.gif) repeat-x 100% 0; font-family:'NGB'; font-size:14px; color:#666; line-height:33px;}
.tabMenu li.current {height:40px; background:url(../../images/min/bg_tab_arrow.gif) no-repeat 50% 33px;}
.tabMenu li.current a {height:33px; background:#3c9339 url(../../images/min/bg_tab.gif) repeat-x 100% -33px; color:#fff;}
.tabMenu li:first-child {border-left:1px solid #d9d9d9;}
.tabMenu li.current:first-child {border-left:0;}

/* search 심플형 */
.searchBox {position:relative; padding:16px; border:1px solid #e8e8e8; background:#f6f6f6;}
.searchBox .data {text-align:left; line-height:29px;}
.searchBox label {padding:0 5px 0 10px; background:url(../../images/min/bg_label_arrow.gif) no-repeat 0 2px; font-weight:bold; color:#666;}
.searchBox input[type="radio"] + label, .searchBox input[type="checkbox"] + label {padding-left:0; background:none;}
.searchBox .btnR {position:absolute; right:20px; top:17px; margin-left:20px; text-align:right;}

/* search 특수형 */
.searchBox2 {position:relative; padding:7px 15px; border-top:2px solid #7a9bb0; border-bottom:1px solid #b2c8d5; background:#f6f9fc; font-weight:bold; color:#005496;}
.searchBox2 label {background:none;}

/* search 상세형 */
.searchTblBox {position:relative; padding:15px; border:1px solid #d9d9d9; background:#f6f6f6;}
.searchTblBox table tbody th {padding:7px 5px 7px 7px; background:url(../../images/min/bg_label_arrow.gif) no-repeat 0 12px; color:#666; text-align:left; line-height:18px; vertical-align:top;}
.searchTblBox table tbody td {padding:5px 5px 5px 0; height:22px; line-height:18px; vertical-align:top;}
.searchTblBox .btnC {margin-top:15px; padding-top:15px; border-top:1px dotted #ccc; text-align:center;}

/* table count */
.count {padding:28px 0 8px; line-height:14px;}
.count strong {padding-right:7px; color:#0076c0;}
.countHd {padding:0 0 0 5px; line-height:14px;}/* heading + 우측에 바로 오는 count */

/* table List : 업무 */
.tblList {border-top:2px solid #7a9bb0;}
.tblList table thead th {padding:10px 3px; border-left:1px solid #e8e8e8; border-bottom:1px solid #d9d9d9; background:#f8f8f8; color:#3e424d; line-height:16px;}
.tblList table thead th.group {border-bottom:1px solid #b2c8d5; background:#f6f9fc; color:#005496;}
.tblList.noLine {border-top:none !important;}/* 검색필드가 상단에 바로올때 */
.tblList table tbody td {height:22px; padding:7px 3px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center; line-height:16px; word-wrap:break-word; word-break:break-all;}
.tblList table thead th:first-child, .tblList table tbody td:first-child {border-left:none;}
.tblList table thead th.lineL, .tblList table tbody td.lineL {border-left:1px solid #e8e8e8;}/* rowspan */

/* table List2 : 공지,일반 한줄 말줄임 */
.tblList2 {border-top:2px solid #7a9bb0; margin-bottom:10px;}
.tblList2 table thead th {padding:10px 3px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f8f8f8; color:#3e424d; line-height:16px;}
.tblList2 table tbody td {overflow:hidden; height:22px; padding:7px 3px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center; line-height:16px; text-overflow:ellipsis; white-space:nowrap;}
.tblList2 table thead th:first-child, .tblList2 table tbody td:first-child {border-left:none;}

/* table List5 : 안내형식 팝업 */
.tblList5 {border-top:1px solid #555;}
.tblList5 table thead th {padding:8px 0; border-left:1px solid #e8e8e8; border-bottom:1px solid #d9d9d9; color:#444; background:#f8f8f8; line-height:16px;}
.tblList5 table tbody td {height:22px; padding:6px 3px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center; line-height:16px; word-wrap:break-word; word-break:break-all;}
.tblList5 table thead th:first-child,.tblList5 table tbody td:first-child {border-left:none;} 
.tblList5 table thead th.lineL, .tblList5 table tbody td.lineL {border-left:1px solid #e8e8e8;}/* rowspan */

/* table Data */
.tblData {border-top:2px solid #7a9bb0;}
.tblData table tbody th {padding:7px 5px 7px 15px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f8f8f8; text-align:left; line-height:16px;}
.tblData table tbody td {height:22px; padding:7px 5px 7px 15px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff; line-height:16px; word-wrap:break-word; word-break:break-all;}
.tblData table tbody th:first-child, .tblData table tbody tr:first-child td:first-child {border-left:none;}
.tblData table tbody td em {padding-left:8px; color:#787878;}
.tblData table tbody td em.block {display:block; padding:2px 0; color:#787878;}
.tblData table tbody td p {padding:5px 0 0 0;}/* td안에 여러줄 항목이 올때 간격 */
.tblData table tbody th.lineL {border-left:1px solid #e8e8e8;}
.tblData table tbody td.lineL {border-left:1px solid #e8e8e8;}
.attachFile {padding:2px 10px 2px 0;}
.attachFile .del {margin-left:5px; vertical-align:-3px;}
.attachFile .size {margin-left:5px; color:#787878;}

/* scroll,size table List */
.scrollX {overflow-y:hidden; overflow-x:auto;}
.scrollY {overflow-x:hidden; overflow-y:auto;}
.sizeXBig {width:1000px;}
.sizeYBig {height:600px;}
.sizeYSml {height:146px;}

/* 안내Icon + Text */
.infoIcon {margin:20px 0 0; padding:2px 0 0 26px; color:#787878; line-height:20px;}
.infoIcon em {display:inline-block; width:26px; height:19px; margin:0 0 0 -26px; background:url(../../images/min/bg_icons.gif) no-repeat 0 0; text-indent:-9999px; vertical-align:top;}
.infoIcon2 {padding:5px 0 0 35px; color:#444; line-height:23px; font-family:'NGB'; font-size:16px;}
.infoIcon2 em {display:inline-block; width:35px; height:23px; margin:0 0 0 -35px; background:url(../../images/min/bg_icons.gif) no-repeat 0 -90px; text-indent:-9999px; vertical-align:top;}

/* 박스형 텍스트용 */
.infoBox {border-top:2px solid #7a9bb0; background:#f6f6f6;}
.infoBox .inTxt {padding:20px; border:1px solid #e8e8e8; border-top:none;}
.infoBox .inTxt p {padding:5px 0; line-height:20px;}
.infoBox .inTxt p .link {font-weight:bold; color:#3c9339; text-decoration:underline;}
.infoBox .inTxt ol li {line-height:20px;}

/* 박스형 */
.infoBox .nodata {min-height:119px; padding: 0 20px 20px 312px; border:1px solid #e8e8e8; border-top:none; background:url(../../images/min/bg_nodata.png) no-repeat 197px 20px;}
.infoBox .nodata strong.nodataTit {display:inline-block; padding-top:60px; font-family:'NGB'; font-size:19px; color:#005496;}

/* 이미지 + 박스형 */
.dlList {padding:20px 20px 0; border:1px solid #e8e8e8; border-top:none; background:#f6f6f6 url(../../images/min/bg_info.png) no-repeat 97% 50%;}
.dlList dt {padding:0 0 8px; color:#666;}
.dlList dd {padding:0 0 20px; font-family:'NGB'; font-size:19px; color:#005496;}

/* 약관은 내용들어가는 박스까지만 디자인 */
.infoBox h2.termsTit {padding:5px 10px; border:1px solid #e8e8e8; border-top:none; background:#f6f9fc; font-size:15px; color:#303031;}
.infoBox .termsBox {overflow-x:hidden; overflow-y:auto; height:70px; margin:0; padding:10px; border:1px solid #e8e8e8; border-top:none; background:#fff; line-height:18px;}
.infoBox .agreeChk {padding:10px; border:1px solid #e8e8e8; border-top:none; font-weight:bold;}
.infoBox + .infoBox {margin-top:40px;}/* 타이틀없이 infoBox만 계속올때 간격값(약관) */

/* 필수 */
strong.req {display:inline-block; width:4px; height:4px; margin:0 4px 3px -8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#0076c0; font-size:0; vertical-align:middle;}

/* 단독안내 텍스트 */
.hdRigTxt {position:absolute; right:0; bottom:10px; color:#787878; line-height:14px;}
.hdRigTxt strong {color:#3c9339;}
.hdRigTxt2 {position:absolute; right:0; bottom:6px; color:#787878; line-height:14px;}
.hdRigTxt2 strong.fontS {padding:0 0 0 5px; font-family:'NGB'; font-size:16px; color:#222; text-decoration:underline;}
.hdRigTxt2 strong.fontS:first-child {padding-right:15px;}
.hdRigBtn {position:absolute; right:0; bottom:10px;}
.hdRigBtn2 {position:absolute; right:110px; top:35px;}
.hdLeftTxt {padding:0 0 8px 9px; color:#787878; line-height:14px;}

/* 포인트 컬러텍스트 */
.infoPointB {font-weight:bold; color:#0076c0; line-height:14px;}
.infoPointR {margin:30px 0 5px; font-weight:bold; color:#ff6600; line-height:14px;}
.pointG {color:#3c9339;}
.pointK {color:#444;}
.pointB {color:#005496;}

/* 답글,새로운글 아이콘 간격 */
.newIcon {margin-left:8px;}
.reIcon {margin-right:6px;}

/* 리스트 arrow */
.liArr {}
.liArr li {margin-top:5px; padding:0 0 0 10px; background:url(../../images/min/bg_li_arrow.gif) no-repeat 0 6px; line-height:18px;}
.liArr li:first-child {margin-top:0;}

/* paging */
.paging {overflow:hidden; padding:25px 0 0 0; text-align:center;}
.paging a {display:inline-block; width:26px; height:26px; margin:0 2px; border:1px solid #e8e8e8; font-weight:bold; color:#666; line-height:26px; vertical-align:middle;}
.paging strong {display:inline-block; width:26px; height:26px; margin:0 2px; border:1px solid #069; background: #069; font-weight:bold; color:#fff; line-height:26px; vertical-align:middle;}
.paging a img {vertical-align:top;}
.paging .list {}
.paging .list strong {display:inline-block; width:26px; height:26px; margin:0 2px; border:1px solid #0076c0; background:#fff; vertical-align:middle; line-height:26px; color:#0076c0;}
.paging .list a {margin:0 2px; background:none !important;}
.paging .list a:hover {border:1px solid #0076c0 !important;}

/* Process Step1단 */
.process1 {position:relative; width:740px; height:41px; background:url(../../images/min/bg_process1_bg.gif) no-repeat 0 0;}
.process1 ol {overflow:hidden;}
.process1 ol li {float:left; width:92px; height:41px; line-height:15px; font-size:11px; text-align:center;}
.process1.step1 {background:url(../../images/min/bg_process1_step1.gif) no-repeat 0 0;}
.process1.step2 {background:url(../../images/min/bg_process1_step2.gif) no-repeat 0 0;}
.process1.step3 {background:url(../../images/min/bg_process1_step3.gif) no-repeat 0 0;}
.process1.step4 {background:url(../../images/min/bg_process1_step4.gif) no-repeat 0 0;}
.process1.step5 {background:url(../../images/min/bg_process1_step5.gif) no-repeat 0 0;}
.process1.step6 {background:url(../../images/min/bg_process1_step6.gif) no-repeat 0 0;}
.process1.step7 {background:url(../../images/min/bg_process1_step7.gif) no-repeat 0 0;}
.process1.step8 {background:url(../../images/min/bg_process1_step8.gif) no-repeat 0 0;}

/* Process16단계 Step2단 */
.process2 {position:relative; width:740px; height:84px; background:url(../../images/min/bg_process2_bg.gif) no-repeat 0 0;}
.process2 ol {overflow:hidden;}
.process2 ol li {float:left; width:90px; height:41px; font-size:11px; text-align:center;}
.process2.step1 {background:url(../../images/min/bg_process2_step1.gif) no-repeat 0 0;}
.process2.step2 {background:url(../../images/min/bg_process2_step2.gif) no-repeat 0 0;}
.process2.step3 {background:url(../../images/min/bg_process2_step3.gif) no-repeat 0 0;}
.process2.step4 {background:url(../../images/min/bg_process2_step4.gif) no-repeat 0 0;}
.process2.step5 {background:url(../../images/min/bg_process2_step5.gif) no-repeat 0 0;}
.process2.step6 {background:url(../../images/min/bg_process2_step6.gif) no-repeat 0 0;}
.process2.step7 {background:url(../../images/min/bg_process2_step7.gif) no-repeat 0 0;}
.process2.step8 {background:url(../../images/min/bg_process2_step8.gif) no-repeat 0 0;}
.process2.step9 {background:url(../../images/min/bg_process2_step9.gif) no-repeat 0 0;}
.process2.step10 {background:url(../../images/min/bg_process2_step10.gif) no-repeat 0 0;}
.process2.step11 {background:url(../../images/min/bg_process2_step11.gif) no-repeat 0 0;}
.process2.step12 {background:url(../../images/min/bg_process2_step12.gif) no-repeat 0 0;}
.process2.step13 {background:url(../../images/min/bg_process2_step13.gif) no-repeat 0 0;}
.process2.step14 {background:url(../../images/min/bg_process2_step14.gif) no-repeat 0 0;}
.process2.step15 {background:url(../../images/min/bg_process2_step15.gif) no-repeat 0 0;}
.process2.step16 {background:url(../../images/min/bg_process2_step16.gif) no-repeat 0 0;}

/* Process15단계 Step2단 */
.process3 {position:relative; width:740px; height:84px; background:transparent url(../../images/min/bg_process3_bg.gif) no-repeat 0 0;}
.process3 ol {overflow:hidden;}
.process3 ol li {float:left; width:90px; height:41px; font-size:11px; text-align:center;}
.process3.step1 {background:url(../../images/min/bg_process3_step1.gif) no-repeat 0 0;}
.process3.step2 {background:url(../../images/min/bg_process3_step2.gif) no-repeat 0 0;}
.process3.step3 {background:url(../../images/min/bg_process3_step3.gif) no-repeat 0 0;}
.process3.step4 {background:url(../../images/min/bg_process3_step4.gif) no-repeat 0 0;}
.process3.step5 {background:url(../../images/min/bg_process3_step5.gif) no-repeat 0 0;}
.process3.step6 {background:url(../../images/min/bg_process3_step6.gif) no-repeat 0 0;}
.process3.step7 {background:url(../../images/min/bg_process3_step7.gif) no-repeat 0 0;}
.process3.step8 {background:url(../../images/min/bg_process3_step8.gif) no-repeat 0 0;}
.process3.step9 {background:url(../../images/min/bg_process3_step9.gif) no-repeat 0 0;}
.process3.step10 {background:url(../../images/min/bg_process3_step10.gif) no-repeat 0 0;}
.process3.step11 {background:url(../../images/min/bg_process3_step11.gif) no-repeat 0 0;}
.process3.step12 {background:url(../../images/min/bg_process3_step12.gif) no-repeat 0 0;}
.process3.step13 {background:url(../../images/min/bg_process3_step13.gif) no-repeat 0 0;}
.process3.step14 {background:url(../../images/min/bg_process3_step14.gif) no-repeat 0 0;}
.process3.step15 {background:url(../../images/min/bg_process3_step15.gif) no-repeat 0 0;}

/* 시스템 개요 */
.bgSystem {width:656px; height:447px; margin-top:40px; background:url(../../images/min/bg_system.gif) no-repeat 0 0;}

/* 사업계획,허가신청 FAQ */
.bgFaq {background:#fff url(../../images/min/bg_faq.gif) no-repeat 100% 25px;}

/* 이용안내-허가신청 */
.bgApp1 {width:618px; height:105px; margin:16px 15px 8px; background:url(../../images/min/bg_list_app1.gif) no-repeat 0 0;}
.bgApp2 {width:595px; height:165px; margin:16px 15px 8px; background:url(../../images/min/bg_list_app2.gif) no-repeat 0 0;}
.bgApp3 {width:464px; height:165px; margin:16px 15px 8px; background:url(../../images/min/bg_list_app3.gif) no-repeat 0 0;}
.bgApp1 ol li,.bgApp2 ol li,.bgApp3 ol li {float:left; margin-right:10px; line-height:20px;}/* ir */

/* 공사현황 메뉴안내 */
.menuInfo {overflow:hidden; width:740px; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.menuInfo li {float:left; position:relative; width:349px; height:94px; padding:25px 20px 0 0;  border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.menuInfo li.bgImg1 {background: url(../../images/min/bg_img_menu1.gif) no-repeat 17px 50%;}
.menuInfo li.bgImg2 {background: url(../../images/min/bg_img_menu2.gif) no-repeat 17px 50%;}
.menuInfo li.bgImg3 {height:113px; background: url(../../images/min/bg_img_menu3.gif) no-repeat 17px 50%;}
.menuInfo li.bgImg4 {height:113px; background: url(../../images/min/bg_img_menu4.gif) no-repeat 17px 50%;}
.menuInfo li.bgImg5 {background: url(../../images/min/bg_img_menu5.gif) no-repeat 17px 50%;}
.menuInfo li.bgImg6 {background: url(../../images/min/bg_img_menu6.gif) no-repeat 17px 50%;}
.menuInfo li dl {overflow:hidden; padding-left:143px;}
.menuInfo li dl dt {font-family:'NGB'; font-size:14px; color:#0076c0;}
.menuInfo li dl dd {margin:15px 0 5px; line-height:19px;}

/* Sitemap */
.siteMapArea {}
.siteMapArea .siteMenu {overflow:hidden; width:100%; margin:0;}
.siteMapArea .siteMenu .menuList {float:left; width:226px; margin:0 0 0 31px;}
.siteMapArea .siteMenu .menuList:first-child {margin:0;}
.siteMapArea .siteMenu .menuList > ul > li {margin-top:17px; padding:0 5px 0 32px; background:url(../../images/min/bg_site_arrow.gif) no-repeat 25px 7px;}
.siteMapArea .siteMenu .menuList > ul > li:first-child {margin-top:19px;}
.siteMapArea .siteMenu .menuList > ul > li > a {display:block; font-family:'NGB'; font-size:14px; color:#555;}
.siteMapArea .siteMenu .menuList > ul > li > ul {}
.siteMapArea .siteMenu .menuList > ul > li > ul li:first-child {padding-top:10px; line-height:18px;}
.siteMapArea .siteMenu .menuList > ul > li > ul li {padding:5px 10px 0 5px;}
.siteMapArea .siteMenu .menuList > ul > li > ul li a {background:none; color:#666;}
.siteMapArea h4 {padding:13px 20px 11px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#f8f8f8; font-family:'NG'; font-weight:normal;}

/* Basic Popup layer */
.popWrap {position:relative; border:2px solid #004073; background:#fff;}
.popHeader {position:relative; height:68px; background:#005496;}
.popHeader h1 {padding:20px 30px 0 30px; font-size:24px; color:#fff; line-height:28px;}
.popContents {position:relative; padding:40px 30px; z-index:20;}
.popContents h2 {padding:0 0 10px; font-size:17px; color:#005496; line-height:24px;}
.popContents div + .headArea {padding-top:40px;}/* 테이블과 헤딩사이 간격조절 */
.popContents div + h2 {padding-top:40px;}/* 테이블과 헤딩사이 간격조절 */
.popContents:after {content:""; display:block; clear:both;}
*:first-child+html .popContents {min-height:1px;}/* IE7 */
.btnPopClose {position:absolute; top:22px; right:21px;}
.popContents h3.bulTit {margin:0; padding:25px 0 16px 21px; font-size:15px; color:#222; border:none; background:url(../../images/min/bg_heading_arrow.gif) no-repeat 0 27px; line-height:17px;}

/* Info Popup layer  */
.popInfoWrap {position:relative; z-index:10000; background:#fff;}
.popInfoWrap .popInfoHeader {position:relative; height:39px; border-bottom:1px solid #d9d9d9; background:#f6f6f6;}
.popInfoWrap .popInfoHeader h1 {padding:13px 20px 0 20px; font-family:'돋움',Dotum,Arial; font-size:12px; font-weight:bold;}
.popInfoWrap .popInfoHeader h1 strong {color:#ff6600;}
.popInfoWrap .popInfoConts {padding:30px;}
.popInfoWrap .popInfoConts h2 {padding:0 0 10px 21px; font-size:15px; color:#222; background:url(../../images/min/bg_heading_arrow.gif) no-repeat 0 2px; line-height:17px;}
.popInfoWrap .popInfoConts div + h2 {margin-top:35px;}
.popInfoWrap .popInfoConts .errorNotiBox {padding:19px; border:1px solid #d9d9d9; background:#f6f6f6;}
.popInfoWrap .popInfoConts .errorNotiBox p {line-height:140%;}
.popInfoWrap .popInfoConts .chListBox {overflow:hidden;}
.popInfoWrap .popInfoConts .btnArea {padding:16px 24px; text-align:center;}
.popInfoWrap .btnPopClose2 {position:absolute; top:14px; right:18px;}

/* 도면인쇄이미지미리보기 */
.printView {position:relative; margin-top:20px; width:738px; height:500px; border:1px solid #d9d9d9; background:#fff;}
.printView img {width:738px; height:500px;}
.useLegend {margin-top:9px; padding:20px 0; border:1px solid #e8e8e8; background:#f6f6f6; text-align:center;}

/* 횡단면도 */
.drawingView {float:left; /*width:610px; padding:22px 5px;*/ padding: 0 20px 0 20px; display: inline-block; border:1px solid #d9d9d9; text-align:center;}
.useLegendR {float:left; /*margin-left:10px; width:220px;*/ padding: 0 0 0 20px; display: inline-block; width: 220px; }
.useLegendR td img { width: 22px; }

/* 이용약관보기 */
.termsBox2 {line-height:18px;}
.termsBox2 .termsTit {margin:30px 0 24px; padding:0 0 0 21px; border:none; background:url(../../images/min/bg_heading_arrow.gif) no-repeat 0 2px; font-size:14px; color:#444; line-height:17px;}
.termsBox2 .termsTit:first-child {margin-top:20px;}
.termsBox2 .termsTit2 {padding:0 0 10px; font-family:'돋움',Dotum,Arial; font-size:12px; color:#444; font-weight:bold;}
.termsBox2 .termsTit2:first-child {padding:0;}
.termsBox2 p {margin-bottom:20px;}
.termsBox2 p.pointB {color:#005496;}
.termsBox2 p.number {padding-left:15px; text-indent:-15px;}
.termsBox2 ul.number > li {margin-bottom:20px; padding-left:15px; text-indent:-15px;}
.termsBox2 ul.number > li:first-child {margin-bottom:13px; padding-top:0;}
.termsBox2 ul.number > li > ul > li {padding:2px 0 2px 15px;}
.termsBox2 ul.number > li > ul > li:first-child {padding-top:15px;}
.termsBox2 ul.number > li > p {margin:15px 0; padding-left:15px; text-indent:-15px;}

/* 개인정보처리방침 */
.privBox {padding:20px 0 0; line-height:18px;}
.privBox .privTit {margin:30px 0 24px; padding:0 0 0 21px; border:none; background:url(../../images/min/bg_heading_arrow.gif) no-repeat 0 2px; font-size:14px; line-height:17px;}
.privBox .privTit:first-child {margin-top:0;}
.privBox ul.liArr > li {margin-bottom:10px; padding:0 0 0 15px; background:url(../../images/min/bg_li_arrow.gif) no-repeat 5px 6px;}
.privBox ul.liArr2 > li {padding:2px 0 2px 9px; background:url(../../images/min/bg_li_arrow2.gif) no-repeat 2px 9px;}
.privBox ul.liArr2 > li:first-child {padding-top:10px; background:url(../../images/min/bg_li_arrow2.gif) no-repeat 2px 17px;}
.privBox p.liArr {margin-bottom:10px; padding:0 0 0 15px; background:url(../../images/min/bg_li_arrow.gif) no-repeat 5px 6px;}
.privBox p.liArr span {display:block; padding:5px 0 0 10px; background:url(../../images/min/bg_li_arrow2.gif) no-repeat 2px 12px;}
.privBox a {font-weight:bold; color:#3c9339; text-decoration:underline;}
.privBox .tel {padding-left:22px;}
.privBox .tel2 {padding:2px 0 2px 30px; background:url(../../images/min/bg_li_arrow2.gif) no-repeat 23px 50%;}
.privBox .tel2 strong {color:#005496;}
/*광주시 개인정보 처리방침 보완 요청으로 인한 css 추가 2021-06-30 */
#pagelink { display : inline-grid; 	grid-template-columns : repeat(4,1fr); text-align: center;}
#pagelink { display: -ms-inline-grid;}
#pagelink a{padding:10px;}
#pagelink .col1{-ms-grid-column: 1;}
#pagelink .col2{-ms-grid-column : 2;}
#pagelink .col3{-ms-grid-column : 3;}
#pagelink .col4{-ms-grid-column : 4;}
#pagelink .row1{-ms-grid-row : 1;}
#pagelink .row2{-ms-grid-row : 2;}
#pagelink .row3{-ms-grid-row : 3;}
#pagelink div{padding: 5px;}
.privBox ol {list-style-type:decimal;padding-left:10pt; margin-top:10pt;}
.privBox ol ul{list-style-type:circle; padding: 10pt;}
.privBox .infoBox ol {list-style-type:decimal;padding-left:10pt; margin-top : 0pt;}
.infoBox h2:FIRST-CHILD{padding:10pt;}
.bar li{list-style-type: disc; margin-left : 10pt; padding-left:4pt;}
ul .bar lu{padding-left:14pt;}
.bar li span {margin-left:-14pt;}

/* calendar, 접근성 수정 2014-11-12 */
.icoCal {display:inline-block; overflow:hidden; position:relative; width:21px; height:17px; margin:0 5px; vertical-align:middle; font-size:11px; letter-spacing:-1px;}
.icoCal span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/min/bg_btn_calendar.gif) no-repeat 0 0;}

/* calendar 레이어팝업 소스 추출 정리 2014-10-08, 접근성 수정 2014-11-12 */
.layerType {position:relative; border:2px solid #3c9339; text-align:left; background:#fff;}
.layerType h1{padding:0 0 9px;color:#463f3a; font-size:16px; font-weight:bold;}
.layerType .tit_layerpopH1 {color:#4e473f; font-size:16px; font-weight:bold;}
.layerType .layerClose {position:absolute; top:11px; right:7px;}
.layerType .layerClose a {display:block; overflow:hidden; position:relative; width:20px; height:20px; font-size:11px; color:#fff; letter-spacing:-1px;}
.layerType .layerClose span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/min/btn_cal_close.gif) no-repeat 0 0;}
.doubleTransfer {position:absolute !important; top:90px; left:79px; width:364px}

/* calendarLayer 작은테이블 소스 추출 정리 2014-10-08, 접근성 수정 2014-11-12 */
.calendarLayer {position:absolute; left:0; top:0; width:232px; height:226px; padding:0; z-index:10;}
.calendarLayer button {overflow:hidden; width:16px; height:15px; border:none; background:#e8f8e8; font-size:11px; letter-spacing:-1px;}
.calendarLayer button.year_prev span, .calendarLayer button.month_prev span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/min/bg_btnCal.gif) no-repeat 0 0;}
.calendarLayer button.year_next span, .calendarLayer button.month_next span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/min/bg_btnCal.gif) no-repeat 0 -30px;}
.calendarLayer .calMove {height:24px; padding:10px 0 9px 10px; text-align:center; background:#3c9339;}
.calendarLayer .calMove .period {position:relative; float:left; width:87px; height:22px; margin-right:9px; line-height:22px; font-weight:normal; color:#fff; vertical-align:middle;}
.calendarLayer .calMove .month {width:71px;}
.calendarLayer .calMove .period strong {font-size:12px;}
.calendarLayer .calMove .period button {position:absolute; top:3px; left:0;}
.calendarLayer .calMove .period button.year_next, .calendarLayer .calMove .period button.month_next {right:0; left:auto;}
.calendarLayer .calendarSmall{text-align:center;}
.calendarLayer .calendarSmall th {overflow:hidden; width:32px; height:24px; padding:1px 0; border:none; border-bottom:1px solid #d9d9d9; background:#f6f6f6; color:#7B716A; font-weight:bold; text-align:center; vertical-align:middle;}
.calendarLayer .calendarSmall td {padding:0 !important; border:none !important; text-align:center; vertical-align:top; background:#fff; line-height:18px;}
.calendarLayer .calendarSmall td a {display:block; padding:4px 0; color:#444; text-decoration:none;}
.calendarLayer .calendarSmall td a:hover {background:#effaee;}
.calendarLayer .calendarSmall th.sun {color:#ff3600;}
.calendarLayer .calendarSmall th.sat {color:#444;}
.calendarLayer .calendarSmall td.sun {color:#ff3600;}
.calendarLayer .calendarSmall td.sat {color:#444;}
.calendarLayer .calendarSmall td.today a,.calendarLayer .calendarSmall td.today a:hover {background:#effaee; color:#3c9339; font-weight:bold;}

/* layerPop and jquery-ui용 소스 추출 정리 2014-08-19, 접근성 수정 2014-11-12 */
.ui-widget-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=70) !important; opacity:.7; -moz-opacity:0.7;}
.ui-dialog {position:absolute; top:0; left:0; padding:0;}
.ui-dialog .ui-dialog-content{overflow-y:auto; min-height:inherit !important;}
.ui-draggable .ui-dialog-titlebar {cursor:move;}
.ui-front {z-index:100;}
.popWrap button.ui-dialog-titlebar-close {display:block; overflow:hidden; position:absolute; top:22px; right:21px; width:25px; height:25px; border:none; background:transparent; font-size:11px; color:#fff; letter-spacing:-1px;}
.ui-dialog .ui-icon {display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/min/btn_popup_close.gif) no-repeat 0 0;}
.ui-dialog .ui-state-default .ui-icon {}
.popWrap button.ui-dialog-titlebar-close .ui-button-text {}

/* system error page */
.errorBody {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:#fff !important; z-index:1000000;}
.errorWrap {position:absolute; top:50%; left:50%; width:540px; height:312px; margin:-156px 0 0 -270px; background:url(../../images/min/bg_user_error.jpg) no-repeat 0 0; }
.errorWrap .errorIn {position:relative; padding:50px 14px 0;}
.errorWrap .errorIn .errorTit {height:130px; padding:0 100px 20px 0; font-size:40px; color:#005496; line-height:43px;}
.errorWrap .errorIn p {font-family:'NGB'; font-size:16px; line-height:25px;}
.errorWrap .errorIn .btnView {margin-top:19px; text-align:right;}

/* guide */
.guideList {background: url(../../images/min/bg_download.png) center right no-repeat; min-height: 121px; }
.guideList li {margin: 0 0 15px 15px !important;}
.guideList .download a {color: #005496;font-size: 19px;font-family: 'NGB';}
.guideList .download a:before {content: '-';margin: 0 5px 0 0;}

/* 우편번호 */
#postTabs {
	padding: 0;
	margin: 0;
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	border-top: solid 1px #e8e8e8;
}

#postTabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}

#postTabs .ui-tabs-nav .ui-state-default {
	border-bottom: solid 1px #e8e8e8;
	margin: 0;
	padding: 0;
	width: 33.25%;
	text-align: center;
	background: #f6f6f6;
}

#postTabs .ui-tabs-nav .ui-state-default:first-child {
	width: 33.5%;
}

#postTabs .ui-tabs-nav .ui-state-default.ui-state-active {
	background: #fff;
	border-bottom: 0px;
}

#postTabs .ui-tabs-nav .ui-state-default.none {
	display: none;
}

#postTabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 16px;
	font-family: 'NGB';
	color: #3e424d;
	border-left: solid 1px #e8e8e8;
}

#postTabs .ui-tabs-nav .ui-state-default:first-child .ui-tabs-anchor {
	border-left: 0px;
}

#postTabs .ui-tabs-nav .ui-state-default.ui-state-active .ui-tabs-anchor {
	color: #069;
	font-weight: bold;
}

#postTabs div.ui-tabs-panel {
	position: relative;
	overflow: hidden;	
	padding: 0px 30px 30px 30px;
}

#postTabs div.ui-tabs-panel h1 {
	width: 100%;
	font-size: 16px;
	font-family: 'NGB';
	text-align: center;
	padding: 40px 0 15px 0;
	position: relative;
}

#postTabs div.ui-tabs-panel .ex {
	width: 100%;
	float: left;
	position: relative;
}

#postTabs div.ui-tabs-panel .ex span {
	float: left;
	margin: 4px 10px 4px 0;
	padding: 0 0 0 8px;
	background: url(../../images/min/bg_label_arrow.gif) no-repeat 0 2px;
	font-family: 'NG';
	font-size: 13px;
}

#postTabs div.ui-tabs-panel .ex ul {
	float: left;
}

#postTabs div.ui-tabs-panel .ex ul li {
	width: 100%;
	clear: both;
	margin: 4px 0;
	font-family: 'NG';
	font-size: 13px;
}

#postTabs div.ui-tabs-panel .ex ul li b {
	font-family: 'NGB';
}

#postTabs div.ui-tabs-panel table {
	width: 100%;
	border-top: solid 2px #069;
	margin: 20px 0 0 0;
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	float: left;
	position: relative;
	table-layout: auto;
}

#postTabs div.ui-tabs-panel table th {
	text-align: left;
	padding: 10px 20px;
	font-size: 14px;
	font-family: 'NGB';
	background: #f6f6f6;
	border-bottom: solid 1px #e8e8e8;
	width: 70px;
}

#postTabs div.ui-tabs-panel table td {
	border-bottom: solid 1px #e8e8e8;
	padding: 10px 20px;
	font-size: 14px;
	font-family: 'NG';
}

#postTabs div.ui-tabs-panel table td select {
	min-width: 208px;
	height: 27px;
	line-height: 27px;
	font-family: 'NG';
	font-size: 13px;
	float: left;
}

#postTabs div.ui-tabs-panel table td input {
	min-width: 200px;
	height: 21px;
	line-height: 21px;
	font-family: 'NG';
	font-size: 13px;
	float: left;
}

#postTabs div.ui-tabs-panel table td input.full {
	width: 99%;
}

#postTabs div.ui-tabs-panel table td span {
	height: 21px;
	line-height: 21px;
	font-family: 'NG';
	font-size: 13px;
	float: left;
	margin: 0 5px;
}

#postTabs div.ui-tabs-panel .btn {
	width: 100%;
	float: left;
	position: relative;
	margin: 10px 0;
}

#postTabs div.ui-tabs-panel .btn a {
	width: 100%;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background: #069;
	font-family: 'NGB';
	font-size: 16px;
}

#postTabs div.ui-tabs-panel .ex2 {
	width: 100%;
	float: left;
	position: relative;
	margin: 20px 0 0 0;
}

#postTabs div.ui-tabs-panel .ex2 span {
	float: left;
	margin: 4px 10px 4px 0;
	padding: 0 0 0 8px;
	background: url(../../images/min/bg_label_arrow.gif) no-repeat 0 2px;
	font-family: 'NG';
	font-size: 13px;
}

#postTabs div.ui-tabs-panel .ex2 table {
	margin: 0;
}

#postTabs div.ui-tabs-panel .ex2 table th {
	text-align: center;
}

#postTabs div.ui-tabs-panel .ex2 table td {
	text-align: center;
}

#postResult {
	padding: 0px 30px 30px 30px;
	margin: 0;
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	border-bottom: solid 1px #e8e8e8;
	position: relative;
	overflow: hidden;
}

#postResult table {
	width: 100%;
	border-top: solid 2px #069;
	margin: 20px 0 0 0;
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	float: left;
	position: relative;
	table-layout: auto;
}

#postResult table th {
	padding: 10px 20px;
	font-size: 14px;
	font-family: 'NGB';
	background: #f6f6f6;
	border-bottom: solid 1px #e8e8e8;
	width: 70px;
	text-align: center;
}

#postResult table td {
	border-bottom: solid 1px #e8e8e8;
	padding: 10px 20px;
	font-size: 14px;
	font-family: 'NG';
}

#postResult table td.tc {
	text-align: center;
}

#postResult table td.tl {
	text-align: left;
}

#postResult .paging {
	clear: both;
	position: relative;
	
}

/* identify popup */
#identifyPopup {
	background: #ffffff;
	border: solid 1px #6d747e; 
}

#identifyPopup table {
	height: auto !important;
}

#identifyPopup table thead th {
	font-family: 'NGB';
	text-align: center;
}

/* vworld msg */
#vworldInfoMsgPopup {
	background: #ffffff;
	border: solid 1px #6d747e; 
}

#vworldInfoMsgPopup ul {
	margin: 10px;
}

#vworldInfoMsgPopup ul li {
	float: left;
	margin: 0 0 10px 0;
	font-family: NG;
	font-size: 14px;
	line-height: 18px;
}

#vworldInfoMsgPopup ul li span:before {
	content: '-';
	margin: 0 5px 0 0;
}

/* raster msg */
#rasterInfoMsgPopup {
	background: #ffffff;
	border: solid 1px #6d747e; 
}

#rasterInfoMsgPopup ul {
	margin: 10px;
}

#rasterInfoMsgPopup ul li {
	float: left;
	margin: 0 0 10px 0;
	font-family: NG;
	font-size: 14px;
	line-height: 18px;
}

#rasterInfoMsgPopup ul li span:before {
	content: '-';
	margin: 0 5px 0 0;
}