@charset "utf-8";
@import url('contents/main.css');
@import url('contents/slick.css');

/* sub_top  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.sub_visual{height:550px;position:relative;width:100%;display:table;background-attachment:fixed;background-repeat:no-repeat;background-position:top center;background-image:url('../images/page/sub_visual.jpg');}
.sub_visual .vis_inner{display:table-cell;vertical-align:middle;text-align:center;}
.sub_visual .vis_inner h2{color:#fff;}

.sub_area{padding:var(--ep-padding-xl) 0 var(--ep-padding-xxl) 0;}
.sub_area .sub_title{margin-bottom:var(--ep-margin-xl);text-align:center;color:var(--ep-black);font-weight:500;}
.sub_area .image{}
.sub_area .image img{display:block;margin:0 auto;max-width:100%;}
.sub_area strong{font-weight:600;}


.sub_top .sub_menu{position:relative;width:100%;display:inline-block;border-bottom:1px solid var(--ep-border-color);}
.sub_top .sub_menu ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.sub_top .sub_menu ul li{width:200px;height:70px;border-left:1px solid var(--ep-border-color);display:table;text-align:center;}
.sub_top .sub_menu ul li:last-child{border-right:1px solid var(--ep-border-color);}
.sub_top .sub_menu ul li a{font-size:1.125rem;font-weight:500;color:var(--ep-gray-dark);display:table-cell;vertical-align:middle;}
.sub_top .sub_menu ul li a:hover,
.sub_top .sub_menu ul li.active a{background-color:var(--ep-primary);color:#fff;}




.sub_area .top_list{padding:var(--ep-padding-sm);border-radius:var(--ep-border-radius-xxl);background-color:var(--ep-secondary);}
.sub_area .top_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.sub_area .top_list ul li{padding:0 5px;position:relative;}
.sub_area .top_list ul li:before{content:'';position:absolute;top:50%;margin-top:-5px;left:0px;width:1px;height:10px;background:rgba(255,255,255,0.3);}
.sub_area .top_list ul li:first-child::before{content:none;}
.sub_area .top_list ul li a{font-size:1.125rem;color:#fff;padding:5px 15px;background-color:transparent;border-radius:20px;}
.sub_area .top_list ul li a:hover{color:var(--ep-primary);}
.sub_area .top_list ul li.on a{background-color:var(--ep-primary);}
.sub_area .top_list ul li.on a:hover{color:#fff;}



/* 매물목록  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.sub_area.Forsales .top_list{margin-bottom:var(--ep-margin-xl);}
.sale_list{margin:-25px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.sale_list .sale_item{padding:25px;flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;width:33.33%;}
.sale_list .sale_item .item_box{background-color:#fff;box-shadow:7px 7px 10px rgba(0,0,0,0.2);display:block;box-sizing:content-box;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sale_list .sale_item .item_box:hover{box-shadow:7px 7px 10px rgba(0,0,0,0.5);}
.sale_list .sale_item .item_box:hover .explain .sale_tit h5{color:var(--ep-primary);}
.sale_list .sale_item .item_box:hover .explain .sale_tit p{color:var(--ep-gray-dark);}
.sale_item .item_box .image{width:100%;height:300px;overflow:hidden;}
.sale_item .item_box .image img{display:block;margin:0 auto;max-width:100%;}
.sale_item .item_box .explain{padding:var(--ep-padding-sm);}
.item_box .explain .sale_tit{padding-bottom:var(--ep-padding-sm);border-bottom:1px solid var(--ep-border-color);}
.item_box .explain .sale_tit h5{color:var(--ep-dark);margin-bottom:var(--ep-margin-ssm);font-weight:500;-webkit-transition:all 0.5s;transition:all 0.5s;}
.item_box .explain .sale_tit p{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:all 0.5s;transition:all 0.5s;}
.item_box .explain .sale_kind{padding:var(--ep-padding-sm) 0;}
.explain .sale_kind .kind_cont{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.explain .sale_kind .kind_cont .obj{border-left:1px solid var(--ep-border-color);padding:0 var(--ep-padding-sm);flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;position:relative;}
.explain .sale_kind .kind_cont .obj:first-child{border-left:none;padding:0;}
.explain .sale_kind .kind_cont .obj span{padding:2px 15px;margin-bottom:5px;display:inline-block;color:#fff;text-align:center;background-color:var(--ep-primary);border-radius:30px;}
.explain .sale_kind .kind_cont .obj span.rent_month{background-color:var(--ep-secondary);}
.explain .sale_kind .kind_cont .obj .kind_price{}
.explain .sale_kind .kind_cont .obj .kind_price strong{font-size:1.50rem;padding-right:5px;font-weight:600;color:var(--ep-dark);}

.sub_area.Room .sales_detail{margin-bottom:var(--ep-margin-xl);}
.sales_detail .detail_top{}

.sales_detail .detail_info{}
.detail_info .photo_cont{margin:-10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.detail_info .photo_cont .obj{padding:10px;}

.sub_area.Room .sales_link,.bottom_button{margin:-5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.sales_link .obj,.bottom_button .obj{padding:5px;}
.sales_link .obj .sales_button{font-size:1.250rem;padding:20px 60px;border-radius:60px;text-align:center;color:#fff;display:inline-block;}
.sales_link .obj .sales_button.primary{background-color:var(--ep-primary);}
.sales_link .obj .sales_button.secondary{background-color:var(--ep-secondary);}

.bottom_button .obj a{font-size:1.063rem;padding:10px 40px;border-radius:60px;text-align:center;color:#fff;display:inline-block;}

/* 입주사소개  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.sub_area.Resident{}
.sub_area.Resident .top_list{margin-bottom:var(--ep-margin-xl);}
.sub_area.Resident .resident_list{margin:-15px;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.resident_list .item{padding:15px;flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:25%;}
.resident_list .item img{max-width:100%;display:block;margin:0 auto;}
.resident_list .item .top_image{}
.resident_list .item .cont{padding:1.5rem 1rem;background:#fff;text-align:center;border-left:1px solid var(--ep-border-color);border-bottom:1px solid var(--ep-border-color);border-right:1px solid var(--ep-border-color);}
.resident_list .item .cont .logo_image{width:150px;display:block;margin:0 auto 1rem auto;}
.resident_list .item .cont .logo_image img{width:100%;}
.resident_list .item .cont h6{font-weight:500;}
.resident_list .item .cont strong{margin:0.2rem 0;font-weight:500;display:block;}
.resident_list .item .cont p{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.resident_list .m_button{margin-top:var(--ep-margin-sm);}

.sub_area.ResidentCompany{}
.sub_area.ResidentCompany .resident_info{min-height:600px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url('../images/page/resident/resident_01_0.jpg');}
.sub_area.ResidentCompany.second .resident_info{background-image:url('../images/page/resident/resident_02_0.jpg');}
.sub_area.ResidentCompany.three .resident_info{background-image:url('../images/page/resident/resident_03_0.jpg');}
.sub_area.ResidentCompany.four .resident_info{background-image:url('../images/page/resident/resident_04_0.jpg');}
.sub_area.ResidentCompany.five .resident_info{background-image:url('../images/page/resident/resident_05_0.jpg');}
.sub_area.ResidentCompany.six .resident_info{background-image:url('../images/page/resident/resident_06_0.jpg');}

.resident_info .resident_cont{width:1000px;position:absolute;bottom:0px;left:50%;margin-left:-500px;padding:20px 50px;background-color:rgba(255,255,255,0.98);}
.resident_info .resident_cont h4{margin-bottom:var(--ep-margin-sm);text-align:center;}
.resident_info .resident_cont h4 strong{font-size:1.250em;font-weight:600;}

.sub_area.ResidentCompany .resident_text{padding:var(--ep-padding-xl) 0;text-align:center;}
.resident_text h2,.resident_text h4{margin-bottom:var(--ep-margin-sm);}
.resident_text h4{color:var(--ep-primary);}

.sub_area.ResidentCompany .resident_photo{margin:-15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.resident_photo .obj{padding:15px;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}

.sub_area.ResidentCompany .table_wrap{padding:10px 30px 10px 30px;background:transparent;border-top:1px solid var(--ep-secondary);}
.sub_area.ResidentCompany .table_wrap table.type_dot th,
.sub_area.ResidentCompany .table_wrap table.type_dot td{font-size:1.125rem;}
.sub_area.ResidentCompany .m_button{margin-top:var(--ep-margin-xl);width:100%;text-align:center;}



/* 입주사 소개  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.sub_area.ResidentInfo{}
.sub_area.ResidentInfo .top_list{margin-bottom:var(--ep-margin-xl);}
.sub_area.ResidentInfo .resident_info_list{margin:-15px;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.resident_info_list .item{padding:15px;flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:25%;}
.resident_info_list .item .cont{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.resident_info_list .item .logo_image{min-height:4.375rem;display:table;width:100%;text-align:center;border:1px solid var(--ep-border-color);margin-bottom:var(--ep-margin-ssm);}
.resident_info_list .item .logo_image em{display:table-cell;vertical-align:middle;font-size:2rem;color:var(--ep-gray-dark);font-family:var(--ep-font-family-secondary);font-weight:600;}
.resident_info_list .item .logo_image img{max-width:100%;margin:0 auto;display:block;}
.resident_info_list .item .info_home{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--ep-border-color);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:14px 13px;background-image:url('../images/common/location_home.png');}
.resident_info_list .item .info_home:hover{background-color:var(--ep-secondary);border:1px solid var(--ep-secondary);background-image:url('../images/common/location_home_wh.png');}
.resident_info_list .item span{padding:0 var(--ep-padding-ssm);}
.resident_info_list .item p,.resident_info_list .item span{line-height:1;}


/* table */
.sub_area .table_wrap{position:relative;}
.sub_area .table_wrap table{clear:both;width:100%;}
.sub_area .table_wrap table thead th{background:#1ebecc;/*#999;*/color:#fff;font-weight:bold;}
.sub_area .table_wrap table thead th{border-bottom:1px solid #00a3b1;}
.sub_area .table_wrap table thead th:last-child{border-right:1px solid #00a3b1;}
.sub_area .table_wrap table tbody th{background:#fafafa;color:#333;}
.sub_area .table_wrap table th,
.sub_area .table_wrap table td{padding:10px 20px;text-align:center;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.sub_area .table_wrap table th:last-child,
.sub_area .table_wrap table td:last-child{border-right:1px solid #ddd;}
.table_wrap table small{margin-top:0.2rem;font-size:0.938rem;color:#999;text-align:left;display:block;clear:both;}

.sub_area .table_wrap table.type_dot{}
.sub_area .table_wrap table.type_dot th,
.sub_area .table_wrap table.type_dot td{text-align:left;border-bottom:1px dotted #ddd;border-left:none;vertical-align:top;border-right:none;}
.sub_area .table_wrap table.type_dot th:last-child,
.sub_area .table_wrap table.type_dot td:last-child{border-right:none;}
.sub_area .table_wrap table.type_dot th{position:relative;background:none;padding-left:15px;font-weight:500;}
.sub_area .table_wrap table.type_dot th:before{content:'';position:absolute;top:17px;left:0px;width:4px;height:4px;border-radius:50%;background:var(--ep-secondary);}
.sub_area .table_wrap table.type_dot td a{color:var(--ep-primary);position:relative;}
.sub_area .table_wrap table.type_dot td a::before{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:var(--ep-primary);}
.sub_area .table_wrap table.type_dot td a:hover{color:var(--ep-primary-hover);}



.ff_form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.ff_form span{padding-right:0.2rem;}

.sub_area.Request .table_wrap{width:1000px;margin:0 auto var(--ep-margin-xl) auto;border-top:2px solid var(--ep-primary);padding-top:0.5rem;}