.noData {
    display:flex;
    align-items: center;
    justify-content: center;
    height:100%;
    font-size:24px;
    font-weight:600;
    color:var(--color-black);
    font-family:var(--font-pretendard);
    text-align:center;
    background:#f8f8f8;
    min-height:300px;
    margin-top:clamp(40px, 6vw, 80px);
}
/* Sub Content Styles - 동신무역 2026 */
.sub_wrap,
.sub_wrap section {
    position:relative;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
}
.sub_wrap .container {
    position:relative;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 clamp(1rem,3vw,3rem);
    box-sizing:border-box;
}

/* ========== SUB HERO SECTION ========== */
.sub_wrap .sub_hero {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Content Container */
.sub_hero__content {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1;
    padding: clamp(80px, 110px, 110px) 1rem clamp(40px, 50px, 60px);
}

/* Main Title */
.sub_hero__title {
    color: #ffffff;
    font-size: clamp(24px, 4vw, 64px);
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-pretendard);
    text-align: center;
    letter-spacing: 0.02em;
    margin: 0;
}

/* Tabs Navigation */
.sub_hero__tabs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;
}

.sub_hero__tab {
    position: relative;
    padding: 15px clamp(16px, 2vw, 24px);
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    color: rgba(255, 255, 255, 0.85);
    font-size: clamp(14px, 1.6vw, 18px);
    font-weight: 500;
    font-family: var(--font-pretendard);
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex:1;
}

.sub_hero__tab:last-child {
    border-right: none;
}

.sub_hero__tab:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.sub_hero__tab.is-active {
    background: #ffffff;
    color: #1a1a1a;
    font-weight: 600;
}

.sub_hero__tab span {
    display: block;
    white-space: nowrap;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .sub_wrap .sub_hero {
        height: 480px;
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {    
    .sub_wrap .sub_hero {
        height: 240px;
    }
    .sub_hero__content {
        padding: 60px 1rem 0;
    }
    .sub_hero__tabs {
        display:none;
    }
}

/* Responsive: Small Mobile */
@media (max-width: 479.98px) {
    .sub_wrap .sub_hero {
        height: 220px;
    }
    .sub_hero__content {
        padding: 40px 1rem 0;
    }
}

.sub-wrap__inner {
    position:relative;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    padding:clamp(60px, 8vw, 160px) 0;
}
.sub__title {
    font-size: clamp(18px, 2.8vw, 50px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    margin: 0;
}

/* ========== SUB SEC01: INTRO ========== */
.business-wrap .sec01 {
    position: relative;
    width: 100%;
    padding: 0;
    background: var(--color-white);
    box-sizing: border-box;
}

.business-wrap .sec01 .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(20px, 3vw, 60px);
}

/* Headline Group */
.business-wrap .sec01__headline {
    display: flex;
    align-items: flex-end;
    gap: clamp(12px, 1.5vw, 20px);
    width: 100%;
}

/* Icon Placeholder */
.business-wrap .sec01__icon {
    flex-shrink: 0;
    width: clamp(40px, 6vw, 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Title Group (Title + Fee) */
.business-wrap .sec01__titleGroup {
    display: flex;
    align-items: center;
    gap: clamp(8px, 1vw, 12px);
    flex-wrap: wrap;
}

.business-wrap .sec01__fee {
    font-size: clamp(16px, 2vw, 28px);
    font-weight: 600;
    color: var(--color-primary);
    font-family: var(--font-pretendard);
    line-height: 1.3;
}

/* Description */
.business-wrap .sec01__desc {
    width: 100%;
}

.business-wrap .sec01__desc p {
    font-size: clamp(14px, 2vw, 28px);
    font-weight: 600;
    line-height: 1.5;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    margin: 0;
    word-break: keep-all;
}

.business-wrap .sec01__desc .is-accent {
    color: var(--color-primary);
    font-weight: 700;
}

.business-wrap .sec01__desc p.desc {
    font-size: clamp(12px, 1.6vw, 24px);
    color:var(--color-primary);
    margin-top:clamp(5px, 1vw, 15px);
}


/* PC-only line break */
.business-wrap .sec01__desc .pc-only {
    display: inline;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .business-wrap .sec01__headline {
        gap: clamp(10px, 2vw, 16px);
    }
    
    .business-wrap .sec01__icon {
        width: clamp(36px, 6vw, 48px);
        height: clamp(36px, 6vw, 48px);
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business-wrap .sec01__headline {
        flex-wrap: wrap;
        gap: 5px;
    }
    .business-wrap .sec01__titleGroup {
        width: 100%;
        gap: 6px;
    }
    .business-wrap .sec01__desc .pc-only {
        display: none;
    }
}



/* ========== SUB SEC02: INTRO ========== */
.business-wrap .sec-process {
    position: relative;
    width: 100%;
    padding: 0;
    background: var(--color-white);
    box-sizing: border-box;
    padding:clamp(60px, 8vw, 160px) 0 0;
}
.business-wrap .sec-process .sec02__titleGroup {
    text-align:center;
}

/* ========== BUSINESS TOP SWIPER - ACTIVED STATE ========== */
.business_top_swiper {
    position:relative;
    width:100%;
    max-width:1120px;
    margin:clamp(60px, 8vw, 100px) auto;
}
.business_top_swiper .swiper-wrapper {
    position:relative;
    z-index:10;
    justify-content: center;
}
.business_top_swiper .swiper-slide {
    transition: opacity 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}
.business_top_swiper .swiper-slide:last-child {
    margin-right:0 !important;
}

.business_top_swiper .swiper-slide.actived .inner {
    opacity: 1;
}

.business_top_swiper .swiper-slide.actived {
    cursor: pointer;
}

.business_top_swiper .swiper-slide-duplicate {
    pointer-events: none;
}
.business_top_swiper .inner {
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2vw, 30px);
    position:relative;
}
.business_top_swiper .inner .icon {
    display:flex;
    width:100%;
    align-items:center;
    justify-content: center;
    text-align:center;
    width: clamp(60px, 12vw, 160px);
    height: clamp(60px, 12vw, 160px);
    border-radius: 50%;
    background: #fff;
    border:1px solid #ddd;
    box-shadow:0 0 20px rgba(0, 0, 0, 0.07);
    padding: 10px;
    box-sizing: border-box;
}
.business_top_swiper .inner .icon > img {
    width:100%;
    max-width:60%;
}
.business_top_swiper .inner .num {
    display:flex;
    align-items:center;
    justify-content: center;
    text-align:center;
    width: clamp(18px, 3vw, 40px);
    height: clamp(18px, 3vw, 40px);
    border-radius: 50%;
    background: var(--color-primary);
    border:4px solid var(--color-primary);
    padding: 10px;
    box-sizing: border-box;
    font-size: clamp(14px, 2vw, 24px);
    color: #fff;
}
.business_top_swiper .inner .txt {
    text-align:center;
    font-size: clamp(14px, 2vw, 28px);
    font-weight:700;
    color: var(--color-primary);
}
.business_top_swiper .swiper-slide:not(.actived) .inner .icon > img{
    filter: grayscale(100%);
    opacity: 0.3;
}
.business_top_swiper .swiper-slide:not(.actived) .inner .num {
    background:#fff;
    border-color:#ccc;
    color:#ccc;
}
.business_top_swiper .swiper-slide:not(.actived) .inner .txt {
    color: #ccc;
}
.business_top_swiper .swiper-progressbar {
    position:absolute;
    bottom:30%;
    top:auto;
    left: 12%;
    right:12%;
    width:auto;
    height:4px;
    background:#ccc;
    border-radius:2px;
    overflow:hidden;
    margin-top:0;
    z-index:1;
}
.business_top_swiper .swiper-progressbar-fill {
    position:absolute;
    left:0;
    height:100%;
    background:var(--color-primary) !important;
    width:0;
    transition: width 0.35s ease-out;
}

.business-wrap .sec02-btm {
    position:relative;
    width:100%;
    background:#f5f5f5;
    padding:clamp(40px, 10vw, 180px) 0;
    min-height:560px;
}
.business-wrap .sec02-btm .container,
.business_btm_swiper,
.business_btm_swiper .swiper-slide {
    height:100%;
}
.business_btm_swiper .inner {
    display:flex;
    justify-content: center;
    gap:clamp(20px, 4vw, 40px);
    height:100%;
}
.business_btm_swiper .inner .flex_row {
    display:flex;
    flex-direction: column;
    align-items:center;
    text-align:center;
    gap:clamp(15px, 2vw, 30px);
    flex:1;
    position:relative;
    max-width:calc(100% / 4);
}
.business_btm_swiper .inner .flex_row:before {
    content:'';
    position:absolute;
    top:50%;
    right:-28px;
    width:16px;
    height:32px;
    background:url('/image/sub/business_swiper_arrow.png') no-repeat center center;
    z-index:1;
}
.business_btm_swiper .inner .flex_row:last-child:before {
    display:none;
}
.business_btm_swiper .step {
    display:flex;
    align-items:center;
    justify-content: center;
    text-align:center;
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight:600;
    color: #fff;
    background:var(--color-primary);
    padding:clamp(4px, 0.6vw, 6px) clamp(15px, 2vw, 25px);
    border-radius:50px;
}
.business_btm_swiper .txt {
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    text-align:center;
    gap:clamp(15px, 2vw, 30px);
}
.business_btm_swiper h3 {
    font-size: clamp(18px, 2vw, 24px);
    font-weight:700;
    color: #000;
    line-height:1.2;
    padding-bottom:clamp(10px, 1vw, 15px);
    border-bottom:1px solid #000;
}
.business_btm_swiper p {
    font-size: clamp(14px, 1.8vw, 20px);
    line-height:1.5;
}

@media (max-width: 991.98px) {
    .business_btm_swiper .pc-only {
        display:none;
    }
    .business_top_swiper .swiper-progressbar {
        left:14%;
        right:14%;
    }
}

@media (max-width: 767.98px) {
    .business_top_swiper {
        margin:30px auto 40px;
    }
	.business_top_swiper .swiper-progressbar {
        bottom:30%;
        height:2px;
    }
    .business_top_swiper .inner .num {
        border:2px solid var(--color-primary);
    }

    .business-wrap .sec02-btm {
        min-height:auto;
    }
    
    .business-wrap .sec02-btm .container,
    .business_btm_swiper,
    .business_btm_swiper .swiper-wrapper,
    .business_btm_swiper .swiper-slide {
        height:auto;
    }
    .business_btm_swiper .inner {
        gap:40px;
        height:auto;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .business_btm_swiper .inner .flex_row {
        max-width:100%;
    }
    .business_btm_swiper .inner .flex_row:nth-child(even)::before {
        display:none;
    }
}
@media (max-width: 575.98px) {
    .business_top_swiper .swiper-progressbar {
        bottom:35%;
        display:none;
    }
	.business_btm_swiper .inner {
        gap:40px;
        grid-template-columns: 1fr;
    }
    .business_btm_swiper .inner .flex_row:before {
        right:auto;
        left:auto;
        top:auto;
        bottom:-45px;
        transform:rotate(90deg) translateX(-50%);
    }
    .business_btm_swiper .inner .flex_row:nth-child(even):before {
        display:block;
    }
    .business_btm_swiper .inner .flex_row:last-child:before {
        display:none;
    }
}

/* ═══════════════════════════════════════════════════
   SEC03: DS동신무역은 다릅니다
═══════════════════════════════════════════════════ */
.business-wrap .sec-last {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0 0;
    box-sizing: border-box;
}

.business-wrap .sec-last__inner {
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 6vw, 80px);
}

/* Header */
.business-wrap .sec-last__head {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 2vw, 40px);
}

.business-wrap .sec-last__title {
    font-size: clamp(20px, 3vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    margin: 0;
}

.business-wrap .sec-last__lead {
    font-size: clamp(16px, 2vw, 22px);
    font-weight: 600;
    line-height: 1.7;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    margin: 0;
    word-break: keep-all;
}

.business-wrap .sec-last__lead .is-accent {
    color: var(--color-primary);
    font-weight: 700;
}

/* Banner */
.business-wrap .sec-last__banner {
    position: relative;
    width: 100%;
    min-height: 460px;
    border-radius: 0 clamp(30px, 6vw, 100px) 0 0;
    overflow: hidden;
}
.business-wrap .sec-last__bannerText {
    position: absolute;
    right: clamp(20px, 4vw, 60px);
    bottom: clamp(20px, 4vw, 60px);
    z-index: 2;
    text-align: right;
    display: flex;
    flex-direction: column;
    font-size: clamp(16px, 2.4vw, 32px);
    font-weight: 600;
    line-height: 1.6;
    color:#fff;
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business-wrap .sec-last__banner {
        min-height: 250px;
    }
    .business-wrap .sec-last__bannerText {
        right: clamp(16px, 5vw, 24px);
        bottom: clamp(16px, 5vw, 24px);
    }
}
@media (max-width: 575.98px) {
	.business-wrap .sec-last__banner {
        min-height: 180px;
    }
}

/* ═══════════════════════════════════════════════════
   SEC01: Service Cards (business02 전용)
═══════════════════════════════════════════════════ */
.business02-wrap .sec01__serviceCards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, 2vw, 60px);
    margin-top: clamp(10px, 2vw, 20px);
    padding-bottom:20px;
}

.business02-wrap .sec01__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: clamp(24px, 4vw, 48px) clamp(15px, 2vw, 20px);
    background: #f5f5f5;
    border-radius: clamp(16px, 2.5vw, 32px);
    border: 3px solid transparent;
    transition: all 0.3s ease;
    box-sizing: border-box;
    cursor: pointer;
}
.business02-wrap .sec01__cardIcon {
    margin-bottom: clamp(16px, 2.5vw, 24px);
    display: flex;
    align-items: center;
    justify-content: center;
    height:clamp(60px, 10vw, 140px);
}
.business02-wrap .sec01__cardIcon > img {
    height:100%;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.business02-wrap .sec01__cardTitle {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    margin: 0 0 clamp(12px, 2vw, 16px) 0;
    transition: all 0.3s ease;
}

.business02-wrap .sec01__card--accent .sec01__cardTitle {
    color: var(--color-primary);
}

.business02-wrap .sec01__cardDesc {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin: 0;
    word-break: keep-all;
}

.business02-wrap .sec01__cardAccent {
    color: var(--color-primary);
    font-weight: 600;
}

.business02-wrap .sec01__card:hover {
    border-color: var(--color-primary);
    background: #fff;
    transform:scale(1.1);
}
.business02-wrap .sec01__card:hover .sec01__cardTitle  {
    color: var(--color-primary);
}
.business02-wrap .sec01__card:hover .sec01__cardIcon > img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .business02-wrap .sec01__serviceCards {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .business02-wrap .sec01__card:last-child {
        grid-column: 1 / -1;
    }
    .business02-wrap .sec01__card:hover {
        transform:scale(1.02);
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business02-wrap .sec01__serviceCards {
        grid-template-columns: 1fr;
        margin-top:0;
        padding-bottom:0;
    }
    
    .business02-wrap .sec01__card:last-child {
        grid-column: auto;
    }
    .business02-wrap .sec01__card {
        border: 3px solid var(--color-primary);
        background:#fff;
    }
    .business02-wrap .sec01__card:hover {
        transform:scale(1);
    }
    .business02-wrap .sec01__card .sec01__cardTitle  {
        color: var(--color-primary);
    }
    .business02-wrap .sec01__card .sec01__cardIcon > img {
        filter: grayscale(0%);
        opacity: 1;
    }
}



.business01-wrap .business_top_swiper .swiper-wrapper {
    transform:translate3d(0px, 0px, 0px) !important;
}
.business01-wrap .business_top_swiper .swiper-slide {
    width:calc((100% / 4) - 30px) !important;
} 


.business02-wrap .sec02-btm {
    min-height:520px;
    padding:clamp(20px, 4vw, 120px) 0;
}
.business02-wrap .business_top_swiper {
    max-width:100%;
}
.business02-wrap .business_top_swiper .swiper-wrapper {
    justify-content: flex-start;
}
.business02-wrap .business_top_swiper .swiper-progressbar {
    left:9%;
    right:9%;
}
.business02-wrap .business_btm_swiper .inner {
    position:relative;
    margin:0 auto;
    display:grid;
    grid-template-columns: 500px 1fr;
    width:80%;
    justify-content: center;
    align-items: center;
    gap:clamp(20px, 8vw, 100px);
}
.business02-wrap .business_btm_swiper .inner .img {
    text-align:center;
}
.business02-wrap .business_btm_swiper .inner .img img {
    width:100%;
    max-width:400px;
    display:inline-block;
}

.business02-wrap .business_btm_swiper .flex_row{
    justify-content: flex-start;
    align-items: flex-start;
    max-width:100%;
}
.business02-wrap .business_btm_swiper .txt {
    text-align:left;
    align-items: flex-start;
    width:100%;
}
.business02-wrap .business_btm_swiper .txt p {
    word-break: keep-all;
}

@media (max-width: 1280px) {
	.business02-wrap .business_btm_swiper .inner {
        grid-template-columns: 400px 1fr;
        width:90%;
        gap:clamp(20px, 4vw, 80px);
    }
}
@media (max-width: 991.98px) {
	.business02-wrap .business_top_swiper .swiper-progressbar,
    .business04-wrap .business_top_swiper .swiper-progressbar {
        left:8%;
        right:8%;
    }
    .business02-wrap .sec02-btm {
        min-height:auto;
    }
    .business02-wrap .business_btm_swiper .inner {
        grid-template-columns: 320px 1fr;
        width:100%;
    }
}

@media (max-width: 767.98px) {
    .business-wrap .business_top_swiper {
        max-width:100%;
    }
    .business01-wrap .business_top_swiper .swiper-slide {
        width:calc((100% / 4) - 10px) !important;
    } 
    .business01-wrap .business_top_swiper .swiper-progressbar {
        left:11%;
        right:11%;
    }
    .business02-wrap .business_top_swiper .swiper-progressbar,
    .business04-wrap .business_top_swiper .swiper-progressbar {
        left:9%;
        right:9%;
    }
    .business02-wrap .business_btm_swiper .inner {
        grid-template-columns: 1fr;
        width:100%;
    }
    .business02-wrap .business_btm_swiper .flex_row {
        justify-content: center;
        align-items: center;
    }
    .business02-wrap .business_btm_swiper .txt {
        text-align:center;
        align-items: center;
    }
}


/* ═══════════════════════════════════════════════════
   SEC04: OEM & ODM 수수료 안내 (business02 전용)
═══════════════════════════════════════════════════ */
.business-wrap .sec04 {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0 0;
    background: var(--color-white);
    box-sizing: border-box;
}

.business-wrap .sec04__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(20px, 4vw, 60px);
}

.business-wrap .sec04__title {
    font-size: clamp(20px, 3vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    text-align: center;
    margin: 0;
}

.business-wrap .sec04__tableWrap {
    width: 100%;
    overflow-x: auto;
}

.business-wrap .sec04__table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.business-wrap .sec04__table thead {
    background: var(--color-primary);
}

.business-wrap .sec04__table thead th {
    padding: clamp(16px, 2.5vw, 24px);
    font-size: clamp(16px, 2vw, 28px);
    font-weight: 700;
    line-height: 1.4;
    color: #ffffff;
    font-family: var(--font-pretendard);
    text-align: center;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

.business-wrap .sec04__table tbody td {
    padding: clamp(10px, 1.5vw, 20px) clamp(16px, 2.5vw, 24px);
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-black);
    text-align: center;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    vertical-align: middle;
}

.business-wrap .sec04__table tbody td:first-child {
    font-weight: 700;
    background: #fafafa;
}
.business-wrap .sec04__table th:last-child,
.business-wrap .sec04__table td:last-child {
    border-right: 0;
}

.business-wrap .sec04__rate {
    display: block;
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.business-wrap .sec04__desc {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    margin: 0;
    word-break: keep-all;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .business-wrap .sec04__tableWrap {
        max-width: 100%;
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {    
    .business-wrap .sec04__table tbody td {
        padding: clamp(16px, 4vw, 24px) clamp(12px, 3vw, 16px);
    }
}




/* ═══════════════════════════════════════════════════
   SEC01: Intro (business03 전용)
═══════════════════════════════════════════════════ */
.business03-wrap .sec01__serviceCards {
    width:100%;
    margin-top:clamp(20px, 4vw, 60px);
}
.business03-wrap .sec01__serviceCards .img {
    text-align:center;
    width:100%;
}
.business03-wrap .sec01__serviceCards .img img {
    width:100%;
    max-width:900px;
    display:inline-block;
}
@media (max-width: 767.98px) { 
    .business03-wrap .sec01__serviceCards {
        margin-top:0;
    }
}

.business03-wrap .sec02 {
    padding:clamp(60px, 8vw, 120px) 0;
}
.business03-wrap .sec02__title {
    font-size: clamp(20px, 3vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    text-align: center;
    margin: 0;
}

/* ═══════════════════════════════════════════════════
   SEC02: Step Grid (business03 전용)
═══════════════════════════════════════════════════ */
.sub_wrap .sec02__stepGrid {
    position:relative;
    margin-top: clamp(20px, 4vw, 80px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background:url('/image/sub/business03_sec02_arrow-pc.png') no-repeat center top 90px / contain;
}

.sub_wrap .sec02__stepGrid_inner{
    display: flex;
    gap: clamp(24px, 4vw, 80px) clamp(10px, 2vw, 40px);
    padding:0 clamp(20px, 6vw, 80px);
    justify-content: center;;
}
.sub_wrap .sec02__stepGrid_inner:nth-child(2){
    flex-direction: row-reverse;
    margin-top:clamp(40px, 4.5vw, 120px);
}

.sub_wrap .sec02__stepItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(12px, 1.5vw, 20px);
}
.sub_wrap .sec02__stepIconWrap {
    position: relative;
    width: clamp(120px, 15vw, 180px);
    height: clamp(120px, 15vw, 180px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_wrap .sec02__stepIcon {
    position: relative;
    width: clamp(100px, 12vw, 150px);
    height: clamp(100px, 12vw, 150px);
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align:center;
}
.sub_wrap .sec02__stepIcon > img {
    width:70%;
    object-fit: contain;
}
.sub_wrap .sec02__stepNo {
    width: clamp(32px, 4vw, 44px);
    height: clamp(32px, 4vw, 44px);
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 700;
    color: var(--color-primary);
    border: 4px solid var(--color-primary);
}

.sub_wrap .sec02__stepText {
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    word-break: keep-all;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {    
    .sub_wrap .sec02__stepGrid_inner{
        padding-top:20px;
    }
    .sub_wrap .sec02__stepGrid_inner:nth-child(2){
        margin-top:20px;
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .sub_wrap .sec02 {
        padding:60px 0 0;
    }
    .sub_wrap .sec02__stepGrid {
        background:url('/image/sub/business03_sec02_arrow-mo.png') no-repeat left 54px bottom / contain;
        display:flex;
        flex-direction: column;
        gap:0px;
        padding:0 0 20px 0;
    }
    .sub_wrap .sec02__stepGrid_inner,
    .sub_wrap .sec02__stepGrid_inner:nth-child(2){
        flex-direction: column;
        justify-content: flex-start;
        margin-top:0;
        padding-top:0;
        padding:0;
        gap:0px;
    }
    .sub_wrap .sec02__stepItem {
        text-align: left;
        flex-direction: row;
    }
    .sub_wrap .sec02__stepText .pc-only {
        display:none;
    }
}

@media (max-width: 575.98px) {
    .sub_wrap .sec02__stepIconWrap {
        width: 80px;
        height: 80px;
    }    
    .sub_wrap .sec02__stepIcon {
        width: 80px;
        height: 80px;
    }
    .sub_wrap .sec02__stepGrid {
        background-position:left 35px bottom;
        gap:10px;
    }
    .sub_wrap .sec02__stepGrid_inner,
    .sub_wrap .sec02__stepGrid_inner:nth-child(2){
        gap:10px;
    }
    .sub_wrap .sec02__stepNo {
        width:32px;
        min-width:32px;
    }
    .sub_wrap .sec02__stepText {
        font-size:14px;
        width:calc(100% - (32px + 80px + 12px));
        word-break: break-all;
    }
}

/* ═══════════════════════════════════════════════════
   SEC05: 서비스 상담 (business03 전용)
═══════════════════════════════════════════════════ */
.sub_wrap .sec05 {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0;
    box-sizing: border-box;
}

.sub_wrap .sec05__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(40px, 6vw, 80px);
    background: #f8f8f8;
    padding: clamp(40px, 6vw, 80px) 0;
}

.sub_wrap .sec05__title {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    text-align: center;
    margin-bottom:clamp(20px, 6vw, 80px);
}

.sub_wrap .sec05__body {
    display: flex;
    align-items: center;
    gap: clamp(20px, 4vw, 60px);
    max-width: 1000px;
    width: 100%;
    position:relative;
    margin:0 auto;
}

.sub_wrap .sec05__media {
    flex-shrink: 0;
}

.sub_wrap .sec05__imgBox {
    width: clamp(200px, 25vw, 300px);
    height: clamp(240px, 34vw, 390px);
    background: #D0F9F3;
    border-radius: clamp(12px, 2vw, 20px);
    overflow: hidden;
}

.sub_wrap .sec05__imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub_wrap .sec05__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 3vw, 40px);
}

.sub_wrap .sec05__lead {
    font-size: clamp(18px, 2.8vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-black);
    margin: 0;
    word-break: keep-all;
}

.sub_wrap .sec05__accent {
    color: var(--color-primary);
    font-weight: 700;
}

.sub_wrap .sec05__meta {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 2vw, 16px);
}

.sub_wrap .sec05__metaItem {
    display: flex;
    align-items: center;
    gap: clamp(12px, 2vw, 16px);
}

.sub_wrap .sec05__metaIcon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_wrap .sec05__metaText {
    font-size: clamp(16px, 2vw, 26px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-black);
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .sub_wrap .sec05 {
        padding:60px 0 0;
    }
    .sub_wrap .sec05__body {
        flex-direction: column;
    }
    
    .sub_wrap .sec05__imgBox {
        width: 180px;
        height: 240px;
    }
    .sub_wrap .sec05__content {
        width:100%;
    }
    .sub_wrap .sec05__lead {
        text-align:center;
    }
    .sub_wrap .sec05__meta,
    .sub_wrap .sec05__metaItem {
        justify-content: center;
    }
    .sub_wrap .sec05__metaIcon img {
        width:40px;
    }
}
@media (max-width: 575.98px) {
	.sub_wrap .sec05__imgBox {
        width: 160px;
        height: 200px;
    }    
    .sub_wrap .sec05__metaItem {
        gap:5px;
    }
    .sub_wrap .sec05__metaIcon img {
        width:20px;
    }
}


.transportation01-wrap .sec02 {
    padding:0;
}
.transportation01-wrap .business_top_swiper {
    max-width:100%;
}
.transportation01-wrap  .business_top_swiper .swiper-slide {
    width:calc((100% / 5) - 30px) !important;
}
.transportation01-wrap .business_top_swiper .swiper-progressbar {
    left:8.5%;
    right:8.5%;
}
.transportation01-wrap .sec02-btm {
    min-height:520px;
    padding:clamp(20px, 4vw, 120px) 0;
}
.transportation01-wrap .business_btm_swiper .inner {
    position:relative;
    margin:0 auto;
    display:grid;
    grid-template-columns: 500px 1fr;
    width:80%;
    justify-content: center;
    align-items: center;
    gap:clamp(20px, 8vw, 100px);
}
.transportation01-wrap .business_btm_swiper .inner .img {
    text-align:center;
}
.transportation01-wrap .business_btm_swiper .inner .img img {
    width:100%;
    max-width:400px;
    display:inline-block;
}

.transportation01-wrap .business_btm_swiper .flex_row{
    justify-content: flex-start;
    align-items: flex-start;
    max-width:100%;
}
.transportation01-wrap .business_btm_swiper .txt {
    text-align:left;
    align-items: flex-start;
    width:100%;
}
.transportation01-wrap .business_btm_swiper .txt p {
    word-break: keep-all;
}

@media (max-width: 1280px) {
	.transportation01-wrap .business_btm_swiper .inner {
        grid-template-columns: 400px 1fr;
        width:90%;
        gap:clamp(20px, 4vw, 80px);
    }
}
@media (max-width: 991.98px) {
	.transportation01-wrap .business_top_swiper .swiper-progressbar {
        left:8%;
        right:8%;
    }
    .transportation01-wrap .sec02-btm {
        min-height:auto;
    }
    .transportation01-wrap .business_btm_swiper .inner {
        grid-template-columns: 320px 1fr;
        width:100%;
    }
}

@media (max-width: 767.98px) {
    .transportation01-wrap .business_top_swiper {
        max-width:100%;
    }
    .transportation01-wrap .business_top_swiper .swiper-slide {
        width:calc((100% / 5) - 10px) !important;
    } 
    .transportation01-wrap .business_top_swiper .swiper-progressbar {
        left:11%;
        right:11%;
    }
    .transportation01-wrap .business_top_swiper .swiper-progressbar {
        left:9%;
        right:9%;
    }
    .transportation01-wrap .business_btm_swiper .inner {
        grid-template-columns: 1fr;
        width:100%;
        gap:0;
    }
    .transportation01-wrap .business_btm_swiper .flex_row {
        justify-content: center;
        align-items: center;
    }
    .transportation01-wrap .business_btm_swiper .txt {
        text-align:center;
        align-items: center;
    }
}
@media (max-width: 575.98px) {
    .transportation01-wrap .business_top_swiper .swiper-wrapper {
        justify-content: flex-start;
    }
	.transportation01-wrap .business_top_swiper .swiper-slide {
        width:calc((100% / 4) - 10px) !important;
    } 
}



.transportation01-wrap .sec04 {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0 0;
    background: var(--color-white);
    box-sizing: border-box;
}

.transportation01-wrap .sec04__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(20px, 4vw, 60px);
}

.transportation01-wrap .sec04__title {
    font-size: clamp(20px, 3vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    font-family: var(--font-pretendard);
    text-align: center;
    margin: 0;
}

.transportation01-wrap .sec04__tableWrap {
    width: 100%;
    overflow-x: auto;
}

.transportation01-wrap .sec04__table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.transportation01-wrap .sec04__table thead {
    background: var(--color-primary);
}

.transportation01-wrap .sec04__table thead th {
    padding: clamp(16px, 2.5vw, 24px);
    font-size: clamp(16px, 2vw, 28px);
    font-weight: 700;
    line-height: 1.4;
    color: #ffffff;
    font-family: var(--font-pretendard);
    text-align: center;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

.transportation01-wrap .sec04__table tbody td {
    padding: clamp(10px, 1.5vw, 20px) clamp(16px, 2.5vw, 24px);
    font-size: clamp(16px, 2vw, 22px);
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-black);
    text-align: center;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    vertical-align: middle;
}

.transportation01-wrap .sec04__table tbody td:first-child {
    font-weight: 700;
    background: #fafafa;
}
.transportation01-wrap .sec04__table th:last-child,
.transportation01-wrap .sec04__table td:last-child {
    border-right: 0;
}

.transportation01-wrap .sec04__rate {
    display: block;
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.transportation01-wrap .sec04__desc {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    margin: 0;
    word-break: keep-all;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .transportation01-wrap .sec04__tableWrap {
        max-width: 100%;
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {    
    .transportation01-wrap .sec04__table tbody td {
        padding: clamp(16px, 4vw, 24px) clamp(12px, 3vw, 16px);
    }
    .transportation01-wrap .sec04__table {
        width:700px;
    }
}


.transportation01-wrap .sec04 ul {
    padding-left:20px;
}
.transportation01-wrap .sec04 ul li {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-black);
    list-style: disc;
    margin-bottom: 10px;
}
.transportation01-wrap .sec04 ul li .is-accent {
    color: var(--color-primary);
    font-weight: 600;
}


/* 시장 가이드 (business04 전용) */

.business04-wrap .business_top_swiper .txt {
    font-size:clamp(12px, 1.6vw, 22px);
    line-height:1.4;
}
.business04-wrap .business_top_swiper .swiper-progressbar {
    bottom:34%;
    left:7%;
    right:7%;
}
.business04-wrap .business_btm_swiper .inner {
    grid-template-columns: 400px 1fr;
    width:80%;
    justify-content: center;
    align-items: center;
    gap:clamp(20px, 8vw, 100px);
}

@media (max-width: 767.98px) {
    .business04-wrap .business_top_swiper .txt {
        letter-spacing: -1.4px;
    }
}
@media (max-width: 1280px) {
	.business04-wrap .business_btm_swiper .inner {
        grid-template-columns: 400px 1fr;
        width:90%;
        gap:clamp(20px, 4vw, 80px);
    }
}
@media (max-width: 991.98px) {
    .business04-wrap .business_btm_swiper .inner {
        grid-template-columns: 320px 1fr;
        width:100%;
    }
}
@media (max-width: 767.98px) {
    .business04-wrap .business_btm_swiper .inner {
        grid-template-columns: 1fr;
        width:100%;
    }
}

/* ═══════════════════════════════════════════════════
   SEC03: 추가 지원 가능 서비스 (FAQ) - business04 전용
═══════════════════════════════════════════════════ */
.business04-wrap .sec03 {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0;
    background: var(--color-white);
    box-sizing: border-box;
}

.business04-wrap .sec03__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(30px, 6vw, 80px);
}

.business04-wrap .sec03__titleGroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 1vw, 15px);
}

.business04-wrap .sec03__bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 900px;
}

.business04-wrap .sec03__bullets li {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    color: #000;
    font-family: var(--font-pretendard);
    word-break: keep-all;
}

.business04-wrap .sec03__bullets li::before {
    content: "• ";
    color: #000;
}

.business04-wrap .sec03__faq {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.business04-wrap .sec03__faqItem {
    border-bottom: 1px solid #ccc;
}

.business04-wrap .sec03__faqBtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(18px, 2.5vw, 24px) clamp(16px, 2vw, 20px);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-align: left;
}

.business04-wrap .sec03__faqBtn:hover,
.business04-wrap .sec03__faqBtn[aria-expanded="true"]{
    background: #f8f8f8;
}

.business04-wrap .sec03__faqQ {
    font-size: clamp(14px, 2vw, 24px);
    font-weight: 600;
    line-height: 1.5;
    color: var(--color-black);
    flex: 1;
    padding-right: 20px;
}

.business04-wrap .sec03__faqIcon {
    flex-shrink: 0;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 400;
    line-height: 1;
    color: #000;
    transition: transform 0.3s ease;
}

.business04-wrap .sec03__faqBtn[aria-expanded="true"] .sec03__faqIcon {
    transform: rotate(45deg);
}

.business04-wrap .sec03__faqPanel {
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}

.business04-wrap .sec03__faqPanel[hidden] {
    display: block;
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.business04-wrap .sec03__faqPanel:not([hidden]) {
    max-height: 500px;
    opacity: 1;
}

.business04-wrap .sec03__faqPanel .sec03__faqA {
    display: block;
    font-size: clamp(13px, 1.8vw, 20px);
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    margin: 0;
    padding: clamp(18px, 2.5vw, 24px) clamp(16px, 2vw, 20px);
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business04-wrap .sec03 {
        padding: clamp(40px, 6vw, 80px) 0;
    }
    .business04-wrap .sec03__bullets {
        gap: 0;
    }
    .business04-wrap .sec03__bullets li {
        font-weight: 400;
    }
    .business04-wrap .sec03__faqBtn {
        padding: clamp(16px, 4vw, 20px) clamp(12px, 3vw, 16px);
    }
    
}

/* ═══════════════════════════════════════════════════
   SEC04: 호텔 예약 안내 (business04 전용)
═══════════════════════════════════════════════════ */
.business04-wrap .sec04 {
    position: relative;
    width: 100%;
    padding: clamp(40px, 8vw, 120px) 0;
    background: #fafafa;
    box-sizing: border-box;
}

.business04-wrap .sec04__inner {
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 6vw, 100px);
}

.business04-wrap .sec04__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(16px, 2.5vw, 30px);
}

.business04-wrap .sec04__sub {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 400;
    line-height: 1.6;
    color: #555;
    margin: 0;
    word-break: keep-all;
}

.business04-wrap .sec04__list {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 2vw, 20px);
}

.business04-wrap .sec04__item {
    display: flex;
    align-items: center;
    gap: clamp(20px, 5vw, 60px);
}

.business04-wrap .sec04__media {
    flex-shrink: 0;
}

.business04-wrap .sec04__imgBox {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.business04-wrap .sec04__imgBox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.business04-wrap .sec04__card {
    flex: 1;
    background: #ffffff;
    padding: clamp(20px, 3vw, 40px) clamp(20px, 4vw, 50px);
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 2.5vw, 24px);
}

.business04-wrap .sec04__cardTitle {
    font-size: clamp(18px, 2.8vw, 28px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-black);
    margin: 0;
}

.business04-wrap .sec04__accent {
    color: var(--color-primary);
}

.business04-wrap .sec04__rule {
    width: clamp(40px, 8vw, 80px);
    height: 2px;
    background: var(--color-primary);
}

.business04-wrap .sec04__cardBody {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.8vw, 16px);
}

.business04-wrap .sec04__cardBody p {
    font-size: clamp(14px, 1.8vw, 20px);
    font-weight: 400;
    line-height: 1.8;
    color: #555;
    margin: 0;
    word-break: keep-all;
}

.business04-wrap .sec04__cardBody p .is-accent {
    color: var(--color-primary);
    font-weight: 600;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .business04-wrap .sec04__item {
        align-items: flex-start;
    }
    .business04-wrap .sec04__imgBox {
        width: clamp(180px, 40vw, 200px);
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business04-wrap .sec04__item {
        flex-direction: column;
        align-items: center;
    }    
    .business04-wrap .sec04__imgBox {
        width: clamp(160px, 50vw, 240px);
        height: clamp(160px, 50vw, 240px);
    }
}

/* ═══════════════════════════════════════════════════
   SEC05: 추천하는 호텔 (business04 전용)
═══════════════════════════════════════════════════ */
.business04-wrap .sec05 {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0;
    box-sizing: border-box;
}

.business04-wrap .sec05__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(20px, 4vw, 60px);
    background:#fff;
    padding:0;
}

.business04-wrap .sec05__grid {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    gap: clamp(24px, 4vw, 60px) clamp(24px, 4vw, 80px);
    width: 100%;
    max-width: 1200px;
}

.business04-wrap .sec05__card {
    width:calc((100% / 3) - 80px);
    background: #ffffff;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.business04-wrap .sec05__card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.business04-wrap .sec05__thumb {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.business04-wrap .sec05__thumbBox {
    width: 100%;
    height: 100%;
    background: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.business04-wrap .sec05__thumbBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.business04-wrap .sec05__info {
    padding: clamp(10px, 2vw, 40px) clamp(16px, 2.5vw, 24px);
    display: flex;
    flex-direction: column;
    text-align: center;
}

.business04-wrap .sec05__name {
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    margin-bottom:clamp(5px, 1vw, 10px);
}

.business04-wrap .sec05__meta {
    font-size: clamp(13px, 1.6vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin: 0;
}

.business04-wrap .sec05__note {
    font-size: clamp(12px, 1.3vw, 14px);
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    margin-top:clamp(10px, 1.5vw, 20px);
}

.business04-wrap .sec05__footnote {
    font-size: clamp(14px, 1.6vw, 20px);
    font-weight: 400;
    line-height: 1.6;
    color: #555;
    text-align: center;
    margin: 0;
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business04-wrap .sec05__grid {
        gap: 15px;
    }
    .business04-wrap .sec05__card {
        width:calc(50% - 7.5px);
    }
}
@media (max-width: 575.98px) {
	.business04-wrap .sec05__grid {
        gap: 10px;
    }
    .business04-wrap .sec05__card {
        width:100%;
    }
}

/* ═══════════════════════════════════════════════════
   SEC06: 이용 안내 (business04 전용)
═══════════════════════════════════════════════════ */
.business04-wrap .sec06 {
    position: relative;
    width: 100%;
    padding: clamp(20px, 4vw, 80px) 0;
    box-sizing: border-box;
}

.business04-wrap .sec06__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(20px, 4vw, 60px);
}

.business04-wrap .sec06__title {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-black);
    text-align: center;
    margin: 0;
}

.business04-wrap .sec06__rows {
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 4vw, 60px);
    width: 100%;
}

.business04-wrap .sec06__row {
    display: flex;
    align-items: center;
    gap: clamp(10px, 2vw, 60px);
}

.business04-wrap .sec06__side {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(12px, 2vw, 16px);
    width: clamp(120px, 15vw, 180px);
}

.business04-wrap .sec06__sideIcon {
    width: clamp(60px, 8vw, 120px);
    height: clamp(60px, 8vw, 120px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.business04-wrap .sec06__sideIcon > img {
    width:100%;
    max-width:50%;
}

.business04-wrap .sec06__sideLabel {
    font-size: clamp(14px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color:var(--color-primary);
    font-family: var(--font-pretendard);
    text-align: center;
    word-break: keep-all;
}

.business04-wrap .sec06__cards {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(10px, 2vw, 50px);
}

.business04-wrap .sec06__card {
    background: #ffffff;
    border: 2px solid #EA4335;
    border-radius: clamp(12px, 2vw, 20px);
    padding: clamp(15px, 2vw, 30px) clamp(15px, 2vw, 50px);
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.3vw, 16px);
}

.business04-wrap .sec06__cardTitle {
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-black);
    margin: 0;
}

.business04-wrap .sec06__cardRule {
    width: 100%;
    height: 1px;
    background: #000;
}

.business04-wrap .sec06__cardText {
    font-size: clamp(14px, 1.6vw, 18px);
    font-weight: 400;
    line-height: 1.6;
    color: #555;
    margin: 0;
    word-break: keep-all;
}

.business04-wrap .sec06__accent {
    color: var(--color-primary);
    font-weight: 700;
}

.business04-wrap .sec06__notice {
    display: flex;
    align-items: flex-start;
    gap: clamp(20px, 3vw, 32px);
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding-top: clamp(20px, 4vw, 80px);
    margin-top: clamp(20px, 4vw, 80px);
}

.business04-wrap .sec06__notice .container {
    display:flex;
    align-items: flex-start;
    gap:clamp(20px, 4vw, 60px);
}
.business04-wrap .sec06__noticeInner  {
    display:flex;
    align-items: center;
    gap:clamp(5px, 1vw, 10px);
}
.business04-wrap .sec06__noticeIcon {
    flex-shrink: 0;
    width: clamp(20px, 3vw, 40px);
    height: clamp(20px, 3vw, 40px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.business04-wrap .sec06__noticeTitle {
    font-size: clamp(16px, 2vw, 28px);
    font-weight: 700;
    line-height: 1;
    color: var(--color-black);
    margin: 0;
}
.business04-wrap .sec06__noticeBody {
    flex: 1;
}

.business04-wrap .sec06__noticeList {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.business04-wrap .sec06__noticeList li {
    font-size: clamp(14px, 1.6vw, 20px);
    font-weight: 400;
    line-height: 1.6;
    color: #444;
    padding-left: clamp(16px, 2vw, 20px);
    position: relative;
    word-break: keep-all;
}

.business04-wrap .sec06__noticeList li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #444;
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .business04-wrap .sec06__row {
        align-items:flex-start;
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business04-wrap .sec06__row {
        flex-direction: column;
        align-items:unset;
    }
    .business04-wrap .sec06__cards {
        gap:10px;
    }
}

@media (max-width: 575.98px) {
    .business04-wrap .sec06__side {
        width:100%;
    }
    .business04-wrap .sec06__cards {
        grid-template-columns:1fr;
        gap:10px;
    }
    .business04-wrap .sec06__notice .container {
        flex-direction: column;
        gap:10px;
    }
}

/* ═══════════════════════════════════════════════════
   SEC07: 이우 푸텐시장 구역 안내 (business04 전용)
═══════════════════════════════════════════════════ */
.business04-wrap .sec07 {
    position: relative;
    width: 100%;
    padding: clamp(60px, 8vw, 120px) 0 0;
    background: var(--color-white);
    box-sizing: border-box;
}

.business04-wrap .sec07__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(20px, 4vw, 60px);
}
.business04-wrap .sec04__table tbody td {
    padding: clamp(10px, 1.5vw, 20px) clamp(10px, 1.5vw, 15px);
    font-size: clamp(14px, 1.6vw, 20px);
    word-break: keep-all;
    letter-spacing: -0.5px;
    height:100px;
}
.business04-wrap .sec04__table tbody td:first-child {
    background:#fff;
}
.business04-wrap .sec04__table tbody tr:nth-child(odd) td {
    background:#f8f8f8;
}
.business04-wrap .btn-inquiry {
    margin-top: clamp(40px, 8vw, 120px);
    display:flex;
    justify-content: center;
}
.business04-wrap .btn-inquiry__btn {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
    font-size: clamp(16px, 2vw, 32px);
    font-weight:600;
    color: var(--color-primary);
    border:2px solid var(--color-primary);
    border-radius: clamp(10px, 1.5vw, 20px);
    padding: clamp(10px, 2vw, 30px) clamp(20px, 4vw, 60px);
}

/* Responsive: Tablet */
@media (max-width: 991.98px) {
    .business04-wrap .sec07__tableWrap {
        max-width: 100%;
    }
}

/* Responsive: Mobile */
@media (max-width: 767.98px) {
    .business04-wrap .sec04__table {
        width:800px;
    }
    .business04-wrap .sec04__table tbody td {
        height:auto;
    }
}