@charset "utf-8";

/* 설문조사 */
.poll_top {margin-top: 20px;}
.poll_list{
	margin-top:20px;
	}
.poll_list > dt {
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #cccccc;
	font-weight: bold;
	}
.poll_list > dt > span{
	border-radius:3px;
	background:url(../images/application/icon_q.png) no-repeat 0 50%;
	padding-left:30px;
	padding-right:10px;
	display:inline-block;
	line-height:35px;
	font-weight:bold;
	color:#111111;
	}
.footer_poll{
	border-top:1px dotted #cccccc;
	margin-top:20px;
	padding-top:10px;
	}
.poll_list .box{
	position:relative;
	margin-top: 10px;
	}
.poll_list .box .count{
	position:absolute;
	left:10px;
	top: 27px;
	color:#111111;
	}
.poll_list .graph{
	width:100%;
	position:relative;
	border: 1px solid #cccccc;
    border-radius: 3px;
    height: 30px;
    box-shadow:0px 2px 4px #cccccc inset;
	}
.poll_list .graph > span{
	position:absolute;
	left: -1px;
    top: -1px;
	display:block;
	height:30px;
	border-radius: 3px;
	border:1px solid #FEC514;
	background:#F9D35C;
	opacity:0.8;
	box-shadow:2px 0px 4px #cccccc;
	}
.poll_list li{
	margin-top: 20px;
}
	
/* 지도 */
.map_box {
	border: 1px solid #dedede;
	border-radius:5px;
	margin-top: 10px;
	width: 790px;
	height:450px;
	}
.map_con {
	position: relative;
	width: 300px;
	}
.map_con .box {
	background: #ffffff;
	height: 100px;
	padding: 10px;
	}
.map_con .big_box{
	background: #ffffff;
	height: 260px;
	padding: 10px;
}
.map_con .box .title {
	display: block;
	font-size: 18px;
	padding-bottom: 7px;
	font-family: 'NanumGothicWebB';
	border-bottom: 2px solid #333333;
	color:#333333;
	}
.map_con .big_box .title {
	display: block;
	font-size: 18px;
	padding-bottom: 7px;
	font-family: 'NanumGothicWebB';
	border-bottom: 2px solid #333333;
	color:#333333;
	}
.map_con .box .body {
	color: #666666;
	font-size: 12px;
	display: block;
	padding-top: 10px;
	}
.map_con .big_box .body {
	color: #666666;
	font-size: 12px;
	display: block;
	padding-top: 10px;
	}
/* 재산세자동산출 */
.money_total{
	background: #f5f5f5;
    margin-top: 10px;
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    padding: 15px;
    text-align: center;
    font-family: 'NanumGothicWeb';
    font-size: 16px;
    color: #333333;
	}
	
/* 응용단에 들어가는 tab */
.tab_body{
	border-bottom: 1px solid #cacaca;
	padding:0 10px;
	margin-top:20px;
	}
.tab_body > ul > li{
	float:left;
	}
.tab_body > ul > li > a,
.tab_body > ul > li > span{
	display:block;
	text-align:center;
	font-family: 'NanumGothicWebB';
	font-size:16px;
	color:#888888 !important;
	}
.tab_body > ul > li > a{
	padding:10px 21px;
	}
.tab_body > ul > li > span{
	padding:10px 21px 10px 18px;
	}
.tab_body > ul > li > span label{
	font-family: 'NanumGothicWebB';
	font-size:16px;
	color:#888888;
	cursor:pointer;
	}
.tab_body > ul > li > a.on,
.tab_body > ul > li > span.on{
	border-top:1px solid #cacaca;
	border-right:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-bottom:1px solid #ffffff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-bottom:-1px;
	}
.tab_body > ul > li > span.on label{
	color:#333333;
	}
.tab_body input[type="radio"]{
	cursor:pointer;
	}

/* 대형폐기물 */
.select_num{
	width:60px;
	margin-left:-4px;
	}
.btn_waste_del{
	background:url(../images/board/delete.png) no-repeat 0 0;
	width:16px;
	height:16px;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin:0 auto;
	}
.waste_total{
	background:#f5f5f5;
	margin-top:10px;
	border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	padding:15px;
	text-align:center;
	font-family: 'NanumGothicWeb';
	font-size:16px;
	color:#333333;
	}
.waste_total #totalCnt{
	font-family: 'NanumGothicWebB';
	font-size:18px;
	margin-left:10px;
	}
	
/* 포토갤러리 */
.photo_gallery{
	}
.photo_gallery  ul > li{
	width:33.3%;
	float:left;
	}
.photo_gallery  ul > li > div{
	border:1px solid #d4d4d4;
	margin:7px 5px;
	min-height:215px;
	padding:5px;
	}
.photo_gallery  ul > li:nth-child(3n+1) >  div{
	margin-left:0px;
	margin-right:10px;
	}
.photo_gallery  ul > li:nth-child(3n+0) >  div{
	margin-left:10px;
	margin-right:0px;
	}
.photo_gallery ul > li a{
	display:block;
	text-align:center;
	}
.photo_gallery  ul > li p{
	font-family: 'NanumGothicWeb';
	font-size:14px;
	margin-top:10px;
	padding-bottom:5px;
	text-align:left;
	border-bottom:1px dotted #d4d4d4;
	overflow : hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.photo_gallery ul > li .date{
	display:block;
	font-family: 'NanumGothicWeb';
	font-size:13px;
	text-align:right;
	padding:5px 0px;
	color:#666666;
	}
.gallery_img > img{
	width:100%;
	}
.is-ie .gallery_img{
	width:800px;
	}
.gallery_img > div{
	background: #474f5a;
	padding:5px 15px;
	position:relative;
	}
.gallery_img > div > p{
	color:#ffffff;
	}
.gallery_img > div > a{
    position:absolute;
    right:0px;
    top:0px;
    color:#FFF586 !important;
    border-left:1px solid #353B44;
    display:block;
    padding:5px 15px;
	}
.relation_list ul > li{
	float:left;
	width:20%;
	text-align:center;
	margin-top:10px;
	}
.relation_list ul > li > a{
	display:block;
	}
div[class^="viewPhoto"]{
	}
div[class^="viewPhoto"] .title{
	display:inline-block;
	width:70px;
	background:#EDFAFF;
	text-align:center;
	padding:7px 5px;
	}
.viewPhoto_next{
	margin-top:20px;
	border-top:1px solid #dadada;
	border-bottom:1px dashed #dadada;
	}
.viewPhoto_prev{
	border-bottom:1px solid #dadada;
	}
.relation_img{
	padding-top:20px;
	text-align:center;
	}
.relation_photoView .btn{
	text-align:center;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	padding:10px 0px;
	}
.relation_photoView .btn a.btn_white{
	padding:5px 13px;
	}
.relation_photoView ul{
	background:#f5f5f5;
    padding: 10px;
    border-top: 1px solid #dadada;
	}
.relation_img {
	background: #474f5a;
	padding:10px 0 0px 0;
	margin-top:20px;
	}
.relation_img > div {
	position:relative;
	margin-top:10px;
 	border-top:1px solid #353B44;
 	text-align:right;
	}
.relation_img > div > a{
	color:#FFF586 !important;
    border-left:1px solid #353B44;
    display:inline-block;
    padding:5px 15px;
	}
.relation_img > div select{
	position:absolute;
	left:5px;
	top:3px;
	}
	
/* 업무안내 */
.dept_work{
	padding:15px;
	margin-top:20px;
	background:#f5f5f5;
	border-top:1px dashed #dadada;
	border-bottom:1px dashed #dadada;
	}
	
/* 사이트맵 */
.sitemap {
	}
.sitemapArea {
	clear: both;
	border: 1px solid #dedede;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 8px;
	}
.sitemapLeft {
	float: left;
	width: 20%;
	}
.sitemapLeft h4.sitemap_title {
	font-size: 21px !important;
	color: #333 !important;
	margin: 20px !important;
	padding: 0 0 0 32px !important;
	}
.sitemapLeft h4.sitemap_title:before {top: 1px;}
.sitemapRight {
	float: left;
	width: 79%;
	border-left: 1px solid #dedede;
	min-height:58px;
	}
.sitemapRight > ul {
	padding: 20px 29px;
	}
.sitemapRight  > ul > li > div > ul > li {
	float:left;
	width: 33%;
	margin:4px 0 3px;
	}
.sitemapRight > ul > li > div{
	margin-top:5px;
	background-color: #eff2f7;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
	}
.sitemapRight > ul > li > div > ul > li > a{
	padding: 0 15px 0 13px;
	/* background: url(../images/common/bul_depth03.png) no-repeat 0 6px !important; */
	display:inline-block;
	line-height:16px;
	letter-spacing:-1px;
	position: relative;
	}
.sitemapRight > ul > li > div > ul > li > a:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    left: 5px;
    top: 8px;
    background: #afc4db;}
.sitemapRight  > ul > li > a{
	position: relative;
	display:inline-block;
	clear:both;
	background: url(../images/common/bul_h6.png) no-repeat left 10px !important;
	letter-spacing:-1px;
	padding: 5px 0 0 15px;
	font-weight: 600;
	margin-top:10px;
	color: #22a922;
	font-size: 15px;
	}
.sitemapRight > ul > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 11px;
    height: 15px;
    background: url(../img/common/spr_bu.png) no-repeat 0 -67px;
}
.sitemapRight > ul > li > a[target="_blank"]:after {top: 8px;}
.sitemapRight  > ul > li:first-child > a{
	margin-top:0px;
	}
.sitemapRight > ul > li > div > ul > li:nth-child(3n+1){
	clear:left;
	}
	
/* 개별공시지가조회 */
.box_inquiry{
	background:url(../images/application/icon_housejiga.png) no-repeat 70px 20px;
	border:1px solid #cccccc;
	border-radius:5px;
	margin-top:20px;
	padding:25px 15px;
	overflow:hidden;
	}
.box_inquiry legend{
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
	}
.box_inquiry > fieldset{
	margin-left:250px;
	position:relative;
	margin-top:20px;
	}
.box_inquiry ul > li{
	background:url(../images/common/bul_arrow.png) no-repeat 0 7px;
	padding-left:10px;
	margin-bottom:10px;
	}
.box_inquiry ul > li > label{
	font-weight:bold;
	}
.box_inquiry ul > li > select{
	margin-left:5px;
	}
.box_inquiry .area_type{
	margin-left:33px;
	}
.box_inquiry input[id$="bun2"]{
	width:130px;
	}
.box_inquiry .btn_inquiry{
	position:absolute;
	bottom: 9px;
	right: 180px;
	}
.btn_kab{
	background:#f1f6fc;
	padding:10px 0px;
	text-align:center;
	margin:30px -15px -25px -15px;
	}
@media all and (max-width:1024px){
	.sitemapRight, .sitemapLeft{float:none;}
	.sitemapRight{width:95%;margin:0 auto;border:none;}
	.sitemapLeft{width:100%;}
	.sitemapRight > ul {padding: 0 29px 20px;}
}
@media all and (max-width:768px) {
	/* .bod_head {padding-bottom: 0;} */
}
@media all and (max-width:570px){
	.sitemapRight > ul > li > div > ul > li{width:100%;float:none;}
	.sitemapLeft h4.sitemap_title {margin-bottom:0 !important}
	.sitemapRight > ul {padding: 15px 29px 20px;}
}