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

/* layout  */
.txtPoint {color:#578E00;}
#bodyLeft {background:url('/images/join/bgLeftJoin.gif') no-repeat;}

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

#quickArea div.link {background:url('/images/join/bgLinkJoin.gif') repeat-y;}
#quickArea div.link .linkWrap{background:url('/images/join/bgLinkJoinBtm.gif') 0 bottom no-repeat;}
#quickArea div.link ul{background:url('/images/join/bgLinkJoinTop.gif') no-repeat; }
#quickArea div.link li {background:url('/images/join/bgDotJoin01.gif') repeat-x;}

#quickArea div.function {background:url('/images/join/bgFunctionJoin.gif') repeat-y;}
#quickArea div.function .functionWrap {background:url('/images/join/bgFunctionJoinBtm.gif') 0 bottom no-repeat;}
#quickArea div.function .functionBg {background:url('/images/join/bgFunctionJoinTop.gif') no-repeat;}
#quickArea div.function dt {font-weight:bold; font-size:0.85em; text-align:center; color:#e27500;}
/* common */
.bold {font-weight:bold;}
.txtPoint {color:#E07400;}
h2.tit {background:url('/images/common/bul/bulH2Join.gif') 0 0.3em no-repeat;}
h2.titSub {	background:url('/images/common/bul/bulH2JoinSubTitle.gif') 0 50% no-repeat;
	font-size:1.1em; line-height:120%; color:#e57304; padding-left:15px; margin-top:0; margin-bottom:20px;
}
h3.tit {background:url('/images/common/bul/bulH3Join.gif') 20px 0.45em no-repeat;}

ul.list li {background:url('/images/common/bul/bulLiJoin01.gif') 0 0.45em no-repeat;}
ul.list .indent1 li {background:url('/images/common/bul/bulLiJoin02.gif') 0 0.5em no-repeat;}
ul.list .indent2 li {background:url('/images/common/bul/bulLiJoin03.gif') 0 45% no-repeat;}

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

ol.list { margin:0; padding-left:25px;}
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.unlist { list-style:none;margin:0; padding-left:25px;}

ol.roman {list-style-type:lower-roman;}
ol.lowAlpha {list-style-type:lower-alpha;}
ol.zNum {list-style-type:decimal-leading-zero;}

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

table.data th {background:#ffe;}

/* main */
div.mainBg {background:url('/images/join/bgJoinMain.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;}

ul.mainA {float:left; padding:0; margin:0 30px 0 0; list-style:none;}
	ul.mainA li {padding:0px; margin:0;}

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:79px;}
	div.mainRecent.script h2.tab03 {left:143px;}
	
	
div.mainB, div.mainC {float:left; width:262px; padding:0 27px 0 5px; margin-top:30px; font-size:0.85em; line-height:150%; font-family:"돋움", Dotum; position:relative;}
	div.mainB h2, div.mainC h2 {width:100%; padding:0 0 5px 5px; border-bottom:1px solid #d4d4d4;}
	div.mainB ul, div.mainC ul {width:100%; margin-top:5px;}
	div.mainB li, div.mainC li {background:url('/images/common/bul/bulQuaBlack01.gif') 5px 48% no-repeat; padding-left:10px;}
	div.mainB a, div.mainC a {text-decoration:none;}
	div.mainB div.bg {position:absolute; top:2px; right:10px; width:55px; height:70px; background:url('/images/join/bgMainKind.gif') 0 0 no-repeat;}
	div.mainC div.bg {position:absolute; top:2px; right:20px; width:55px; height:70px; background:url('/images/join/bgMainITHope.gif') 0 0 no-repeat;}

/* 친절 공무원 */
div.officl01 {overflow:hidden;}
	div.officl01 dl {padding:0 0 0 10px; margin:0; float:left;}
	div.officl01 dl dd {padding:0; margin:0;}
div.officl02 {clear:both; padding:10px 0 0; overflow:hidden;}
	div.officl02 dl {padding:0 0 0 10px; margin:0; float:left;}
	div.officl02 dl dd {padding:0; margin:0;}

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

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

/* document _ test */

.txtCenter {text-align:center;} /* 삭제중 */
.imgContXs {width:287px; padding:0 0 0 10px !important;} /* _ ie 4-6전용 */

.eBook1 {background: url('/images/join/imgPblService01.gif') 0 0 no-repeat;
		width:555px; height:455px;
		padding:100px 20px 0 10px;
}
.eBook2 {background: url('/images/join/imgPblService02.gif') 0 0 no-repeat;
		width:555px; height:595px;
		padding:100px 20px 0 10px;
}

/* Descript bgTop */
.descBgTop01 {background:url('/images/join/bgToppolicyResearch.gif') 0 50% no-repeat; padding:0 0 0 100px !important; min-height:80px;} /* 설문조사 */
.descBgTop02 {background:url('/images/join/bgTopEfaxServiceSummary.gif') 0 50% no-repeat; padding:0 0 0 170px !important; min-height:80px;} /* efax 서비스개요 */
.descBgTop03 {background:url('/images/join/bgTopItPcAS.gif') 0 0 no-repeat; padding:0 0 0 170px !important; min-height:80px;} /* PC 정비 신청하세요 */
.descBgTop04 {background:url('/images/join/bgTopKindCM.gif') 0 0 no-repeat; padding:0 0 0 200px !important; min-height:105px;} /* 친절홍보CM */
.descBgTop05 {background:url('/images/join/imgMarketDivide.gif') 0 0 no-repeat; padding:0 0 0 205px !important; min-height:105px;} /* 나눔의장터마당 */



/* 점선 박스 */
div.center {margin:0 auto;}
.bgDotBoxMiddle {background:url('/images/join/bgDotBoxMiddle.gif') 0 0 repeat-y; width:529px; margin-top:10px !important; margin-bottom:10px !important;}
.bgDotBoxTop {background:url('/images/join/bgDotBoxTop.gif') 0 0 no-repeat; width:529px;}
.bgDotBoxBottom {background:url('/images/join/bgDotBoxBottom.gif') 0 bottom no-repeat; width:509px; padding:10px !important;text-align:left;}

/* 라인 박스*/
.bgLineBoxMiddle {background:#f2f7f7 url('/images/join/bgLineBoxMiddle.gif') 0 0 repeat-y; width:565px; margin-top:10px !important; margin-bottom:10px !important;}
.bgLineBoxTop {background:url('/images/join/bgLineBoxTop.gif') 0 0 no-repeat; width:565px;}
.bgLineBoxBottom {background:url('/images/join/bgLineBoxBottom.gif') 0 bottom no-repeat; width:545px; padding:10px;}

/* 박스 bottom 그림자 , 행정서비스헌장개요 */
.borderBox {margin-top:10px; padding:20px; border:1px solid #ccc;}
.borderBox .division{background:url('/images/join/bgDivision.gif') center top no-repeat; padding: 20px 20px 0; margin:20px 0 0}