@charset "utf-8";

.green	{color:#00b916;}
.no-radius {border-radius:0;}
.box-img01 {display:block;}
.topbox.gongsi{background: url(/depart/img/sub11/ico_topbox_gongsi.png) no-repeat 0px 29px;}

/* 건물 시가표준액 조회 */
.building-wrap .box-tit input {margin:.25em 0 !important;}

@media all and (max-width:640px) {
	.building-wrap .con select {max-width:100%; width:100%; background-position-x:97%;}
}

/* 공간정보(GIS) */
.gis_wrap{border: 3px solid #d6dbe4; margin-top: 20px; padding: 20px;}
.gis_wrap .tit{font-size: 20px; font-weight: 600; color:#276bad;}
.gis_wrap .txt{font-size: 16px; margin-top: 5px;}
.gis_wrap div{position: relative; padding-top: 20px; padding-left: 90px; min-height: 65px;}
.gis_wrap div:first-child{padding-top: 10px;}
.gis_wrap .gis, .gis_wrap .ungis_saui, .gis_wrap .ungis_min{border-bottom: 1px dashed #ddd;}
.gis_wrap .btn{position: absolute !important; right: 0; top: 18px;}

.gis_wrap div:before{width: 53px; height: 55px; display: block; content: ''; background: url(/depart/img/sub11/spr_gis.gif) no-repeat -24px 0; position: absolute; 
left: 20px; top: 9px;}
.gis_wrap .gis:last-child:before {background-position-y: -110px; top: 15px;}
.gis_wrap .gmap:before{background-position-y: -110px; top: 15px;}
.gis_wrap .ungis_saui:before{background-position-y: -221px;}
.gis_wrap .ungis_min:before{background-position-y: -334px;}
.gis_wrap .e-light:before{background-position-y: -445px;}

@media all and (max-width:972px) {
	.gis_wrap .btn{position: relative !important; top: 0; margin-top: 10px;}
}
@media all and (max-width:370px) {
	.gis_wrap div:before{position: relative; margin: 0 auto; top: 0 !important; left: 0; margin-bottom: 10px;}
	.gis_wrap div{padding-left: 0; text-align: center;}
}


/* 가이드라인 */
.guide_all_wrap{margin-top: 10px; margin-left: 33px; overflow:hidden;}
.guide_all_wrap li{float: left; width:20%;}
.guide_all_wrap a{display: block; text-align: center; font-size: 16px; font-weight: 600; border:1px solid #ddd; width: 95%; margin: 0 auto; padding: 10px; box-sizing:border-box; color:#404040;}
.guide_all_wrap a:hover{border: 1px solid #000; color: #276bad;}
.guide_all_wrap span{width: 70px; height: 70px; content: ''; display: block; background: url(/depart/img/sub11/spr_guideline.gif) no-repeat -7px 5px; margin: 0 auto;}
.guide_all_wrap .guide02{background-position-y: -115px;}
.guide_all_wrap .guide03{background-position-y: -240px;}
.guide_all_wrap .guide04{background-position-y: -360px;}
.guide_all_wrap .guide05{background-position-y: -485px;}
.guide_all_wrap .guide06{background-position-y: -607px;}
.guide_all_wrap .guide07{background-position-y: -733px;}

.guide_all_wrap.each a{font-size: 14px; padding: 7px 16px 7px 3px; vertical-align: middle; text-align: left; display: inline-block; width: auto; margin-bottom: 10px; margin-right: 10px;}
.guide_all_wrap.each span{width: 40px; height: 40px; display: inline-block; background: url(/depart/img/sub11/spr_guideline_each.gif) no-repeat 0px 7px; vertical-align: middle;}
.guide_all_wrap.each .guide02{background-position-y: -54px;}
.guide_all_wrap.each .guide03{background-position-y: -117px;}
.guide_all_wrap.each .guide04{background-position-y: -177px;}
.guide_all_wrap.each .guide05{background-position-y: -240px;}
.guide_all_wrap.each .guide06{background-position-y: -302px;}
.guide_all_wrap.each .guide07{background-position-y: -366px;}

@media all and (max-width:1024px) {
	.guide_all_wrap li{width: 25%; margin-bottom: 10px;}
}

@media all and (max-width:690px) {
	.guide_all_wrap li{width: 50%;}	
}


@media all and (max-width:640px) {
	.guide_all_wrap {margin-left:0;}	
}

/* 관련법규 */
.reg_wrap {overflow:hidden;}
.reg_wrap a.btn {margin:.2em;}
.reg_wrap div{width: 50%; float: left; text-align: center;}
.reg_wrap .reg01{background: url(/depart/img/sub11/img_regulations01.png) no-repeat center 10px; padding-top: 250px; border-right: 1px dashed #ddd; box-sizing:border-box; margin-top: 30px;}
.reg_wrap .reg02{background: url(/depart/img/sub11/img_regulations02.png) no-repeat center 10px; padding-top: 250px; border-right: 1px dashed #ddd; box-sizing:border-box; margin-top: 30px;}
.reg_wrap .reg03{background: url(/depart/img/sub11/img_regulations03.png) no-repeat center 10px; padding-top: 250px; margin-top: 30px;}
.reg_wrap .reg04{background: url(/depart/img/sub11/img_regulations04.png) no-repeat center 10px; padding-top: 250px; border-right: 1px dashed #ddd; box-sizing:border-box; margin-top: 30px;}
.reg_wrap .reg05{background: url(/depart/img/sub11/img_regulations05.png) no-repeat center 10px; padding-top: 250px; margin-top: 30px;}
.reg_wrap .tit{font-size: 20px; font-weight: 600; text-align: center; margin: 10px auto;}
.reg_wrap .txt{margin-bottom: 20px;}

@media all and (max-width:800px) {
	.reg_wrap .reg01{width: 100%; border-right: 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
	.reg_wrap .reg02{width: 100%; border-right: 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
	.reg_wrap .reg03{width: 100%; border-right: 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
	.reg_wrap .reg04{width: 100%; border-right: 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
	.reg_wrap .reg05{width: 100%; border-right: 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}	
}

/* 조직소개 */
.org_wrap>ul>li{float: left; width: 25%; padding: 5px; box-sizing:border-box;}
.org_wrap strong{background: #39a8c1; padding: 15px 0; display: block; box-sizing:border-box; text-align: center; border-radius:20px 20px 0 0; color: #fff; font-size: 16px; }
.org_wrap .list_ul_h{padding: 10px 10px; border: 1px solid #ddd; margin-top: 0; min-height: 267px;}
@media all and (max-width:944px) {
	.org_wrap>ul>li{width: 50%;}
}
@media all and (max-width:526px) {
	.org_wrap>ul>li{width: 100%;}
	.org_wrap .list_ul_h{min-height: auto;}
}

ol[class^="list_num"] li .type03_list ul li:before{display: none;}
ol[class^="list_num"] li .type03_list ul li{padding-left: 0; margin-top: 0;}
.type03_list{margin: 50px auto;}
.type03_list .one{width: 100%; text-align: center;}
.type03_list span{padding: 10px 20px; border-radius:20px; display: inline-block; background: #848cd6; color: #fff;}
.type03_list strong{background:#f4f4fa; display: block; width: 90%; border-radius: 10px 10px 0 0; text-align: center; padding: 10px 0; border: 2px solid #848cd6; border-bottom: 0; box-sizing:border-box; margin: 0 auto;}
.type03_list ul {overflow:hidden; margin-top:0;}
.type03_list>ul>li>ul{border:2px solid #dddde4; width: 90%; border-radius: 0 0 10px 10px; box-sizing:border-box; padding: 10px; min-height: 171px; margin: 0 auto; text-align:left;}
.type03_list>ul>li{width: 33.3%; float: left; padding-top: 30px; margin-top:0;}
.type03_list>ul>li:before {display:none;}
.type03_list>ul>li:after{content: ''; display: block; width: 1px; height: 30px; border-right: 1px dashed #bbb; position: absolute; top: 0; left:50%;}
.type03_list .one:after{content: ''; display: block; width: 1px; height: 30px; border-right: 1px dashed #bbb; margin: 0 auto;}
.type03_list>ul:before{content: ''; display: block; width: 66%; height: 1px; border-bottom: 1px dashed #bbb; margin: 0 auto;}


@media all and (max-width:570px) {
	.type03_list>ul>li{width: 100%; float:none;}
	.type03_list>ul:before, .type03_list .one:after{display: none;}
}

/* 건축.주택.부동산 > 경관디자인 > 디자인광주 > 비전과 전략 */   
.landscape-design {display:block; position:relative; padding:1em 2em 12em; background:url(../img/sub11/landscape_bg.svg) no-repeat center bottom; background-size:auto 7em;}
.landscape-design .title { width:10em; float:left; padding:.75em 0;}
.landscape-design .link-box {width:calc(100% - 10em); float:left; padding-left:2em;}
.landscape-design .link-box dl {display:table; width:100%; }
.landscape-design .link-box dl + dl {margin-top:1em;}
.landscape-design .link-box dt {display:table-cell; vertical-align:middle; width:15em; }
.landscape-design .link-box dt span {position:relative; display:block; font-size:1.6em; padding-left:.75em;}
.landscape-design .link-box dt span:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:10px; height:1em; background:#aaa;}
.landscape-design .link-box dd {display:table-cell; vertical-align:middle;}
.landscape-design .link-box dd a {position:relative; display:block; width:50%; float:left; color:#333; padding-left:1em; margin:.15em 0;}
.landscape-design .link-box dd a:hover,
.landscape-design .link-box dd a:focus {text-decoration:underline;}
.landscape-design .link-box dd a:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:10px; height:10px; background:#aaa;}

.landscape-design .link-box dl:nth-child(2) span:before,
.landscape-design .link-box dl:nth-child(2) a:before {background:#DC498F;}

@media screen and (max-width:1024px){
	.landscape-design .title { width:10em; float:none; margin:0 auto 2em;}
	.landscape-design .link-box {width:100%; float:none; padding-left:0;}
}

@media screen and (max-width:700px){
	.landscape-design .link-box dl {display:block;}
	.landscape-design .link-box dt {display:block; width:100%; }
	.landscape-design .link-box dd {display:block; padding:.5em 0 1em;}
	.landscape-design .link-box dd:after {content:''; clear:both; display:block;}
}

@media screen and (max-width:500px){
	.landscape-design {padding:1em 2em 8em; background-size:auto 4em;}
}

@media screen and (max-width:430px){
	.landscape-design .link-box dd a {width:100%; float:none;}
}

/* 부동산중개사무소 자율점검 */
.property_wrap {background: #e7f3ef url(/depart/img/sub11/bg_property.png) center top no-repeat; padding: 20px; text-align: center; padding-bottom: 50px;}
.property_wrap>p{text-align: center; line-height: 1.2em;}
.property_wrap p.txt{font-size: 18px; background: #8cb3a6; color: #fff; font-weight: 600; border-radius:20px; display: inline-block; padding: 5px 10px; margin-top: 140px; margin-bottom: 10px;}
.property_wrap p.tit01{font-size: 54px; font-weight: 600;}
.property_wrap p.txt01{font-size: 17px; line-height: 1.5em; font-weight: 600; margin-top: 10px;}
.property_wrap .subtxtbox {text-align: left; background: #fff; border-radius: 20px; margin: 0 auto; width: 410px; margin-top: 20px; padding: 20px;}
.property_wrap .subtxtbox .tit02{font-size: 18px; font-weight: 600;}
.property_wrap .subtxtbox .list_ul_h li{margin-top: 5px !important;}
.property_wrap .btngo{padding: 10px 30px; background: #575757; display: block; margin: 0 auto; margin-top: 20px; width: 410px; font-size: 16px; font-weight: 600; color: #fff;}

@media all and (max-width:532px) {
	.property_wrap .subtxtbox, .property_wrap .btngo{width: 90%;}
	.property_wrap .btngo{padding: 10px 0px;}
	.property_wrap p.tit01{font-size: 40px;}
	.property_wrap p.txt01{font-size: 16px;}
}

/* 도시재생 */
.re_city.organ_box {position:relative;height: 300px;margin-top: 20px;}
.re_city.organ_box::before {content:''; position:absolute; width:2px; height:190px; background:#ddd; left:50%; z-index:-1;}
.re_city.organ_box .depth1 {text-align: center;margin: 0 auto;}
.re_city.organ_box .depth1 p {display: inline-block;width: 230px;height: 60px;font-size: 20px;font-weight: bold;color: #fff;border: 1px solid #ddd;background: #276cad;}
.re_city.organ_box .depth1 p span {width: 180px; height: 60px; line-height: 60px;}
.re_city.organ_box .depth2 {position: relative;margin-top: 30px;text-align: right;}
.re_city.organ_box .depth2 div {position: relative;height: 70px;padding-right: 3%;}
.re_city.organ_box .depth2 div::after {content:'';position:absolute;width: 28.4%;height:2px;top:43%;left:50%;background:#ddd;}
.re_city.organ_box .depth2 div p {float: right;padding: 10px 55px;background: #de981e;color: #fff;text-align: center;}
.re_city.organ_box .depth2 div p span {font-size: 18px;font-weight: 600;}
.re_city.organ_box .depth3 {margin-top: 70px;}
.re_city.organ_box .depth3::before {content:'';position:absolute;width: 67%;height:2px;background:#ddd;left: 17%;bottom:36%;}
.re_city.organ_box .depth3 div {padding: 15px;background: #fffbe9;border: 1px solid #ddd;}
.re_city.organ_box .depth3 div p {font-size: 16px;font-weight: bold;text-align: center;}
.re_city.organ_box .depth3 ul {width: 100%;}
.re_city.organ_box .depth3 ul li {width: 33.33%;float: left;padding: 10px;box-sizing: border-box;}
.re_city.organ_box .depth3 ul li::after {content:'';position:absolute;width:2px;height:53px;left: 17%;bottom:19%;background:#ddd;}
.re_city.organ_box .depth3 ul li:nth-child(2)::after {left:50%;}
.re_city.organ_box .depth3 ul li:last-child {}
.re_city.organ_box .depth3 ul li:last-child::after {left: 84%;}
.re_city.organ_box .depth3 ul li:last-child div {background: #d1e9ff;}

@media all and (max-width:1024px){
	.re_city.organ_box .depth2 div::after {width: 25.7%;}
}
@media all and (max-width:680px){
	.re_city.organ_box {height:330px;}
	.re_city.organ_box .depth2 div::after,.re_city.organ_box .depth3 ul li::after,.re_city.organ_box .depth3::before,.re_city.organ_box::before {display:none;}
	.re_city.organ_box .depth1 p {width:100%;}
	.re_city.organ_box .depth2 {margin-top: 10px;}
	.re_city.organ_box .depth2 div {height: auto;padding-right:0;}
	.re_city.organ_box .depth2 div p {width:100%; padding:10px;}
	.re_city.organ_box .depth3 {margin-top:10px;}
	.re_city.organ_box .depth3 ul li {width:100%;padding:0;margin-top: 10px;}
}

.city_univ  {width:100%;margin-top: 20px;clear: both;}
.city_univ ul {width:98%; overflow:hidden;}
.city_univ ul li {width:24%; float:left; margin-right:1%;}
.city_univ ul li:nth-child(4n) {margin-right:0;}
.city_univ ul li img {width:100%;height:140px;}
.city_univ ul li p{width:100%;height:50px;text-align:center;line-height: 1.2em;margin-top: 5px;}

@media all and (max-width:1024px){
	.city_univ ul li {width:32.3%;}
	.city_univ ul li:nth-child(4n) {margin-right:1%;}
}

@media all and (max-width:640px){
	.city_univ ul li {width:49%;}
}


/* 공시지가확인 모바일 버튼 */
@media all and (max-width:540px) {
	.btnWrap a.btn + a.btn {margin-top:0.5em;}
}