@charset "utf-8";


header{box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);background: var(--point-color);}
.sub_bg {margin-top: 86px;}

.custom-tab-wrap {width:100%; max-width:1200px; margin:0 auto;}
.custom-tab-menu {display:flex; gap:16px; justify-content:center; margin-bottom:48px; margin-top:24px;}
.custom-tablink {border:none;outline:none;padding: 12px 20px;font-size:19px;font-weight:500;border-radius:32px;background:#fff;color:var(--point-color);border:2px solid #e5eff0;cursor:pointer;transition:background .15s, color .15s;}
.custom-tablink.active {background:var(--point-color); color:#fff; border:2px solid var(--point-color); font-weight:700; }
.custom-tab-content {display:none; background:#fff; border-radius:20px; padding:32px; text-align:center;}
.custom-tab-content img {max-width:100%; height:auto; border-radius:16px;}
header .hd_wrap .hd_tel{color: var(--white);}
#gnb .gnb_menu_btn{color: var(--white);}
header h1.logo{display: none;}
header h1.logo02{display: block;}
header.fixed h1.logo02{display: block;}
header.fixed h1.logo{display: none;}
header .gnb_1da{color: var(--white);}
.info-table {padding: 2rem 0; width: 100%; margin: 0 auto;  box-sizing: border-box; }
.info-table .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.6rem; color: var(--mudgray); font-weight:300; padding: 0rem; box-sizing: border-box; border-radius:.0rem; } 
.info-table .caution li {display: flex;font-size: 0.8rem;text-align: left;}
.info-table .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
.info-table.desc-line {padding-top:0; margin-top: 1.5rem; display:none; }
.info-table.desc-line .caution {font-size: 1.385rem; gap: 0.2rem; background: none; border: none; padding: 0; display:none;}

#ctt_con {padding:50px 0 0;}
#ctt_con .sub_title, .sub_title{margin: 0 0 30px !important;padding: 0px;border: none;background-image: none;background-size: initial;text-align: center;display: flex;flex-direction: column;gap: 20px 0;}
#ctt_con .sub_title dd, .sub_title dd{}
.sub_title > h2{margin:0px;padding:0px;border:none;background-image:none;background-size:initial;word-spacing: -0.1rem;letter-spacing: -0.2px;}
.sub_title > h2.tit01{ color:var(--txt-point-color);letter-spacing:0.3px; font-size:3rem;font-weight:800;}
.sub_title > h2.tit02{font-size: 2rem;font-weight: 600;}
.sub_title > h2.tit03{font-size: 1.6rem;font-weight: 400;color: var(--point-color);}

/*유니트 슬라이드*/
.main_unit_slide{overflow: hidden;}
.unit-main-swiper { width: 100%; height: 80%;}
.unit-thumb-swiper { height: 20%; padding: 10px 0;}
.unit-thumb-swiper .swiper-slide { width: 25%; opacity: 0.4; cursor: pointer;}
.unit-thumb-swiper .swiper-slide-thumb-active { opacity: 1;}
.unit-main-swiper img,
.unit-thumb-swiper img { display: block; width: 100%; height: 100%; object-fit: cover;}
.unit-main-swiper img{ max-height: calc(75vh);}

.img_wrap dt{display: flex;gap: 60px 0;flex-direction: column;}


/* 기본 레이아웃 */

.property-container { padding-top: 50px;}
.property-container .info-row { display: flex; border-bottom: 1px solid #ddd; background: #fff; }
.property-container .category {width: 120px;background-color: var(--point-color);color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: bold;font-size: 1.1rem;padding: 20px 10px;flex-shrink: 0;line-height: 1.4;}
.property-container .content { padding: 25px 30px; flex-grow: 1; box-sizing: border-box; }
.property-container .content h3 { margin: 0 0 15px 0; font-size: 1.25rem; color: #1a1a1a; word-break: keep-all; line-height: 1.4; border-bottom: 1px solid #f0f0f0; padding-bottom: 12px; font-weight: 700; }
.property-container .content ul { list-style: none; padding: 0; margin: 0; }
.property-container .content ul li { position: relative; padding-left: 15px; margin-bottom: 10px; font-size: 0.95rem; color: #444; line-height: 1.6; }
.property-container .content ul li::before { content: "-"; position: absolute; left: 0; color: #666; }
.property-container .content strong {color: var(--txt-point-color);}

.circle-container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; max-width: 1000px; margin: 0 auto; padding: 50px 0;}
.circle-wrapper { display: flex; flex-direction: column; align-items: center; flex: 1 1 calc(16.66% - 20px); min-width: 120px; }
.caption-step { color: rgb(0, 170, 0); font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.caption-label { color: #000; font-size: 18px; font-weight: bold; }
@media (max-width: 800px) { 
	.circle-container { justify-content: space-around; } 
	.circle-wrapper { flex: 0 1 calc(33.33% - 20px); margin-bottom: 30px; } 
}


.premium-wrapper { max-width: 1100px; margin: 80px auto; padding: 0 20px; color: #333; line-height: 1.8; word-break: keep-all; }
.sub_title { margin-bottom: 60px; text-align: center; }
.sub_title .tit01 { font-size: 42px; font-weight: 800; color: #1a2a4b; letter-spacing: -1.5px; }
.feature-list { list-style: none; padding: 0; margin: 0 0 120px 0; }
.feature-list li { font-size: 22px; margin-bottom: 30px; padding-left: 35px; position: relative; display: flex; align-items: flex-start; }
.feature-list li strong { color: #111; font-weight: 800; margin-right: 15px; font-size: 24px; white-space: nowrap; }
dl.aos-init { margin-bottom: 120px; }
.gold-section { background: linear-gradient(145deg, #1a2a4b, #0a1529); border-radius: 30px; padding: 100px 60px; text-align: center; margin-bottom: 120px; box-shadow: 0 30px 70px rgba(0,0,0,0.15); }
.gold-section h2 { font-size: 48px; color: #ebc08d; margin: 0 0 25px 0; font-weight: 900; letter-spacing: -1px; }
.gold-section p { font-size: 28px; color: #fff; margin: 0; font-weight: 500; opacity: 0.9; }
.reason-title-box { text-align: center; margin-bottom: 70px; }
.reason-title-box h2 { font-size: 42px; font-weight: 800; color: #111; display: inline-block; position: relative; padding-bottom: 25px; }
.reason-title-box h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 5px; background: #c5a47e; border-radius: 10px; }
.premium-quote { margin-top: 80px; padding: 60px 50px; background-color: #f8f9fa; border-left: 10px solid #1a2a4b; border-radius: 0 20px 20px 0; font-size: 24px; color: #444; font-weight: 600; line-height: 1.8; box-shadow: 0 15px 40px rgba(0,0,0,0.05); }

@media (max-width: 768px) {
  .premium-wrapper {
    margin: 40px auto;
  }
  .sub_title .tit01 {
    font-size: 32px;
  }
  .feature-list li {
    font-size: 19px;
    flex-direction: column;
  }
  .feature-list li strong {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .gold-section {
    padding: 70px 30px;
  }
  .gold-section h2 {
    font-size: 34px;
  }
  .gold-section p {
    font-size: 20px;
  }
  .reason-title-box h2 {
    font-size: 30px;
  }
  .premium-quote {
    font-size: 19px;
    padding: 40px 25px;
  }
}


@media all and (max-width:1028px) {
	.sub_bg {
    margin-top: 84px;
}
}
@media all and (max-width:860px) {
	.sub_bg {height: 150px;margin-top: 60px;background-size: cover;background-position: center;}
	#ctt_con {padding: 40px 15px 0;}
	.property-container .info-row { flex-direction: column; }
	.property-container .category { width: 100%; padding: 12px 0; font-size: 1rem; }
	.property-container .category br { display: none; }
	.property-container .content { padding: 20px 15px; }
	.property-container .content h3 { font-size: 1.1rem; padding-bottom: 8px; margin-bottom: 10px; }
	.property-container .content ul li { font-size: 0.9rem; margin-bottom: 8px; }

}
@media (max-width: 768px) {
    .custom-tab-menu {gap:8px; margin-bottom:20px; flex-wrap: wrap;} 
    .custom-tablink {padding:8px 14px;font-size: 10px;} 
    .custom-tab-content {padding: 0;}

    #ctt {  margin: 0 auto 30px !important; padding: 10px 0 !important;}
	#ctt table tr td{font-size: 0.9rem;line-height: 2rem;padding: 10px 5px !important;}
	#ctt_con .sub_title, .sub_title{margin: 0 0 20px !important;gap: 15px 0;}
	#ctt_con .sub_title dd {font-size: 1.2rem !important;}
	#ctt_con .sub_title dt,
	#ctt_con .sub_title dt span,
	.sub_title dd,
	.sub_title dt,
	.sub_title dt span	{font-size: 1.4rem !important; word-break: keep-all;}
	#ctt table tr td:first-child{width: 30% !important;}
	#ctt table tr td:last-child{ font-size: 0.8rem; text-align: left;}

	.sub_title > h2.tit01{word-break: auto-phrase;font-size: 2.3rem;}
	.sub_title > h2.tit02{font-size: 1.4rem;}
	.sub_title > h2.tit03{font-size: 1.5rem;word-break: auto-phrase;}
	.sub_title > h2.tit03 br{display:none;}
	.img_wrap dt{ gap: 40px 0;}
	.sub_bg{margin-top: 70px;}

}

@media all and (max-width:480px) {
	.sub_bg {height: 150px;}
	#ctt_con {padding: 30px 15px 0;}

	.sub_title > h2.tit01{font-size: 1.4rem;}
	.sub_title > h2.tit02{font-size: 1rem;}
	.sub_title > h2.tit03{font-size: 1rem;}
}