@charset "utf-8";

/* 공통 */
.round {border-radius: 4px;}
.text-indent {text-indent: -9999px;}
.sub-section {padding-bottom: var(--space-120);}
.sub-section.bg-color {padding-top: var(--space-120); padding-bottom: var(--space-140); background: #f8f8f8; }
.sub-intro {margin:0; color:#505050; font-size:var(--font-size-38); font-weight:500; line-height:1.368em; letter-spacing:-.02em; text-align:center;}
.sub-intro strong {color:var(--color-primary); font-weight:600;}
.sub-notice {margin-top: var(--space-60);}
.sub-notice.box {margin-top: var(--space-50); padding:var(--space-20); border-radius:var(--radius-8); background:#f6f6f6;}
.sub-notice ul {display:flex; flex-direction:column; gap:var(--space-4); width:100%; margin:0; padding:0; list-style:none;}
.sub-notice li {position:relative; padding-left:14px; color:#676767; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; letter-spacing:-.02em;}
.sub-notice li:before {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:80px; background:#ccc;}

/* 공통 서브 슬라이더 */
.sub-slider {position:relative;}
.sub-slider .item {position:relative;}
.sub-slider .badge {display:inline-flex; align-items:center; position:absolute; top:var(--space-20); left:var(--space-20); z-index:3; padding:var(--space-12) var(--space-20); border-radius:80px; background:rgba(28,28,28,.8); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#fff; font-size:var(--font-size-20); font-weight:600; line-height:1.7em; letter-spacing:-.02em;}
.sub-slider .item .img {position:relative; border-radius:var(--radius-8); overflow:hidden;}
.sub-slider .item img {position:absolute; top:50%; left:0; width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sub-slider .arrows {display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; left:0; right:0; z-index:2; padding:0 var(--space-30); transform:translateY(-50%); pointer-events:none;}
.sub-slider .arrows button {display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:0; border-radius:80px; background:rgba(255,255,255,.16) url("../images/sub/location-arrow.svg") no-repeat center / 16px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); cursor:pointer; pointer-events:auto; transition:.3s;}
.sub-slider .arrows .next {transform:rotate(180deg);}
.sub-slider .arrows button:hover {background-color:rgba(255,255,255,.28);}
.sub-slider .slick-dots {display:flex !important; position:absolute; bottom:var(--space-40); left:50%; z-index:2; margin:0; padding:0; list-style:none; transform:translateX(-50%); overflow:hidden; background:rgba(0,0,0,.16); backdrop-filter:blur(20px);}
.sub-slider .slick-dots li {width: 100px; height:4px; margin:0;}
.sub-slider .slick-dots li button {display:block; width:100%; height:4px; padding:0; border:0; background:transparent; text-indent:-9999px; cursor:pointer;}
.sub-slider .slick-dots li.slick-active button {background:#fff;}

/* modifier — 비율·도트 폭 등 사이즈만 */
.sub-slider--tour .item .img {padding-bottom:50%;}
.sub-slider--layout .item .img {padding-bottom:64.286%;}
.sub-slider--community .item .img {padding-bottom:50%;}

/* bbs */
.sub-content-wrap .tabs {display:flex; width:100%; margin:0 0 var(--space-100); padding:0; list-style:none; border-bottom:1px solid #eee;}
.sub-content-wrap .tabs > li {flex:1; min-width:0; }
.sub-content-wrap .tabs > li a {display: flex; align-items:center; justify-content:center; margin-bottom:-1px; padding:var(--space-24) 10px; border-bottom:2px solid transparent; color:#878787; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.02em; white-space:nowrap; text-align:center;}
.sub-content-wrap .tabs > li a sup {font-size:.645em; vertical-align:super;}
.sub-content-wrap .tabs > li.active a {border-bottom-color:var(--color-sub); color:var(--color-sub); font-weight:600;}
.sub-content-wrap .img {border-radius:var(--radius-8); overflow:hidden; text-align: center;}

/*************************** 사업안내 ***************************/
/* 사업개요 */
.overview-visual {position:relative; width:100%; border-radius:var(--radius-8); overflow:hidden;}
.overview-info {display:block;}
.overview-info-row {display:flex; flex-wrap:wrap; gap:var(--space-40);}
.overview-info-row .item {flex:0 0 calc((100% - var(--space-40) * 2) / 3); padding-top: var(--space-30); border-top:1px solid var(--color-sub); }
.overview-info-row .lab {display:inline-flex; align-items:flex-start; gap:var(--space-8); color:var(--color-sub); font-size:var(--font-size-26); font-weight:500; line-height:1.538em; letter-spacing:-.02em; margin-bottom: var(--space-16);}
.overview-info-row .lab:after {content:""; display:block; width:6px; height:6px; margin-top:0; border-radius:80px; background:var(--color-primary); flex-shrink:0;}
.overview-info-row .item ul {display:flex; flex-direction:column; gap:var(--space-8); margin:0; padding:0; list-style:none;}
.overview-info-row .item ul li {position:relative; color:#676767; font-size:var(--font-size-20); font-weight:400; line-height:1.7em; letter-spacing:-.02em;}
.overview-info-row .item ul li.gray-dot {padding-left:14px; }
.overview-info-row .item ul li.gray-dot:before {content:""; position:absolute; top:15px; left:0; width:4px; height:4px; border-radius:80px; background:#ccc;}
.overview-info-row .item ul li sup {font-size:.645em; vertical-align:super;}

/*************************** 프리미엄 ***************************/
/* 프리미엄 */
.premium-list {display:flex; flex-wrap:wrap; gap:var(--space-16);}
.premium-list li {flex: 0 0 calc(50% - var(--space-16) / 2); display:flex; flex-direction:column; gap:var(--space-60); padding:var(--space-40); border-radius:var(--radius-8); background:#f6f6f6;}
.premium-list .ico {display:flex; align-items:center; width:56px; height:56px; overflow:hidden;}
.premium-list .txt {display:flex; flex-direction:column; gap:var(--space-12);}
.premium-list .txt strong {color:var(--color-sub); font-size:var(--font-size-28); font-weight:500; line-height:1.5em; letter-spacing:-.02em;}
.premium-list .txt p {margin:0; color:#676767; font-size:var(--font-size-22); font-weight:400; line-height:1.636em; letter-spacing:-.02em;}

/* 입지환경 */
.location-map {width:100%; margin-bottom: var(--space-70); border-radius:var(--radius-8); overflow:hidden;}
.location-list {display:flex; flex-wrap:wrap; gap:var(--space-16); width:100%; margin:0; padding:0; list-style:none;}
.location-list li {display:flex; flex-direction:column; gap:var(--space-60); flex:0 0 calc(50% - var(--space-16) / 2); padding:var(--space-40); border:1px solid #eee; border-radius:var(--radius-8); background:#fff;}
.location-list .ico {display:flex; align-items:center; width:56px; height:56px; overflow:hidden;}
.location-list .txt {display:flex; flex-direction:column; gap:var(--space-12);}
.location-list .txt strong {color:var(--color-sub); font-size:var(--font-size-28); font-weight:500; line-height:1.5em; letter-spacing:-.02em;}
.location-list .txt p {margin:0; color:#676767; font-size:var(--font-size-22); font-weight:400; line-height:1.636em; letter-spacing:-.02em;}
.location-list .txt p sup {font-size:.645em; vertical-align:super;}

.location-tour-section { padding:var(--space-120) 0 var(--space-140); background:#f8f8f8;}
.location-tour-tit {margin:0 0 var(--space-40); color:var(--color-sub); font-size:var(--font-size-36); font-weight:600; line-height:1.389em; letter-spacing:-.02em;}

/* e모델하우스 */
.vr-wrap {height: 840px;}

/* 컨시어지 */
.concierge-list {display:flex; flex-wrap:wrap; gap:var(--space-40) var(--space-16); width:100%; margin:0 0 var(--space-60); padding:0; list-style:none;}
.concierge-list li {display:flex; flex-direction:column; align-items:center; gap:var(--space-24); flex:0 0 calc((100% - var(--space-16) * 2) / 3);}
.concierge-list .thumb {width:100%; border-radius:var(--radius-8); overflow:hidden;}
.concierge-list strong {color:var(--color-sub); font-size:var(--font-size-24); font-weight:500; line-height:1.583em; letter-spacing:-.02em; text-align:center;}

/*************************** 단지안내 ***************************/
/* 동호수표 */
.unit-chart-tit {margin:0 0 var(--space-30); color:var(--color-sub); font-size:var(--font-size-32); font-weight:600; line-height:1.438em; letter-spacing:-.02em;}
.unit-chart-img {border:1px solid #eee; border-radius:var(--radius-8); overflow:hidden; background:#fff;}

/* 커뮤니티 */
.community-tour-tit {margin:0 0 var(--space-40); color:var(--color-sub); font-size:var(--font-size-36); font-weight:600; line-height:1.389em; letter-spacing:-.02em;}
.community-tour-section .sub-slider {margin-bottom:var(--space-40);}
.sub-slider--community .slick-dots li {width: 70px;}
.community-list {display:flex; flex-wrap:wrap; gap:var(--space-40) var(--space-16); width:100%; margin:0 0 var(--space-60); padding:0; list-style:none;}
.community-list li {display:flex; flex-direction:column; gap:var(--space-30); flex:0 0 calc((100% - var(--space-16) * 3) / 4); padding-top:var(--space-30); border-top:1px solid #dfdfdf;}
.community-list .ico {display:flex; align-items:center; width:32px; height:32px; overflow:hidden;}
.community-list .txt {display:flex; flex-direction:column; gap:var(--space-12);}
.community-list .txt strong {color:var(--color-sub); font-size:var(--font-size-24); font-weight:500; line-height:1.583em; letter-spacing:-.02em;}
.community-list .txt p {margin:0; color:#676767; font-size:var(--font-size-20); font-weight:400; line-height:1.7em; letter-spacing:-.02em;}

/*************************** 공지사항 ***************************/
.board-search.type2 {display: flex; align-items: center; justify-content: space-between;}
.board-search.type2:after {display: none;}
.board-search.type2 .total-page {display: flex; align-items: center; font-size: 20px; color: #505050; line-height: 1.5em; font-weight: 500;}
.board-search.type2 .total-page .num {display: inline-flex; align-items: center; color: var(--color-primary);}
.board-search.type2 .total-page .num:before {content: ""; display: inline-block; width: 1px; height: 12px; background: #dfdfdf; margin: 0 10px;}
.board-search.type2 .input {height: 56px; border-color: #DFDFDF; border-radius: 8px; font-size: 18px; line-height: 1.33em; color: #505050; }
.board-search.type2 .input.search-input {height: 100%; width: 400px; padding: 0 var(--space-20);  border-radius: 8px;}
.board-search.type2 select.input {padding-right: 55px; padding-left: 20px; background-position: right 20px center;}
.board-search.type2 .search {display: flex; align-items: center; gap: 8px;}
.board-search.type2 .cate {float: unset; margin-left: 0;}
.input-wrap {gap: 4px; height: 56px;}
.submit-btn {flex-shrink: 0; width: 56px; height: 56px; background:#1C1C1C url(../images/common/search-icon.svg) no-repeat center; border: none; border-radius: 8px;}


/*************************** 정보마당 ***************************/


/*************************** 질의응답 ***************************/
.qna-form {display: flex; flex-wrap: wrap; gap: var(--space-20) var(--space-30); padding: var(--space-30) 0 0;border-top:1px solid var(--color-sub);}
.qna-form dl {display:flex; align-items: center; gap:var(--space-20);}
.qna-form dl.col {flex: 0 0 calc((100% - var(--space-30)) / 2);}
.qna-form .row {flex: 0 0 100%; display:flex; align-items:center; width:100%;}
.qna-form dt {flex:0 0 110px; width:110px; color:var(--color-sub); font-size:var(--font-size-18); font-weight:600; line-height:1.556em; letter-spacing:-.02em;}
.qna-form dd {display:flex; align-items:center; flex:1; min-width:0; color:#505050; font-size:var(--font-size-16); font-weight:400; line-height:1.75em; letter-spacing:-.02em;}
.qna-form .required {color:var(--color-primary);}
.qna-form .input {width:100%; height:60px; padding:0 var(--space-20); border:1px solid #dfdfdf; border-radius:4px; color:#505050; font-size:var(--font-size-16); line-height:1.75em; letter-spacing:-.02em;}
.qna-form .input::placeholder {color:#a8a8a8;}
.qna-form select.input {background-image:url("/images/bbs/inquiry-select-arrow.svg"); background-position:right 20px center; background-size:12px 6px;}
.qna-form textarea.input {height:320px; padding:var(--space-20); resize:none;}
.qna-form .captcha-wrap {height: 60px;}
.form-agree {padding-top: var(--space-30); border-top:1px solid #eee;}
.form-agree + .buttons {margin-top:var(--space-60);}
.form-agree + .buttons .btn-pack {border-radius: 4px;}