/* include 공통 CSS */
#toTop {position: fixed; right: 3em; bottom: 8.75em; width: 5em; aspect-ratio: 1; border-radius: 50%; background: #744F16 url('./img/top_btn.svg') no-repeat center / 2.9375em; font-size: var(--fz); z-index: 100;}
@media (max-width:768px) {
	#toTop {right: 2%; bottom: 2%;}
}

/* ===== main-about : 브랜드-회사소개 ===== */
.main-about {padding:9em 0; background:#fff; color:var(--main-black); letter-spacing:-0.05em;}
.main-about .inner {max-width: 1480px;}
@media (max-width:1520px) {
	.main-about .inner {padding: 0 4%;}
}

.about-effect__logo {width:14.5625em; padding-bottom: 2.875em;}
.about-effect__logo img {width:100%;}
.about-effect__tit {font-family:'Nanum Myeongjo',serif; font-weight:700; font-size:3.75em; line-height:1.25;}

.about-stats {margin-top: 4.875em;}
.about-stats__nums, .about-stats__labels {display:grid; grid-template-columns:repeat(3,1fr); padding: 0 calc((100% - 1480px)/2);}
.about-stats__num-item {display:flex; align-items:baseline;}
.about-stats__num {font-weight:700; font-size:5.6875em; line-height:1; color:var(--main-color);}
.about-stats__sign {font-weight:300; font-style:normal;}
.about-stats__unit {margin-left:0.4em; font-size:1.6875em;}
.about-stats__line {position:relative; height:2px; margin:0.75em 0 0.7em; background:#dcdcdc; overflow:hidden;}
.about-stats__gauge {position:absolute; left:0; top:0; width:100%; height:100%; background:var(--main-color); transform:scaleX(0); transform-origin:left center;}
.about-stats__label {font-size:2.0625em;}
.about-stats__label b {font-weight:700;}

.about-info {margin-top:6em;}
.about-info__inner {display:flex; justify-content:space-between; align-items:flex-start; gap:3em;}
.about-info__text {flex:1; max-width:44em; padding-top:3em;}
.about-info__tit {font-family:'Nanum Myeongjo',serif; font-weight:700; font-size:1.875em; line-height:1.4;}
.about-info__desc {margin-top:1.3em; font-weight:300; font-size:1.25em; line-height:1.7; color:#707070;}
.about-info__detail {margin-bottom:1.7em;}
.about-info__detail:last-child {margin-bottom:0;}
.about-info__strong {font-weight:700; color:var(--main-black);}
.about-info__sign {display:flex; align-items:center; gap:0.6em; margin-top:2.2em;}
.about-info__sign img {width:8.125em;}
.about-info__thumb {flex-shrink:0; width:47.4em; max-width:50%;}
.about-info__thumb img {width:100%; border-radius:0.75em;}
@media (max-width:1520px) {
	.about-stats__nums, .about-stats__labels {padding: 0 4%;}
}

@media(max-width:768px){
	.about-info__inner {flex-direction:column; align-items:stretch; gap:2.5em;}
	.about-info__text {max-width:none; padding-top:0; order:2;}
	.about-info__thumb {width:100%; max-width:none; order:1;}
	.about-effect__tit {font-size:2.7em;}
	.about-stats__num {font-size:4.2em;}
	.about-stats__unit {font-size:1.3em;}
	.about-stats__label {font-size:1.6em;}
}
@media(max-width:500px){
	.about-effect__tit {font-size:2.1em;}
	.about-stats__num {font-size:2.7em;}
	.about-stats__unit {margin-left:0.2em; font-size:0.85em;}
	.about-stats__label {font-size:1.05em;}
}

/* ===== main-why : 브랜드-왜 일선인가 ===== */
.main-why {position:relative; display:flex; align-items:center; padding: 15.625em 0 12.1875em; background:#efe9e0 url('./img/why_bg.jpg') no-repeat center/cover; letter-spacing:-0.05em;}
.why-head {}
.why-head__tit {display:flex; align-items:flex-start; font-family:'Shilla',serif; font-weight:700; font-size:4.375em; line-height:1; color:#000;}
.why-head__seal {width:0.46em; margin-left:0.35em; margin-top:0.1em;}
.why-head__desc {margin-top:1.1em; font-family:'Nanum Myeongjo',serif; font-weight:700; font-size:1.75em; line-height:1.57; color:#1b1b1b;}
.why-head__desc p {margin-bottom:1.57em;}
.why-head__desc p:last-child {margin-bottom:0;}
.why-head__point {color:#a01010;}

@media(max-width:1080px){
	.why-head {margin-left:0;}
}
@media(max-width:768px){
	.main-why {aspect-ratio:auto; min-height:60vw; padding:9vw 0; background-position:70% center;}
	.why-head__tit {font-size:3.4em;}
	.why-head__desc {font-size:1.45em;}
}
@media(max-width:500px){
	.main-why {min-height:auto; padding:13vw 0;}
	.why-head__tit {font-size:2.7em;}
	.why-head__desc {font-size:1.2em;}
}

/* ===== main-special : 브랜드-특별한 이유 (sticky 카드 스택) ===== */
.main-special {position:relative; background:#fff; color:var(--main-black); letter-spacing:-0.05em;}
.special-inner {display:flex; justify-content:space-between; align-items:flex-start; gap:4em; width:100%; padding-left: calc((100% - 1352px) / 2);}

.special-left {position:sticky; top:0; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items: flex-start; flex-shrink:0; flex:1;}
.special-texts {display:grid;}
.special-text {grid-column:1; grid-row:1; opacity:0; visibility:hidden; transition: all 0.3s ease;}
.special-text.is-active {opacity:1; visibility:visible; transition-delay: 0.1s;}
.special-text__tit {font-family:'Shilla',serif; font-weight:700; font-size:3.75em; line-height:1.22; color:#000;}
.special-text__desc {margin-top:1.6em; font-size:1.25em; font-weight:500; line-height:1.55; color:#555;}
.special-page {margin-top:0.8em; font-size:3em; font-weight:200; line-height:1; letter-spacing:-0.05em; color:#2e291f;}
.special-page__cur {color:var(--main-color);}

.special-cards {position:relative; flex-shrink:0; width:58.95%;}
.special-card {position:sticky; top:0; height:100vh; display:flex; align-items:center;}
.special-card__box {position:relative; width:100%; aspect-ratio:960/560; border-radius: 0.625em 0 0 0.625em; overflow:hidden;}
.special-card img {width:100%; height:100%; object-fit:cover;}
.special-card__cap {position:absolute; left:3.3em; bottom:1.25em; color:#fff;}
.special-card__tit {position: relative; padding-bottom: 0.8em; font-family:'Nanum Myeongjo',serif; font-weight:800; font-size:1.875em; letter-spacing:-0.05em;}
.special-card__tit::before {content: ''; display: block; position: absolute; left: 0; bottom: 0.4em; width: 44px; height: 3px; background-color: var(--main-color);}
.special-card__line {width:2.75em; height:2px; margin:0.9em 0; background:#fff;}
.special-card__desc {font-size:1.3125em; font-weight:300; line-height:1.5;}
@media (max-width:1400px) {
	.special-inner {padding-left: 4%;}
}
@media(max-width:1080px){
	.main-special {padding:8vw 0;}
	.special-inner {flex-direction:column; align-items:stretch; gap:0;}
	.special-left {top:5.125em; height:auto; width:100%; padding:2em 4% 1em 0; background:#fff; z-index:3;}
	.special-cards {width:100%;}
	.special-card {top: 40vh; height: 60vh; align-items: flex-start;}
}
@media(max-width:768px){
	.special-text__tit {font-size:2.7em;}
	.special-text__desc {font-size:1.05em;}
	.special-card__box {aspect-ratio: auto; height: 45vh;}
	.special-card__tit {font-size:1.4em;}
	.special-card__desc {font-size:1.05em;}
}

/* ===== main-select : 브랜드 선택 기준 (좌→우 마퀴) ===== */
.main-select {padding:9.0625em 0 7.0625em; background:#573707; color:#fff; letter-spacing:-0.05em; overflow:hidden;}
.main-select .line-label {border-color: #fff;}
.main-select .select-top {display:flex; justify-content:space-between; align-items:center; gap:4em; margin-bottom: 5.75em;}

.select-head {flex-shrink:0;}
.select-head__tit {font-family:'Shilla',serif; font-weight:700; font-size:3.75em; line-height:1.22;}
.select-head__desc {margin-top:1em; font-size:1.25em; font-weight:500; line-height:1.85; color:#fff;}

.select-circles {display:flex;}
.select-circle {position: relative; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; width:15.9375em; aspect-ratio: 1; border-radius:50%; text-align:center;}
.select-circle::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #B46E03; mix-blend-mode: multiply;}
.select-circle + .select-circle {margin-left:-3em;}
.select-circle__num {font-size:1.4375em; font-weight:700; filter: brightness(1);}
.select-circle__txt {font-size:2.1875em; font-weight:700; filter: brightness(1);}

.select-marquee {overflow:hidden;}
.select-track {display:flex; width:max-content; animation:selectMarquee 40s linear infinite;}
.select-item {flex-shrink:0; width:32.875em; margin-right:1.125em;}
.select-item img {display:block; width:100%; height:auto;}
@keyframes selectMarquee {
	from {transform:translateX(-50%);}
	to {transform:translateX(0);}
}

@media(max-width:1080px){
	.main-select .select-top {flex-direction:column; align-items:flex-start; gap:3em;}
	.select-circles {width: 100%;}
	.select-circle {flex: 1;}
}
@media(max-width:768px){
	.select-head__tit {font-size:2.7em;}
	.select-head__desc {font-size:1.05em;}
	.select-circle {}
	.select-circle__num {font-size:1.1em;}
	.select-circle__txt {font-size:1.5em;}
	.select-item {width:20em;}
}


/* ===== main-vs : 차별화-VS 비교 (06_) ===== */
.main-vs {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding: 10.125em 0 8.8125em; background:url(./img/vs_bg.jpg) no-repeat center/cover; color:#000; letter-spacing:-0.05em; text-align:center;}
.vs-head {flex-shrink:0;}
.vs-head__tit {font-family:'Shilla',serif; font-weight:700; font-size:3.75em; line-height:1;}
.vs-head__desc {margin-top:1.4em; font-size:1.875em; font-weight:500; line-height:1.42; color:#333;}

.vs-compare {display:flex; justify-content:center; align-items:center; margin-top:3.5em;}

.vs-lose {position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:1.5em; row-gap:1.4em; width:33.375em; padding:2.8em 10em 2.8em 3em; background:#fff; border-radius:1.125em; box-shadow:0 0.5em 0.7em 0.375em rgba(0,0,0,0.06), 0 0.25em 0.25em rgba(0,0,0,0.16);}
.vs-lose__info {grid-column:1; grid-row:1;}
.vs-lose__label {font-size:1.875em; font-weight:600; color:#a0a0a0; letter-spacing:-0.05em;}
.vs-lose__icon {width:7.9375em; margin-top:0.7em;}
.vs-badge {grid-column:2; grid-row:1; width:4.625em;}
.vs-rows {grid-column:1/3; grid-row:2; display:grid; grid-template-columns:1fr auto; column-gap:1.5em;}
.vs-rows > span {display:flex; align-items:center; justify-content:center; padding:0.125em 0; letter-spacing:-0.05em;}
.vs-rows__lose {font-size:1.5em; font-weight:600; color:#aaa;}
.vs-rows__lose:nth-child(n+3) {border-top:1px solid #ececec;}
.vs-rows__axis {font-size:1.875em; font-weight:600; color:#000;}

.vs-win {position:relative; display:flex; flex-direction:column; align-items:center; width:28.375em; margin-left:-8.4375em; padding:2.4em 2.4em 3em; background:#fff; border-radius:0.875em; box-shadow:0 0 1.9em rgba(255,153,0,0.55); z-index:2;}
.vs-win__logo {width:12.5em;}
.vs-win__photo {width:20em; margin-top:1.2em; border-radius:0.5em;}
.vs-win__list {width:100%; margin-top:1.4em;}
.vs-win__list li {padding:0.5em 0; font-size:2em; font-weight:600; color:#9c8056; letter-spacing:-0.05em;}
.vs-win__list li + li {border-top:1px solid #e2d8c6;}

@media(max-width:768px){
	.main-vs {aspect-ratio:auto; height:auto; padding:12vw 0;}
	/* .vs-compare {flex-direction:column; gap:2.5em; margin-top:3em;} */
	.vs-win {margin-left:0;}
}
@media(max-width:768px){
	.vs-head__tit {font-size:2.6em;}
	.vs-head__desc {font-size:1.3em;}
	.vs-lose {width:100%; max-width:27em; padding: 2.8em 2em ;}
	.vs-win {width:100%; max-width:24em;}
	.vs-win__list li {font-size:1.7em;}
}

/* ===== main-differ : 차별화 3카드 (07_) ===== */
.main-differ {position: relative; background:#efdcbf; letter-spacing:-0.05em; overflow:hidden;}
.main-differ .differ-head {padding: 8.25em 4% 15.9375em; text-align:center; color:#000;}

.differ-head__tit {font-family:'Shilla',serif; font-weight:700; font-size:3.75em; line-height:1.15;}
.differ-head__desc {margin-top:1.2em; font-size:1.25em; font-weight:500; line-height:1.6;}

.differ-visual {position:absolute; top: 27.75em; right: 2.625em; z-index:2; text-align:center;}
.differ-visual img {width: 98.0625em; max-width:100%;}

.differ-body {background:url('./img/differ_bg.jpg') no-repeat center/cover; padding: 37em 0 17.25em;}
.differ-card {display:flex; align-items:center; gap: 6.25em; color:#fff;}
.differ-card + .differ-card {margin-top:12em;}
.differ-card__thumb {flex-shrink:0; width: 47.85%;}
.differ-card__thumb img {display:block; width:100%; border-radius:1em;}
.differ-card__text {flex:1; max-width:34em;}
.differ-card__badge {display:inline-block; padding:0.4em 1.2em; border-radius:1.4em; background:#a01010; font-size:1.1875em; font-weight:600; color:#fff; letter-spacing:0;}
.differ-card__tit {margin-top:0.6em; font-family:'Shilla',serif; font-weight:700; font-size:3.4375em; line-height:1.1; color:#fff;}
.differ-card__line {width:100%; height:2px; margin:1.1em 0; background:#fff;}
.differ-card__desc {font-size:1.5625em; font-weight:600; line-height:1.64; color:#fff;}

.differ-card--rev {flex-direction:row-reverse; text-align:right;}

@media(max-width:1080px){
	.differ-visual img {width:100%;}
	.differ-body {padding:24em 0 10em;}
	.differ-card {gap: 3.75em;}
}
@media(max-width:768px){
	.differ-visual {top: 20em;}
	.differ-body {padding-top: 20em;}
	.differ-card, .differ-card--rev {flex-direction:column; align-items:stretch; text-align:left; gap:1.5em;}
	.differ-card + .differ-card {margin-top: 8em;}
	.differ-card__thumb {width:100%;}
	.differ-card__text {max-width:none;}
	.main-differ .differ-head {padding: 6.25em 0 9em;}
	.differ-head__tit {font-size:2.6em;}
	.differ-head__desc {font-size:1.05em;}
	.differ-card__tit {font-size:2.4em;}
	.differ-card__desc {font-size:1.2em;}
}
@media (max-width:500px) {
	.differ-body {padding-top: 15em;}
}
@media (min-width:2400px) {
	.differ-visual {right: 12%;}
}
@media (min-width:2800px) {
	.differ-visual {right: 18%;}
}

/* ===== main-support (08_ 운영 지원) ===== */
.main-support {position:relative; width:100%; min-height:100vh; padding-bottom: 15.9375em; display:flex; align-items:flex-start; justify-content:center; background:url('./img/support_bg.jpg') no-repeat center center/cover;}
.main-support .inner {display:flex; justify-content:center;}
.main-support__box {position:relative; width:37.8125em; min-height:51.5625em; padding:16.5em 0 5.25em; display:flex; flex-direction:column; align-items:center; text-align:center; color:#fff;}
.main-support__box::before {content:""; position:absolute; inset:0; background:rgba(0,0,0,0.84); mix-blend-mode:multiply;}
.main-support__box > * {position:relative; z-index:1;}
.main-support__logo {width:14.875em; height:4.1875em; margin-bottom: 3.75em; object-fit:contain;}
.main-support__line {width:23.25em; height:0; margin:0; border:0; border-top:0.125em solid rgba(255,255,255,0.7);}
.main-support__label {margin-top:0.125em; font-family:'Nanum Myeongjo',serif; font-weight:800; font-size:1.875em; line-height:1.4667; letter-spacing:-0.05em;}
.main-support__label + .main-support__line {margin-top:0.5em;}
.main-support__title {margin-top:0.15em; font-family:'Shilla',serif; font-weight:700; font-size:3.75em; line-height:1.2167; letter-spacing:-0.02em;}
.main-support__desc {margin-top:2.45em; font-weight:500; font-size:1.25em; line-height:1.7; letter-spacing:-0.05em;}
@media (max-width:1080px){
	.main-support__box {width:90%; max-width:37.8125em; padding-top:12em;}
}
@media (max-width:768px){
	.main-support {min-height:auto; padding: 0 0 8em; background-position:60% center;}
	.main-support__box {width:100%; min-height:0; padding:4em 1.5em;}
	.main-support__title {font-size:2.8em;}
	.main-support__desc br {display:none;}
}

/* ===== main-profit (09_ 수익구조) ===== */
.main-profit {padding:7.75em 0; background:#f3f3f3;}
.main-profit__head {text-align:center;}
.main-profit__title {font-family:'Shilla','Pretendard',sans-serif; font-weight:700; font-size:3.75em; line-height:1.216; letter-spacing:-0.02em; color:#000;}
.main-profit__desc {margin-top:1.4em; font-weight:500; font-size:1.25em; line-height:1.85; letter-spacing:-0.05em; color:#000;}
.main-profit__content {display:flex; justify-content:center; align-items:flex-start; gap:4.19em; margin-top:5.875em;}
.main-profit__left {flex:0 0 auto; width:26.5625em; max-width:100%;}
.main-profit__pie-wrap {position:relative; width:23.6875em; max-width:100%; margin:2.1875em auto 1.75em;}
.main-profit__pie {position:relative; width:100%; aspect-ratio:1/1; border-radius:50%; overflow:hidden;}
.main-profit__photo {width:100%; height:100%; object-fit:cover; display:block;}
.main-profit__badge {position:absolute; top:-2.1875em; left:-1.5625em; width:15.125em; height:17.6875em; max-width:64%; z-index:2;}
.main-profit__badge-bg {width:100%; height:100%; object-fit:contain; object-position:left top; display:block;}
.main-profit__badge-text {position:absolute; top:54%; left:51%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; text-align:center; font-weight:700; color:#fff; letter-spacing:-0.05em; white-space:nowrap;-webkit-text-stroke: 10px var(--main-color); /* 원하는 두께의 2배 */
paint-order: stroke fill;;}
.main-profit__badge-label {font-size:1.5625em; line-height:1.2;}
.main-profit__badge-value {font-size:3.1875em; line-height:1.1;}
.main-profit__caption {width:25.8125em; max-width:100%; padding: 0.7em 0; margin: 0 auto; display:flex; align-items:center; justify-content:center; border-radius:0.375em; background:#a01010; font-weight:700; font-size:1.875em; letter-spacing:-0.05em; color:#fff;}
.main-profit__right {flex:0 0 auto; width:41.5em; max-width:100%;}
.main-profit__table {width:100%; table-layout:fixed; border-collapse:separate; letter-spacing:-0.05em;}
.main-profit__col--name {width:35.84%;}
.main-profit__col--amount {width:37.96%;}
.main-profit__col--rate {width:26.2%;}
.main-profit__th {background:#e6e6e6; padding:0.625em 0; font-size:1.75em; font-weight:700; line-height:1; color:#000; vertical-align:middle;}
.main-profit__th--name {text-align:left; padding-left:1.43em; border-radius:0.214em 0 0 0.214em;}
.main-profit__th--amount {text-align:center;}
.main-profit__th--rate {text-align:right; padding-right:1.464em; border-radius:0 0.214em 0.214em 0;}
.main-profit__unit {margin-left:0.25em; font-weight:200;}
.main-profit__td {background:#fff; padding:0.6em 0; font-size:1.75em; line-height:1; color:#434343; vertical-align:middle;}
.main-profit__td--name {text-align:left; padding-left:1.43em; font-weight:500;}
.main-profit__td--amount {text-align:center; font-weight:700;}
.main-profit__td--rate {text-align:right; padding-right:1.464em; font-weight:700;}
.main-profit__total-cell {background:#a01010; padding:0.629em 0; font-size:2.1875em; font-weight:700; line-height:1; color:#fff; vertical-align:middle;}
.main-profit__total-cell--name {text-align:left; padding-left:0.771em; border-radius:0.171em 0 0 0.171em;}
.main-profit__total-cell--amount {text-align:center;}
.main-profit__total-cell--rate {text-align:right; padding-right:1.171em; border-radius:0 0.171em 0.171em 0;}
@media (max-width:1080px){
	.main-profit__content {flex-direction:column; align-items:center; gap:3em;}
	.main-profit__left, .main-profit__right {width:100%; max-width:41.5em;}
	.main-profit__pie-wrap {margin:0 auto;}
	.main-profit__caption {margin:1.75em auto 0;}
	.main-profit__title {font-size:3.25em;}
}
@media (max-width:768px){
	.main-profit {padding:3.5em 0;}
	.main-profit__subtitle {width:auto; font-size:1.375em;}
	.main-profit__title {font-size:2.25em;}
	.main-profit__desc {font-size:1em;}
	.main-profit__content {margin-top:3em;}
	.main-profit__pie-wrap {width:15em;}
	.main-profit__badge-text {top: 35%;}
	.main-profit__badge-label {font-size:1.125em;}
	.main-profit__badge-value {font-size:2.25em;}
	.main-profit__caption {font-size:1.25em;}
	.main-profit__th, .main-profit__td {font-size:1.05em;}
	.main-profit__total-cell {font-size:1.25em;}
	.main-profit__th--name, .main-profit__td--name {padding-left:0.9em;}
	.main-profit__th--rate, .main-profit__td--rate {padding-right:0.9em;}
}

/* ===== main-sales : 매출 구조 (10_) ===== */
.main-sales {padding:7.5em 0 16em; background:#f3f3f3; color:#000; letter-spacing:-0.05em; overflow:hidden;}
.main-sales__head {padding:0 1.25em; text-align:center;}
.main-sales__titbox {position:relative; display:inline-block;}
.main-sales__title {position:relative; z-index:1; font-family:'Shilla',serif; font-weight:700; font-size:3.75em; line-height:1.2; letter-spacing:-0.02em;}
.main-sales__highlight {position: relative;}
.main-sales__highlight::before {content: ''; position:absolute; z-index:0; left:0; bottom:0; width:100%; height: 22px; background:#c9a978; z-index: -1; transform:scaleX(0); transform-origin:left center; transition:transform 0.6s ease;}
.main-sales__highlight.aos-animate::before {transform:scaleX(1);}
.main-sales__desc {margin-top:1em; font-size:1.25em; font-weight:500; line-height:1.85;}
.main-sales__marquee {margin-top:3.4375em;}
.main-sales__list {display:flex; width:max-content; animation:salesMarquee 40s linear infinite;}
.main-sales__card {position:relative; flex-shrink:0; width:25.6875em; height:25.9375em; margin-right:2.625em; padding-top:10.5em; background:url(./img/sales_receipt.png) no-repeat center/100% 100%; filter: drop-shadow(0 0.4375em 1.05em rgba(0,0,0,0.15)); text-align:center;}
.main-sales__month {font-size:1.375em; font-weight:500; line-height:1; color:#b5b5b5; letter-spacing:-0.05em;}
.main-sales__price {margin-top:0.45em; font-weight:800; font-size:4.5em; line-height:1; color:#c9a978; letter-spacing:-0.05em;}
.main-sales__unit {font-weight:800; font-size:0.625em;}
@keyframes salesMarquee {
	from {transform:translateX(0);}
	to {transform:translateX(-50%);}
}
@media(max-width:1080px){
	.main-sales__marquee {margin-top:3em;}
	.main-sales__card {width:22em; height:22.2em; margin-right:2em; padding-top:9em;}
}
@media(max-width:768px){
	.main-sales {padding:6em 0 5em;}
	.main-sales__title {font-size:2.7em;}
	.main-sales__highlight {width:15em; height:1em;}
	.main-sales__desc {font-size:1.05em;}
	.main-sales__card {width:19em; height:19.2em; padding-top:7.8em;}
	.main-sales__month {font-size:1.2em;}
	.main-sales__price {font-size:3.6em;}
}

/* ===== main-interior ===== */
.main-interior {
	font-size: var(--fz);
	padding: 10.9375em 0;
	background-color: #D6B787;
	overflow: hidden;
}
.main-interior .inner {
	text-align: center;
}
.main-interior__title {
	font-family: 'Shilla';
	font-size: 3.75em;
	line-height: 1.21667em;
	letter-spacing: -0.05em;
	color: #000;
}
.main-interior__desc {
	margin-top: 0.55em;
	font-family: 'Pretendard';
	font-weight: 500;
	font-size: 1.25em;
	line-height: 1.85em;
	letter-spacing: -0.05em;
	color: #000;
	white-space: nowrap;
}
.main-interior__desc-point {
	font-weight: 800;
	color: var(--main-color);
}
.main-interior__marquee {
	margin-top: 3.1875em;
	width: 100%;
	overflow: hidden;
}
.main-interior__track {
	display: flex;
	width: max-content;
	animation: interiorMarquee 50s linear infinite;
}
/* .main-interior__marquee:hover .main-interior__track {
	animation-play-state: paused;
} */
.main-interior__item {
	flex: 0 0 auto;
	margin-right: 2.5em;
	width: 33.6875em;
	height: 23.625em;
}
.main-interior__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}
@keyframes interiorMarquee {
	from {transform: translateX(-50%); }
	to {transform: translateX(0); }
}

@media (max-width: 1080px) {
	.main-interior {padding: 7.5em 0; }
	.main-interior__title {font-size: 2.8em; }
	.main-interior__desc {font-size: 1.1em; }
	.main-interior__item {margin-right: 2em; width: 26em; height: 18.2em; }
}
@media (max-width: 768px) {
	.main-interior {padding: 4.5em 0; }
	.main-interior__title {font-size: 2em; }
	.main-interior__desc {margin-top: 0.8em; font-size: 0.9375em; white-space: normal; }
	.main-interior__marquee {margin-top: 2.5em; }
	.main-interior__item {margin-right: 1.25em; width: 17em; height: 11.9em; }
}

/* ===== main-step (가맹안내-스텝) ===== */
.main-step {position: relative; padding: 7.375em 0 6.25em; background: url("./img/img_32.jpg") no-repeat center center; background-size: cover; letter-spacing: -0.05em; }
.main-step .inner {max-width: 1600px; margin: 0 auto; padding: 0 1.25em; }
.main-step__title {font-family: 'Shilla', serif; font-size: 3.75em; line-height: 1.2166; letter-spacing: -0.02em; color: #fff; text-align: center; }
.main-step__desc {margin-top: 1.05em; font-weight: 500; font-size: 1.25em; line-height: 1.85; letter-spacing: -0.05em; color: #fff; text-align: center; }
.main-step__list {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 2.125em; margin-top: 1.75em; }
.main-step__item {display: flex; flex-direction: column; align-items: center; position: relative; width: 12.1875em; }

/* 카드 사이 화살표 (CSS 삼각형) */
.main-step__item:not(:last-child)::after {content: ""; position: absolute; top: 4.6em; right: -1.4em; width: 0; height: 0; border-style: solid; border-width: 0.6em 0 0.6em 0.85em; border-color: transparent transparent transparent #fff; transition: border-left-color 0.3s ease; }

.main-step__card {position: relative; display: flex; align-items: center; justify-content: center; width: 12.1875em; height: 9.8125em; padding-top: 1em; border-radius: 0.875em; background: rgba(0, 0, 0, 0.7); transition: background 0.3s ease; }

/* 배지 (font-size 15px 기준으로 치수 재계산 → 시안 px 정확) */
.main-step__badge {position: absolute; top: -1em; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 6.2667em; height: 2.1333em; border: 0.2em solid #fff; border-radius: 1.3333em; background: #000; font-weight: 700; font-size: 0.9375em; letter-spacing: -0.02em; color: #fff; white-space: nowrap; }
/* 아이콘 (크기 제각각 → 고정 박스 contain) */
.main-step__icon {display: flex; align-items: center; justify-content: center; width: 7em; height: 6em; }
.main-step__icon img {max-width: 100%; max-height: 100%; object-fit: contain; }
.main-step__name {margin-top: 0.8em; font-weight: 700; font-size: 1.25em; line-height: 1.66; letter-spacing: -0.02em; color: #fff; text-align: center; }

/* ★ 화살표 순차 강조: 흰색 → 빨강 */
.main-step__item.is-active::after {border-left-color: var(--main-color, #B81C22); }

/* ★ 마지막 카드: 검정 ↔ 빨강 깜빡임 */
.main-step__card--last.is-blink {background: var(--main-color, #B81C22); }

/* 반응형 1080 */
@media (max-width: 1080px) {
	.main-step {padding: 3em 0 2.5em; }
	.main-step__title {font-size: 2.75em; }
	.main-step__list {flex-wrap: wrap; gap: 1.5em 1.75em; margin-top: 1.5em; }
	.main-step__item {width: 11em; }
	.main-step__card {width: 11em; }
	/* 줄바꿈 시 화살표 어색 → 숨김 */
	/* .main-step__item:not(:last-child)::after {display: none; } */
}

/* 반응형 768 */
@media (max-width: 768px) {
	.main-step {padding: 5em 0; }
	.main-step__title {font-size: 2em; line-height: 1.3; }
	.main-step__desc {margin-top: 0.75em; font-size: 1em; line-height: 1.7; }
	.main-step__list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25em 1em; margin-top: 1.25em; }
	.main-step__item {width: 90%; flex: 1;}
	.main-step__item:not(:last-child)::after {top: 5.5em; right: -1.8em;}
	.main-step__card {width: 100%; height: auto; aspect-ratio: 195/157; }
	.main-step__icon {width: 5.5em; height: 5em; }
	.main-step__name {font-size: 1em; }
}
@media (max-width:500px) {
	.main-step__item:not(:last-child)::after {top: 3.5em; right: -1.5em;}
}
/* ===== main-cost (14_ 가맹안내 - 개설비용표) ===== */
.main-cost{padding:9.5625em 0 8em; background:#f3f3f3; color:#000; font-family:'Pretendard',sans-serif; letter-spacing:-0.05em; }
.main-cost .inner{text-align:center;}

/* 제목 / 설명 */
.main-cost__title{font-family:'Shilla',serif; font-size:3.75em; font-weight:700; line-height:1.2; margin-bottom: 0.1833em; }
.main-cost__desc{font-size:1.25em; font-weight:500; line-height:1.85; margin-bottom:1.15em; }

/* 표 래퍼 (955px 기준, 표는 880px 안쪽 · 강조바는 좌우로 튀어나옴) */
.main-cost__wrap{max-width:59.6875em; margin:0 auto; text-align:left; }
.main-cost__unit{display:block; text-align:right; padding-right:2.34375em; font-size:1.25em; font-weight:500; margin-bottom:0.3em; }

/* 표 */
.main-cost__scroll{overflow-x:auto;}
.main-cost__table{width:55em; margin:0 auto; table-layout:fixed; border-collapse:separate; border-spacing:0; letter-spacing:-0.02em; }
.main-cost__col--item{width:11.875em;}
.main-cost__col--desc{width:23.9375em;}
.main-cost__col--15{width:9.3125em;}
.main-cost__col--20{width:9.875em;}

/* 헤더 다크바 */
.main-cost__th{background:#303030; color:#fff; font-size:1.4375em; font-weight:700; text-align:center; padding:0.55em 0; white-space:nowrap; }
.main-cost__th--left{text-align:left; padding-left:1.4em; }
.main-cost__th--desc {padding-left: 1em;}
.main-cost__table thead th:first-child{border-radius:0.375em 0 0 0.375em; }
.main-cost__table thead th:last-child{border-radius:0 0.375em 0.375em 0; }

/* 본문 셀 공통 */
.main-cost__item,
.main-cost__desc-cell,
.main-cost__val{font-size:1.21875em; font-weight:500; padding:0.59em 0; vertical-align:middle; }
.main-cost__item{text-align:left; padding-left:1.64em; border-right:0.0625em solid var(--main-black); }
.main-cost__desc-cell{text-align:left; padding-left:1.18em; border-right:0.0625em solid var(--main-black); } 
.main-cost__val{text-align:center;}
/* 15평|20평 세로선: 인테리어·간판·주방시설 3행만 */
.main-cost__val--15{border-right:0.0625em solid #d6d6d6;}
/* 병합 셀은 자식 span 이 크기를 담당 */
.main-cost__val--merge{font-size:1em;font-weight:400;text-align:center;padding:0.5em 0;}
.main-cost__val-txt{font-size:1.21875em;font-weight:500;}

/* 가로 점선 (행 사이 6개, 로열티 아래 제외) */
.main-cost__table tbody tr:not(:last-child) > th,
.main-cost__table tbody tr:not(:last-child) > td{
	border-bottom:0.0625em solid var(--main-black);
}
/* 로열티 행: 내용|평 세로선 없음, 행 높이 큼 */
.main-cost__row--royalty > th,
.main-cost__row--royalty > td{padding-top:1.1em;padding-bottom:1.1em;}
.main-cost__row--royalty .main-cost__desc-cell{border-right:none;}
.main-cost__royalty-text{line-height:1.55;}
.main-cost__royalty-text b{font-weight:700;}

/* 값 + 면제 배지 묶음 */
.main-cost__flag{display:inline-flex; align-items:center; gap:1.7em; }
.main-cost__strike{position:relative; display:inline-block; color:#000; white-space:nowrap; }
.main-cost__strike--big{font-size:1.375em;font-weight:900;}
.main-cost__strike--pct{font-size:1.9375em;font-weight:800;}
/* 숫자 관통 빨강 화살표 (선 + 화살촉) */
.main-cost__strike::after{content:''; position:absolute; top:50%; left:-0.7272em; right:-0.7272em; height: 2px; background:#ff0000; transform:translateY(-50%); z-index: -1;}
.main-cost__strike::before{  content:'';
	position:absolute;
	top:50%;
	right:-0.7272em;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff0000;
	border-right: 2px solid #ff0000;
	transform:translateY(-50%) rotate(45deg); z-index: -1;}
/* 로열티(2%) 행 화살표: 시안처럼 '2%' 왼쪽에서 짧게 뻗어나옴 */
.main-cost__strike--pct::after{}
.main-cost__strike--pct::before{}
/* 면제 배지 */
.main-cost__badge{display:inline-flex; align-items:center; justify-content:center; font-size:1.21875em; font-weight:700; color:#fff; background:#ff0000; border-radius:0.9375em; padding:0.18em 0.85em; line-height:1; white-space:nowrap; }

/* 총개설 강조바 */
.main-cost__total{display:flex; align-items:center; justify-content:space-between; width:100%; height:4.5625em; padding:0 4.3125em; background: url('./img/cost_total_bg.png') no-repeat center / cover; border-radius:0.5em; color:#fff; letter-spacing:-0.02em; }
.main-cost__total-label{font-size:1.75em; font-weight:700; }
.main-cost__total-value{font-size:1.75em; font-weight:700; white-space:nowrap; }
.main-cost__pyeong{font-weight:300;}
.main-cost__slash{font-weight:700; margin:0 0.7em; }

/* 주석 */
.main-cost__note{margin-top:1.4em; padding-left:0.6em; color:#000; }
.main-cost__note p{font-size:1.05em; font-weight:200; line-height:1.6; padding-left:1.25em; text-indent:-1.25em; }

/* ===== 반응형 ===== */
@media (max-width:1080px){
	.main-cost{padding:6em 5% 5em;}
	.main-cost__wrap{max-width:100%;}
}
@media (max-width:768px){
	.main-cost{padding:4.5em 5% 4em;}
	.main-cost__title{font-size:3em;}
	.main-cost__unit{padding-right:0.5em;}
	.main-cost__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.main-cost__table{min-width:44em;}
	.main-cost__total{padding: 1em 1.4em;height:auto;min-height:4em;flex-wrap:wrap;gap:0.3em 1em;}
	.main-cost__total-label,
	.main-cost__total-value{font-size:1.45em;}
}

	/* ===== main-fran (가맹문의-폼) ===== */
.main-fran{position:relative; width:100%; padding: 7.5em 0 13.1875em; display:flex; align-items:center; overflow:hidden; letter-spacing:-0.05em; background:url("./img/fran_bg.jpg") no-repeat center center / cover; }
.main-fran .inner{position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:2em; width:100%; max-width:76.375em; margin:0 auto; padding:0 2em; box-sizing:border-box; }

/* 좌측 카피 */
.main-fran__copy{max-width:35em; color:#ffffff; }
.main-fran__logo{display:block; width:27.1875em; max-width:100%; height:auto; margin-bottom:1.5em; }
.main-fran__title{margin:0 0 0.7em; font-weight:800; font-size:2.0625em; line-height:1.12; color:#ffffff; }
.main-fran__desc{margin:0; font-weight:300; font-size:1.5625em; line-height:1.48; color:#ffffff; }

/* 우측 폼 카드 */
.main-fran__form {flex-shrink:0; box-sizing:border-box; width:33.625em; background:#ffffff; border-radius:1.125em; padding:4.1875em 3.625em; box-shadow:0 0.75em 2.5em rgba(0,0,0,0.18); }
.main-fran__form-title {margin:0 0 0.909em; font-weight:800; font-size:2.0625em; line-height:1.12; color:#000000; }
.main-fran__row {margin-bottom: 0.6875em; }
.main-fran__row--split {display:flex; gap:1em; }
.main-fran__field--name {flex:0 0 auto; }
.main-fran__field--radio {flex:1 1 auto; }

.main-fran__label {display:block; margin-bottom:0.6em; padding: 0 0.5294em; font-weight:700; font-size:1.0625em; line-height:1.2; color:#000000; }
/* input */
.main-fran__input{box-sizing:border-box; width:100%; height:2.4em; border:0; border-radius:0.25em; background:#eeeeee; padding:0 1em; font-weight:300; font-size:0.9375em; color:#000000; letter-spacing:-0.05em; }
.main-fran__field--name .main-fran__input{width:13.47em; }
.main-fran__input::placeholder{color:#a0a0a0; }

/* 가맹점 보유 여부 pill (radio) */
.main-fran__pills{display:flex; gap:1.25em; }
.main-fran__radio{position:absolute; width:0; height:0; opacity:0; pointer-events:none; }
.main-fran__pill{display:inline-flex; align-items:center; justify-content:center; width:6.2em; height:2.4em; border-radius:0.25em; background:#eeeeee; color:#a0a0a0; font-weight:300; font-size:0.9375em; letter-spacing:-0.05em; cursor:pointer; transition:background .15s, color .15s; }
.main-fran__radio:checked + .main-fran__pill{background:#323232; color:#f6f6f6; font-weight:700; }
/* 동의 행 */
.main-fran__agree{display:flex; align-items:center; margin: 1.875em 0 0.5em;}
.main-fran__check{appearance:none; -webkit-appearance:none; box-sizing:border-box; width:1.5em; height:1.5em; margin:0; border-radius:0.25em; background:#dedede; cursor:pointer; flex-shrink:0; }
.main-fran__check:checked{background:url("./img/ic_checkbox.svg") no-repeat center center / contain; }
.main-fran__agree-label{margin-left:0.5em; font-weight:500; font-size:0.9375em; color:#878787; cursor:pointer; }
.main-fran__terms{margin-left:auto; font-weight:500; font-size:0.9375em; color:#dedede; text-decoration:none; }

/* 문의하기 */
.main-fran__submit{display:block; width:100%; height:1.8em; border:0; border-radius:0.25em; background:#323232; color:#ffffff; font-weight:700; font-size:1.25em; letter-spacing:-0.05em; cursor:pointer; }

/* 이용약관 레이어 팝업 */
.fran-modal{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; align-items:center; justify-content:center; padding:1.5em; font-size:var(--fz); letter-spacing:-0.05em; }
.fran-modal.is-open{display:flex; }
.fran-modal__overlay{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.55); }
.fran-modal__card{position:relative; z-index:1; box-sizing:border-box; display:flex; flex-direction:column; width:100%; max-width:33.625em; max-height:85vh; background:#ffffff; border-radius:1.125em; padding:2.5em 2.5em 2.25em; box-shadow:0 0.75em 2.5em rgba(0,0,0,0.25); }
.fran-modal__close{position:absolute; top:0.45em; right:0.65em; border:0; background:transparent; padding:0.2em; font-size:1.875em; line-height:1; color:#878787; cursor:pointer; }
.fran-modal__title{margin:0 0 0.9em; font-weight:800; font-size:1.5em; line-height:1.2; color:#000000; }
.fran-modal__body{overflow-y:auto; font-weight:300; font-size:0.9375em; line-height:1.7; color:#444444; letter-spacing:-0.03em; }
.fran-modal__body p{margin:0 0 1em; }
.fran-modal__body dt{margin-top:0.9em; font-weight:700; color:#000000; }
.fran-modal__body dd{margin:0.2em 0 0; }
.fran-modal__confirm{flex-shrink:0; margin-top:1.5em; width:100%; height:2.6em; border:0; border-radius:0.25em; background:#323232; color:#ffffff; font-weight:700; font-size:1.0625em; letter-spacing:-0.05em; cursor:pointer; }

/* ===== 반응형 ===== */
@media (max-width:1080px){
	.main-fran{min-height:auto; padding:5em 0 10em; }
	.main-fran .inner{flex-direction:column; align-items:flex-start; gap:3em; }
	.main-fran__copy{max-width:none; }
	.main-fran__form{width:100%; max-width:33.625em; margin:0 auto; }
}
@media (max-width:768px){
	.main-fran__logo{width:18em; }
	.main-fran__title{font-size:1.75em; }
	.main-fran__desc{font-size:1.25em; }
	.main-fran__form{padding:2.75em 1.75em; }
	.main-fran__row--split{flex-direction:column; gap:1.3em;}
	.main-fran__field--name .main-fran__input{width:100%; }
	.main-fran__pills{width:100%; }
	.main-fran__pill{flex:1 1 0; width:auto; }
}
/************************* 공통 시작*************************/
.inner {width: 100%; max-width:1352px; margin: 0 auto; }
.inner--fill {max-width:none; padding-right: calc((100% - 1600px) / 2); padding-left: calc((100% - 1600px) / 2);}
@media (max-width:1640px) {
	.inner--fill {padding: 0 4%;}
}
@media(max-width:1400px){
	.inner {padding: 0 4%;}
}

.sub-container {padding-top: 5em; padding-bottom: 10em; min-height:5rem;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header__fix {position: fixed; left:0; top:0; z-index: 100;width:100%;  height: 5.125em; font-size: var(--fz); background-color: #fff; --menu-height : 0; transition: 0.15s ease-in-out all;}
.header__fix:after {position: absolute; content:''; top: 100%; left: 0; z-index: -1; width: 100%; height: var(--menu-height); background-color: #fff; transition: 0.15s ease-in-out all;}
.header__inner {display: flex; justify-content: space-between; align-items: center; height: inherit}
.header__ctrl {display: flex; align-items: center; height: inherit;}

.header-home__logo {width: 10.8125em; transition: 0.15s ease-in-out all;}

.header-navi {position: relative; height: inherit; margin-left: auto; transition: .15s ease-in-out all;}
.header-navi__m-list {display: flex; align-items: center; height: inherit;}
.header-navi__m-item {}
.header-navi__m-item:last-child {margin-right: 0;}
.header-navi__m-btn {display: flex; align-items: center; padding: 0.4091em 1em; border-radius: 10em; font-size: 1.375em; font-weight: 700;}
.header-navi__m-btn--crt {background-color: var(--secondary); color: #fff;}
.header-navi__m-item {position: relative;}
.header-navi__s-wrap {position: absolute; top: 100%; left: 50%; min-width: 150%; transform:translateX(-50%);}
.header-navi__s-list {transition: .15s ease-in-out all;}
.header-navi__s-btn {display: block;}
@media(max-width:1080px){
	.header-navi {display: none;}
}

.header-lang {position: relative; display: flex; align-items: center;  text-align:center; height: inherit; transition: .15s ease-in-out all;}
.header-lang__btn{display: flex; align-items:center; transition: 0.15s ease-in-out all;}
.header-lang__btn,
.header-lang__btn:link,
.header-lang__btn:visited {color: #fff;}
.header-lang__navi{position:absolute; top: 100%; left: 50%; transform:translateX(-50%); min-width:100%; height: 0; overflow: hidden;}
.header-lang__list {margin: 1em; background-color: rgba(0,0,0,0.5); border-radius: 0.5em; box-shadow:var(--shadow-1); transition: .15s ease-in-out all;}
.header-lang__link{padding:0.5em 1.5em; display: block; white-space: nowrap; transition: 0.15s ease-in-out all;}
.header-lang__link,
.header-lang__link:visited,
.header-lang__link:link {color: #fff;}
.header-lang__icon {width: 1.25em; filter:brightness(0) invert(1)}
@media(hover:hover){
	.header-lang__btn:hover {color: var(--main-color);}
	.header-lang__link:hover {color: var(--main-color);}
}
@media(max-width:1080px){
	.header-lang {display: none;}	
}

.header-login {margin-left: 1.5em;}
.header-login__list {display: flex; align-items: center;}
.header-login__item {margin-right: 1em;}
.header-login__item:last-child {margin-right: 0;}
.header-login__link {display: block; transition:.15s ease-in-out all;}
.header-login__link,
.header-login__link:visited,
.header-login__link:link {color: #fff;}
@media(hover:hover){
	.header-login__link:hover {color: var(--main-color);}
}
@media(max-width:1080px){
	.header-login{display: none;}	
}

.header-drawer {display: none; position: relative; margin-left: 1.5em;}
.header-drawer__btn {position: relative; width: 20px; height: 14px; z-index: 0; transition:.15s ease-in-out all;}
.header-drawer__line {position: absolute; left: 0; width: 100%; height: 2px; background-color: var(--main-black); transition:.15s ease-in-out all;}
.header-drawer__line--top {top: 0;}
.header-drawer__line--middle {top: 50%; transform:translateY(-50%)}
.header-drawer__line--bottom {bottom: 0;}
@media(hover:hover){
	.header-drawer__btn:hover .header-drawer__line--top{left: -0.25em;}
	.header-drawer__btn:hover .header-drawer__line--middle{left: 0.25em;}
	.header-drawer__btn:hover .header-drawer__line--bottom{left: -0.125em;}
}
@media(max-width:1080px){	
	.header-drawer {display:block;}
}

.header__fix.enter {background-color: #fff;}
.header__fix.enter .header-navi__m-btn {}
.header__fix.enter .header-navi__m-btn--crt {}
.header__fix.enter .header-navi__s-list {background-color: #fff;}
.header__fix.enter .header-navi__s-btn {color: var(--main-black);}
.header__fix.enter .header-navi__s-btn--crt {color: var(--main-color);}
.header__fix.enter .header-navi__c-btn {color: var(--main-gray);}
.header__fix.enter .header-navi__c-btn--crt {color: var(--main-color);}
.header__fix.enter .header-lang__btn {color: var(--main-black);}
.header__fix.enter .header-lang__btn.on {color: var(--main-color);}
.header__fix.enter .header-lang__list {background-color: #fff;}
.header__fix.enter .header-lang__link {color: var(--main-black);}
.header__fix.enter .header-login__link {color: var(--main-black);}
.header__fix.enter .header-drawer__line {background-color: var(--main-black);}
@media(hover:hover){
	.header__fix.enter .header-lang__link:hover {color: var(--main-color);}
}

/************************* header_inc 끝*************************/

/************************* sub-dropdown 시작 *************************/
.drop-menu {display: none; border-bottom:1px solid var(--main-gray);}
.drop-menu__inner {display: flex; border-right:1px solid var(--main-gray); border-left:1px solid var(--main-gray);}
.drop-menu__home {display: inline-flex; min-width: 3em; min-height: 3em; height: inherit; justify-content: center; align-items: center;}
.drop-menu__icon {width: 1.75em;}
.drop-menu__wrap {position: relative; z-index: 0; border-left:1px solid var(--main-gray);}
.drop-menu__wrap:last-child {border-right:1px solid var(--main-gray); }
.drop-menu__btn {display: flex; justify-content: space-between; align-items: center; min-width:15em; height: 100%; padding:0 0.15rem; font-weight: 500; transition:.15s ease-in-out all;}
.drop-menu__tit {display: block; font-size: 1.125em;}
.drop-menu__arr {margin-left: 1.5em; width: 0.75em; transition:.15s ease-in-out all;}
.drop-menu__navi {position: absolute; top: 100%; left: -1px; z-index: 10; width:calc(100% + 2px);  height: 0; overflow: hidden;}
.drop-menu__list {background-color: #fff; border:1px solid var(--main-gray);}
.drop-menu__link {display: block; padding:0.5em 0.15rem; transition:.15s ease-in-out all;}
@media(hover:hover){
	.drop-menu__link:hover {background-color: var(--main-color); color: #fff;}
}

.drop-menu__btn.on {background-color: var(--main-color); color: #fff;}
.drop-menu__btn.on .drop-menu__arr {filter:brightness(0) invert(1); transform:rotate(180deg);}

/************************* dropdown 끝 *************************/
/************************* tabmenu 시작 *************************/
.tab-menu {display: none; border-bottom:1px solid var(--main-gray)}
.tab-menu__list {display: flex;}
.tab-menu__item {flex:1;}
.tab-menu__btn {padding:1.5em 0.75em; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; transition: .15s ease-in-out all;}
.tab-menu__btn--crt {background-color: var(--main-color);}
.tab-menu__btn--crt,
.tab-menu__btn--crt:link,
.tab-menu__btn--crt:visited {color: #fff;}
@media(hover:hover){
	.tab-menu__btn:hover {background-color: var(--main-color); color: #fff;}
}
/************************* sub-tabmenu 끝 *************************/

/************************* depth3 시작 *************************/
.depth3__list {display: flex; flex-flow: row wrap;}
.depth3__item {flex:1;}
.depth3__item:last-child {border:0;}
.depth3__btn {padding:1.5em 0.75em; width: 100%; height: 100%; display: flex; align-items: center;justify-content: center; border-bottom:2px solid var(--main-gray); transition:.15s ease all;}
.depth3__btn--crt {border-color:var(--main-color);}
@media(hover:hover){
	.depth3__btn:hover {border-color:var(--main-color);}
}
/************************* depth3 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer {padding:5.875em 0 6.9375em; font-size: var(--fz); background-color:#2c2c2c; color:#bfbfbf; letter-spacing:-0.05em;}
.footer__inner {max-width: 1550px;}
.footer-brand {display:inline-block;}
.footer-brand__logo {width:12.125em;}
.footer-btm {display:flex; justify-content:space-between; align-items:flex-end; margin-top:1.4em; padding-top:1.6em; border-top:1px solid rgba(255,255,255,0.18);}
.footer-btm__policy {font-size:1.1875em; font-weight:600;}
.footer-btm__link,
.footer-btm__link:link,
.footer-btm__link:visited {color:#bfbfbf; transition:.15s ease all;}
.footer-btm__bar {margin:0 0.5em; font-weight:300; color:#bfbfbf;}
.footer-btm__contact {margin-top:0.7em; font-size:1.1875em; font-weight:600; color:#bfbfbf;}
.footer-btm__val {margin-left:0.4em; font-weight:100;}
.footer-btm__sp {margin-left:1.6em;}
.footer-btm__copy {font-size:1.1875em; font-weight:600; color:#bfbfbf;}
@media(hover:hover){
	.footer-btm__link:hover {color:#fff;}
}
@media(max-width:768px){
	.footer-btm {flex-direction:column; align-items:flex-start; gap:0.8em; margin-top:1.2em; padding-top:1.2em;}
	.footer-btm__policy,
	.footer-btm__contact,
	.footer-btm__copy {font-size:1em;}
	.footer-btm__sp {display:block; margin-left:0;}
	.footer-btm__val {margin-left:0.3em;}
} 
.footer__sec {display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start;}

.footer-home {display: inline-block;}
.footer-home__logo {width: 9.375em;}

.footer-info {margin:2em 0; width: 100%;}
.footer-info__item {margin-bottom: 0.25em; display: flex; flex-wrap:wrap; line-height: 1.5;}
.footer-info__item:last-child {margin-bottom: 0;}
.footer-info__info {display: inline-flex; align-items: center;}
.footer-info__info:after {margin:0 1em; content:''; display: inline-block; width: 1px; height: 0.8em; background-color: var(--main-gray); opacity: 0.75;}
.footer-info__info:last-child:after {display: none;}
.footer-info__cate {display: block; margin-right: 0.8em;}
.footer-info__desc {color: var(--main-gray);}
.footer-info__desc--link {transition:.15s ease all;}
.footer-info__desc--link,
.footer-info__desc--link:visited,
.footer-info__desc--link:link {color: var(--main-gray);}
@media(max-width:500px){
	.footer-info__item {margin-bottom: 0;}
	.footer-info__detail {width: 100%; margin-right: 0;}
}
@media(hover:hover){
	.footer-info__desc--link:hover {color: var(--main-color);}
}

.family {position: relative; z-index: 0;}
.family__btn {padding:0.5em 1em; display: inline-flex; justify-content:space-between; align-items:center; font-weight: 500; border:1px solid #fff; transition:.15s ease all;}
.family__btn,
.family__btn:visited,
.family__btn:link {color: inherit;}
.family__arrow {margin-left: 1em; transition:.15s ease all;}
.family__navi {position: absolute; top: 100%; left: 50%; transform:translateX(-50%); min-width: 100%; text-align: left; background-color: var(--main-black); height: 0; overflow: hidden; z-index: 1;}
.family__list {padding:1em 0; border:1px solid #fff; border-top:none;}
.family__link {padding:0.5em 0.25em; display: block; white-space: nowrap; text-align: center; transition:.15s ease all;}
.family__link,
.family__link:visited,
.family__link:link {color: inherit;}
@media(hover:hover){
	.family__btn:hover {background-color: var(--main-color);}
	.family__link:hover {color: var(--main-color);}
}

.family__btn.on {background-color: var(--main-color); color: #fff;}
.family__btn.on .family__arrow {transform:rotate(-180deg);}

.footer-navi__link {margin-right: 1em; font-weight: 500; transition:.15s ease all;}
.footer-navi__link,
.footer-navi__link:visited,
.footer-navi__link:link {color: inherit;}
.footer-navi__link:last-of-type {margin-right: 0;}
@media(hover:hover){
	.footer-navi__link:hover {color: var(--main-color);}
}

.footer-adm {display: flex; flex-flow: row wrap;}
.footer-adm__cprt {margin-right: 1em;}
.footer-adm__nav {display: flex;}
.footer-adm__link {margin-right: 1em; display: inline-block; transition:.15s ease all;}
.footer-adm__link,
.footer-adm__link:visited,
.footer-adm__link:link {color: var(--main-gray);}
.footer-adm__link:last-of-type {margin-right: 0;}
@media(max-width:500px){
	.footer-adm__nav {width: 100%;}
}
@media(hover:hover){
	.footer-adm__link:hover {color: var(--main-color);}
}

/************************* footer_inc 끝 *************************/


/************************* split-text *************************/
.split-text__word {font-size: inherit;}
.split-text__letter {display: inline-block; font-size: inherit;}
.split-text--no-delay .split-text__letter {transition-delay:0s !important; animation-delay:0s !important;}