@charset "utf-8";
@import url("/css/layout.css");
@import url("/css/common.css");
@import url("/css/board.css");

/* layout  */
.txtPoint {color:#007b70;}
#bodyLeft {background:url('/images/civil/bgLeftCivil.gif') no-repeat;}

#location {background:url('/images/civil/bgCivil.gif') 5px bottom  no-repeat;}

#quickArea div.link {background:url('/images/civil/bgLinkCivil.gif') repeat-y;}
#quickArea div.link .linkWrap{background:url('/images/civil/bgLinkCivilBtm.gif') 0 bottom no-repeat;}
#quickArea div.link ul{background:url('/images/civil/bgLinkCivilTop.gif') no-repeat; }
#quickArea div.link li {background:url('/images/civil/bgDotCivil01.gif') repeat-x;}

#quickArea div.function {background:url('/images/civil/bgFunctionCivil.gif') repeat-y;}
#quickArea div.function .functionWrap {background:url('/images/civil/bgFunctionCivilBtm.gif') 0 bottom no-repeat;}
#quickArea div.function .functionBg {background:url('/images/civil/bgFunctionCivilTop.gif') no-repeat;}
#quickArea div.function dt {font-weight:bold; font-size:0.85em; text-align:center; color:#01998d;}

/* common */
h2.tit {background:url('/images/common/bul/bulH2Civil.gif') 0 0.3em no-repeat;}
h2.titSub {	background:url('/images/common/bul/bulH2CivilSubTitle.gif') 0 50% no-repeat;
	font-size:1.1em; line-height:120%; color:#089893; padding-left:15px; margin-top:0; margin-bottom:20px;
}
h3.tit {background:url('/images/common/bul/bulH3Civil.gif') 20px 0.45em no-repeat;}

ul.list li {background:url('/images/common/bul/bulLiCivil01.gif') 0 0.45em no-repeat;}
ul.list .indent1 li {background:url('/images/common/bul/bulLiCivil02.gif') 0 0.5em no-repeat;}
ul.list .indent2 li {background:url('/images/common/bul/bulLiCivil03.gif') 0 0.8em no-repeat;}


ul.type1 li{background:url('/images/common/bul/bulLiCivil01.gif') 0 0.45em no-repeat !important;}
ul.type2 li{background:url('/images/common/bul/bulLiCivil02.gif') 0 0.5em no-repeat !important; padding-left:10px;}
ul.type3 li{background:url('/images/common/bul/bulLiCivil03.gif') 0 0.8em no-repeat !important; padding-left:8px;}

ul.unlist {margin:0; padding:0; list-style:none;}
ul.unlist li{background:none !important; padding:0 0 0 0px !important;}

li.unlist ol li {background:none !important;margin:0;padding:0;}
li.unlist ol li ul.type1 li {background:url('/images/common/bul/bulLiCivil01.gif') 0 0.45em no-repeat !important;}
li.unlist ol li ul.type2 li{background:url('/images/common/bul/bulLiCivil02.gif') 0 0.5em no-repeat !important; padding-left:10px;}
li.unlist ol li ul.type3 li{background:url('/images/common/bul/bulLiCivil03.gif') 0 0.8em no-repeat !important; padding-left:8px;}

ol.list { margin:0; padding-left:20px;}
ol.list li {background:none !important; padding:0 0 0 0px !important;}
ol.list li ul.list li {background:url('/images/common/bul/bulLiCivil01.gif') 0 0.45em no-repeat;}
ol.list ol {margin:0 0 0 0px;padding:0 0 0 25px;}
 
ol.num{list-style-type:decimal;}
ol.roman {list-style-type:lower-roman;}
ol.lowAlpha {list-style-type:lower-alpha;}
ol.zNum {list-style-type:decimal-leading-zero;}
ol.circle{ list-style-type:circle;}


#globalSearchKey {border:3px solid #7AC4C6 !important; line-height:1em;}

a.btn span{background:url('/images/common/btn/bgBtnTopCivil.gif') no-repeat;}

.imgCont {width:385px;} /* _ ie 4-6전용 */

.txtL ol {margin-left:5px;} 

div#tabMenu4Dep li a:hover,
div#tabMenu4Dep li a.on {background:url('/images/common/btn/bgTabRCivilOn.gif') right 0 no-repeat; color:#017E72;}
div#tabMenu4Dep li a:hover span,
div#tabMenu4Dep li a.on span {background:url('/images/common/btn/bgTabLCivilOn.gif') no-repeat;}

table.data th {background:#F9FEFE;}


/* Descript bgTop */
.descBgTop01 {background:url('/images/civil/bgTopMultiCivilOffice.gif') 0 50% no-repeat; padding-left:130px; min-height:100px;} /* 민원사무편람 */
.descBgTop02 {background:url('/images/civil/bgTopMultiCivilWhere.gif') 0 50% no-repeat; padding-left:155px; min-height:75px;} /* 어디서나민원 */
.descBgTop03 {background:url('/images/civil/bgTopMultiCivilNoPeople.gif') 0 50% no-repeat; padding-left:214px; min-height:88px; } /* 무인발급신청 */
.descBgTop04 {background:url('/images/civil/bgTopMultiCivilLimit.gif') 0 50% no-repeat; padding-left:172px; min-height:89px; } /* 유기한 민원 */
.descBgTop05 {background:url('/images/civil/bgTopPassportSummary.gif') 0 50% no-repeat; padding-left:123px;min-height:90px; } /* 여권개요 */
.descBgTop06 {background:url('/images/civil/bgTopPassportElec.gif') 0 50% no-repeat; padding-left:132px;min-height:70px;} /* 전자여권 */
.descBgTop07 {background:url('/images/civil/bgTopPassportSelfRequest.gif') 0 50% no-repeat; padding-left:136px; min-height:72px;} /* 본인직접신청제 */
.descBgTop08 {background:url('/images/civil/bgTopLocalRelief.gif') 0 50% no-repeat; padding-left:166px; min-height:78px; } /* 지방세구제제도 */
.descBgTop09 {background:url('/images/civil/bgTopInternetPay.gif') 0 50% no-repeat; padding-left:187px; min-height:98px; } /* 인터넷 납부 배경 */
.descBgTop10 {background:url('/images/civil/bgTopImmovableTrade.gif') 0 50% no-repeat; padding-left:143px; min-height:127px; } /* 부동산실거래신고 */
.descBgTop11 {background:url('/images/civil/bgTopBuildFreeCounseling.gif') 0 50% no-repeat; padding-left:166px; min-height:98px; } /* 건축사무료상담 */
.descBgTop12 {background:url('/images/civil/bgTopAdApproval.gif') 0 50% no-repeat; padding-left:166px; min-height:98px; } /* 광고물인허가사전허가제 */
.descBgTop13 {background:url('/images/civil/bgTopItChecking.gif') 0 50% no-repeat; padding-left:215px; min-height:110px;  } /* 정보통신공사사용전검사 ,설계도검토 */
.descBgTop14 {background:url('/images/civil/bgTopUniversityAlba.gif') 0 50% no-repeat; padding-left:186px; min-height:88px; } /* 대학생아르바이트신청 */
.descBgTop15 {background:url('/images/civil/bgTopSmsRequest.gif') 0 50% no-repeat; padding-left:125px; min-height:110px;} /* SMS신청 */
.descBgTop16 {background:url('/images/civil/bgTopEstimateReport.gif') 0 50% no-repeat; padding-left:180px;} /* 예산낭비신고 */
.descBgTop17 {background:url('/images/civil/bgTopEcoQuest.gif') 0 50% no-repeat; padding-left:173px;} /* 환경신문고 */
.descBgTop18 {background:url('/images/civil/bgTopFreightUnlawReport.gif') 0 50% no-repeat; padding-left:92px; min-height:74px;} /* 화물운송불법신고 */
.descBgTop19 {background:url('/images/civil/bgTopremovalFreightReport.gif') 0 50% no-repeat; padding-left:123px; min-height:83px;} /* 이사화물불편신고센터 */
.descBgTop20 {background:url('/images/info/imgDeclaration.gif') 0 50% no-repeat; padding:0 0 0 221px !important; min-height:112px;} /* 행정규제개혁신고 */
.descBgTop20 {background:url('/images/info/imgDeclaration.gif') 0 50% no-repeat; padding:0 0 0 221px !important; min-height:112px;} /* 건축인허가신청/조회  */
.descBgTop21 {background:url('/images/civil/bgTopBuildApprova.gif') 0 50% no-repeat; padding-left:170px; min-height:90px;}
.descBgTop22 {background:url('/images/civil/bgLawCounsel.gif') 0 50% no-repeat; padding-left:100px; min-height:90px;}




/* txt & bg */
.txtPublicPrice {background:url('/images/civil/txtPublicPrice.gif') left top no-repeat;
				margin:0;width:535px; height:257px;padding:0;list-style:none;}
.txtPublicPrice li {padding:0;}
.txtPublicPrice .area1 {width:225px; height:55px; margin:40px 0 0 5px; overflow:auto;}
.txtPublicPrice .area2 {width:225px; height:55px; margin:100px 0 0 5px; overflow:auto;}


/* dot , solid box */
div.center {margin: 0 auto;}

div.lineBoxMid {background:url('/images/civil/bgSolidBoxMiddle.gif') 0 0 repeat-y; width:570px; margin-top:10px; margin-bottom:10px;}
div.lineBoxTop {background:url('/images/civil/bgSolidBoxTop.gif') 0 0 no-repeat; width:570px;}
div.lineBoxBot {background:url('/images/civil/bgSolidBoxBottom.gif') 0 bottom no-repeat; width:550px; padding:10px;}

div.cyanBoxTop {background:url('/images/civil/bgCyanSoildBoxTop.gif') 0 0 no-repeat; width:527px;}
div.cyanBoxMid {background:#f2f7f7 url('/images/civil/bgCyanSoildBoxMiddle.gif') 0 0 repeat-y; width:527px; margin-top:10px; margin-bottom:10px;}
div.cyanBoxBot {background:url('/images/civil/bgCyanSoildBoxBottom.gif') 0 bottom no-repeat; width:507px;padding:10px;}

/* ###  제목 있는 공지사항 박스  ### */
div.bgNoticeBoxTop {background:url('/images/civil/bgNoticeBoxTop.gif') 0 14px no-repeat; width:599px; padding-top:14px; margin-top:10px; margin-bottom:10px;}
div.bgNoticeBoxMiddle {background:url('/images/civil/bgNoticeBoxMiddle.gif') 0 0 repeat-y; width:599px; margin-top:5px;} /* ie-6-7 전용 */
div.bgNoticeBoxBottom {background:url('/images/civil/bgNoticeBoxBottom.gif') left bottom no-repeat; width:579px; padding:25px 10px 10px;position:relative;}
div.bgNoticeBoxBottom h3.boxTit {position:absolute;top:-25px;margin:0;} 
	
/* main */
div.mainBg {background:url('/images/civil/bgCivilMain.jpg') no-repeat; width:198px; height:126px; margin-top:-40px; position:absolute;}
div.mainTit {padding:25px 0 0 230px; height:80px;}
div.mainTit p {display:inline; padding:0; margin:0 0 0 10px;}

div.mainA {background:url('/images/civil/bgMainA.gif') no-repeat; width:227px; height:120px; padding:20px 0 0 15px ; margin-right:30px; font-size:0; line-height:0; float:left;}
	div.mainA ul {list-style:none; padding:0; margin:0;}
	div.mainA li {float:left; width:106px; height:40px;}

div.mainRecent {float:left;}
	div.mainRecent a {text-decoration:none;}
	div.mainRecent ul {display:block;}
	div.mainRecent li {background:url('/images/common/bul/bulQuaGray01.gif') 5px 45% no-repeat;}
	div.mainRecent li img {vertical-align:middle; margin-left:3px;}
	div.mainRecent.script {position:relative; padding-top:30px; background:url('/images/civil/bgGrayLine01.gif') 0 19px no-repeat;}
	div.mainRecent.script h2 {position:absolute; top:0; font-size:0; line-height:0;}
	div.mainRecent.script h2.tab01 {left:2px;}
	div.mainRecent.script h2.tab02 {left:96px;}
	div.mainRecent.script h2.tab03 {left:169px;}
	
div.mainB {background:url('/images/civil/bgMainBMid.gif') repeat-y; font-size:0.85em; line-height:150%; margin-top:50px;}
	div.mainB .mainBTop {background:url('/images/civil/bgMainBTop.gif') 0 top no-repeat;}
	div.mainB .mainBBtm {background:url('/images/civil/bgMainBBtm.gif') 0 bottom no-repeat; padding:8px 0; overflow:hidden; height:1%;}
	div.mainB a {text-decoration:none;}
	div.mainB dl {float:left; width:91px; padding:0 0 0 10px; margin:0; overflow:hidden;}
	div.mainB dt {display:block; padding-bottom:5px;}
	div.mainB dd {padding:0; margin:0;}
	div.mainB dl.mainB01 a {color:#ae8422;}
	div.mainB dl.mainB02 a {color:#517827;}
	div.mainB dl.mainB03 a {color:#167c77;}
	div.mainB dl.mainB04 a {color:#2b5f7a;}
	div.mainB dl.mainB05 a {color:#564182;}
	div.mainB dl.mainB06 a {color:#774284;}