@charset "utf-8";

/* 분양중인 단지 */
.parcel_area_wrap { font-family: 'NotoSansCJKkr-Medium';
	position:relative; padding-top:45px;  z-index:3;
	/*background-color: #fff;*/
    display: flex;
}
.parcel_area_wrap .parcel_area_cont {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 0 0 1px;
    position: relative;
    /* overflow: hidden; */
    /* background-color: red;
	height: 450px;
	*/
    right: 10px;
    
}
.parcel_area_wrap .parcel_area_cont .parcel_area_mask{ }
.parcel_area_wrap .parcel_area_cont .parcel_area_list{ width:1280px; left:0; top:0; }
.parcel_area_wrap .parcel_area_cont ul{ float:left;}
.parcel_area_wrap .parcel_area_cont ul li {float:left; width:366px; overflow:hidden; margin-bottom:30px; margin-right:16px; }
.parcel_area_wrap .parcel_area_cont ul li .cont{margin:0 0 0 28px; position:relative; height:416px;}
.parcel_area_wrap .parcel_area_cont ul li .sns{position:absolute; right:20px; top:20px; z-index:5}
.parcel_area_wrap .parcel_area_cont ul li .sns a{display:inline-block; width:32px; height:32px; background:#fff url(../images/common/icon_sns.png) no-repeat; overflow:hidden; text-indent:-9999px; border-radius:50px; margin-left:7px;}
.parcel_area_wrap .parcel_area_cont ul li .sns a.fb{background-position:0 0}
.parcel_area_wrap .parcel_area_cont ul li .sns a.ks{background-position:-33px 0}
.parcel_area_wrap .parcel_area_cont ul li .sns a.kt{background-position:-66px 0; display:none;}
.parcel_area_wrap .parcel_area_cont ul li .sns a.bd{background-position:-99px 0}
.parcel_area_wrap .parcel_area_cont ul li .img{  height:198px; position:relative; z-index:1; overflow:hidden;}
.parcel_area_wrap .parcel_area_cont ul li .img img{position:absolute; left:0; top:0; height:198px;}
.parcel_area_wrap .parcel_area_cont ul li .info { 
	background-color:#ffffff; 
	border-left:1px solid #dedede; 
	border-right:1px solid #dedede; 
	padding:24px 19px 0; 
	height:230px; 
	position:absolute; 
	z-index:3; left:0; right:0;
	top:198px; 
	overflow:hidden;
}
/*기본 넓이*/
.parcel_area_wrap .parcel_area_cont ul li .info_index { 
	width:308px; 
}

.parcel_area_wrap .parcel_area_cont ul li .info .date{ font-size:14px;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; font-weight:400;}
.parcel_area_wrap .parcel_area_cont ul li .info .date em{ }
.parcel_area_wrap .parcel_area_cont ul li .info h3{ font-size:18px; line-height:34px; max-height:35px; font-weight:400; overflow:hidden; margin:0 0 11px; position:relative;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; }
.parcel_area_wrap .parcel_area_cont ul li .info h3:after{content:'...';position:absolute; right:0; bottom:0; z-index:3;}
.parcel_area_wrap .parcel_area_cont ul li .info h3 span{display:block; min-height:35px; position:relative; padding-right:20px;}
.parcel_area_wrap .parcel_area_cont ul li .info h3 span:after{content:''; position:absolute; right:0; bottom:0; background-color:#ffffff; width:18px; height:34px; z-index:5}
/* 
.parcel_area_wrap .parcel_area_cont ul li .info .place{opacity:1; position:relative; padding-top:18px;}
.parcel_area_wrap .parcel_area_cont ul li .info .place:after{content:''; position:absolute; left:0px; top:0; background-color:#3c3c3c; width:30px; height:1px;}
*/
.parcel_area_wrap .parcel_area_cont ul li .info .place{font-size: 12px; opacity:1; position:relative; }


.parcel_area_wrap .parcel_area_cont ul li .info dl{overflow:hidden;}
.parcel_area_wrap .parcel_area_cont ul li .info dl dt{float:left; color:#222222;width:50px; margin-bottom:7px;}
.parcel_area_wrap .parcel_area_cont ul li .info dl dd{color:#767676;margin-bottom:7px; text-overflow:ellipsis; /* overflow:hidden; */ white-space:nowrap;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info{opacity:0; position:absolute; left:20px; right:20px; top:332px}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .place2 {font-size: 12px;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info dl{padding-top:18px;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info dl:after{content:''; position:absolute; left:0px; top:0; background-color:#fff; width:30px; height:1px;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info dl dt{color:#fff;width:50px;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info dl dd{color:#fff;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .btns{overflow:hidden; margin:98px 1px 0; display:table; width:100%;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .btns a{display:table-cell; width:33.3%; height:54px; line-height:54px; color:#fff; font-size:0.875em; font-weight:600; text-align:center; position:relative;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .btns a span.bg{filter: alpha(opacity=20); background-color:#fff; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.2; z-index:1;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .btns a:before{content:''; background-color:#646359; position:absolute; left:0; top:0; bottom:0; width:1px; z-index:2;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .btns a:first-child:before{display:none;}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .tel{text-align:center; margin-top:28px}
.parcel_area_wrap .parcel_area_cont ul li .layer_info .tel a{display:inline-block; font-family:AppleSDGothicNeo-Light,Gotham;color:#fff; font-size:1.250em; background:url(icon_tel.png) 0 0 no-repeat; min-height:30px; padding:2px 0 0 38px;}
.parcel_area_wrap .parcel_area_cont ul li .bottom {overflow:hidden; border:1px solid #dedede; position:absolute; left:0; right:0; bottom:0; z-index:9}
.parcel_area_wrap .parcel_area_cont ul li .bottom a{ display: block;
    float: left;
    width: 50%;
    position: relative;
    background-color: #fff;
    height: 43px;
    line-height: 43px;
    text-align: center;
}
.parcel_area_wrap .parcel_area_cont ul li .bottom_index {
	overflow:hidden; 
	border:1px solid #dedede; 
	position:absolute; 
	left:0; 
	right:0; 
	bottom:0; 
	z-index:9;
	width:344px;
}
.parcel_area_wrap .parcel_area_cont ul li .bottom_index a{ 
	display: block;
    float: left;
    width: 50%;
    position: relative;
    background-color: #fff;
    height: 43px;
    line-height: 43px;
    text-align: center;
}
.parcel_area_wrap .parcel_area_cont ul li .bottom a:last-child{
}
.parcel_area_wrap .parcel_area_cont ul li .bottom a:first-child:after{content:''; position:absolute; right:0; top:0; bottom:0; border-right:1px solid #dedede}
.parcel_area_wrap .parcel_area_cont ul li .bottom_index a:last-child{ 

}
.parcel_area_wrap .parcel_area_cont ul li .bottom_index a:first-child:after{content:''; position:absolute; right:0; top:0; bottom:0; border-right:1px solid #dedede}
.parcel_area_wrap .parcel_area_cont ul li.hover .info {background:#fff url(bg_parcel_area_layer.gif) 0 0 no-repeat; border:0; }
.parcel_area_wrap .parcel_area_cont ul li.hover .info .date{color:#fff;}
.parcel_area_wrap .parcel_area_cont ul li.hover .info h3{color:#fff;}
.parcel_area_wrap .parcel_area_cont ul li.hover .info h3:after{display:none;}
.parcel_area_wrap .parcel_area_cont ul li.hover .info h3 span:after{display:none;}
.parcel_area_wrap .parcel_area_cont ul li.hover .place {opacity:0; }
.parcel_area_wrap .parcel_area_cont ul li.hover .bottom{ border:0; border-color:#dedede;}
.parcel_area_wrap .parcel_area_cont ul li.hover .bottom a{ border-color:#600f76; background-color:#600f76; color:#fff; }
.parcel_area_wrap .parcel_area_cont ul li.hover .bottom a:last-child{ 
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
    color: #600f76;
    right: 1px;
    margin-right: -1px;
    padding-right: 0px;
}
/*hover 넓이*/
.parcel_area_wrap_index .parcel_area_cont ul li.hover .info_index { width:308px;background:#fff url(bg_parcel_area_layer.gif) 0 0 no-repeat; border:0}
.parcel_area_wrap_index .parcel_area_cont ul li.hover .info_index { width:308px;background:#fff url(bg_parcel_area_layer.gif) 0 0 no-repeat; border:0}
.parcel_area_wrap .parcel_area_cont ul li.hover .info_index { width:308px;background:#fff url(bg_parcel_area_layer.gif) 0 0 no-repeat; border:0}
.parcel_area_wrap .parcel_area_cont ul li.hover .info_index .date{color:#fff;}
.parcel_area_wrap .parcel_area_cont ul li.hover .info_index h3{color:#fff;}
.parcel_area_wrap .parcel_area_cont ul li.hover .info_index h3:after{display:none;}
.parcel_area_wrap .parcel_area_cont ul li.hover .info_index h3 span:after{display:none;}

.parcel_area_wrap .parcel_area_cont ul li.hover .bottom_index{ border:0; border-color:#dedede; 
	width: 308px;
}
.parcel_area_wrap .parcel_area_cont ul li.hover .bottom_index a{ border-color:#600f76; background-color:#600f76; color:#fff; }
.parcel_area_wrap .parcel_area_cont ul li.hover .bottom_index a:last-child{
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
    color: #600f76;
	right: 1px;
    margin-right: -1px;
    padding-right: 0px;
}

.parcel_area_wrap .bottom{text-align:center; margin-top:30px; display:block;}
.parcel_area_wrap .bottom .arr{display:inline-block; width:32px; height:32px; background:url(bg_slider_arr.png) no-repeat; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.parcel_area_wrap .bottom .arr.prev{background-position:0 0}
.parcel_area_wrap .bottom .arr.next{background-position:100% 0}
.parcel_area_wrap .bottom .ind{display:inline-block; vertical-align:middle; margin:0 40px;}
.parcel_area_wrap .bottom .ind span{display:inline-block; vertical-align:middle; width:11px; height:11px; border-radius:10px; background-color:#cbcbcb; margin:0 10px; text-indent:-9999px; overflow:hidden;}
.parcel_area_wrap .bottom .ind span.active{background-color:#ff8601}