em{font-style: normal;}

/* ==============  사업소개 =================== */ 

.tit_wrap{position: relative; margin-bottom: 50px; text-align: center; color: #000;}
.tit_wrap span{display:block;}
.tit_wrap .ttxt{color:#1f70f6; line-height: 1.2em;  }
.tit_wrap .ttxt em{position: relative; font-size:22px;}
.tit_wrap .ttxt em:after{content: ''; display: block; position: absolute; width:100%; height: 1px;background-color:#1f70f6; left:0; bottom:-3px;}
.tit_wrap .btxt{font-size: 60px; padding:30px 0 35px 0; font-weight: 800;     font-family: 'GmarketSans'; line-height: 1em;}
.tit_wrap .stxt{line-height: 30px; font-size:20px;}


.con_img {border-radius: 30px; overflow: hidden; margin-bottom:30px;}


.intro-wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.intro-wrap .intro_img{display:none;}
.intro-wrap .con_img{border-radius: 30px; overflow: hidden; width:49%; background:url(/images/rtcluster/sub/sub1.jpg) no-repeat 0 0;}
.intro-wrap .infowrap{width:49%;}
.intro-wrap .infowrap ul[class^="list_ul"] li >ul{margin-bottom: 0px;}
.intro-wrap .infowrap .full:last-child{margin-bottom:0;}


.infowrap{display: flex; justify-content: space-between;  align-items: center;  flex-wrap: wrap;}
.infowrap div{margin-bottom: 20px; border:1px solid #ddd; border-radius:15px; padding:30px; width: 49%; box-sizing: border-box; display: flex;  justify-content: lex-start; flex-wrap: wrap;}
.infowrap .full{width:100%;}
.infowrap span{display: inline-block; padding:8px 0;}
.infowrap .tit{color:#1f70f6; font-family: 'GmarketSans';  font-size:20px; width:245px; padding-left:55px; box-sizing: border-box; position:relative;}
.infowrap .info_txt{width:calc(100% - 245px);}

.infowrap .icon01{background: url(/images/rtcluster/sub/icon01.png) no-repeat 0 0; }
.infowrap .icon02{background: url(/images/rtcluster/sub/icon02.png) no-repeat 0 0; }
.infowrap .icon03{background: url(/images/rtcluster/sub/icon03.png) no-repeat 0 0; }
.infowrap .icon04{background: url(/images/rtcluster/sub/icon04.png) no-repeat 0 0; }
.infowrap .icon05{background: url(/images/rtcluster/sub/icon05.png) no-repeat 0 0; }           

/** 콘텐츠 디자인 **/
.infowrap .icon06 {background: url(/images/rtcluster/sub/icon06.png) no-repeat 0 0;}
.infowrap .icon07 {background: url(/images/rtcluster/sub/icon07.png) no-repeat 0 0;}
.infowrap .icon08 {background: url(/images/rtcluster/sub/icon08.png) no-repeat 0 0;}
.infowrap .icon09 {background: url(/images/rtcluster/sub/icon09.png) no-repeat 0 0;}
.infowrap .icon10 {background: url(/images/rtcluster/sub/icon10.png) no-repeat 0 0;}
.infowrap .icon11 {background: url(/images/rtcluster/sub/icon11.png) no-repeat 0 0;}
.infowrap .icon12 {background: url(/images/rtcluster/sub/icon12.png) no-repeat 0 0;}
.banner_img{align-items: center;}
.banner_img .info_txt{padding:0}
.banner_img .info_txt img + img{margin-left:10px;}


@media all and (max-width:1200px){


	.infowrap div{width: 100%; padding:20px;}

}


@media all and (max-width:1120px){


	.con_img,
	.intro-wrap .infowrap,
	.intro-wrap .con_img{width:100%;}

	.intro-wrap .intro_img{display:block;}
	.con_img{background:none; margin-bottom: 20px;}

}

@media all and (max-width:768px){


	.infowrap .tit,
	.infowrap .info_txt{width:100%;}
	.infowrap .info_txt{margin-top: 10px;}

	.tit_wrap{margin-bottom: 30px;}
	.tit_wrap .ttxt em{font-size:18px;}
	.tit_wrap .btxt{font-size: 45px; padding: 20px;}
	.tit_wrap .stxt{line-height: 25px; font-size: 18px;}
	.con_img{border-radius:10px;}


}

@media all and (max-width:600px){
	.banner_img .info_txt img + img{margin-left:0px;}
}

/*토지이용안내*/
.box_color_typ1{ position: relative; padding:90px 0 90px 8.5%; display:flex; margin-bottom:80px; justify-content: space-between;  }
.box_color_typ1:after{content:''; width:85%; height:100%; background:#f0f4fa url(/images/rtcluster/sub/box_color_typ1.jpg) no-repeat right bottom; position: absolute; left:0; top:0; z-index:0; border-radius:0 800px 50px 0;     }
.text_tit{position: absolute;  left: 0;   top: 0; font-family: 'GmarketSans';}
.text_tit span{display:block; line-height: 1em; color:#333;}
.text_tit .stxt{font-size:24px; margin-bottom:20px;}
.text_tit .btxt{font-size:50px; font-weight: 800;     display: flex; align-items: flex-end;}

.box_color_typ1 .remarks{ padding: 50px 8.5% 50px 50px;  z-index: 1; width:45%;}
.box_color_typ1 .remarks li{width: 33.3%;}
.box_color_typ1 .img_con{ width: 51%; box-sizing:border-box; z-index:1; position: relative; padding-left: 90px;}

/*분양현황*/
.box_color.type1{padding:90px 80px; position: relative;} 
.box_color.type1 .img{width:870px; margin:0 auto; position: relative;}
.box_color.type1 .text_tit{position: absolute;  left: 80px;   top: 90px; }
.box_color.type1 .point{line-height:auto;}


@media all and (max-width:1680px){

	.box_color_typ1 .remarks{padding: 50px 4.5% 50px 100px; }

}


@media all and (max-width:1600px){

	.box_color_typ1{padding:90px 0 90px 20px; }
	.box_color_typ1 .remarks{padding: 50px 20px 50px 100px; }
	.text_tit{    position: relative;}
	.box_color_typ1 .img_con{padding-left: 0px;}

}


@media all and (max-width:1140px){

	.box_color.type1{padding: 40px; flex-wrap: wrap;}
	.box_color.type1 .text_tit{    position: relative; left: 0;    top: 0; width:100%;}
	.box_color.type1 .text_tit img{display:none;}

}



@media all and (max-width:1100px){
	
	.box_color_typ1{padding: 50px 20px; flex-wrap: wrap;}
	.text_tit{margin-bottom:20px;}
	.box_color_typ1:after{width:100%; border-radius: 0 400px 50px 0; background: #f0f4fa url(/images/rtcluster/sub/box_color_typ1.jpg) no-repeat right bottom; border-radius: 0;}
	.box_color_typ1 .remarks,
	.box_color_typ1 .img_con{width:100%;}

	.box_color_typ1 .remarks{padding: 30px; border-radius: 10px; margin-top:20px;}

	.box_color_typ1 .img_con{text-align: center;}
	.text_tit{text-align: left;}

	.box_color.type1 .img{    width: auto;}

}

@media all and (max-width:640px){

	.box_color_typ1{margin-bottom: 50px;}
	.box_color_typ1 .remarks li{width: 50%;}
	.text_tit .stxt{font-size: 18px; margin-bottom: 10px;}
	.text_tit .btxt{font-size: 30px;}

}


/*지구단위계획 */
.conts_img_wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.conts_img_wrap .conts_img{width:45%; position: relative;  padding: 30px;  box-sizing: border-box; text-align: center;}
.conts_img_wrap .con_txt{width:50%; }


.remarks{padding: 0;  text-align: left;}
.remarks ul li{    padding: 5px 0px;  float: left; width: 16.6%; font-size: 15px;}
.remarks ul li.co1:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#e3861f;margin-right:10px;}
.remarks ul li.co2:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#acc919;margin-right:10px;}
.remarks ul li.co3:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#4a3c79;margin-right:10px;}
.remarks ul li.co4:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#c53d2f;margin-right:10px;}
.remarks ul li.co5:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#89dbe6;margin-right:10px;}
.remarks ul li.co6:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#147cbb;margin-right:10px;}
.remarks ul li.co7:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#df5475;margin-right:10px;}
.remarks ul li.co8:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#2e566f;margin-right:10px;}
.remarks ul li.co9:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#9c88b9;margin-right:10px;}
.remarks ul li.co10:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#7f8b7f;margin-right:10px;}
.remarks ul li.co11:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#4a3c79;margin-right:10px;}
.remarks ul li.co12:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#fee516;margin-right:10px;}
.remarks ul li.co13:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#058a2d;margin-right:10px;}
.remarks ul li.co14:before{position:relative;top:-3px;content:"";display:inline-block;width:18px;height:5px;background:#526d42;margin-right:10px;}

@media all and (max-width:1024px){

	.conts_img_wrap .conts_img, 
	.conts_img_wrap .con_txt{width:100%; }
	.remarks ul li{width: 33.3%;}
}





.map{ margin-bottom:30px;     border-radius: 20px; z-index: 1;   position: relative;}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont{display:none;}

/* ============== e브로슈어 =================== */ 

.brochureWrap{text-align: center; background:url(/images/rtcluster/sub/bgImg_01.png), linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(242, 245, 252, 1) 100%); padding-bottom: 125px; border-radius: 30px; background-repeat: no-repeat; background-position: bottom center; max-width: 1600px; margin: 0 auto; padding: 0 30px 125px 30px;}
.broTit .subTit{font-size: 24px;}
.broTit .mainTit{font-size: 60px; font-weight: 800; margin: 35px 0 30px 0; line-height: 1em; color: #000;}
.tip{font-size: 15px; color: #1f70f6; padding-left: 28px; position: relative; }
.tip::before{position: absolute; content: ''; display: block; left: 0; top: 0px; background: url(/images/rtcluster/sub/tip.png;) no-repeat center center; width: 18px; height: 18px;}
.brochure{margin-top: 65px;}
.brochure>img{ border: 1px solid #e7e8ee; border-radius: 10px 30px 30px 10px; box-shadow: 9px 9px 0px 4px #dbe4f9; overflow: hidden;}
.btnWrap{margin-top: 65px;}
.rtclusterbtn{border-radius: 50px; padding: 15px 70px 15px 25px; color: #6a6d7b; position: relative; border: 1px solid #1f70f6; transition: all 0.2s; background: #fff;}
.rtclusterbtn.down::after{content: ''; display: block; position: absolute; width: 19px; height: 19px; background-image: url(/images/common/spr_content.png); background-repeat: no-repeat; top: 50%; right: 25px; background-position:-35px -44px; transform: translate(0, -50%)}
.rtclusterbtn.down:hover{color: #fff; background: #1f70f6;}
.rtclusterbtn.down:hover::after{background-position: 2px -44px;}

@media all and (max-width:1600px){

	.brochureWrap{padding: 0 20px;}
	
}

@media all and (max-width:768px){

	
	.broTit .mainTit{font-size:40px;     margin: 20px 0;}
	.broTit .subTit{font-size:18px;}

	.brochure{margin-top:35px;}
	.brochure>img{    box-shadow: 2px 2px 0px 4px #dbe4f9;}
}




/* ==============홍보영상 =================== */ 

.videoWrap{text-align: center; position: relative;}
.videoWrap::before{position: absolute; content: ''; display: block; width: 100%; height: 782px; background: url(/images/rtcluster/sub/videoBg.png) no-repeat; z-index: -1; top: -100px; background-size: contain;}
.videoTIt{margin-bottom: 60px;}
.inVideo{max-width: 862px; max-height: 484px; border-radius: 30px; overflow: hidden; margin: 0 auto; box-shadow: 0px 8px 20px 3px rgb(171 176 190 / 49%)}
.inVideo video{width: 100%; height: 100%; display: block;}
.videoTxt{display: flex; align-items: center; margin: 45px auto; max-width: 862px;}
.videoTxt .txtLine{width: 100%; height: 1px; border-top: 1px solid #bababa;}
.videoTxt .vTxt{color: #bababa; font-size: 14px; width: 165px; flex-shrink: 0; text-align: right;}
.videoTxtWrap{max-width: 862px; display: flex; justify-content: space-between; text-align: left; margin: 0 auto;}
.videoSubTit{font-size: 24px; line-height: 1.2em; color: #000; font-weight: 800; margin-right: 20px;}


@media (max-width: 1600px){

	.videoWrap{padding:0 20px; box-sizing: border-box;}

} 

@media (max-width: 797px){

	.videoTxtWrap{display: block; text-align: center;}
	.videoSubTit{margin-bottom: 20px;}

}  


/*사이버평생학습*/
.ban_list{}
.ban_list li img {padding:20px 0;}
.ban_list li {width:48%;float:left;margin-right:3.5%;padding:30px;box-sizing:border-box;border:1px solid #ddd;height:395px;text-align:center;border-radius:40px 0 0 0; margin-bottom:40px;}
.ban_list li:nth-child(2n) {margin-right:0;}
.ban_list li:hover {border:1px solid #407bdc;transition:0.3s;box-shadow:1px 1px 7px rgba(0,0,0,0.3);}

.ban_list li div {margin-top:30px;border-top:1px dotted #ddd;padding:20px 0;font-family:'GmarketSans';font-weight:500;}
.ban_list li div .tit {font-size:26px;margin-bottom:15px}
.ban_list li div .txt  {font-size:16px;height:50px;margin-bottom:25px;line-height:normal;color:#666;}

.ban_list li div a {position:relative;padding:15px 40px 15px 25px;display:inline-block;border:1px solid #666;border-radius:5px;}
.ban_list li div a::after {   content: '';  display: block; width: 16px; height: 16px; background-image: url(/images/common/spr_content.png);background-position:-111px -46px; background-repeat:  no-repeat;position: absolute; top: 50%; right: 15px;margin-top: -8px;}

.ban_list li:hover div a:hover {background:#407bdc;border:1px solid #407bdc;color:#fff;}
.ban_list li:hover div a:hover::after {    background-position: -74px -46px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
                                                                                                                        
@media (max-width:1000px) {
	.ban_list li img {padding:12px 0;}

	.ban_list li div .txt {line-height:24px;height:auto;}

}

@media (max-width:850px) {
	.ban_list li div .tit {font-size:22px;}
    .ban_list li {width:100%;margin-bottom:20px;height:auto;}
    .ban_list li:after {content:'';display:block;clear:both;}
    .ban_list li img {float:left;width:40%;padding:25px;box-sizing:border-box;}
    .ban_list li div {float:left;text-align:left;border-top:none;border-left:1px dotted #ddd;padding:0 20px 0 40px;box-sizing:border-box;width:60%;}
}

@media (max-width:550px) {

    .ban_list li img {width:auto;float:none;}
    .ban_list li div {width:100%;border-top:1px dotted #ddd;border-left:none;padding:30px 0;text-align:center;} 
}  

.map_info{padding: 40px;   box-shadow: 0 0 20px rgb(0 0 0 / 20%);  border-radius: 0 0 30px 30px;  margin-top: -40px;  border: 1px solid #ddd;  z-index: 0;   position: relative;}
.map_info .san_list li{float:left; width:25%; box-sizing:border-box;}

@media (max-width:1000px) {

	.map_info .san_list li{width:50%; }
}  


/*업종배치계획*/
.box_color{border-radius:20px; display:flex; background:#f2f5fc; position: relative; align-items: center;   justify-content: center; padding:90px 0;}
.box_color dl{position: absolute; /*width:450px;*/} 
.box_color dl dt {margin-bottom:25px;}
.box_color dl dt span{display: inline-block; border-radius:30px; line-height:40px; color:#fff; font-size:20px; font-weight: 600; padding: 0 30px;}

.box_color dl dd{padding-left:25px;}
.box_color dl dd strong{width:50px; display:inline-block;}
.box_color dl dd span{color:#4d4e55;}

.box_color .rd{top: 60px; left: 2.5%;}
.box_color .rd dt span{ background:#1f70f6;}
.box_color .rd dd strong{color:#1f70f6; }

.box_color .rt{bottom: 60px; right: 2.5%;}
.box_color .rt dt span{ background:#ff703f;}
.box_color .rt dd strong{color:#ff703f; }         

@media (max-width:1280px) {

	.box_color .rt{    bottom: auto;  right: auto;  top: 400px;  left: 0;}
	.box_color{justify-content: flex-end;}
}  


@media (max-width:1060px) {

	.box_color{    flex-wrap: wrap; padding: 50px 20px;}
	.box_color dl{width:100%;     position: relative;}
	.box_color .rd{    top: auto; left: auto; margin:20px 0;}
	.box_color .rt{    bottom: auto;  right: auto; left:auto; top:auto;}
	.box_color dl dd{padding-left: 10px;}
}