@charset "utf-8";
/*	
	-----------------------------------------------
	* sub.css
	-----------------------------------------------
*/

.opinion_wrap {width:auto;}
.radio_list {width:80%;}
.radio_list >li:not(:last-child) {width:20%; margin-right:0;}
.radio_list >li label {width:auto;}

#conts h4:before {display:none;}
#snbWrap {width:21%;}
#content {width:75%}


@media screen and (max-width: 960px){
	.radio_list {width:100%;}	
}
@media screen and (max-width: 480px){
	.radio_list >li:not(:last-child) {width:auto;}
	}


.ctn_area h1.depth_tle {margin:15px 0 0;color:#3b3a3a;font-size: 24px;font-weight:800;line-height:1.3;}
.ctn_area h1.depth_tle:before {display:block; margin:0 0 0.4em; width:20px; height:4px; background:#3589d8; content:'';}

.ctn_area .depth_01 {margin:20px 0 0;}
.ctn_area .depth_01 li:before {display:inline-block;margin: 4px 8px 0 0;width:10px;height:10px;background:rgb(79,210,237);background: linear-gradient(135deg, rgba(79,210,237,1) 50%, rgba(57,57,185,1) 50%);vertical-align: top;content:'';}
.ctn_area .depth_01 li {padding:0 0 0 0.8em;margin:0 0 1em;color:#3b3a3a;font-size: 17px;font-weight:700;}
.ctn_area .depth_01 li:after{content:''; display:block; clear:both;}
.ctn_area .depth_01 ol.list_num{margin-top:10px;}
.ctn_area .depth_01 ol.list_num li{font-size:15px; font-weight:400; color:#757575; background:none;}

.ctn_area h2 {padding: 0 0 0 1.5em;margin: 2.3em 0 1em; color:#3b3a3a; font-size:21px; font-weight:700;}
.ctn_area .depth_02 {margin:13px 0 0 15px;}
.ctn_area .depth_02 li:before {display:inline-block; width:3px; height:3px; margin:0 0.3em 0 0; background:rgb(79,210,237); vertical-align:middle; content:'';}
.ctn_area .depth_02 li {padding:0;margin: 0 0 4px;background:none;color:#757575;font-size:14px;font-weight:400;}
.ctn_area .depth_02 li strong {color:#1b6094;}

.ctn_area .depth_03 {margin:10px 0 8px !important;}
.ctn_area .depth_03 li {padding:0; margin:0 0 10px 12px; background:none; color:#a5a5a5; font-size:14px; font-weight:300;}
.ctn_area .depth_03 li:before {display:inline-block; width:4px; height:1px; margin:0 0.3em 0 0; background:#a5a5a5; vertical-align:middle; content:'';}

.ctn_area .depth_none {padding:0; margin:5px 0 0 17px; background:none; color:#757575; font-size:14px; font-weight:400;}



/*PC*/
.txthidden, .txthidden h2, .txthidden h3, .txthidden h4, .txthidden div, .txthidden ul li{position:absolute;width:0;height:0;margin:0;padding:0;background:none;font-size: 0 !important;line-height:0;}

h3{position:relative; background:url("../images/sub/icon_h3.png") 0 9px no-repeat; 
font-size:22px !important; color:#00724e; padding:0px 0px 0px 18px !important;margin:15px 0px 15px 0px !important;}
h4{position:relative; background:url("../images/sub/icon_h4.png") -5px 2px no-repeat;font-size:17px;color:#111; padding:0px 0px 0px 13px;margin:20px 0px 5px 0px;}
h5{position:relative;font-size:16px;color:#0050bd;margin:10px 0px 5px 0px;}

.color-orange{color:#ff8400;}
.color-red{color:#e40e12;}
.color-black{color:#333 !important;}

.fl{float:left;}

.txt20{font-size:20px;}

.line-bx{border:1px dashed #338ad3;padding:10px 20px 20px 20px;margin-bottom:30px;}

/* .btn 기본 = 진한회색 */
.btn2.bg_color1{background-color:#19377a;}/* 남색 */
.btn2.bg_color2{background-color:#3b5fae;}/* 연한남색 */
.btn2.bg_color3{background-color:#197b30;}/* 녹색 */
.btn2.bg_color4{background-color:#2d9a46;}/* 연한녹색 */
.btn2.bg_color5{background-color:#d46161;}/* 짙은분홍 */
.btn2.bg_color6{background-color:#de7979;}/* 분홍색 */
.btn2.bg_color7{background-color:#076760;}/* 진한녹색 */
.btn2.bg_color8{background-color:#0b8f86;}/* 진한에메랄드색 */
.btn2.bg_color9{background-color:#898989;}/* 회색 */

/* 버튼 링크 */
a.blank {display:inline-block; margin:0px 2px; border-bottom:1px solid #000; white-space:nowrap;}
a.blank:after{content:"";display:inline-block;width:24px;height:20px;margin-left:6px;background:transparent url('../images/sub/btn_icon.png') no-repeat 3px 3px;vertical-align:middle;}
a.down{display:inline-block;margin:0 2px;border-bottom:1px dotted #666;color:#222;white-space:nowrap;}
a.down:after{content:"";display:inline-block;width:19px;height:20px;margin:0 1px;background:transparent url('../images/sub/btn_icon.png') no-repeat -76px -38px;vertical-align:middle;}
a.view{display:inline-block;margin:0 2px;border-bottom:1px dotted #666;color:#222;white-space:nowrap;}
a.view:after{content:"";display:inline-block;width:21px;height:17px;margin:0 1px 0 5px;background:transparent url('../images/sub/btn_icon.png') no-repeat -200px 0;vertical-align:middle;}

.btn2{position:relative;display:inline-block;margin:10px 0px 5px 0px;padding:12px 22px;height:auto;line-height:inherit;border:none;background-color:#2b3742;font-size:15px;color:#fff;text-align:center;text-decoration:none;vertical-align:top;cursor:pointer;box-sizing:border-box;}
.btn2:hover{color:#fff;background:#0052a5;transition:all 0.3s ease;}
.btn2:after{content:"";display:inline-block;vertical-align:middle;}
.btn2:visited{color:#fff;}
.btn2.type2:visited,.btn.type2:link{color:#444;}
.btn2 input{height:auto;border:none;padding:0;margin:0;line-height:20px;}
.btn2.wide{min-width:200px;}
.btn2.middle{min-width:150px;}
.btn2.normal:hover{text-decoration:none;cursor:text;}

.btn2.type2{padding:11px 20px;border:1px solid #4d5360;background-color:#fff;color:#444;}
.btn2.type3{padding:2px 20px;border:1px solid #4d5360;background-color:#fff;color:#444;}
#contents .btn2.line_color1{background-color:transparent;border-color:#fff;color:#fff;}

.btn2.round{border-radius:6px;}
.btn2.small{padding:9px 15px;font-size:13px;line-height:17px;}
.btn2.small input{line-height:17px;}
.btn2.type2.small{padding:8px 15px;}
.btn2.small.wide{min-width:100px;}

.btn2.download{text-align:left;}
.btn2.download:after{width:20px;height:16px;margin-left:20px;background:transparent url('../images/sub/btn_icon.png') no-repeat -40px -40px;vertical-align:middle;}
.btn2.download.type2{}
.btn2.download.type2:after{background-position:0 -40px;}


.btn2.link{text-align:left;}
.btn2.link:after{width:21px;height:17px;margin-left:20px;background:transparent url('../images/sub/btn_icon.png') no-repeat -40px 0;vertical-align:middle;}
.btn2.link.type2:after{background-position:0 0;}
.btn2.link.view:after{background-position:-160px 0;}
.btn2.link.type2.view:after{background-position:-200px 0;}


/* txt-bx */
.txt-bx {position:relative; padding:3px; background:#f8f8f8;margin-bottom:30px;}
.txt-bx:before {display:none;}
.txt-bx-img {float:left;    padding: 35px 0 0 30px;}
.txt-bx .con { z-index:5; min-height:70px; padding:35px 35px 36px 150px; border-bottom:1px solid #ddd; background:#fff;}
.txt-bx .con.no_i {padding-left:35px;}
.txt-bx .con i {position:absolute; top:23px; left:30px; display:block; width:102px; height:102px;background:url('./../images/sub/txtBx_img.jpg') 0px 0 no-repeat;}
.txt-bx .con i.icon1 {background-position:0 0}
.txt-bx .con i.icon2 {background-position:-102px 0}
.txt-bx .con i.icon3 {background-position:-204px 0}
.txt-bx .con i.icon4 {background-position:-306px 0}
.txt-bx .con i.icon5 {background-position:-408px 0}
.txt-bx .con i.icon6 {background-position:-510px 0}
.txt-bx .con i.icon7 {background-position:0 -102px}
.txt-bx .con i.icon8 {background-position:-102px -102px}
.txt-bx .con strong {display:block; margin-bottom:5px; font-size:20px;color:#009353;}
.txt-bx .con span {font-size:24px;color:#7018cb;}
.txt-bx .con p {font-size:15px;letter-spacing:-0.03em;margin:10px 0 0 0 !important;}
@media all and (max-width:620px) {
	/* txt-bx */
	.txt-bx .con {padding:20px; min-height:auto}
	.txt-bx .con i {display:none;}
	.txt-bx .con strong {font-size:17px}
	.txt-bx .con p {font-size:13.5px; line-height:20px;}
	.txt-bx-img {float:none; background:#fff; text-align:center;}
}

.content_wrap p{margin:5px 0px 30px 0px;}

/* 이미지크게보기 */
.img_wrap {display:inline-block;position:relative; text-align:center; width:100%;}
.img_wrap img{/*float:left;*/ max-width:100%; padding:0;margin:5px 0px 30px 0px;}
.img_wrap .img_zoom{display:none;overflow:hidden;position:absolute;bottom:0;right:0;z-index:10;width:25px;height:25px;padding:6px;background:url("/images/common/mask.png");font-size:12px;}
.img_wrap .img_zoom a{ display:block;width:25px;height:25px;background: url('/images/common/bbs_icon.png') no-repeat 0 -200px;font-size:0;line-height:0;text-indent: 100%;}

/* 이미지 크게보기-박스결합 */
.box.img_wrap { position:static;  width:100%;}
.box.img_wrap img { float:none;}

@media (min-width:0) and (max-width:767px){
	.tblib{overflow-x:scroll;margin-bottom:30px;}
	.tblib table{width:767px;}
}

.tbl_type1 {width:100%; margin:5px 0px 30px 0px; border-top:3px solid #666;}
.tbl_type1 th{color:#222;font-size:16px; background-color:#f6f6f6; padding:10px;border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;text-align:center;}
.tbl_type1 td{padding:10px; text-align:center; border:1px solid #ddd;font-size:15px;}
.tbl_type1 td img {vertical-align:middle;width:100%;}
.tbl_type1 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type1 .txtL{text-align:left;}
.tbl_type1 .txtR{text-align:right;}
.tbl_type1 .txtC{text-align:center;}
.tbl_type1 .bg1{background:#016db5;color:#fff;}
.tbl_type1 .bg1-1{background:#f0f9ff;}

/*필지별 면적 분양가 표 bg*/
.tbl_type1 .bg-p1{background:#493b79;color:#fff;}
.tbl_type1 .bg-p2{background:#0a6db1;color:#fff;}
.tbl_type1 .bg-p3{background:#e17c24;color:#fff;}
.tbl_type1 .bg-p4{background:#fcf008;}

.tbl_type2 {width:100%; margin:5px 0px; border-top:1px solid #666;}
.tbl_type2 th{color:#222;font-size:15px; background-color:#f6f6f6; padding:10px;border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;text-align:center;}
.tbl_type2 td{padding:10px; text-align:center; border:1px solid #ddd;font-size:14px;}

.tbl_type3 {width:100%; margin:5px 0px; border-top:1px solid #666;}
.tbl_type3 th{color:#222;font-size:16px; background-color:#3b3b3b;color:#fff;padding:10px;border-bottom:1px solid #cfcfcf;text-align:center;}
.tbl_type3 td{padding:10px; text-align:center; border-bottom:1px solid #ddd;font-size:15px;}
.tbl_type3 .bg0{background:#f6f6f6;}
.tbl_type3 .bg1{background:#0c7ab9;color:#fff;}
.tbl_type3 .bg2{background:#9c88b8;color:#fff;}
.tbl_type3 .bg3{background:#e3861f;color:#fff;}
.tbl_type3 .bg4{background:#e55175;color:#fff;}
.tbl_type3 .bg5{background:#7f8b7e;color:#fff;}
.tbl_type3 .bg6{background:#058a2d;}
.tbl_type3 .bg6-1{background:#e4f2e8;color:#058a2d;}
.tbl_type3 .bg7{background:#acc919;}
.tbl_type3 .bg7-1{background:#f6f9e6;color:#859c13;}

/* 리스트 */
.list_style1{margin:0px 0px 30px 0px; list-style:none; }
.list_style1 li{background:url(./../images/main/icon_dot.jpg) 0px 13px no-repeat;padding:2px 0px 2px 8px;line-height:160%;}
.list_style1 li.imt{background:none;}
.list_style1 li ul{margin:5px 0px 5px 0px;}
.list_style1 li ul li{background:url("./../images/sub/icon_dot2.png") 0px 4px no-repeat; padding:0px 0px 0px 18px;}

.list_style2{margin:0px; list-style:none; }
.list_style2 li.imt{background:none;}
.list_style2 li{background:url(./../images/main/icon_dot.jpg) 0px 13px no-repeat;padding:2px 0px 2px 8px;line-height:160%;}
.list_style2 li ul{margin:5px 0px 5px 0px;}
.list_style2 li ul li{background:url("./../images/sub/icon_dot2.png") 0px 4px no-repeat; padding:0px 0px 0px 18px;}

#step_style1 ul{overflow:hidden;padding:10px 0px;}
#step_style1 ul li{float:left;width:30%;margin:15px;}
#step_style1 ul li span{display:block;}
#step_style1 ul li > div{width:100%;height:275px;border:1px solid #ddd;border-radius:7px;}
#step_style1 ul li > div p.stepTit1{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#1d7fcb;color:#fff;font-size:20px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit2{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#21a739;color:#fff;font-size:20px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit3{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#17a9a4;color:#fff;font-size:20px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit4{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#e54a56;color:#fff;font-size:20px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit5{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#fd6631;color:#fff;font-size:20px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit6{height:90px;padding:15px 0px;margin:0px;background-color:#f03e3e;color:#fff;font-size:20px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div > ul li{width:100%;height:auto;background:url(../images/main/icon_dot.jpg) 0px 13px no-repeat;padding:2px 0px 2px 8px;margin:0px 0px 0px 20px;line-height:160%;}


#sub-visual{position:relative;width:100%;height:239px;padding-top:65px;overflow:hidden;background:url(../images/sub/bg_sub_visual.jpg) no-repeat top center;background-size:cover;text-align:center;letter-spacing:-0.05em;}
#sub-visual .txt1{color:#c2fd92;font-size:32px;font-weight:bold;text-shadow: 0 0 3px #555;}
#sub-visual .txt2{color:#fff;font-size:45px;font-weight:bold;text-shadow: 0 0 3px #555;}

.plan-bx{background-color:#fff;}
.plan-bx ul li{position:relative;float:left;width:47.7%;height:100%;min-height:80px;margin:10px 10px 30px 10px;padding:40px 15px 15px 15px;text-align:center;font-size:17px;}
.plan-bx ul li span{display:block;}
.plan-bx ul li .num1{color:#fff;position:absolute;top:-23px;left:170px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label01.png) no-repeat;}
.plan-bx ul li .num2{color:#fff;position:absolute;top:-23px;left:170px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label02.png) no-repeat;}
.plan-bx ul li .num3{color:#fff;position:absolute;top:-23px;left:170px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label03.png) no-repeat;}
.plan-bx ul li .num4{color:#fff;position:absolute;top:-23px;left:170px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label04.png) no-repeat;}
.plan-bx ul li.bx1{background:#e3f1fa;color:#006db4;}
.plan-bx ul li.bx2{background:#e3f3ee;color:#017942;}
.plan-bx ul li.bx3{background:#e3f2f4;color:#016e75;}
.plan-bx ul li.bx4{background:#efe3f7;color:#7c01a0;}

.parcelout-bx{float:left;width:100%;margin-bottom:30px;}
.parcelout-bx ul li{position:relative;float:left;width:29%;height:100%;height:73px;background:#f1f1f1;margin:10px 20px 30px 20px;padding:25px 10px 10px 70px;text-align:left;font-size:17px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.parcelout-bx ul li span{display:block;}
.parcelout-bx ul li .num1{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label01.png) no-repeat;}
.parcelout-bx ul li .num2{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label02.png) no-repeat;}
.parcelout-bx ul li .num3{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label03.png) no-repeat;}
.parcelout-bx ul li .num4{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label04.png) no-repeat;}
.parcelout-bx ul li .num5{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label05.png) no-repeat;}
.parcelout-bx ul li .num6{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label06.png) no-repeat;}
.parcelout-bx ul li .num7{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label07.png) no-repeat;}
.parcelout-bx ul li .num8{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label08.png) no-repeat;}
.parcelout-bx ul li .num9{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label09.png) no-repeat;}
.parcelout-bx ul li .num10{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label10.png) no-repeat;}
.parcelout-bx ul li .num11{text-align:center;color:#fff;position:absolute;top:0px;left:-11px;width:65px;height:80px;padding-top:35px;background:url(../images/sub/bg_label11.png) no-repeat;}

.parcelout-bx ul li.bx1:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#e23a59;}
.parcelout-bx ul li.bx2:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#fbc72b;}
.parcelout-bx ul li.bx3:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#45adad;}
.parcelout-bx ul li.bx4:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#3d7a96;}
.parcelout-bx ul li.bx5:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#409557;}
.parcelout-bx ul li.bx6:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#7a05c1;}
.parcelout-bx ul li.bx7:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#ff8500;}
.parcelout-bx ul li.bx8:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#0052cc;}
.parcelout-bx ul li.bx9:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#00afec;}
.parcelout-bx ul li.bx10:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#00be2c;}
.parcelout-bx ul li.bx11:after{content:'';width:5px;height:73px;position:absolute;top:0px;right:0px;background:#d21717;}


.plan-img-bx{position:relative;width:100%;overflow:hidden;padding:20px;margin-bottom:30px;border:1px solid #ddd;border-radius:5px;}
.plan-img-bx .img{padding-bottom:30px;}
.plan-img-bx .img_n{padding-bottom:140px;}
.plan-img-bx .remarks{position:absolute;top:0px;right:0px;background:#f9f9f9;padding:15px;z-index:1;}
.plan-img-bx .remarks ul li{padding:2px 0px;}

.plan-img-bx .img2{padding-bottom:30px;}
@media (min-width:0) and (max-width:767px){
	.plan-img-bx .img2{overflow-x:scroll;padding-top:70px;margin-bottom:20px;}
	.plan-img-bx .img2 img{width:767px;}
}

/*산업시설용지*/
.plan-img-bx .remarks ul li.co1:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#4a3c79;margin-right:10px;}
.plan-img-bx .remarks ul li.co2:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#0b6eb2;margin-right:10px;}

/*주택건설용지*/
.plan-img-bx .remarks ul li.co3:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#e3861f;margin-right:10px;}
.plan-img-bx .remarks ul li.co4:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#fee517;margin-right:10px;}
.plan-img-bx .remarks ul li.co5:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#c53d2f;margin-right:10px;}

/*복합용지 및 지원시설용지*/
.plan-img-bx .remarks ul li.co6:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#9c88b9;margin-right:10px;}
.plan-img-bx .remarks ul li.co7:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#e65276;margin-right:10px;}

/*공공 및 기타시설용지*/
.plan-img-bx .remarks ul li.co8:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#808c7e;margin-right:10px;}

/*공원 및 녹지계획*/
.plan-img-bx .remarks ul li.co9:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#078a2c;margin-right:10px;}
.plan-img-bx .remarks ul li.co10:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#adc91c;margin-right:10px;}

/*지원시설계획*/
.plan-img-bx .remarks ul li.co11:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#e65276;margin-right:10px;}

/*필지별 면적 및 분양가*/
.plan-img-bx .remarks ul li.co12:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#636363;margin-right:10px;}
.plan-img-bx .remarks ul li.co13:before{position:relative;top:0px;content:"";display:inline-block;width:18px;height:10px;background:none;border:3px solid #c5c5c5;margin-right:10px;}



.plan-img-bx .info{position:absolute;right:30px;bottom:30px;}

/*토지이용계획*/
.plan-img-bx2{position:relative;width:100%;overflow:hidden;padding:20px;margin-bottom:30px;border:1px solid #ddd;border-radius:5px;}
.plan-img-bx2 .img{padding:0px;}
.plan-img-bx2 .remarks{position:absolute;top:0px;right:0px;background:#f9f9f9;padding:15px;}
.plan-img-bx2 .remarks ul li{padding:2px 0px;}
.plan-img-bx2 .remarks ul li.co1:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:url(../images/sub/remarks_img01.jpg) left center no-repeat;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co2:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#e3861f;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co3:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#acc919;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co4:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#4a3c79;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co5:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#c53d2f;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co6:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#89dbe6;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co7:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#147cbb;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co8:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#df5475;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co9:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#2e566f;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co10:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#9c88b9;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co11:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#7f8b7f;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co12:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#4a3c79;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co13:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#fee516;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co14:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#058a2d;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co15:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#526d42;margin-right:10px;}
.plan-img-bx2 .remarks ul li.co16:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:url(../images/sub/remarks_img02.jpg) left center no-repeat;margin-right:10px;}

.presale-pop-bx{position:relative;}
.presale-pop-bx h2{background:#122139;color:#fff;padding:20px;margin:0;}
.presale-pop-bx .in-wrap{padding:2%;}
.presale-pop-bx .close-btn{position:relative;}
.presale-pop-bx .close-btn .btnx{position:absolute;right:20px;top:-45px;}
.presale-pop-bx .close-btn .btnx img{width:28px;}


/*홍보영상*/
.energyMv { display: block; margin: 0; overflow: hidden;padding:10px 10px 0px 10px;position:relative;}
.energyMv li { float:right; width:48%; margin:0; margin-bottom:30px;text-align:center;position:relative;}
.energyMv li img { width:100% !important;height:220px;margin-bottom:20px;}
.energyMv span.tt  {font-size:18px;text-align: center;padding: 5px 5px 10px 5px;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.energyMv span.btn {text-align: center; margin-top:10px; background:#fff; box-sizing:border-box}
.energyMv span.btn a { padding:0px 30px !important;}

.energyMv li:nth-child(2n+1) {float:left;margin-right: 0.7rem;}
.energyMv li:nth-child(2n+2) {margin-left: 0.5rem;}

.energyMv li .bx{border:1px solid #ddd;height:100%;padding:0px;padding-bottom:20px;}
.energyMv li div p{margin:0px !important;text-align:center;}

.energyMv li .bx:hover{
-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);
box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);
transition: all 0.3s ease-out;
border:1px solid #0067cc;
border-radius:0px 0px 30px 0px;
}


/* 컨텐츠 */
.content_wrap{width:78.1%; float:right; min-height:500px; padding-bottom:5%;position:relative;}
#conts .sub_tit{width:100%; padding:60px 0px 20px 0px; margin-bottom:10px;position:relative;overflow:hidden;}

.sub_tit h1{color:#111; padding-bottom:25px; font-size:2.3em; font-weight:500; margin:0;border-bottom:1px solid #ddd;}
.scrum{position:absolute;right:0px;bottom:40px;margin:0;}
.scrum span.home{position:relative;top:0px; display:inline-block; width:24px; height:24px; background:url('../images/sub/home.png') no-repeat; margin-right:10px;}
.scrum span.arrow{position:relative;top:3px;background:url('../images/sub/scrum_arrow.png')no-repeat left center; padding:6px 10px 6px 15px; vertical-align:top;}
.tit_link{position:absolute; right:0; top:95px;}
.tit_link ul li {float:left; padding-left:5px;}
.tit_link ul a {display:block; border-radius:17px; width:34px; height:34px; line-height:27px; text-align:center;}
.tit_link ul span {color:#fff;}

/*공공누리*/
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
.content-footer .img-open {float:left;}
.content-footer .content-footer-comment {margin-left:83px; line-height:22px; float:left;}
.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
.content-footer:after {clear:both; display:block; content:"" ;}

/* 만족도 */
.wrp-satisfied {position:relative; margin-top:10%; margin-bottom:20px;padding:25px 140px 25px 160px; border:1px solid #d2dde8;  overflow:hidden; background:#f3f8fd url(../images/ico/satisfyIcon.png) 43px center no-repeat;}
.wrp-satisfied dl {overflow:hidden;}
.wrp-satisfied dt {clear:both; font-size:1.143em; color:#333;}
.wrp-satisfied label {float:left; margin-top:6px; margin-right:30px;}
.wrp-satisfied label.last {margin-right:0;}
.wrp-satisfied span {display:inline-block; margin-right:-3px;}
.wrp-satisfied button {position:absolute; top:50%; right:36px; margin-top:-18px; min-width:0; width:88px; border:0;}


/*Tablet*/
@media screen and (min-width:768px) and (max-width:1024px) {

.plan-bx{background-color:#fff;}
.plan-bx ul li{position:relative;float:left;width:100%;height:100%;min-height:80px;margin:10px 0px 30px 0px;padding:40px 0px 15px 0px;text-align:center;font-size:17px;}
.plan-bx ul li span{display:inline-block;margin-left:3px;}
.plan-bx ul li .num1{color:#fff;position:absolute;top:-23px;left:42%;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label01.png) no-repeat;}
.plan-bx ul li .num2{color:#fff;position:absolute;top:-23px;left:42%;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label02.png) no-repeat;}
.plan-bx ul li .num3{color:#fff;position:absolute;top:-23px;left:42%;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label03.png) no-repeat;}
.plan-bx ul li .num4{color:#fff;position:absolute;top:-23px;left:42%;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label04.png) no-repeat;}
.plan-bx ul li.bx1{background:#e3f1fa;color:#006db4;}
.plan-bx ul li.bx2{background:#e3f3ee;color:#017942;}
.plan-bx ul li.bx3{background:#e3f2f4;color:#016e75;}
.plan-bx ul li.bx4{background:#efe3f7;color:#7c01a0;}
	
.container{width:100% !important;}
#lnb{display:none;}
.content_wrap{width:100%;display:block;}

.in-wrap{padding:0 15px;}

.content_wrap .sub_tit{width:100%; padding:20px 0px; margin-bottom:30px;position:relative;overflow:hidden;}
.sub_tit h1{text-align:center;color:#111; padding-bottom:25px; font-size:2em; font-weight:500; margin:0;border-bottom:1px solid #ddd;}
.scrum{display:none;}

.content_wrap img{max-width:100%;margin-top:0; margin-bottom:10px;}
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0;}
.content-footer .img-open {clear:left !important; text-align:center; width:100%; padding-bottom:20px;}
.content-footer .content-footer-comment {width:95%; margin-left:0px; line-height:22px;clear:both;}

.cont-bottom-wrap{overflow:hidden; /* margin-top:30px */;}
.wrp-satisfied{padding:20px 8px; background:#f3f8fd;}
.wrp-satisfied button {position:static; width:100%; margin-top:10px;}
.wrp-satisfied dt {font-size:1em;}

#step_style1 ul{overflow:hidden;padding:10px 0px;}
#step_style1 ul li{float:left;width:30%;margin:10px;}
#step_style1 ul li span{display:block;}
#step_style1 ul li > div{width:100%;height:275px;border:1px solid #ddd;border-radius:7px;}
#step_style1 ul li > div p.stepTit1{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#1d7fcb;color:#fff;font-size:18px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit2{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#21a739;color:#fff;font-size:18px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit3{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#17a9a4;color:#fff;font-size:18px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit4{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#e54a56;color:#fff;font-size:18px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit5{height:90px;padding:30px 0px 15px 0px;margin:0px;background-color:#fd6631;color:#fff;font-size:18px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit6{height:90px;padding:15px 0px;margin:0px;background-color:#f03e3e;color:#fff;font-size:18px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div > ul li{width:90%;height:auto;background:url(../images/main/icon_dot.jpg) 0px 13px no-repeat;padding:2px 0px 2px 8px;margin:0px 0px 0px 15px;line-height:160%;}

.parcelout-bx ul li{position:relative;float:left;width:44.4%;height:100%;height:73px;background:#f1f1f1;margin:10px 20px 30px 20px;padding:25px 10px 10px 70px;text-align:left;font-size:17px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}

}


/*Mobile*/
@media screen and (max-width:767px) {
	
h3{position:relative; background:url("../images/sub/icon_h3.png") 0px 7px no-repeat; margin:10px 0px 10px 0px; padding:0px 0px 0px 17px;color:#00724e;font-size:18px;}
h4{position:relative; background:url("../images/sub/icon_h4.png") -5px 1px no-repeat;font-size:15px !important;color:#111; padding:0px 0px 0px 13px;margin:20px 0px 5px 0px;}

.text-center-m{text-align:center;}

.img_wrap {display:inline-block;position:relative; max-width:100%;}
.img_wrap img{float:left; max-width:100%; padding:0;margin:5px 0px 30px 0px;}
.img_wrap .img_zoom{display:inline-block;overflow:hidden;position:absolute;bottom:0;right:0;z-index:10;width:30px;height:30px;background: url('../images/sub/icon_zoom.png') no-repeat;padding:0px;font-size:12px;}
.img_wrap .img_zoom a{ display:block;width:30px;height:30px;font-size:0;line-height:0;text-indent: 100%;}

.tbl_type1 {width:100%; margin:5px 0px 30px 0px; border-top:3px solid #666;}
.tbl_type1 th{color:#222;font-size:15px; background-color:#f6f6f6; padding:10px;border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;text-align:center;}
.tbl_type1 td{padding:10px; text-align:center; border:1px solid #ddd;font-size:14px;}


.plan-bx{background-color:#fff;margin-top:30px;}
.plan-bx ul li{position:relative;float:left;width:100%;height:100%;min-height:80px;margin:10px 0px 30px 0px;padding:40px 0px 15px 0px;text-align:center;font-size:16px;}
.plan-bx ul li span{display:inline-block;margin-left:3px;}
.plan-bx ul li .num1{color:#fff;position:absolute;top:-23px;left:30px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label01.png) no-repeat;}
.plan-bx ul li .num2{color:#fff;position:absolute;top:-23px;left:30px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label02.png) no-repeat;}
.plan-bx ul li .num3{color:#fff;position:absolute;top:-23px;left:30px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label03.png) no-repeat;}
.plan-bx ul li .num4{color:#fff;position:absolute;top:-23px;left:30px;width:115px;height:55px;padding-top:8px;background:url(../images/sub/icon_label04.png) no-repeat;}
.plan-bx ul li.bx1{background:#e3f1fa;color:#006db4;}
.plan-bx ul li.bx2{background:#e3f3ee;color:#017942;}
.plan-bx ul li.bx3{background:#e3f2f4;color:#016e75;}
.plan-bx ul li.bx4{background:#efe3f7;color:#7c01a0;}


.plan-img-bx .img{padding:80px 0px 0px 0px;}
.plan-img-bx .info{position:relative;right:0px;bottom:0px;}

/*토지이용계획*/
.plan-img-bx2 .img{padding-bottom:30px;}
.plan-img-bx2 .remarks{position:relative;top:0px;right:0px;background:#f9f9f9;padding:15px;}
.plan-img-bx2 .remarks ul li{display:inline-block;width:49%;height:30px;font-size:14px;padding:2px 0px;}
.plan-img-bx2 .img{padding-top:30px;}
	
#lnb{display:none;}
.content_wrap{width:100%;display:block;}

.in-wrap{padding:0 15px;}
#sub-visual{display:none;}

.content_wrap .sub_tit{width:100%; padding:0px; margin-bottom:30px;position:relative;overflow:hidden;}
.sub_tit h1{position:relative;width:100%;height:100%;overflow:hidden;text-shadow: 0 0 3px #555;background:url(../images/sub/bg_sub_visual.jpg) no-repeat top center;background-size:cover;text-align:center;color:#fff !important;font-size:1.8em;margin:0;padding:25px 0px;}
.scrum{display:none;}

.content_wrap img{max-width:100%;margin-top:0; margin-bottom:10px;}
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0;}
.content-footer .img-open {clear:left !important; text-align:center; width:100%; padding-bottom:20px;}
.content-footer .content-footer-comment {width:95%; margin-left:0px; line-height:22px;clear:both;}

.cont-bottom-wrap{overflow:hidden;}
.wrp-satisfied{padding:20px 8px; background:#f3f8fd;}
.wrp-satisfied button {position:static; width:100%; margin-top:10px;}
.wrp-satisfied dt {font-size:1em;}

#step_style1 ul{overflow:hidden;padding:10px 0px;}
#step_style1 ul li{float:left;width:100%;margin:1% 0%;}
#step_style1 ul li span{display:block;}
#step_style1 ul li > div{width:100%;height:auto;border:1px solid #ddd;border-radius:7px;}
#step_style1 ul li > div p.stepTit1{height:auto;padding:15px 0px;margin:0px;background-color:#1d7fcb;color:#fff;font-size:17px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit2{height:auto;padding:15px 0px;margin:0px;background-color:#21a739;color:#fff;font-size:17px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit3{height:auto;padding:15px 0px;margin:0px;background-color:#17a9a4;color:#fff;font-size:17px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit4{height:auto;padding:15px 0px;margin:0px;background-color:#e54a56;color:#fff;font-size:17px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit5{height:auto;padding:15px 0px;margin:0px;background-color:#fd6631;color:#fff;font-size:17px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div p.stepTit6{height:auto;padding:15px 0px;margin:0px;background-color:#f03e3e;color:#fff;font-size:17px;text-align:center;border-radius:7px 7px 0px 0px;}
#step_style1 ul li > div > ul li{width:90%;height:auto;background:url(../images/main/icon_dot.jpg) 0px 13px no-repeat;padding:2px 0px 2px 8px;margin:0px 0px 0px 15px;line-height:160%;}

.parcelout-bx ul li{position:relative;float:none;width:95%;height:100%;height:73px;background:#f1f1f1;margin:30px auto;padding:25px 10px 10px 70px;text-align:left;font-size:17px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}

/*홍보영상*/
.energyMv { display: block; margin: 0; overflow: hidden;padding:10px 10px 0px 10px;position:relative;}
.energyMv li { float:left; width:100%; margin:0; margin-bottom:30px; text-align:center;position:relative;}
.energyMv li img { width:100% !important;height:220px;margin-bottom:20px;}
.energyMv span.tt  {font-size:18px;text-align: center;padding: 5px 5px 10px 5px;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.energyMv span.btn {text-align: center; margin-top:10px; background:#fff; box-sizing:border-box}
.energyMv span.btn a { padding:0px 30px !important;}

.energyMv li:nth-child(2n+1) {float:left;margin-right: 0.7rem;}
.energyMv li:nth-child(2n+2) {margin-left: 0.5rem;}

.energyMv li .bx{border:1px solid #ddd;height:100%;padding:0px;padding-bottom:20px;}
.energyMv li div p{margin:0px !important;text-align:center;}

.energyMv li .bx:hover{
-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);
box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);
transition: all 0.3s ease-out;
border:1px solid #0067cc;
border-radius:0px 0px 30px 0px;
}

}