@charset "utf-8";
html {scroll-behavior: smooth;}
.hyphen-list li {text-indent: -.7em; padding-left: 0.7em;}
.sec-zigzag .group {display: flex; gap: 25px clamp(35px, calc( 50 / var(--inner) * 100vw ), 100px);}
.sec-zigzag .group:nth-child(even) {flex-direction: row-reverse;}
.sec-zigzag .group:not(:last-child) {margin-bottom: var(--space-120);}
.zigzag-img {width: calc(50% - clamp(35px, calc( 50 / var(--inner) * 100vw ), 100px)); text-align: right; border-radius: 0 var(--radius-24) var(--radius-24) 0; overflow: hidden;}
.sec-zigzag .group:nth-child(even) .zigzag-img {border-radius: var(--radius-24) 0 0 var(--radius-24); text-align: left;}
.zigzag-txt {flex: 1; display: flex; flex-direction: column; justify-content: center; max-width: 730px; padding-right: var(--container-space);}
.sec-zigzag .group:nth-child(even) .zigzag-txt {padding-right: 0; padding-left: var(--container-space);}
.zigzag-txt span {display: block; font-size: var(--font-size-72); line-height: 0.2em; font-weight: 700; color: #eee;}
.zigzag-txt h3 {margin-bottom: var(--space-30); font-size: var(--font-size-40); line-height: 1.3em; color: var(--dark-color);}
.inline-txt {display: inline-block;}

.sec-vision {padding: var(--space-150) 0; background: url('/images/sub/bg-vision.jpg') no-repeat center center / cover;}
.vision-circles {position: relative; display: flex; gap: clamp(10px, calc( 93 / var(--inner) * 100vw ), 93px);}
.vision-circles:after {content: ''; position: absolute; top: 50%;left: 0; width: 100%; height: 1px;  background: rgba(255, 255, 255, 0.20);}
.vision-circle {flex: 1; position: relative;}
.vision-circle:before {content: ''; display: block; width: 100%; padding-bottom: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.50);}
.vision-circle:not(:last-child):after {content: ''; position: absolute; top: 50%; left: calc(100% + clamp(10px, calc( 93 / var(--inner) * 100vw ), 93px) / 2); width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; background: #fff; border-radius: 100%;}
.vision-circle .icon, .vision-circle h4 {position: absolute; top: 0;left: 0; width: 100%; height: 50%; display: flex; align-items: center; justify-content: center;} 
.vision-circle h4 {top: auto;bottom: 0;}

.sec-ceo {position: relative;}
.ceo-deco {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 800px; max-width: 55%; z-index: -1;}
.sec-ceo .cont-tit {margin-bottom: var(--space-60); font-size: var(--font-size-40); font-weight: 700; line-height: 1.4em; color: var(--primary-color); letter-spacing: -0.03em;}
.sec-ceo .cont-tit p {margin: 0;}
.ceo-body {display: flex; gap: var(--space-60); justify-content: space-between; align-items: flex-start;}
.ceo-txt {flex: 1; min-width: 0; max-width: 671px;}
.ceo-txt .signature {display: flex; gap: var(--space-30); align-items: center; margin-top: var(--space-40); font-size: var(--font-size-20); font-weight: 600; color: var(--dark-color); letter-spacing: -0.03em;}
.ceo-photo {flex: 0 0 auto; max-width: 600px; width: 42.86%; height: fit-content;}

.history-wrap {position: relative; display: flex; flex-direction: column; gap: var(--space-220);}
.history-wrap:before {content: ''; position: absolute; top: 0; bottom: 0; left: calc(37.15% + clamp(20px, calc(100 / var(--inner) * 100vw), 100px)); width: 1px; margin-left: 10px; background: #ddd; z-index: -1;}
.history-body {display: flex; gap: 25px clamp(20px, calc(100 / var(--inner) * 100vw), 100px); align-items: flex-start;}
.history-left {position: sticky; top:calc(var(--header-height) + 20px); flex: 0 0 auto; max-width: 520px; width: 37.15%; display: flex; flex-direction: column; gap: var(--space-30);}
.history-left .tit {margin: 0; font-size: var(--font-size-56); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em; line-height: 1.2em;}
.history-left .subtit {margin: 0; font-size: var(--font-size-24); font-weight: 600; color: var(--primary-color); letter-spacing: -0.03em;}
.history-left .img {margin-top: var(--space-30); width: 100%;  border-radius: var(--radius-16); overflow: hidden;}
.history-right {flex: 1; min-width: 0; padding-top: 20px; display: flex; flex-direction: column; gap: var(--space-80);}
.history-right .year {display: flex; flex-direction: column; gap: var(--space-40);}
.history-right .year-tit {display: flex; gap: var(--space-15); align-items: center;}
.history-right .year-tit .dot {flex-shrink: 0; width: 20px; height: 20px;}
.history-right .year-tit .dot img {display: block; width: 100%; height: 100%;}
.history-right .year-tit .line {width: var(--space-60); height: 1px; background: #ddd;}
.history-right .year-tit .num {font-size: var(--font-size-32); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em;}
.history-right .list {margin: 0; padding: 0; padding-left: calc(20px + var(--space-15) * 2 + var(--space-60)); list-style: none; display: flex; flex-direction: column; gap: var(--space-20);}
.history-right .list li {display: flex; gap: var(--space-15); align-items: center; font-size: var(--font-size-18); letter-spacing: -0.03em;}
.history-right .list li:before {content: '•'; flex-shrink: 0; color: #ccc;}
.history-right .list .month {font-weight: 700; color: var(--dark-color); flex-shrink: 0;}
.history-right .list .txt {color: #505050;}

section .video-container {border-radius: var(--radius-24); overflow: hidden;}

.sec-logo:not(:last-of-type) {margin-bottom: var(--space-150);}
.logo-head {display: flex; gap: clamp(35px, calc(50 / var(--inner) * 100vw), 100px); margin-bottom: var(--space-60);}
.logo-head .tit {margin: 0; flex: 0 0 30%; font-size: var(--font-size-40); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em; line-height: 1.2em;}
.logo-head .cont {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-30); justify-content: center;}
.btn-download {display: inline-flex; align-items: center; gap: var(--space-20); padding: var(--space-15) 20px; background: var(--primary-color); color: #fff; font-weight: 600; letter-spacing: -0.03em; border-radius: 32px; width: fit-content;}
.btn-download:after {content: ''; display: block; width: 24px; height: 24px; background: url('/images/sub/download.svg') no-repeat center / contain;}
.logo-preview {display: flex; gap: var(--space-20);}
.color-card {border: 1px solid #ddd; border-radius: var(--radius-16); overflow: hidden; padding: var(--space-60); margin-bottom: var(--space-30);}
.color-bar {background: var(--primary-color); padding: var(--space-20); padding-top: var(--space-120); margin-bottom: var(--space-30); display: flex; justify-content: space-between; align-items: center; font-size: var(--font-size-20); font-weight: 600; color: #fff; letter-spacing: -0.03em;}
.color-spec {display: flex; gap: 5px var(--space-80); flex-wrap: wrap;}
.color-spec .spec-item {display: flex; gap: var(--space-30); align-items: flex-start;}
.color-spec .spec-tit {position: relative; padding-left: 15px; font-size: var(--font-size-18); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em;}
.color-spec .spec-tit:before {content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2px; border-radius: 100%; background: #505050;}
.color-spec .divider {display: inline-block; width: 1px; height: 15px; margin: 0 10px; background: #d9d9d9; vertical-align: middle;}
.logo-timeline {position: relative;}
.logo-timeline:before {content: ''; position: absolute; left: 30px; right: 30px; top: 50%; height: var(--space-80); background: rgba(249, 249, 249, 1); transform: translateY(-50%); }
.logo-timeline .history-list {margin-bottom: 80px; list-style: none; display: flex; gap: var(--space-60); flex-wrap: wrap;}
.logo-timeline .history-list li {position: relative; fleX: 1;display: flex; flex-direction: column; gap: var(--space-30); align-items: center; text-align: center;}
.logo-timeline .history-list li:not(:last-child):after, .business-process .item:not(:last-child):after {content: ''; position: absolute; left: 100%; top: 50%; width: var(--space-60); height: 16px; background: url('/images/sub/about-history-arrow.svg') no-repeat center / contain; transform: translateY(-50%); }
.logo-timeline .circle {padding: var(--space-40); border-radius: 100%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.logo-timeline .history-list li.current .circle {box-shadow: 0 0 30px rgba(3,78,162,0.3);}
.logo-timeline .circle + div {position: absolute; top: calc(100% + var(--space-30)); left: 0; width: 100%;}
.logo-timeline .year {font-size: var(--font-size-20); color: #505050; letter-spacing: -0.03em;}
.logo-timeline .history-list li.current .year-wrap {display: flex; flex-direction: column; gap: var(--space-15); align-items: center;}
.logo-timeline .history-list li.current .year {font-size: var(--font-size-24); font-weight: 700; color: var(--primary-color);}
.logo-timeline .badge {display: inline-block; padding: 6px 10px; background: #eee; border-radius: 4px; font-size: var(--font-size-14); color: #505050; letter-spacing: -0.03em;}
.btn-table {display: block; width: fit-content; background: var(--primary-color); padding: 10px; min-width: 120px; margin: 0 auto; border-radius: 100px; text-align: center; font-weight: 600; color: #fff; line-height: 1.25em;}
.page-inquiry {gap: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.inquiry-table {gap: 30px; padding: var(--space-30) 0;}
.inquiry-table h3 {display: flex; align-items:center; gap: 10px; margin-bottom: 20px; font-size: var(--font-size-24); font-weight: 600; color: var(--dark-color);}
.inquiry-table h3:before {content: ''; display: block; width: 4px; height: 24px; background: var(--primary-color); border-radius: 100px;}
.inquiry-box {position: relative; max-width: 520px; width: 37.15%; border-radius: var(--radius-16); overflow: hidden;}
.inquiry-box .txt {position: absolute; left: 0; bottom: 0; right: 0; padding: var(--space-40); color: #fff;}
.sec-directions-head {gap: 20px 35px; flex-wrap: wrap; padding-bottom: var(--space-80); margin-bottom: var(--space-80); border-bottom: 1px solid #ddd;}
.sec-directions-head h3:before {content: ''; display: block; width: 40px; height: 4px; margin-bottom: var(--space-15); background: var(--dark-color);}
.direction-info ul {display: flex; gap: 10px var(--space-60); flex-wrap: wrap;}
.direction-info li {display: flex; align-items: center; gap:var(--space-15);}
.direction-info .icon {display: flex; padding: 8px; background: var(--dark-color); border-radius: 100%;}
.sec-direction-map {width: 100%; height: clamp(270px, calc(600 / var(--inner) * 100vw), 600px);}
.root_daum_roughmap .wrap_map, .root_daum_roughmap  {width: 100% !important; height: 100% !important;}
.page-business-rental section:not(:first-child) {padding-top: var(--space-50);}
.page-business-rental section:not(:last-child) {margin-bottom: var(--space-100);}

.depth-menu {max-width: 1460px; margin: 0 auto var(--space-60); padding: 0 var(--container-space); text-align: center;}
.depth-menu.sticky {position: sticky; top: var(--header-height); width: 100%; background: #fff; z-index: 50;}
.depth-menu.wide {padding: 0;}
.depth-menu ul {display: flex; width: max-content; min-width: 100%; margin: 0 -5px;}
.depth-menu li {flex: 1; padding: 0 5px;}
.depth-menu a {display: block; padding: 10px 15px; border-radius: 4px; background: #F4F4F4; font-weight: 600; line-height: 1.875em;}
.depth-menu .active a {background: var(--primary-color); color: #fff;}

[id^="where"] {scroll-margin-top: 150px;}
.business-intro {margin-bottom: var(--space-150);}
.business-intro.type2 {margin-bottom: var(--space-40);}
.business-intro .sec-tit {margin-bottom: var(--space-40);}
.gallery-slider {position: relative; padding: 0 calc(clamp(44px, calc( 72 / var(--inner) * 100vw ), 72px) + var(--space-30)); margin: 0 calc((clamp(44px, calc( 72 / var(--inner) * 100vw ), 72px) + var(--space-30)) * -1);}
.gallery-slider .slick-arrow {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; width: clamp(44px, calc( 72 / var(--inner) * 100vw ), 72px); height: clamp(44px, calc( 72 / var(--inner) * 100vw ), 72px); border: 1px solid rgba(0, 0, 0, 0.50); background: #fff; overflow: hidden; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-indent: -9999em; transition: all 0.3s ease;}
.gallery-slider .slick-arrow:hover {background: var(--primary-color); border-color: var(--primary-color);}
.gallery-slider .slick-arrow:before {content: ''; display: block; width: 20px; height: 20px; background: url('/images/sub/gallery-slider-arrow.svg') no-repeat center / contain;}
.gallery-slider .slick-arrow:hover:before {filter: brightness(0) invert(1);}
.gallery-slider .slick-arrow.slick-next {left: auto; right: 0;}
.gallery-slider .slick-arrow.slick-next:before {transform: rotate(180deg);}
.gallery-slider .items {position: unset; margin: 0 calc(clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px) * -1);}
.gallery-slider .slick-slide {padding: 0 clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.gallery-slider .item {display:block; width: 100%; position: relative; padding-bottom: 100%; border-radius: var(--radius-16); overflow: hidden;}
.gallery-slider .item .bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.gallery-slider h4 {position: absolute; left: 0; bottom: 0; right: 0; padding: var(--space-40) var(--space-30); background: rgba(0,0,0,.4); font-size: var(--font-size-24); font-weight: 700; color: #fff;}

.business-rental-banner {padding: var(--space-100) 0; background: url('/images/sub/business-rental-banner.jpg') no-repeat center center / cover;}
.sec-business-process {padding: var(--space-100) 0; background: #f9f9f9;}
.business-process {display: flex; justify-content: center; gap: var(--space-60); flex-wrap: wrap; justify-content: center;}
.business-process .item {position: relative; flex: 1; display: flex; flex-direction: column; gap: var(--space-30); align-items: center; padding: var(--space-40) 10px; border-radius: var(--radius-16); transition: .3s;}
.business-process .item:hover {background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.business-process .icon {display: flex; align-items: center; justify-content: center; overflow: hidden;}
.business-process .cont {display: flex; flex-direction: column; gap: var(--space-30); align-items: center;}
.business-process .tit {display: flex; flex-direction: column; gap: var(--space-15); align-items: center;}
.business-process .badge {display: inline-block; padding: 4px 6px; background: var(--primary-color); color: #fff; font-size: var(--font-size-14); line-height: 1em; border-radius: 4px;}
.business-process h4 {margin: 0; font-size: var(--font-size-24); font-weight: 600; color: var(--dark-color); letter-spacing: -0.03em;}
.business-process .desc {margin: 0; font-size: var(--font-size-18); line-height: 1.625em; color: #505050; text-align: center; letter-spacing: -0.03em;}

.page-business-sale .sec-tit .wrap {display: flex; gap: 20px;}
.tel-box {display: flex; align-items: center; gap: 5px; height: fit-content; padding: var(--space-15) var(--space-20); background: #f4f4f4; border-radius: 8px;}

.business-secondary-list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-80) clamp(10px, calc(80 / var(--inner) * 100vw), 80px);}
.business-secondary-list a {display: block;}
.business-secondary-list .thumb {position: relative; width: 100%; padding-bottom: 100%; margin-bottom: var(--space-20); overflow: hidden;}
.business-secondary-list .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; transition: .3s;}
.business-secondary-list a:hover .thumb img {transform: translate(-50%, -50%) scale(1.1);}
.business-secondary-list .txt {padding: 0 var(--space-20);}
.business-secondary-list .tit {margin-bottom: var(--space-25); font-size: var(--font-size-22); line-height: 1.2em; margin-bottom: var(--space-25); font-weight: 600; color: var(--dark-color);}
.business-secondary-list .info dl {display: flex; gap: var(--space-20) 20px;}
.business-secondary-list .info dl:not(:last-child) {margin-bottom: var(--space-15);}
.business-secondary-list .info dt {width: 65px; color: var(--dark-color); font-weight: 600;}

/* BIZ렌탈 */
.hero-bg {border-radius: var(--radius-16) var(--radius-16) 0 0; overflow: hidden; margin-bottom: calc(var(--space-80) * -1);}
.hero-box {position: relative; margin: 0 clamp(20px, calc(100 / var(--inner) * 100vw), 100px); padding: var(--space-80) 15px; background: #fff; border-radius: var(--radius-24);text-align: center;}
.hero-box h3 {margin: 0 0 var(--space-30); font-size: var(--font-size-40); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em; line-height: 1.2em;}
.hero-box p {margin: 0; font-size: var(--font-size-18); line-height: 1.75; color: #505050; letter-spacing: -0.03em;}
.biz-notice {display: flex; align-items: center; gap: var(--space-30); padding: var(--space-30); background: rgba(3, 78, 162, 0.05); border-radius: var(--radius-16);}
.biz-notice .notice-txt {display: flex; align-items: center; gap: var(--space-30); flex: 1; min-width: 0;}
.biz-notice .notice-txt p {margin: 0; font-size: var(--font-size-16); line-height: 1.6; color: #505050;}
.biz-notice .notice-txt .primary-color {color: var(--primary-color);}
.btn-biz {display: inline-flex; align-items: center; gap: var(--space-20); width: fit-content; padding: 16px 24px; background: var(--primary-color); color: #fff; font-size: var(--font-size-18); font-weight: 600; border-radius: 100px; line-height: 1em;}
.btn-biz:after {content: ''; display: block; width: 16px; height: 16px; background: url('/images/sub/btn-biz-arrow.svg') no-repeat center / contain;}
.sec-biz-benefits {padding: var(--space-100) 0; background: #f4f4f4;}
.benefit-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-40); margin-bottom: var(--space-60);}
.benefit-list .item {position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-30); background: #fff; border-radius: var(--radius-16); overflow: hidden;}
.benefit-list .num {position: absolute; bottom: 10px; left: 0; width: 100%; font-size: clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px); line-height: 0.7em; font-weight: 600; color: rgba(255, 255, 255, 0.2); text-align: center;}
.benefit-list .tit {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 10px; font-size: var(--font-size-32); font-weight: 700; color: #fff; text-align: center;}
.sec-biz-benefits .sec-btn {text-align: center;}
.sec-biz-detail {padding: var(--space-150) 0 0;}
.page-biz-rental .detail-item {display: flex; flex-wrap: wrap; gap: 25px var(--space-60);}
.page-biz-rental .detail-item:not(:last-child) {margin-bottom: var(--space-150);}
.page-biz-rental .detail-item .txt {flex: 1; min-width: 0;}
.page-biz-rental .detail-item .txt h4 {margin: 0 0 var(--space-30); font-size: var(--font-size-40); font-weight: 700; color: var(--dark-color);line-height: 1.2em;}
.page-biz-rental .detail-item .txt .btn-biz {margin-top: var(--space-20);}
.page-biz-rental .detail-item .img-wrap {position: relative; flex: 0 0 67.15%; max-width: 940px; height: fit-content; display: flex; gap: var(--space-20); overflow: hidden;}
.page-biz-rental .detail-item .img-wrap.type4 {overflow: visible;}
.page-biz-rental .detail-item .img-wrap .bg {width: 100%; object-fit: cover; border-radius: var(--radius-16); overflow: hidden;}
.page-biz-rental .detail-item .img-wrap .bg img {transition: 0.3s linear;}
.page-biz-rental .detail-item .img-wrap .bg:hover img {transform: scale(1.1);}
.page-biz-rental .detail-item .img-wrap .card {position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; background: #f9f9f9; border-radius: var(--radius-16);}
.page-biz-rental .detail-item .img-wrap .card .tit {z-index: 1; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: var(--font-size-24); font-weight: 700; color: #fff; text-align: center; line-height: 1.5;}
.page-biz-rental .detail-item .note { position: absolute; top: 100%; left: 0; flex: 0 0 100%; margin: var(--space-20) 0 0; padding: 5px 8px; background: #eee; border-radius: 4px; font-size: var(--font-size-14); color: #505050; line-height: 1em;}
.page-biz-rental .detail-item .note .primary-color {color: var(--primary-color);}
.page-biz-rental .opacity-txt {opacity: .7;}
.sec-biz-table .contain {max-width: 960px;}
.sec-biz-table.type2 .contain {max-width: 1060px;}
.table-wrap.w1000 {max-width: 1060px; margin-left: auto; margin-right: auto;}
.sec-biz-table .table-wrap table th,
.sec-biz-table .table-wrap table tbody td {padding: var(--space-12); font-size: var(--font-size-16);}

.page-biz-rental .img-wrap .caption {pointer-events: none;}
.page-biz-rental .img-wrap.type1 .caption,
.page-biz-rental .img-wrap.type2 .caption {display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--space-60);}
.page-biz-rental .img-wrap.type3 .caption {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.page-biz-rental .img-wrap.type3 .caption .tag {background: var(--primary-color); width: fit-content; margin-left: auto; margin-right: auto; padding: 8px 10px; border-radius: 8px;}

/* BIZ파트너 로고 그리드 */
.page-biz-partner .sec-biz-partners .part-group:not(:last-child) {margin-bottom: var(--space-150);}
.page-biz-partner .sec-biz-partners .part-head {--accent-w: 120px;}
.page-biz-partner .sec-biz-partners .part-fran .part-head {--accent-w: 200px;}
.page-biz-partner .sec-biz-partners .part-sport .part-head {--accent-w: 326px;}
.page-biz-partner .sec-biz-partners .part-global .part-head {--accent-w: 204px;}
.page-biz-partner .sec-biz-partners .part-head .tit {margin: 0; font-size: var(--font-size-32); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em; line-height: 1.2em;}
.page-biz-partner .sec-biz-partners .part-head .line {position: relative; margin-top: var(--space-20); height: 4px;}
.page-biz-partner .sec-biz-partners .part-head .line:before {content: ''; position: absolute; top: 0; left: 0; width: var(--accent-w); height: 3px; background: var(--dark-color);}
.page-biz-partner .sec-biz-partners .part-head .line:after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #d9d9d9;}
.page-biz-partner .sec-biz-partners .cont {display: flex; flex-direction: column; gap: var(--space-40); margin-top: var(--space-40);}
.page-biz-partner .sec-biz-partners .row {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-40);}
.page-biz-partner .sec-biz-partners .card {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); overflow: hidden;}
.page-biz-partner .sec-biz-partners .card .img {margin: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
.page-biz-partner .sec-biz-partners .card .txt {margin: 0; text-align: center; font-size: var(--font-size-18); font-weight: 700; color: #878787; letter-spacing: -0.03em; line-height: 1.44em;}

/* 약관 (/terms) 공통 */
.page-terms {font-size: var(--font-size-18); line-height: 1.75; color: #505050; letter-spacing: -0.03em;}
.page-terms p {margin: 0 0 var(--space-20);}
.page-terms blockquote {margin: 0 0 var(--space-30); padding: var(--space-20) var(--space-25); border-left: 4px solid var(--primary-color); background: #f9f9f9;}
.page-terms blockquote blockquote {margin-top: var(--space-15); margin-bottom: 0; padding: var(--space-15) var(--space-20); border-left: 3px solid #ddd; background: #fff;}
.page-terms blockquote p {margin: 0 0 var(--space-15);}
.page-terms blockquote p:last-child {margin-bottom: 0;}
.page-terms .terms-table {width: 100%; border-collapse: collapse; margin: var(--space-15) 0 var(--space-25); font-size: var(--font-size-16); table-layout: fixed;}
.page-terms .terms-table th, .page-terms .terms-table td {border: 1px solid #ddd; padding: var(--space-12) var(--space-15); vertical-align: middle;}
.page-terms .terms-table thead th {text-align: center; font-weight: 700; background: #f9f9f9; color: var(--dark-color);}
.page-terms .terms-table .txt-center {text-align: center;}
.page-terms strong {color: var(--dark-color); font-weight: 700;}
.page-terms ol, .page-terms ul {margin: 0 0 var(--space-20); padding-left: 1.25em;}
.page-terms ol {list-style: number;}
.page-terms li {margin-bottom: var(--space-15);}
.page-terms li p {margin-top: var(--space-10);}
.page-terms li:last-child {margin-bottom: 0;}
.page-terms .terms-sec {margin-bottom: var(--space-50);}
.page-terms .terms-sec:last-child {margin-bottom: 0;}
.page-terms .terms-head {margin: 0 0 var(--space-30); text-align: center;}
.page-terms .terms-sec:first-child .terms-head {margin-top: 0;}
.page-terms .terms-head .tit {margin: 0; font-size: var(--font-size-28); font-weight: 700; color: var(--dark-color); letter-spacing: -0.03em; line-height: 1.3em;}
.page-terms .terms-sec:not(:first-child) .terms-head {margin-top: var(--space-20);}
.page-terms .terms-addon {margin-bottom: var(--space-30); padding: var(--space-15);}
.page-terms .terms-addon .txt {margin: 0 0 var(--space-15); font-size: var(--font-size-16); color: var(--dark-color);}
.page-terms .terms-addon-box {padding: var(--space-20); border: 1px solid #333;}
.page-terms .terms-sup {margin-top: var(--space-40); padding-top: var(--space-30); border-top: 1px solid #ddd; font-size: var(--font-size-16); line-height: 1.65;}

