@charset "utf-8";


/*////// sub_vis //////*/
.sub_vis{position:relative; width:100%; height:438px; background:url(../image/sub/vis_img.jpg) no-repeat center center; background-size:cover; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.sub_vis h2{font-size:41px; color:#3F3536; font-weight:400; margin-bottom:10px;}
.sub_vis p{padding-bottom:30px}

/*////// sub_mu //////*/
.sub_mu{position:absolute; bottom:0}
.sub_mu ul{display:flex; height:65px; width:1300px;}
.sub_mu ul li{background:rgba(65,65,65,0.7); line-height:65px; flex:1 1 0; margin:0 0.5px; text-align:center;}
.sub_mu ul li a{display:block; background:#62605f; color:#fff; line-height:65px; font-weight:400; font-size:17px;  transition:all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);opacity: 0.8; }
.sub_mu ul li a:hover{background:#3b3433; color:#fff; transition:all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 0.9;}
.sub_mu ul li a.active{background:#3b3433; color:#fff; opacity: 0.9;}


/*////// sub_content //////*/
.sub_content{margin:30px 0 150px 0;}
.title_sub{text-align:center; margin:100px 0;}
.title_sub h2 {position: relative; font-size: 47px; font-weight: 500; line-height: 125%;  margin:15px 0; color: #3B3433;}
.title_sub h2 b {font-weight: 700;}
.title_sub p{position: relative; font-size:27px; font-weight:400; color:#3B3433; }
.title_sub span{color:#3B3433; font-weight:400; font-size:20px; }
.title_sub span b{letter-spacing:2px}

/*---3뎁스 메뉴 추가---*/
.sub_depth>ul{display:flex; flex-wrap: wrap; padding-bottom:50px; width:100%; margin:0px auto;}
.sub_depth>ul>li{flex: 1 0 15%; border:0; text-align:center;}
.sub_depth>.tab>li { border-bottom:1px solid #3b3433;}
.sub_depth>ul>li.on{border-bottom:0; border-left:1px solid #3b3433; border-right:1px solid #3b3433; border-top:1px solid #3b3433;  border-bottom:none;background:#f5f5f5;}
.sub_depth>ul>li a{display:block; width:100%; height:100%; line-height:55px; font-weight:700; font-size:19px; font-family: 'Spoqa Han Sans'; }
.sub_depth>ul>li a{color:#949fa6}
.sub_depth>ul>li.on a{color:#3b3433}
.sub_depth>.tab_conlist>li.on{border-bottom:0; border:none !important; }



.ui_tabcontents .tab_conlist > li {display: none;}
.ui_tabcontents .tab_conlist > li.current {display: block;}

/* ///////////오리발 ///////////*/
.tip{border:1px solid #ededed; text-align:left; padding:30px 40px;}
.tip > p{font-size:14px; color:#666; padding-bottom:5px;}
.tip > p:last-child{padding-bottom:0}

/*ing*/
.ing p{margin:0 auto; text-align:center;}

/* /////////// 사업개요 ///////////*/
.about_ > p{margin-bottom:80px;}
.about_ > p > img{width:100%;}
.about_  .inner_about_{overflow:hidden; margin-bottom:70px;}
.about_  .inner_about_ > div{float:left; width:100%;}
.about_  .inner_about_ > div + div{float:right;}
.about_  .inner_about_ table{width:100%; border-top:2px solid #4b4241; text-align: center;}
.about_  .inner_about_ table th{background:#faf8f5; color:#4b4241; font-weight:500; font-size:17px; padding:20px 10px; border-bottom:1px solid #ccc}
.about_  .inner_about_ table td{padding:20px; font-size:17px; border-bottom:1px solid #ccc; color:#222; font-weight:400; letter-spacing: -0.5px;}

.about_  .inner_about_ .table2 td{text-align:center; padding: 10px;}
.about_  .inner_about_ .table2 th{ border: 1px solid #ccc;  border-top: 0; padding: 10px;}
.about_ .inner_about_ table tr th, .about_ .inner_about_ table tr td{border-bottom: 1px solid #ccc;}
.about_ .inner_about_ table tr th:first-child {border-right: 1px solid #ccc;}
.about_ .inner_about_ table .th {font-weight: 700;}
.about_ .inner_about_ table .th:last-child, .about_ .inner_about_ table td:nth-child(3) {border-left: 1px solid #ccc;}
.bd_left {border-left: 1px solid #ccc}
/* /////////// 입지환경 ///////////*/
.wrap {position: relative;	width:1300px;margin: 0 auto;}
.magnifier {	width:350px; height:350px; position: absolute;	border-radius: 90%; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);	display: none;}
.target {	display: block;	width: 100%;}

/* /////////// 브랜드소개 ///////////*/
.brand{position:relative;}
.brand .brand_btn{position: absolute; width:252px; height:50px; line-height:50px; background:#1b1816; top:24.85%; left:7.9%; text-align:center;}
.brand .brand_btn:hover{ background:#c1856a; transition: all 0.3s;}
.brand .brand_btn a{color:#fff; font-size:18px; font-weight:400; }

.brand .brand_btn2{position: absolute; width:250px; height:50px; line-height:50px; background:#1b1816; bottom:3.9%;  left: 50%; transform: translateX(-50%); text-align:center; transition: all 0.3s;}
.brand .brand_btn2:hover{ background:#c1856a; transition: all 0.3s;}
.brand .brand_btn2 a{color:#fff; font-size:18px; font-weight:400; }



/*오시는길*/
.map_wrap{width:100%; max-width:1300px; height:764px; margin:0 auto; background:url(../image/sub/about/map_bg.png) 50% 0 no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center;}
.map_wrap .map_inner{display:flex; flex-direction:column; align-items:center; gap:80px; width:890px;}
.map_wrap .map_logo{width:450px;}
.map_wrap .map_logo img{width:100%; display:block;}
.map_wrap .map_list{display:flex; gap:50px; width:100%; justify-content:center;}
.map_wrap .map_box{text-align:center; display:flex; flex-direction:column; align-items:center; gap:30px;}
.map_wrap .map_box img{width:420px; height:300px; object-fit:cover; border-radius:4px;}
.map_wrap .map_content{display:flex; flex-direction:column; align-items:center; gap:30px; width:250px;}
.map_wrap .map_box .map_item{margin-bottom:0; color:#fff; display:flex; flex-direction:column; align-items:center; gap:14px;}
.map_wrap .map_box .map_item .tit{font-size:18px; font-weight:700; display:block;}
.map_wrap .map_box .map_item .tit::before {content:'ㅣ'; margin-right:24px;}
.map_wrap .map_box .map_item .tit::after {content:'ㅣ'; margin-left:24px;}
.map_wrap .map_box .map_item .data{font-size:16px; display:block;}
.map_wrap .map_box a{width:250px; font-size:14px; font-weight:700; display:block; background:#dcd8d1; color:#403536; text-align:center; height:36px; line-height:36px; border-radius:50px; margin:0 auto; transition:all 0.3s;}
.map_wrap .map_box a:hover{background:#9e6f48; color:#fff; transition:all 0.3s;}


/*프리미엄*/
.sub_content.premium_page{margin-top:80px;}
.sub_content.premium_page .sub_depth{display:none;}
.sub_content .premium_wrap{position:relative; width:100%; background:#403536; padding:80px 0 0; overflow:hidden;}
.premium_tit_area{display:flex; align-items:flex-start; justify-content:center; gap:3px; margin-bottom:56px;}
.premium_tit{margin:0 auto;}
.premium_tit img{display:block; margin:0 auto;}
.premium_num{font-size:130px; font-weight:700; color:#e08869; line-height:1.1; margin-top:-18px;}
.premium_grid{position:relative; width:1010px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,322px);}
.premium_grid::before,
.premium_grid::after{content:''; position:absolute; top:0; width:2px; height:100%; background:repeating-linear-gradient(to bottom, rgba(255,255,255,0.35) 0, rgba(255,255,255,0.35) 3px, transparent 3px, transparent 6px); z-index:1; pointer-events:none;}
.premium_grid::before{left:32.5%;}
.premium_grid::after{left:67%;}
.premium_grid .grid_hline{position:absolute; left:0; top:50%; width:100%; height:2px; background:repeating-linear-gradient(to right, rgba(255,255,255,0.35) 0, rgba(255,255,255,0.35) 3px, transparent 3px, transparent 6px); z-index:1; pointer-events:none;}
.premium_grid .grid_plus{position:absolute; width:36px; height:36px; background:#403536; z-index:2; transform:translate(-50%,-50%); pointer-events:none;}
.premium_grid .grid_plus.p1{left:32.5%; top:50%;}
.premium_grid .grid_plus.p2{left:67%; top:50%;}
.premium_item{position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding-top:22px; z-index:2;}
.premium_item .num{position:absolute; top:22px; left:38px; font-size:20px; font-weight:700; color:#fff;}
.premium_item .ico{width:88px; height:100px; margin-top:44px; margin-bottom:28px;}
.premium_item .ico img{width:100%; height:100%; display:block;}
.premium_item .sub{font-size:18px; font-weight:500; color:rgba(255,255,255,0.7); letter-spacing:-0.36px; margin-bottom:10px;}
.premium_item .tit{font-size:26px; font-weight:700; color:#e08869; letter-spacing:-0.52px; line-height:1.3;}
.premium_city{position:relative; margin:40px auto -1px;}
.premium_city img{margin:0 auto; display:block;}
.premium_city .city_inner{position:relative; width:100%; height:100%;}
.premium_city .city_group{position:absolute; bottom:0;}
.premium_city .city_group img{width:100%; height:auto; display:block;}
.premium_city .g1{left:0; width:18%; z-index:1;}
.premium_city .g2{left:12%; width:22%; z-index:2;}
.premium_city .g3{left:30%; width:28%; z-index:3;}
.premium_city .g4{left:52%; width:22%; z-index:4;}
.premium_city .g5{left:68%; width:32%; z-index:5;}


/******************************************
  보도자료
******************************************/
/******************************************
  보도자료
******************************************/
.news_tbl_th {
  border-top: 2px solid #b5b6b6;
}
.news_tbl_th th {
 padding: 1.12rem 0;
 font-size: 1rem;
 background: #fff;
 color:var(--board_th_color);
 text-align: center;
 vertical-align: middle;
 border-bottom: 1px solid #b5b6b6;
 font-weight: 500;
}
.news_tbl_th th:nth-child(1){width: 80px;}
.news_tbl_th th:nth-child(2){width: 150px;}
.news_tbl_th th:nth-child(3){width: 870px;}
.news_tbl_th th:nth-child(4){width: 100px;}
.news_tbl_body td {
 padding: 1rem 0;
 font-size: 1rem;
 word-break: break-all;
 text-align: center;
 border-bottom: 1px solid #d6d6d6;
 color: #000;
 line-height: 1.6;
 text-align: center;
}
.news_tbl_body td.sbj a {
 text-overflow: ellipsis;
 display: -webkit-box;
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 line-height: 2;
}
.news_tbl_body td.sbj a:hover{ text-decoration: underline;}
.news_tbl_body .nodata {padding: 6rem 0;}
.news_tbl_body .media {padding: 0 1rem;}
.news_tbl_body .media span {
   display: block;
   background-color: #413c3b;
   color: #fff;
   padding: 0.3rem 0;
   font-size: 0.87rem;
}
.news_tbl_body .sbj a {text-align: left; font-weight: 500; padding-left: 1rem;}
.news_tbl_body .num {font-family:"Montserrat", tahoma, sans-serif; font-weight: 600;}
.news_tbl_body .date {font-family:"Montserrat", tahoma, sans-serif; font-weight: 600; color: #000; white-space: nowrap;}


@media screen and (max-width: 640px) {
 .news_tbl_body .media {padding: 0 0.3rem;}
 .news_tbl_th li:first-child {display: none;}
 .news_tbl_body .num {display: none;}
}
@media screen and (max-width: 480px) {
 .news_tbl_th {display: none;}
 .news_tbl_body {border-top: 1px solid var(--board_table_border);}
 .news_tbl_body li a {grid-template-rows: repeat(2, 1fr);}
 .news_tbl_body .media {padding-left: 0;}
 .news_tbl_body .sbj {grid-row-start: 2; grid-column-start: 1; grid-column-end: 4; padding-left: 0; padding-top: 0.5rem;}
 .news_tbl_body .date {grid-column-start: 3;}
}

/******************************************
 페이지네이션 (Pagination)
******************************************/
.pagination ul {
 clear:both;
 font-family:"Montserrat", tahoma, sans-serif,arial;
 text-align:center;
 font-weight:400;
 padding: 1rem 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
.pagination ul li{display: flex; align-items: center;}
.pagination a {
 width:1.7rem;
 height:2rem;
 line-height:2rem;
 color:#333;
 font-size:1rem;
 text-align:center;
 padding:0 !important;
 margin: 0 3px;
 display: inline-block;
}
.pagination .active a {
 font-size:1rem;
 font-weight: 500;
 width:1.7rem;
 height:2rem;
 line-height:2rem;
 padding:0;
 position: relative;
 text-align: center;
 color: #000;
}
.pagination .active a::after{
 content: ""; 
 position: absolute; 
 bottom: 5px;
 left: 2px;
 right: 0;
 margin: auto;
 background: #333;
 width: 9px;
 height: 1px;
}
.pagination a.pagbtn {background-color: #fff; font-size: 0; color: transparent;}
.pagination a.prev,
.pagination a.first,
.pagination a.next,
.pagination a.last {
 display: inline-block;
 overflow: hidden;
 position: relative;
 font-size: 0;
 color: transparent;
}
.pagination a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:1.3rem; color: #333; margin-left: -3px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:1.3rem; color: #333; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:1.3rem; color: #333; margin-left:3px;position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:1.3rem; color: #333;position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.pagination button:disabled {opacity: 0.3; cursor:default;}
.pagination button.pagbtn {
 margin: 0 1rem;
 color: #333;
 cursor: pointer;
 border-radius: 1.5rem;
 border: 1px solid #ddd;
 padding: 0.5rem 1rem;
 font-size: 0.87rem;
 display: flex;
 align-items: center;
 justify-content: center;
}


.title_sub p.point{position:relative; margin-bottom: 18px; font-size:26px; color:#3F3536; letter-spacing: 0;}


.vr_area {
 position: relative;
 aspect-ratio: 1/0.562;
}
.vr_area iframe {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.sub_content .btn_wrap {
 text-align: center;
 margin: 0 auto;
}

.sub_content .btn_wrap a {
 display: inline-block;
 color: #403536;
 border: 1px solid #403536;
 border-radius: 50px;
 font-size: 20px;
 font-weight: 500;
 width: 300px;
 height: 60px;
 line-height: 60px;
 transition: all 0.4s ease-in;
 margin: 20px;
}
.sub_content .btn_wrap a:hover {
 background: #403536;
 color: #fff;
 transition: all 0.4s ease-in;
 box-shadow: 15px 15px 24px -5px rgba(0, 0, 0, 0.4);
}



/*분양일정*/
.calendar{width:100%; background:#645456;}
.calendar h2{font-size:25px; color:#fff; margin-bottom:0; text-align:center; padding:5px 0; }

.inner_calendar {background:#fff;  box-sizing:border-box; }
.inner_calendar { width:100%; position:relative; color: #464646; }
.inner_calendar caption { display: none; }
.inner_calendar table { width: 100%;  border-collapse: separate; /**border-collapse: collapse;*/ table-layout:fixed; }
.inner_calendar tbody { border-left: 1px solid #eaeaea; }
.inner_calendar th { height:40px; font-weight: 300; font-size: 13px; text-align: right; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid #eaeaea; }
.inner_calendar td { position: relative; height: 110px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.inner_calendar td:first-child { border-left: 1px solid #eaeaea; }
.inner_calendar td span,
.inner_calendar td a { position: absolute; }
.inner_calendar .date { top: 10px; right: 10px; font-size: 14px; }
.inner_calendar .date_1 { top:0; right:0; font-size: 14px; font-weight:600;}
.inner_calendar .event { top: 30px; left: 49%; transform: translateX(-50%); font-weight: 500; font-size: 22px; text-align: center;}
.inner_calendar .event_1 { top: 35px; left: 49%; transform: translateX(-50%); font-weight: 500; font-size: 30px; white-space: nowrap;}
.inner_calendar .event_2 { top: 30px; left: 49%; transform: translateX(-50%); font-weight: 500; font-size: 28px; white-space: nowrap;}
.inner_calendar .line{width: 100%; height: 1px; background: #968e8c; top: 50%; left: 92px;}
.inner_calendar .line_start{left: 20%;}
.inner_calendar .line_end{width: 98%;}
.inner_calendar .line_end::after{content: ""; position: absolute; top: -4px; right: -2px; width: 15px; height: 1px; transform: rotate(35deg); background: #968e8c;}
.inner_calendar .line_end::before{content: ""; position: absolute; top: 4px; right: -2px; width: 15px; height: 1px; transform: rotate(-35deg); background: #968e8c;}
.inner_calendar .line.white,
.inner_calendar .line_end.white::before,
.inner_calendar .line_end.white::after {background:#fff;}
.inner_calendar .link { top: 70px; left: 15px; font-size:13px; padding: 5px 10px 5px 0; }
.inner_calendar .merge { position: absolute; text-align: center;}
.inner_calendar .merge span { display: block; text-align: center; margin-bottom: 10px; color:#000;}
.inner_calendar .merge2 span {color:#fff;}
.inner_calendar .merge3 span {color:#ff0000;}
.inner_calendar .tag_ { font-size:15px;  }
.inner_calendar .merge1 { width: 340px; bottom: 220px; right: 0; text-align: center;}
.inner_calendar .merge1-1{ width: 340px; bottom: 110px; left: 29%; text-align: center;}
.inner_calendar .merge2 { width: 860px; bottom: 20px; left: 160px;}
.inner_calendar .merge2-1{ width: 340px; bottom: 3px; left: 42%; text-align: center;}
.inner_calendar .merge3 { width: 200px; top: 630px; left: 160px; }
.sun { color: #dc2121; }
.sat { color: #3bbcf1; }
.white{ color: #fff; }
.black{ color: #454545; }
.white_bg{background:#fff; padding:2px 8px 2px 8px; border-bottom-left-radius:10px;}

.month{ position: absolute; left: 0; right: 0; margin: auto; top: 30px; display: inline-block; font-size: 52px; color: #ddd; font-weight: 700; text-align: center; }
.month_day{position: absolute; left:50%; transform:translate(-50%,-50%); margin: auto; top: 30%; display: inline-block; font-size:30px;font-weight:600; text-align: center; color:#2B2F32}
.month_day > b{display:block; text-align:center; font-size:18px;font-weight:400; color:#ff2a2a}
.inner_calendar .clr1 { background-color: #ED7978; border-radius:10px;}
.inner_calendar .clr2 { background-color: #3f3536; border-radius:10px;} 
.inner_calendar .clr3 { background-color: #716766;  border-radius:10px;}
.inner_calendar .clr4 { background-color: #bd886a; border-radius:10px;} 
.inner_calendar .clr5 { background-color: #beb9b8; border-radius:10px;}
.inner_calendar .clr6 { background-color: #beb9b8; border-radius: 10px;}
.inner_calendar .clr7 { background-color: #beb9b8; border-radius:10px;}
.inner_calendar .clr8 { background-color: rgba(157, 149, 140, 0.6); border-radius:10px;}

.small_txt {font-size: 14px; white-space: nowrap; top:85%; left:0; right:0; text-align:center}

/******************************************
  모집공고
******************************************/
.gonggo_con {position: relative; padding-top: 5rem;}
.gonggo_con img {width: 100%;}
.gonggo_con .link_btns {position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: flex;}
.gonggo_con .link_btns li {display: inline-block;}
.gonggo_con .link_btns li a {display:block; color: #fff; padding: 1.5rem; padding-right: 2rem; transition: all .3s; position:relative; overflow: hidden; font-weight: 500;}
.gonggo_con .link_btns li dl {text-align: left; color: #fff;}
.gonggo_con .link_btns li dl dt {font-size: 16px; font-weight: 400; color: #fff;}
.gonggo_con .link_btns li dl dd {font-size: 24px; font-weight: 500; color: #fff;}
.gonggo_con .link_btns li dl dd.icon {text-align: right; padding-top: 3rem; padding-left: 10rem; color: #fff;}
.gonggo_con .link_btns li dl dd i { font-size: 1.4rem; color: #fff;}
.gonggo_con .link_btns li a:hover {transform:translate(-5px, -5px); box-shadow: rgb(0 0 0 / 19%) 0px 0.3rem 1rem, rgb(0 0 0 / 23%) 0px 0.2rem 0.2rem;}

/* .gonggo_con .link_btns li:nth-child(1) a {background:#3F3536;}
.gonggo_con .link_btns li:nth-child(2) a {background: #685A5A;} */
.gonggo_con .link_btns li a {background: #E19573; color: #000; }
.gonggo_con .link_btns li dl,
.gonggo_con .link_btns li dl dt,
.gonggo_con .link_btns li dl dd,
.gonggo_con .link_btns li dl dd.icon,
.gonggo_con .link_btns li dl dd i {color: #3F3536;}

.gonggo_con .link_btns li ~ li {
  margin-left: 5%;
}