@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
.ff{font-family:'Paperlogy';}
@font-face {
    font-family: 'Mbc1961GLM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961GulimM.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cafe24 Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Daughter of Fortune';
    font-style: normal;
    font-weight: 400;
    src: local('Daughter of Fortune'),
         url('https://fonts.cdnfonts.com/s/76081/Daughter%20of%20Fortune.woff') format('woff');
}

/* waste-sec1 제목용 (bird2와 동일, 폰트 파일 기존 재사용) */
@font-face {
    font-family: 'ONE Mobile Title';
    src: url('/fonts/onemobile/ONE Mobile Title OTF.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* sub-visual — 다른 솔루션 페이지(add1/smell)와 동일 값으로 정렬, 배경만 waste 전용 pc/mo */
.sub-visual.bg1-9{background-image:url("../images/sub/waste-header-bg-pc.webp");}
.sub-visual.bg1-9 .cellbox h2{font-weight:800; font-family:'Paperlogy';}
.sub-visual.bg1-9 .cellbox p{font-weight:400; font-family:'Paperlogy';}
.sub-visual.bg1-9 .sub-vs-link.type2{width:354px; height:85px; padding-right:0; font-size:25px; font-family:'Paperlogy'; flex-direction:column; gap:9px;}
.sub-visual.bg1-9 .sub-vs-link:after{display:none;}
.sub-visual.bg1-9 .sub-vs-link.type2 span{font-size:40px; font-weight:600; font-family:'Pretendard';}
/* 데스크톱(≥1401) 제목·본문 크기 — add1(home2.css)과 동일 */
@media (min-width:1401px){
    .sub-visual.bg1-9 .cellbox h2{font-size:80px;}
    .sub-visual.bg1-9 .cellbox p{font-size:35px;}
}

.waste-wrap{position:relative; text-align:center; line-height:1.3; letter-spacing:-0.03em;}
.waste-wrap > div{position:relative;}
.waste-wrap > div .contain{max-width:1504px;}

.waste-wrap > div .contain h2{color:#252525; font-size:52px; font-weight:500; line-height:1.4;}
.waste-wrap > div .contain .text{color:#151515; font-size:28px; font-weight:500; line-height:1.5;}

/* ─── waste-sec1 ─── */
.waste-wrap .waste-sec1 {
    position: relative;
    width: 100%;
    /* 2026-07-08 고정 간격(콘텐츠↔피처 182px·피처↔바닥 49px) 보장 위해 min-height 제거 → 콘텐츠 높이 기준 */
    overflow: hidden;
    background: url("../images/sub/waste-sec1-bg-pc.webp") center center / cover no-repeat #000;
    text-align: left;
}
.waste-wrap .waste-sec1 .contain {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 2026-07-08 space-between→flex-start: 고정 간격 사용 */
    max-width: 1710px;
    /* 2026-07-08 min-height 제거: 콘텐츠↔피처 182px·피처↔바닥 49px 고정 위해 콘텐츠 높이 기준 */
    margin: 0 auto;
    padding: 164px 20px 49px; /* 하단 49px = 피처↔sec1 바닥 간격 */
    box-sizing: border-box;
}
/* 상단 좌측 콘텐츠 */
.waste-wrap .waste-sec1 .sec1-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 51px;
    width: 672px;
    max-width: 100%;
}
/* 2026-07-08 ≥1401px에서 badge↔heading 간격만 54px(=content gap 51 + 3), heading↔cta는 51px 유지 */
@media (min-width:1401px){
    .waste-wrap .waste-sec1 .sec1-heading { margin-top: 3px; }
}
/* 초록 배지 */
.waste-wrap .waste-sec1 .sec1-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 20px;
    border: 1px solid #00dc8c;
    border-radius: 48px;
    background: #0a1a22;
    box-sizing: border-box;
}
.waste-wrap .waste-sec1 .sec1-badge span {
    color: #00dc8c;
    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
    white-space: nowrap;
}
/* 헤딩(sub + 제목 + desc) */
.waste-wrap .waste-sec1 .sec1-heading {
    display: flex;
    flex-direction: column;
}
.waste-wrap .waste-sec1 .sec1-sub {
    color: #c4c4c4;
    font-family: 'Pretendard', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}
.waste-wrap .waste-sec1 .sec1-title {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: 'ONE Mobile Title', 'Pretendard', sans-serif;
    font-size: 72px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
    margin: 0;
}
.waste-wrap .waste-sec1 .sec1-title em {
    color: #00dc8c;
    font-style: normal;
}
.waste-wrap .waste-sec1 .sec1-desc {
    color: #989898;
    font-family: 'Pretendard', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    margin-top: 19px;
}
/* CTA 버튼 */
.waste-wrap .waste-sec1 .sec1-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 486px;
    max-width: 100%;
    padding: 12px 40px;
    border: 1px solid #fff;
    border-radius: 16px;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
}
.waste-wrap .waste-sec1 .sec1-cta .sec1-cta-text {
    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.02em;
    white-space: nowrap;
}
.waste-wrap .waste-sec1 .sec1-cta .sec1-cta-arrow {
    font-size: 44px;
    line-height: 1;
}
/* 하단 피처바 (데스크톱: 하나의 둥근 바) */
.waste-wrap .waste-sec1 .sec1-features {
    width: 100%;
    margin-top: 182px; /* 2026-07-08 sec1-content↔features 간격 182px */
    background: rgba(255,255,255,0.13);
    border-radius: 25px;
    padding: 30px 70px 31px 54px;
    box-sizing: border-box;
}
.waste-wrap .waste-sec1 .sec1-features-swiper {
    width: 100%;
}
.waste-wrap .waste-sec1 .sec1-features .swiper-wrapper {
    align-items: center;
}
.waste-wrap .waste-sec1 .sec1-feature {
    display: flex;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
}
.waste-wrap .waste-sec1 .sec1-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 189px;
    height: 189px;
    border-radius: 50%;
    background: #363636;
    flex-shrink: 0;
}
.waste-wrap .waste-sec1 .sec1-feature-icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.waste-wrap .waste-sec1 .sec1-feature-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.waste-wrap .waste-sec1 .sec1-feature-title {
    color: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.waste-wrap .waste-sec1 .sec1-feature-desc {
    color: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
}
/* 페이지네이션: 데스크톱 숨김(모바일만 노출) */
.waste-wrap .waste-sec1 .sec1-pagination {
    display: none;
}

/* ─── waste-sec2 기본 스타일 ─── */
.waste-wrap .waste-sec2 {
    /* 배경색 #fff — 배경이미지 하단의 '투명 아치 코너'가 검정에 가려지지 않고
       아래 sec3(#fff)와 이어지도록. 위치 center bottom — 라운드 아치를 섹션 하단에 고정. */
    background: #fff url("../images/sub/waste-sec2-bg-pc.webp") center bottom / cover no-repeat;
    padding: 162px 0 124px;
}
.waste-wrap .waste-sec2 .contain {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 20px;
}
/* 헤딩 */
.waste-wrap .waste-sec2 .sec2-head {
    display: flex;
    flex-direction: column;
    align-items: center; /* inline-grid 제목 중앙 정렬 */
    gap: 23px;
}
/* 제목 텍스처 2레이어(단색 base + 이미지 background-clip:text 오버레이) */
.waste-wrap .waste-sec2 .sec2-title {
    display: inline-grid;
    font-size: 68px;
    font-family: Pretendard;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
}
.waste-wrap .waste-sec2 .sec2-title-base,
.waste-wrap .waste-sec2 .sec2-title-tx {
    grid-area: 1 / 1; /* 두 레이어 완전 겹침 */
}
.waste-wrap .waste-sec2 .sec2-title-base {
    color: rgba(255,255,255,0.88);
}
.waste-wrap .waste-sec2 .sec2-title-base em {
    color: #C80000;
    font-style: normal;
}
.waste-wrap .waste-sec2 .sec2-title-tx {
    background: url("../images/sub/waste-sec2-img1.webp") center center / cover no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    mix-blend-mode: darken;
    opacity: 0.72;
    pointer-events: none;
}
.waste-wrap .waste-sec2 .sec2-subtitle {
    color: #fff;
    font-size: 32px;
    font-family: Pretendard;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.64px;
    text-align: center;
}
/* 카드 그리드 (스태거드 2열) */
.waste-wrap .waste-sec2 .sec2-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 140px; /* 가로넘침 방지 */
    margin-top: 190px;
}
.waste-wrap .waste-sec2 .sec2-col {
    display: flex;
    flex-direction: column;
    gap: 170px;
}
.waste-wrap .waste-sec2 .sec2-card {
    position: relative;
    background: rgba(255,255,255,0.08);
    border: 1px solid #fff;
    border-radius: 26px;
    padding: 42px 90px; /* 1440px대 뷰포트 2열 가로넘침 방지 */
    text-align: left;
}
.waste-wrap .waste-sec2 .sec2-card-icon {
    position: absolute;
    top: -31px;
    left: 43px;
    width: 67px;
    height: 67px;
    background: url("../images/sub/waste-sec2-icon-pc.webp") center center / contain no-repeat;
}
.waste-wrap .waste-sec2 .sec2-card-tit {
    color: #fff;
    font-size: 40px;
    font-family: Pretendard;
    font-weight: 600;
    line-height: 1.2;
}
.waste-wrap .waste-sec2 .sec2-card-desc {
    color: #C8C8C8;
    font-size: 32px;
    font-family: Pretendard;
    font-weight: 500;
    line-height: 43px;
    margin-top: 9px;
}
/* 하단 전환 */
.waste-wrap .waste-sec2 .sec2-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 129px;
    text-align: center;
}
.waste-wrap .waste-sec2 .sec2-line {
    width: 3px;
    height: 145px;
    /* #C80000 위투명·아래진함 */
    background: linear-gradient(180deg, rgba(200,0,0,0) 0%, #C80000 100%);
}
/* 두 줄을 한 블록으로 묶어 line-height만으로 간격 형성(과대 gap 제거) */
.waste-wrap .waste-sec2 .sec2-bottom-text p {
    margin: 0;
}
.waste-wrap .waste-sec2 .sec2-bottom-sub {
    color: #fff;
    font-size: 48px;
    font-family: Pretendard;
    font-weight: 600;
    line-height: 84px;
}
.waste-wrap .waste-sec2 .sec2-bottom-tit {
    color: #C80000;
    font-size: 64px;
    font-family: Pretendard;
    font-weight: 600;
    line-height: 84px;
}
.waste-wrap .waste-sec2 .pc-br {
    display: inline;
}

/* ─── waste-sec3 (방사형 다이어그램) ─── */
.waste-wrap .waste-sec3 {
    background: #fff;
    padding: 130px 0 120px;
}
.waste-wrap .waste-sec3 .contain {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 20px;
}
/* 제목 (실제 텍스트) */
.waste-wrap .waste-sec3 .sec3-title {
    font-family: Pretendard;
    font-weight: 600;
    font-size: 64px;
    line-height: 1.31;
    letter-spacing: -0.02em;
    text-align: center;
}
.waste-wrap .waste-sec3 .sec3-title-black { color: #1E1E1E; }  /* Neutral 900 */
.waste-wrap .waste-sec3 .sec3-title-red { color: #C80000; }    /* Primary 600 */
.waste-wrap .waste-sec3 .mo-br { display: none; }  /* 데스크톱 1줄 / 모바일 2줄 */

/* 프로세스 다이어그램 (통이미지: PC=5각형 / MO=세로 타임라인) */
.waste-wrap .waste-sec3 .sec3-diagram {
    width: 100%;
    max-width: 1340px;
    margin-top: 90px;
}
.waste-wrap .waste-sec3 .sec3-diagram img {
    display: block;
    width: 100%;
    height: auto;
}

/* 하단 리포트 소개 카드 (텍스트=실제, iPhone 목업=이미지) */
.waste-wrap .waste-sec3 .sec3-report {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1314px;
    min-height: 352px;
    margin-top: 120px;
    padding: 40px 95px;
    background: #F5F5F5;
    border: 1px solid #B4B4B4;
    border-radius: 15px;
    overflow: hidden;          /* 타원/목업 클리핑 */
}
.waste-wrap .waste-sec3 .sec3-report-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;   /* text-align:center 상속 해제, 제목·서브 왼쪽 시작선 정렬 */
    gap: 29px;                 /* 제목↔서브 간격 */
    max-width: 442px;
    text-align: left;
}
.waste-wrap .waste-sec3 .sec3-report-tit {
    color: #1E1E1E;
    font-family: Pretendard;
    font-weight: 600;
    font-size: 38px;
    line-height: 1.24;
    letter-spacing: -0.76px;
}
.waste-wrap .waste-sec3 .sec3-report-red { color: #C80000; }  /* Primary 600 */
.waste-wrap .waste-sec3 .sec3-report-sub {
    color: #1E1E1E;
    font-family: Pretendard;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.46;
    letter-spacing: -0.52px;
}
.waste-wrap .waste-sec3 .sec3-report-visual {
    position: absolute;
    right: 0;                  /* 이미지 크롭에 맞춰 미세조정 가능 */
    top: 0;
    bottom: 0;
    z-index: 1;
}
.waste-wrap .waste-sec3 .sec3-report-visual picture { display: block; height: 100%; }
.waste-wrap .waste-sec3 .sec3-report-visual img {
    display: block;
    height: 100%;
    width: auto;
}

/* ─── waste-sec4 (CHECK POINT 비교) ─── */
.waste-wrap .waste-sec4 {
    position: relative;
    overflow: hidden;
    padding: 100px 0 90px;
    background: #FAFAFA url("../images/sub/waste-sec4-bg-pc.webp") center center / cover no-repeat;
}
.waste-wrap .waste-sec4 .contain {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 헤더: 뱃지(텍스트+밑줄) + 소제목 + 타이틀 */
.waste-wrap .waste-sec4 .sec4-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.waste-wrap .waste-sec4 .sec4-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #E61515;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 51px;
    letter-spacing: -0.64px;
}
.waste-wrap .waste-sec4 .sec4-badge::after {
    content: "";
    width: 44px;
    height: 3px;
    background: #E61515;
}
.waste-wrap .waste-sec4 .sec4-subtitle {
    margin-top: 28px;
    color: #000;
    font-family: Pretendard;
    font-weight: 400;
    font-size: 30px;
    line-height: 39px;
    text-align: center;
}
.waste-wrap .waste-sec4 .sec4-title {
    margin-top: 14px;
    color: #000;
    font-family: Pretendard;
    font-weight: 600;
    font-size: 53px;
    line-height: 79px;
    letter-spacing: -1.06px;
    text-align: center;
}
.waste-wrap .waste-sec4 .sec4-title .sec4-red {
    color: #C80000;
}
/* 비교 영역 */
.waste-wrap .waste-sec4 .sec4-compare {
    display: flex;
    justify-content: center;
    align-items: stretch;   /* 좌우 카드 동일 높이 */
    margin-top: 52px;
}
.waste-wrap .waste-sec4 .compare-card {
    position: relative;
    background: #FAFAFA;
    border-radius: 24px;
    overflow: hidden;
}
/* 좌: 셀프(좁고 짧음) / 우: 세이브프롬(넓고 김) — add1 sec5-compare 방식 */
.waste-wrap .waste-sec4 .compare-card.self {
    width: 571px;
    z-index: 2;
    border: 1px solid #989898;
    box-shadow: 0 0 32.1px rgba(0, 0, 0, 0.10);
}
.waste-wrap .waste-sec4 .compare-card.pro {
    width: 571px;
    z-index: 3;
    border: 2px solid #C80000;
    box-shadow: 0 0 32.1px rgba(200, 0, 0, 0.22);
}
/* 카드 헤더바 */
.waste-wrap .waste-sec4 .card-head {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    font-family: Pretendard;
    font-size: 36px;
}
.waste-wrap .waste-sec4 .compare-card.self .card-head {
    background: #D9D9D9;
    color: #1E1E1E;
    font-weight: 500;
}
.waste-wrap .waste-sec4 .compare-card.pro .card-head {
    background: linear-gradient(180deg, #C80000 0%, #F54141 100%);
    color: #fff;
    font-weight: 600;
}
/* 카드 본문: 사진 + 행 목록 */
.waste-wrap .waste-sec4 .card-body {
    padding: 42px 46px 44px;
}
.waste-wrap .waste-sec4 .card-img {
    width: 100%;
    aspect-ratio: 479 / 210;
    overflow: hidden;
    margin-bottom: 40px;
}
.waste-wrap .waste-sec4 .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.waste-wrap .waste-sec4 .card-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.waste-wrap .waste-sec4 .card-list li {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 0;
    border-bottom: 1px solid #E0E0E0;
}
.waste-wrap .waste-sec4 .card-list li:first-child {
    padding-top: 0;
}
.waste-wrap .waste-sec4 .card-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.waste-wrap .waste-sec4 .card-list strong {
    font-family: Pretendard;
    font-weight: 600;
    font-size: 28px;
    line-height: normal;
}
.waste-wrap .waste-sec4 .compare-card.self .card-list strong {
    color: #1E1E1E;
}
.waste-wrap .waste-sec4 .compare-card.pro .card-list strong {
    color: #C80000;
}
.waste-wrap .waste-sec4 .card-list span {
    font-family: Pretendard;
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: -0.48px;
    color: #3A3A3A;
}
/* 커넥터: ≥641 빨간 화살표(세로 중앙, 왼쪽이 좌측 카드에 붙음) / ≤640 세로 웨지(아래 @640에서 스왑) */
.waste-wrap .waste-sec4 .sec4-connector {
    flex-shrink: 0;
    align-self: center;
    width: 98px;
    margin: 0 17px 0 0;   /* 왼쪽 붙임(margin-left 0), 우측 카드와는 약간 띄움 */
    z-index: 4;
}
.waste-wrap .waste-sec4 .sec4-connector .conn-pc {
    display: block;
    width: 100%;
    height: auto;
}
.waste-wrap .waste-sec4 .sec4-connector .conn-mo {
    display: none;
}

/* ─── waste-sec5 (POINT 1 원스톱 케어 시스템) ─── */
.waste-wrap .waste-sec5 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 100px 0 110px;
    background: #FCFCFC url("../images/sub/waste-sec5-bg-pc.webp") center center / cover no-repeat;
}
.waste-wrap .waste-sec5 * { box-sizing: border-box; }
.waste-wrap .waste-sec5 .contain {
    position: relative;
    z-index: 2;
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.waste-wrap .waste-sec5 .sec5-red { color: #C80000; font-weight: 600; }  /* Primary 600 */
.waste-wrap .waste-sec5 .sec5-sm { font-weight: 500; font-size: 32px; }   /* 강조 문구 윗줄(작은 글씨) */

/* 헤더: POINT 1 뱃지 + 제목 + 설명 */
.waste-wrap .waste-sec5 .sec5-header { display: flex; flex-direction: column; align-items: center; }
.waste-wrap .waste-sec5 .sec5-badge {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 4px 20px; border: 2px solid #E61515; border-radius: 38px; color: #E61515;
    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 32px; line-height: 51px; letter-spacing: -0.64px;
}
.waste-wrap .waste-sec5 .sec5-title {
    margin-top: 21px; color: #000; font-family: Pretendard; font-weight: 600;
    font-size: 53px; line-height: 79px; letter-spacing: -1.06px;
}
.waste-wrap .waste-sec5 .sec5-subtitle {
    margin-top: 14px; color: #000; font-family: Pretendard; font-weight: 400; font-size: 30px; line-height: 39px;
}

/* 화이트 카드 패널: 소제목 + 2×2 프로세스 카드 */
.waste-wrap .waste-sec5 .sec5-panel {
    width: 100%; max-width: 1500px; margin-top: 66px; padding: 61px 40px 90px;
    background: #fff; border: 2px solid #C2C2C2; border-radius: 32px;   /* 패널 보더 */
}
.waste-wrap .waste-sec5 .sec5-panel-title {
    max-width: 724px; margin: 0 auto; color: #000; font-family: Pretendard; font-weight: 500; font-size: 46px; line-height: 56px;
}
.waste-wrap .waste-sec5 .sec5-grid {
    max-width: 945px; margin: 73px auto 0;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 49px;
}
.waste-wrap .waste-sec5 .sec5-proc {
    display: flex; flex-direction: column; background: #fff; border: 1px solid #B1B1B1;   /* 카드 보더 */
    border-radius: 24px; overflow: hidden;
}
.waste-wrap .waste-sec5 .sec5-proc-head {
    display: flex; align-items: center; justify-content: center; height: 65px;
    background: #C80000; color: #fff; font-family: Pretendard; font-weight: 600; font-size: 32px;
}
.waste-wrap .waste-sec5 .sec5-proc-img { height: 276px; background: #D9D9D9; overflow: hidden; }  /* placeholder */
.waste-wrap .waste-sec5 .sec5-proc-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* 04 관리 카드: 두 폰 목업은 잘림 없이 흰 배경 위 contain 중앙 정렬 */
.waste-wrap .waste-sec5 .sec5-proc--mockup .sec5-proc-img { background: #fff; padding: 16px 12px; }
.waste-wrap .waste-sec5 .sec5-proc--mockup .sec5-proc-img img { object-fit: contain; }
.waste-wrap .waste-sec5 .sec5-proc-cap {
    padding: 23px 12px; color: #1E1E1E; font-family: Pretendard; font-weight: 400;   /* Neutral 900 */
    font-size: 26px; line-height: 35px; letter-spacing: -0.52px;
}

/* 소제목2 */
.waste-wrap .waste-sec5 .sec5-lead {
    margin-top: 51px; color: #000; font-family: Pretendard; font-weight: 500; font-size: 46px; line-height: 56px;
}

/* 비교 블록: 기존 방식 → 세이브프롬 */
.waste-wrap .waste-sec5 .sec5-compare {
    width: 100%; max-width: 1500px; margin-top: 36px;
    display: flex; align-items: stretch; justify-content: center; gap: 33px;   /* stretch: 두 박스 높이 동일 */
}
.waste-wrap .waste-sec5 .sec5-legacy {
    flex: 1 1 auto; min-width: 0; overflow: hidden; background: #DEDEDE; border: 2px solid #DEDEDE; border-radius: 20px;
    padding-top: 14px; display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.waste-wrap .waste-sec5 .sec5-pro {
    flex: 0 0 auto; width: 513px; overflow: hidden; background: #C80000; border: 2px solid #C80000; border-radius: 20px;
    padding-top: 14px; display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.waste-wrap .waste-sec5 .sec5-box-label { font-family: Pretendard; font-weight: 600; font-size: 32px; text-align: center; }
.waste-wrap .waste-sec5 .sec5-legacy .sec5-box-label { color: #5A5A5A; }   /* Neutral 600 */
.waste-wrap .waste-sec5 .sec5-pro .sec5-box-label { color: #fff; }
.waste-wrap .waste-sec5 .sec5-legacy-inner { width: 100%; background: #F9F9F9; border-radius: 20px; padding: 45px 55px; }
.waste-wrap .waste-sec5 .sec5-legacy-row { height: 168px; display: flex; align-items: center; justify-content: center; gap: 15px; }
.waste-wrap .waste-sec5 .sec5-legacy-item { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 11px; }
.waste-wrap .waste-sec5 .sec5-legacy-icon { display: block; width: 131px; height: 131px; }
.waste-wrap .waste-sec5 .sec5-legacy-icon img { width: 100%; height: 100%; object-fit: contain; }
.waste-wrap .waste-sec5 .sec5-legacy-item > span:last-child {
    color: #5A5A5A; font-family: Pretendard; font-weight: 600; font-size: 32px; white-space: nowrap;
}
/* 점선 커넥터: 점 3개를 flex로 배치 → 점 사이 gap 13px / 점·아이콘 사이는 행 gap 15px, 아이템 세로 중앙 정렬 */
.waste-wrap .waste-sec5 .sec5-dots {
    flex: 0 1 auto; min-width: 0; align-self: center; overflow: hidden;
    display: flex; align-items: center; justify-content: center; gap: 13px;
}
.waste-wrap .waste-sec5 .sec5-dots > i { flex: 0 0 auto; width: 4px; height: 4px; border-radius: 50%; background: #C2C2C2; }
/* 화살표: PC 우향 */
.waste-wrap .waste-sec5 .sec5-arrow { flex: 0 0 auto; align-self: center; display: flex; align-items: center; justify-content: center; }
.waste-wrap .waste-sec5 .sec5-arrow svg { display: block; width: 75px; height: 70px; }
/* 세이브프롬 내부 */
.waste-wrap .waste-sec5 .sec5-pro-inner {
    width: 100%; flex: 1 1 auto; background: #F9F9F9; border-radius: 20px; padding: 38px 60px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
}
.waste-wrap .waste-sec5 .sec5-pro-icon { display: block; width: 109px; height: 109px; }
.waste-wrap .waste-sec5 .sec5-pro-icon img { width: 100%; height: 100%; object-fit: contain; }
.waste-wrap .waste-sec5 .sec5-pro-inner p { color: #C80000; font-family: Pretendard; font-weight: 600; font-size: 32px; text-align: center; }

/* 체크 구분선 */
.waste-wrap .waste-sec5 .sec5-divider { width: 100%; margin-top: 70px; display: flex; align-items: center; gap: 24px; }
.waste-wrap .waste-sec5 .sec5-divider-line { flex: 1 1 auto; height: 1px; background: #C80000; opacity: .35; }
.waste-wrap .waste-sec5 .sec5-divider-check { flex: 0 0 auto; width: 46px; height: 46px; }

/* 마무리 문구 */
.waste-wrap .waste-sec5 .sec5-outro {
    margin-top: 36px; color: #000; font-family: Pretendard; font-weight: 500; font-size: 40px; line-height: 60px;
}

/* ========== waste-sec6 기본 스타일 ========== */
.waste-wrap .waste-sec6 {
    background: #000;
    padding: 112px 0 162px; /* 세로패딩 */
}
.waste-wrap .waste-sec6 .contain {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1504px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 헤더: POINT 2 뱃지 + 제목 */
.waste-wrap .waste-sec6 .sec6-header {
    display: flex; flex-direction: column; align-items: center; gap: 21px;
}
/* 뱃지: sec7/sec8/sec9 .secN-badge 알약 구조 재사용, 색상만 빨강 #E61515 → 흰색 #fff */
.waste-wrap .waste-sec6 .sec6-badge {
    display: inline-flex; align-items: center; justify-content: center;
    height: 64px; padding: 4px 20px;
    border: 2px solid #fff; border-radius: 38px;
    color: #fff; font-family: 'Montserrat', sans-serif;
    font-weight: 600; font-size: 32px; letter-spacing: -0.64px;
}
.waste-wrap .waste-sec6 .sec6-title {
    color: #fff; font-family: Pretendard; font-weight: 600;
    font-size: 53px; line-height: 79px; letter-spacing: -1.06px; text-align: center;
}
.waste-wrap .waste-sec6 .sec6-title-red { color: #c80000; }
/* 품목 6종 그리드 (2×3) */
.waste-wrap .waste-sec6 .sec6-grid {
    list-style: none; margin: 69px 0 0; padding: 0;
    width: 100%; max-width: 1044px;
    display: grid; grid-template-columns: repeat(2, 1fr);
    column-gap: 46px; row-gap: 76px;
}
.waste-wrap .waste-sec6 .sec6-card {
    border: 1px solid #fff;
    display: flex; flex-direction: column; align-items: center; overflow: hidden;
}
.waste-wrap .waste-sec6 .sec6-card-img {
    position: relative; width: 100%; aspect-ratio: 499/378; overflow: hidden;
}
.waste-wrap .waste-sec6 .sec6-card-img img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.waste-wrap .waste-sec6 .sec6-num {
    position: absolute; top: 0; left: 0;
    width: 79px; height: 68px; background: #ff2e2e; border-radius: 0 0 26px 0;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-family: Pretendard; font-weight: 600; font-size: 32px; letter-spacing: -0.64px;
}
.waste-wrap .waste-sec6 .sec6-card-text {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 28px 10px 32px; text-align: center; color: #fff;
}
.waste-wrap .waste-sec6 .sec6-card-title {
    font-family: Pretendard; font-weight: 600; font-size: 32px; letter-spacing: -0.64px;
}
.waste-wrap .waste-sec6 .sec6-card-desc {
    font-family: Pretendard; font-weight: 400; font-size: 26px; line-height: 40px; letter-spacing: -0.52px;
}

/* ===== sec7 (공간별 카드 그리드) ===== */
.waste-wrap .waste-sec7 {
    background: #f5f5f5;              /* 플랫 단색 배경 (배경이미지 없음) */
    padding: 99px 0 117px;
}
.waste-wrap .waste-sec7 .contain {
    max-width: 1504px; margin: 0 auto; padding: 0 20px;
}
/* 헤더: POINT 3 뱃지 + 제목 + 서브카피 */
.waste-wrap .waste-sec7 .sec7-header {
    display: flex; flex-direction: column; align-items: center; gap: 21px;
}
.waste-wrap .waste-sec7 .sec7-title-group {
    display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;
}
.waste-wrap .waste-sec7 .sec7-badge {
    display: inline-flex; align-items: center; justify-content: center;
    height: 64px; padding: 4px 20px;
    border: 2px solid #E61515; border-radius: 38px;
    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 32px; line-height: 51px;
    color: #E61515; letter-spacing: -0.64px;
}
.waste-wrap .waste-sec7 .sec7-title {
    font-family: Pretendard; font-weight: 600; font-size: 53px; line-height: 79px;
    letter-spacing: -1.06px; color: #1E1E1E;                 /* Neutral 900 */
}
.waste-wrap .waste-sec7 .sec7-title-red { color: #C80000; }  /* Primary 600 */
.waste-wrap .waste-sec7 .sec7-subtitle {
    font-family: Pretendard; font-weight: 400; font-size: 30px; line-height: 39px; color: #1E1E1E;
}
.waste-wrap .waste-sec7 .sec7-subtitle br.mo { display: none; }
/* 공간 6종 카드 그리드 (PC 3열) */
.waste-wrap .waste-sec7 .sec7-grid {
    list-style: none; margin: 73px auto 0; padding: 0;
    width: 100%; max-width: 1388px;
    display: grid; grid-template-columns: repeat(3, 1fr);
    column-gap: 40px; row-gap: 52px;
}
.waste-wrap .waste-sec7 .sec7-card {
    border: 1px solid #969696; border-radius: 20px; background: #fff; overflow: hidden;
    /* hover transition 제거: AOS(fade-up 1000ms)와 충돌해 카드만 빠르게 튀던 문제 해결 2026-07-08 */
}
.waste-wrap .waste-sec7 .sec7-card-link {
    display: block; width: 100%; padding: 0; border: 0; background: none;   /* button 리셋 */
    color: inherit; text-decoration: none; text-align: left; cursor: pointer; font: inherit;
}
.waste-wrap .waste-sec7 .sec7-card-img {
    position: relative; width: 100%; aspect-ratio: 436 / 265; background: #3B3B3B; overflow: hidden;
}
.waste-wrap .waste-sec7 .sec7-card-img img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
/* + 버튼 (CSS 재현): 불투명 원 + 플러스 */
.waste-wrap .waste-sec7 .sec7-plus {
    position: absolute; top: 25px; right: 28px; width: 59px; height: 59px;
    border-radius: 50%; background: #D9D9D9;   /* 불투명 원 배경 */
}
.waste-wrap .waste-sec7 .sec7-plus::before,
.waste-wrap .waste-sec7 .sec7-plus::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    background: #3A3A3A; transform: translate(-50%, -50%);   /* + 색상 Neutral 700 */
}
.waste-wrap .waste-sec7 .sec7-plus::before { width: 25px; height: 2px; }
.waste-wrap .waste-sec7 .sec7-plus::after  { width: 2px; height: 25px; }
.waste-wrap .waste-sec7 .sec7-card-text {
    padding: 28px 36px 34px; text-align: left;   /* 카드 텍스트 좌측 정렬 */
}
.waste-wrap .waste-sec7 .sec7-card-title {
    font-family: Pretendard; font-weight: 600; font-size: 36px; color: #1E1E1E;    /* Neutral 900 */
}
.waste-wrap .waste-sec7 .sec7-card-desc {
    margin-top: 10px; font-family: Pretendard; font-weight: 400; font-size: 26px; line-height: 35px;
    color: #3A3A3A; letter-spacing: -0.52px;                                        /* Neutral 700 */
}
.waste-wrap .waste-sec7 .sec7-card-divider {
    display: block; height: 1px; background: #D0D0D0; margin-top: 14px;             /* Neutral 300 */
}
.waste-wrap .waste-sec7 .sec7-card-more {
    display: block; margin-top: 14px; font-family: Pretendard; font-weight: 600; font-size: 30px;
    color: #C80000; letter-spacing: -0.6px;                                         /* Primary 600 */
}
/* 하단 안내 배너 (점선) */
.waste-wrap .waste-sec7 .sec7-banner {
    margin-top: 73px; min-height: 147px;
    display: flex; align-items: center; justify-content: center; gap: 34px;
    background: #FFF0F0; border: 1px dashed #FF2E2E; border-radius: 20px;           /* Primary 400 */
    padding: 30px 20px;
}
.waste-wrap .waste-sec7 .sec7-banner-icon {
    flex-shrink: 0; width: 88px; height: 88px;
}
.waste-wrap .waste-sec7 .sec7-banner-icon img {
    width: 100%; height: 100%; object-fit: contain; display: block;
}
.waste-wrap .waste-sec7 .sec7-banner-text {
    font-family: Pretendard; font-weight: 500; font-size: 46px; line-height: 64px; color: #000; text-align: center;
}
.waste-wrap .waste-sec7 .sec7-banner-hl { font-weight: 600; color: #C80000; }      /* Primary 600 */


/* ===== sec8 (당일 공간 비움 서비스) ===== */
.waste-wrap .waste-sec8 {
    position: relative; overflow: hidden;
    background: #000 url("../images/sub/waste-sec8-bg-pc.webp") center top / cover no-repeat;  /* 검정+흐린배경 합성(에셋 준비 전엔 #000 다크로 표시) */
}
.waste-wrap .waste-sec8 .contain {
    position: relative; z-index: 1; max-width: 1420px; margin: 0 auto;
    padding: 113px 20px 110px;
    display: flex; flex-direction: column; align-items: center; text-align: center;
}
.waste-wrap .waste-sec8 br.mo { display: none; }
.waste-wrap .waste-sec8 br.pc { display: inline; }
/* 헤더 (sec7 헤더와 동일 토큰, 다크 배경이라 텍스트만 흰색) */
.waste-wrap .waste-sec8 .sec8-header {
    display: flex; flex-direction: column; align-items: center; gap: 21px;
}
.waste-wrap .waste-sec8 .sec8-badge {
    display: inline-flex; align-items: center; justify-content: center;
    height: 64px; padding: 4px 20px;
    border: 2px solid #E61515; border-radius: 38px;                 /* 뱃지레드 */
    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 32px; line-height: 51px;
    color: #E61515; letter-spacing: -0.64px;
}
.waste-wrap .waste-sec8 .sec8-title-group {
    display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.waste-wrap .waste-sec8 .sec8-title {
    font-family: Pretendard; font-weight: 600; font-size: 53px; line-height: 79px;
    letter-spacing: -1.06px; color: #fff;
}
.waste-wrap .waste-sec8 .sec8-desc {
    font-family: Pretendard; font-weight: 400; font-size: 30px; line-height: 39px; color: #fff;
}
.waste-wrap .waste-sec8 .sec8-note {
    display: block; font-size: 24px; color: #7A7A7A;               /* Neutral 500 */
}
/* 상황 pill 5종 */
.waste-wrap .waste-sec8 .sec8-cases {
    list-style: none; margin: 72px 0 0; padding: 0;
    width: 100%; max-width: 845px;
    display: flex; flex-direction: column; align-items: center; gap: 38px;
}
.waste-wrap .waste-sec8 .sec8-case {
    width: 100%; min-height: 104px; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center; padding: 6px 30px;
    background: rgba(255,255,255,0.16); border: 1px solid #939393; border-radius: 139px;
    font-family: Pretendard; font-weight: 500; font-size: 36px; line-height: normal;
    color: #fff; letter-spacing: -0.72px;
}
/* 구분선 A·B (라인은 CSS 그라데이션, 텍스트 길이에 맞춰 라인 길이 자동) */
.waste-wrap .waste-sec8 .sec8-divider {
    margin-top: 100px; width: 100%; max-width: 1296px;
    display: flex; align-items: center; justify-content: center; gap: 38px;
}
.waste-wrap .waste-sec8 .sec8-divider--usecase { margin-top: 92px; }
.waste-wrap .waste-sec8 .sec8-divider-line {
    flex: 1; height: 1px;
    /* 라인 그라데이션 출발지(첫 색상 스톱) = #C80000 → 바깥으로 투명 페이드 */
    background: linear-gradient(to left, #C80000, rgba(200,0,0,0));   /* 왼쪽 라인: 텍스트쪽(오른끝)에서 C80000 출발 */
}
.waste-wrap .waste-sec8 .sec8-divider-line:last-child {
    background: linear-gradient(to right, #C80000, rgba(200,0,0,0));  /* 오른쪽 라인: 텍스트쪽(왼끝)에서 C80000 출발 */
}
.waste-wrap .waste-sec8 .sec8-divider-text {
    flex: none; font-family: Pretendard; font-weight: 500; font-size: 40px; line-height: normal;
    color: #fff; white-space: nowrap;
}
/* 프로세스 카드 3종 (PC 3열 유동) */
.waste-wrap .waste-sec8 .sec8-process {
    margin-top: 50px; width: 100%;
    display: flex; justify-content: center; gap: 33px;
}
.waste-wrap .waste-sec8 .sec8-proc-card {
    flex: 1 1 0; min-width: 0; max-width: 436px; box-sizing: border-box;
    background: #262626; border: 1px solid #939393; border-radius: 20px;
    padding: 19px 13px 30px;
    display: flex; flex-direction: column; align-items: center; gap: 25px;
}
.waste-wrap .waste-sec8 .sec8-proc-top {
    display: flex; flex-direction: column; align-items: center; gap: 19px; width: 100%;
}
.waste-wrap .waste-sec8 .sec8-proc-title {
    font-family: Pretendard; font-weight: 600; font-size: 32px; line-height: normal; color: #fff;
}
.waste-wrap .waste-sec8 .sec8-proc-title .num { color: #C80000; }   /* Primary 600 */
.waste-wrap .waste-sec8 .sec8-proc-img {
    width: 100%; aspect-ratio: 410 / 303; border-radius: 20px; overflow: hidden; background: #d9d9d9;
}
.waste-wrap .waste-sec8 .sec8-proc-img img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.waste-wrap .waste-sec8 .sec8-proc-cap {
    font-family: Pretendard; font-weight: 400; font-size: 26px; line-height: 35px;
    letter-spacing: -0.52px; color: #fff;
}
/* 유즈케이스 아이콘 4종 (PC 1열) */
.waste-wrap .waste-sec8 .sec8-usecases {
    list-style: none; margin: 72px 0 0; padding: 0;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 84px;
}
.waste-wrap .waste-sec8 .sec8-usecase {
    display: flex; flex-direction: column; align-items: center; gap: 25px; width: 195px;
}
.waste-wrap .waste-sec8 .sec8-usecase-icon {
    width: 195px; height: 195px; border-radius: 50%; background: #303030;
    display: flex; align-items: center; justify-content: center;
}
.waste-wrap .waste-sec8 .sec8-usecase-icon img {
    width: 100px; height: 100px; object-fit: contain; display: block;
}
.waste-wrap .waste-sec8 .sec8-usecase-label {
    font-family: Pretendard; font-weight: 600; font-size: 32px; line-height: normal; color: #fff;
}

/* ===== sec9 (공간 정리 전후 비교 슬라이더 / twentytwenty) ===== */
.waste-wrap .waste-sec9 {
    background: #fff; padding: 90px 0 110px;
}
.waste-wrap .waste-sec9 .contain {
    max-width: 1504px; margin: 0 auto; padding: 0 20px;
    display: flex; flex-direction: column; align-items: center;
    text-align: center; box-sizing: border-box;
}
/* 헤더 */
.waste-wrap .waste-sec9 .sec9-header {
    display: flex; flex-direction: column; align-items: center; gap: 21px;
}
.waste-wrap .waste-sec9 .sec9-badge {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 163px; height: 64px; padding: 4px 20px;
    border: 2px solid #e61515; border-radius: 38px; /* badge red */
    font-family: 'Montserrat', 'Pretendard', sans-serif; font-weight: 600;
    font-size: 32px; line-height: 1; letter-spacing: -0.02em; color: #e61515;
    box-sizing: border-box;
}
.waste-wrap .waste-sec9 .sec9-title-group {
    display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.waste-wrap .waste-sec9 .sec9-title {
    margin: 0; color: #1E1E1E; /* Neutral 900 */
    font-family: 'Pretendard', sans-serif; font-weight: 600;
    font-size: 53px; line-height: 1.49; letter-spacing: -0.02em;
}
.waste-wrap .waste-sec9 .sec9-title-red {
    color: #C80000; /* Primary 600 */
}
.waste-wrap .waste-sec9 .sec9-subtitle {
    margin: 0; color: #000;
    font-family: 'Pretendard', sans-serif; font-weight: 400;
    font-size: 30px; line-height: 1.3; letter-spacing: -0.02em;
}
.waste-wrap .waste-sec9 .sec9-subtitle .br-mo { display: none; }
/* 비교 슬라이더 리스트 (세로 1열, bird2-sec6 패턴) */
.waste-wrap .waste-sec9 .sec9-list {
    display: flex; flex-direction: column; align-items: center;
    gap: 50px; margin: 50px 0 0; padding: 0; list-style: none; width: 100%;
}
.waste-wrap .waste-sec9 .sec9-item {
    width: 100%; max-width: 858px; margin: 0; padding: 0; list-style: none;
}
.waste-wrap .waste-sec9 .sec9-item .twenty {
    position: relative; width: 100%; aspect-ratio: 858 / 644; overflow: hidden;
}
.waste-wrap .waste-sec9 .sec9-item .twenty img {
    display: block; width: 100%; height: auto;
}
/* twentytwenty 플러그인 래퍼/핸들 (bird2-sec6 클론, 데스크톱 핸들 ~54px) */
.waste-wrap .waste-sec9 .twentytwenty-wrapper { width: 100%; max-width: 858px; height: auto; }
.waste-wrap .waste-sec9 .twentytwenty-container { width: 100%; aspect-ratio: 858 / 644; }
.waste-wrap .waste-sec9 .twentytwenty-handle {
    width: 54px; height: 54px; margin-left: -30px; margin-top: -30px; border-width: 3px;
}
.waste-wrap .waste-sec9 .twentytwenty-handle:before,
.waste-wrap .waste-sec9 .twentytwenty-handle:after { width: 4px; margin-left: -2px; }
.waste-wrap .waste-sec9 .twentytwenty-handle:before { margin-bottom: 30px; }
.waste-wrap .waste-sec9 .twentytwenty-handle:after { margin-top: 30px; }
.waste-wrap .waste-sec9 .twentytwenty-left-arrow,
.waste-wrap .waste-sec9 .twentytwenty-right-arrow { border-width: 8px; margin-top: -8px; }
.waste-wrap .waste-sec9 .twentytwenty-left-arrow { margin-left: -24px; }
.waste-wrap .waste-sec9 .twentytwenty-right-arrow { margin-right: -24px; }

@media (max-width:1400px){
    /* sub-visual — 다른 페이지와 동일 */
    .sub-visual.bg1-9 .sub-vs-link.type2{width:177px; height:43px; font-size:13px; gap:5px;}
    .sub-visual.bg1-9 .sub-vs-link.type2 span{font-size:20px;}

    .waste-wrap > div .contain h2{font-size:45px;}
    .waste-wrap > div .contain .text{font-size:21px;}


    /* waste-sec1 @1400 (선형보간) */
    /* 2026-07-08 min-height 제거(고정 간격 사용) */
    .waste-wrap .waste-sec1 .contain { padding: 120px 20px 40px; max-width: 1440px; } /* 하단 40px = 피처↔바닥 */
    .waste-wrap .waste-sec1 .sec1-features { margin-top: 140px; } /* 2026-07-08 content↔features 간격 축소 */
    .waste-wrap .waste-sec1 .sec1-content { gap: 40px; width: 550px; }
    .waste-wrap .waste-sec1 .sec1-badge { padding: 7px 16px; border-radius: 35px; }
    .waste-wrap .waste-sec1 .sec1-badge span { font-size: 24px; }
    .waste-wrap .waste-sec1 .sec1-sub { font-size: 35px; margin-bottom: 10px; }
    .waste-wrap .waste-sec1 .sec1-title { font-size: 59px; }
    .waste-wrap .waste-sec1 .sec1-desc { font-size: 26px; margin-top: 15px; }
    .waste-wrap .waste-sec1 .sec1-cta { width: 426px; padding: 9px 29px; border-radius: 12px; }
    .waste-wrap .waste-sec1 .sec1-cta .sec1-cta-text { font-size: 24px; }
    .waste-wrap .waste-sec1 .sec1-cta .sec1-cta-arrow { font-size: 34px; }
    .waste-wrap .waste-sec1 .sec1-features { padding: 24px 50px 25px 40px; border-radius: 20px; }
    .waste-wrap .waste-sec1 .sec1-feature { gap: 22px; }
    .waste-wrap .waste-sec1 .sec1-feature-icon { width: 149px; height: 149px; }
    .waste-wrap .waste-sec1 .sec1-feature-icon img { width: 79px; height: 79px; }
    .waste-wrap .waste-sec1 .sec1-feature-text { gap: 9px; }
    .waste-wrap .waste-sec1 .sec1-feature-title { font-size: 24px; }
    .waste-wrap .waste-sec1 .sec1-feature-desc { font-size: 22px; line-height: 30px; }

    /* sec2 — 1400px (스태거 2열 유지, 선형 축소) */
    .waste-wrap .waste-sec2 { padding: 120px 0 100px; }
    .waste-wrap .waste-sec2 .sec2-head { gap: 18px; }
    .waste-wrap .waste-sec2 .sec2-title { font-size: 52px; }
    .waste-wrap .waste-sec2 .sec2-subtitle { font-size: 26px; line-height: 40px; }
    .waste-wrap .waste-sec2 .sec2-cards { gap: 100px; margin-top: 140px; }
    .waste-wrap .waste-sec2 .sec2-col { gap: 120px; }
    .waste-wrap .waste-sec2 .sec2-card { padding: 32px 40px; border-radius: 20px; }
    .waste-wrap .waste-sec2 .sec2-card-icon { top: -26px; left: 30px; width: 56px; height: 56px; }
    .waste-wrap .waste-sec2 .sec2-card-tit { font-size: 32px; }
    .waste-wrap .waste-sec2 .sec2-card-desc { font-size: 26px; line-height: 36px; margin-top: 8px; }
    .waste-wrap .waste-sec2 .sec2-bottom { margin-top: 100px; gap: 18px; }
    .waste-wrap .waste-sec2 .sec2-line { height: 110px; }
    .waste-wrap .waste-sec2 .sec2-bottom-sub { font-size: 38px; line-height: 60px; }
    .waste-wrap .waste-sec2 .sec2-bottom-tit { font-size: 50px; line-height: 66px; }

    /* sec3 (방사형 다이어그램) */
    .waste-wrap .waste-sec3 { padding: 100px 0 90px; }
    .waste-wrap .waste-sec3 .sec3-title { font-size: 52px; }
    .waste-wrap .waste-sec3 .sec3-diagram { max-width: 1100px; margin-top: 70px; }
    .waste-wrap .waste-sec3 .sec3-report { max-width: 1100px; min-height: 290px; margin-top: 90px; padding: 36px 70px; }
    .waste-wrap .waste-sec3 .sec3-report-text { gap: 22px; max-width: 380px; }
    .waste-wrap .waste-sec3 .sec3-report-tit { font-size: 32px; }
    .waste-wrap .waste-sec3 .sec3-report-sub { font-size: 22px; }

    /* sec4 — CHECK POINT 비교 */
    .waste-wrap .waste-sec4 { padding: 80px 0 80px; }
    .waste-wrap .waste-sec4 .sec4-badge { font-size: 26px; line-height: 42px; }
    .waste-wrap .waste-sec4 .sec4-badge::after { width: 38px; }
    .waste-wrap .waste-sec4 .sec4-subtitle { margin-top: 20px; font-size: 26px; line-height: 34px; }
    .waste-wrap .waste-sec4 .sec4-title { font-size: 43px; line-height: 64px; }
    .waste-wrap .waste-sec4 .sec4-compare { margin-top: 44px; }
    .waste-wrap .waste-sec4 .compare-card { border-radius: 20px; }
    .waste-wrap .waste-sec4 .compare-card.self { width: 470px; }
    .waste-wrap .waste-sec4 .compare-card.pro { width: 470px; }
    .waste-wrap .waste-sec4 .card-head { height: 74px; font-size: 30px; }
    .waste-wrap .waste-sec4 .card-body { padding: 34px 36px 36px; }
    .waste-wrap .waste-sec4 .card-img { margin-bottom: 32px; }
    .waste-wrap .waste-sec4 .card-list li { padding: 13px 0; }
    .waste-wrap .waste-sec4 .card-list strong { font-size: 24px; }
    .waste-wrap .waste-sec4 .card-list span { font-size: 20px; line-height: 30px; }
    .waste-wrap .waste-sec4 .sec4-connector { width: 80px; margin: 0 14px 0 0; }

    /* sec5 (선형보간) */
    .waste-wrap .waste-sec5 { padding: 80px 0 85px; }
    .waste-wrap .waste-sec5 .sec5-sm { font-size: 28px; }
    .waste-wrap .waste-sec5 .sec5-badge { padding: 4px 16px; border-width: 2px; border-radius: 30px; font-size: 26px; line-height: 42px; }
    .waste-wrap .waste-sec5 .sec5-title { margin-top: 18px; font-size: 43px; line-height: 64px; letter-spacing: -0.86px; }
    .waste-wrap .waste-sec5 .sec5-subtitle { margin-top: 12px; font-size: 26px; line-height: 34px; }
    .waste-wrap .waste-sec5 .sec5-panel { margin-top: 54px; padding: 50px 36px 72px; border-radius: 28px; }
    .waste-wrap .waste-sec5 .sec5-panel-title { font-size: 40px; line-height: 50px; }
    .waste-wrap .waste-sec5 .sec5-grid { margin-top: 60px; gap: 30px 40px; }
    .waste-wrap .waste-sec5 .sec5-proc-head { height: 56px; font-size: 28px; }
    .waste-wrap .waste-sec5 .sec5-proc-img { height: 230px; }
    .waste-wrap .waste-sec5 .sec5-proc-cap { padding: 20px 12px; font-size: 22px; line-height: 30px; }
    .waste-wrap .waste-sec5 .sec5-lead { margin-top: 44px; font-size: 40px; line-height: 50px; }
    .waste-wrap .waste-sec5 .sec5-compare { margin-top: 30px; gap: 20px; }
    .waste-wrap .waste-sec5 .sec5-pro { width: 420px; }
    .waste-wrap .waste-sec5 .sec5-box-label { font-size: 26px; }
    .waste-wrap .waste-sec5 .sec5-legacy-inner { padding: 34px 40px; }
    .waste-wrap .waste-sec5 .sec5-legacy-row { height: 135px; gap: 12px; }
    .waste-wrap .waste-sec5 .sec5-dots { gap: 10px; }
    .waste-wrap .waste-sec5 .sec5-legacy-item { gap: 9px; }
    .waste-wrap .waste-sec5 .sec5-legacy-icon { width: 105px; height: 105px; }
    .waste-wrap .waste-sec5 .sec5-legacy-item > span:last-child { font-size: 26px; }
    .waste-wrap .waste-sec5 .sec5-arrow svg { width: 60px; height: 56px; }
    .waste-wrap .waste-sec5 .sec5-pro-inner { padding: 30px 48px; }
    .waste-wrap .waste-sec5 .sec5-pro-icon { width: 88px; height: 88px; }
    .waste-wrap .waste-sec5 .sec5-pro-inner p { font-size: 26px; }
    .waste-wrap .waste-sec5 .sec5-divider { margin-top: 56px; gap: 20px; }
    .waste-wrap .waste-sec5 .sec5-divider-check { width: 40px; height: 40px; }
    .waste-wrap .waste-sec5 .sec5-outro { margin-top: 30px; font-size: 34px; line-height: 52px; }

    /* sec6 (폐기물 품목 그리드) */
    .waste-wrap .waste-sec6 { padding: 86px 0 125px; } /* 세로패딩 */
    .waste-wrap .waste-sec6 .sec6-header { gap: 17px; }
    .waste-wrap .waste-sec6 .sec6-badge { height: 52px; padding: 4px 16px; border-radius: 30px; font-size: 26px; letter-spacing: -0.52px; }
    .waste-wrap .waste-sec6 .sec6-title { font-size: 43px; line-height: 64px; letter-spacing: -0.86px; }
    .waste-wrap .waste-sec6 .sec6-grid { margin-top: 56px; max-width: 860px; column-gap: 37px; row-gap: 62px; }
    .waste-wrap .waste-sec6 .sec6-num { width: 64px; height: 55px; border-radius: 0 0 21px 0; font-size: 26px; letter-spacing: -0.52px; }
    .waste-wrap .waste-sec6 .sec6-card-text { padding: 23px 8px 26px; gap: 6px; }
    .waste-wrap .waste-sec6 .sec6-card-title { font-size: 26px; letter-spacing: -0.52px; }
    .waste-wrap .waste-sec6 .sec6-card-desc { font-size: 21px; line-height: 32px; letter-spacing: -0.42px; }

    /* sec7 (공간별 카드 그리드) */
    .waste-wrap .waste-sec7 { padding: 81px 0 98px; }
    .waste-wrap .waste-sec7 .sec7-header { gap: 17px; }
    .waste-wrap .waste-sec7 .sec7-title-group { gap: 12px; }
    .waste-wrap .waste-sec7 .sec7-badge { height: 52px; padding: 4px 16px; border-radius: 32px; font-size: 26px; line-height: 42px; letter-spacing: -0.52px; }
    .waste-wrap .waste-sec7 .sec7-title { font-size: 43px; line-height: 64px; letter-spacing: -0.86px; }
    .waste-wrap .waste-sec7 .sec7-subtitle { font-size: 24px; line-height: 32px; }
    .waste-wrap .waste-sec7 .sec7-grid { margin-top: 60px; max-width: 1160px; column-gap: 34px; row-gap: 44px; }
    .waste-wrap .waste-sec7 .sec7-card { border-radius: 16px; }
    .waste-wrap .waste-sec7 .sec7-plus { width: 48px; height: 48px; top: 20px; right: 22px; }
    .waste-wrap .waste-sec7 .sec7-plus::before { width: 20px; }
    .waste-wrap .waste-sec7 .sec7-plus::after { height: 20px; }
    .waste-wrap .waste-sec7 .sec7-card-text { padding: 24px 28px 28px; }
    .waste-wrap .waste-sec7 .sec7-card-title { font-size: 30px; }
    .waste-wrap .waste-sec7 .sec7-card-desc { font-size: 21px; line-height: 29px; letter-spacing: -0.42px; }
    .waste-wrap .waste-sec7 .sec7-card-more { font-size: 25px; letter-spacing: -0.5px; }
    .waste-wrap .waste-sec7 .sec7-banner { margin-top: 60px; min-height: 120px; gap: 26px; border-radius: 16px; padding: 26px 20px; }
    .waste-wrap .waste-sec7 .sec7-banner-icon { width: 72px; height: 72px; }
    .waste-wrap .waste-sec7 .sec7-banner-text { font-size: 38px; line-height: 54px; }

    /* sec8 — 1400px */
    .waste-wrap .waste-sec8 .contain { padding: 90px 20px 88px; }
    .waste-wrap .waste-sec8 .sec8-header { gap: 17px; }
    .waste-wrap .waste-sec8 .sec8-badge { height: 52px; padding: 4px 16px; border-radius: 32px; font-size: 26px; line-height: 42px; letter-spacing: -0.52px; }
    .waste-wrap .waste-sec8 .sec8-title-group { gap: 12px; }
    .waste-wrap .waste-sec8 .sec8-title { font-size: 43px; line-height: 64px; letter-spacing: -0.86px; }
    .waste-wrap .waste-sec8 .sec8-desc { font-size: 24px; line-height: 32px; }
    .waste-wrap .waste-sec8 .sec8-note { font-size: 20px; }
    .waste-wrap .waste-sec8 .sec8-cases { margin-top: 49px; max-width: 720px; gap: 27px; }
    .waste-wrap .waste-sec8 .sec8-case { min-height: 82px; padding: 6px 24px; font-size: 28px; letter-spacing: -0.56px; border-radius: 110px; }
    .waste-wrap .waste-sec8 .sec8-divider { margin-top: 78px; max-width: 1040px; gap: 30px; }
    .waste-wrap .waste-sec8 .sec8-divider--usecase { margin-top: 70px; }
    .waste-wrap .waste-sec8 .sec8-divider-text { font-size: 32px; }
    .waste-wrap .waste-sec8 .sec8-process { margin-top: 40px; gap: 26px; }
    .waste-wrap .waste-sec8 .sec8-proc-card { padding: 16px 11px 25px; gap: 20px; border-radius: 16px; }
    .waste-wrap .waste-sec8 .sec8-proc-top { gap: 15px; }
    .waste-wrap .waste-sec8 .sec8-proc-title { font-size: 26px; }
    .waste-wrap .waste-sec8 .sec8-proc-cap { font-size: 21px; line-height: 29px; letter-spacing: -0.42px; }
    .waste-wrap .waste-sec8 .sec8-usecases { margin-top: 55px; gap: 60px; }
    .waste-wrap .waste-sec8 .sec8-usecase { width: 155px; gap: 20px; }
    .waste-wrap .waste-sec8 .sec8-usecase-icon { width: 155px; height: 155px; }
    .waste-wrap .waste-sec8 .sec8-usecase-icon img { width: 80px; height: 80px; }
    .waste-wrap .waste-sec8 .sec8-usecase-label { font-size: 26px; }

    /* sec9 — 1400px (비교 슬라이더) */
    .waste-wrap .waste-sec9 { padding: 72px 0 88px; }
    .waste-wrap .waste-sec9 .contain { max-width: 1200px; }
    .waste-wrap .waste-sec9 .sec9-header { gap: 18px; }
    .waste-wrap .waste-sec9 .sec9-badge { min-width: 130px; height: 50px; font-size: 24px; padding: 4px 16px; }
    .waste-wrap .waste-sec9 .sec9-title-group { gap: 12px; }
    .waste-wrap .waste-sec9 .sec9-title { font-size: 40px; line-height: 1.4; }
    .waste-wrap .waste-sec9 .sec9-subtitle { font-size: 22px; line-height: 1.35; }
    .waste-wrap .waste-sec9 .sec9-list { gap: 38px; margin-top: 40px; }
    .waste-wrap .waste-sec9 .sec9-item { max-width: 660px; }
    .waste-wrap .waste-sec9 .twentytwenty-wrapper { max-width: 660px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle { width: 46px; height: 46px; margin-left: -26px; margin-top: -26px; border-width: 3px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:before,
    .waste-wrap .waste-sec9 .twentytwenty-handle:after { width: 3px; margin-left: -1.5px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:before { margin-bottom: 26px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:after { margin-top: 26px; }
    .waste-wrap .waste-sec9 .twentytwenty-left-arrow,
    .waste-wrap .waste-sec9 .twentytwenty-right-arrow { border-width: 7px; margin-top: -7px; }
    .waste-wrap .waste-sec9 .twentytwenty-left-arrow { margin-left: -20px; }
    .waste-wrap .waste-sec9 .twentytwenty-right-arrow { margin-right: -20px; }

}

@media (max-width:1000px){
    .waste-wrap > div .contain h2{font-size: 28px;}
    .waste-wrap > div .contain .text{font-size:14px;}


    /* waste-sec1 @1000 (선형보간) */
    /* 2026-07-08 min-height 제거(고정 간격 사용) */
    .waste-wrap .waste-sec1 .contain { padding: 90px 20px 32px; max-width: 960px; } /* 하단 32px = 피처↔바닥 */
    .waste-wrap .waste-sec1 .sec1-features { margin-top: 100px; } /* 2026-07-08 content↔features 간격 축소 */
    .waste-wrap .waste-sec1 .sec1-content { gap: 30px; width: 454px; }
    .waste-wrap .waste-sec1 .sec1-badge { padding: 5px 13px; border-radius: 25px; }
    .waste-wrap .waste-sec1 .sec1-badge span { font-size: 19px; }
    .waste-wrap .waste-sec1 .sec1-sub { font-size: 28px; margin-bottom: 8px; }
    .waste-wrap .waste-sec1 .sec1-title { font-size: 50px; }
    .waste-wrap .waste-sec1 .sec1-desc { font-size: 21px; margin-top: 12px; }
    .waste-wrap .waste-sec1 .sec1-cta { width: 380px; padding: 6px 20px; border-radius: 8px; }
    .waste-wrap .waste-sec1 .sec1-cta .sec1-cta-text { font-size: 20px; }
    .waste-wrap .waste-sec1 .sec1-cta .sec1-cta-arrow { font-size: 26px; }
    .waste-wrap .waste-sec1 .sec1-features { padding: 20px 30px; border-radius: 14px; }
    .waste-wrap .waste-sec1 .sec1-feature { gap: 20px; }
    .waste-wrap .waste-sec1 .sec1-feature-icon { width: 118px; height: 118px; }
    .waste-wrap .waste-sec1 .sec1-feature-icon img { width: 63px; height: 63px; }
    .waste-wrap .waste-sec1 .sec1-feature-text { gap: 6px; }
    .waste-wrap .waste-sec1 .sec1-feature-title { font-size: 21px; }
    .waste-wrap .waste-sec1 .sec1-feature-desc { font-size: 19px; line-height: 26px; }

    /* sec2 — 1000px (1열 전환·가로 카드, 넓은 2열 미수용으로 640px보다 앞당김) */
    .waste-wrap .waste-sec2 { padding: 70px 0 70px; }
    .waste-wrap .waste-sec2 .sec2-head { gap: 12px; }
    .waste-wrap .waste-sec2 .sec2-title { font-size: 38px; }
    .waste-wrap .waste-sec2 .sec2-subtitle { font-size: 20px; line-height: 32px; }
    .waste-wrap .waste-sec2 .sec2-cards { flex-direction: column; align-items: center; gap: 20px; margin-top: 80px; width: 560px; max-width: 100%; }
    .waste-wrap .waste-sec2 .sec2-col { display: contents; }                 /* 5장 평탄화 */
    .waste-wrap .waste-sec2 .sec2-card { order: var(--m-order); display: flex; flex-direction: row; align-items: center; gap: 14px; width: 100%; padding: 20px 28px; border-radius: 12px; }
    .waste-wrap .waste-sec2 .sec2-card-icon { position: static; top: auto; left: auto; width: 50px; height: 50px; flex-shrink: 0; background-image: url("../images/sub/waste-sec2-icon-mo.webp"); }
    .waste-wrap .waste-sec2 .sec2-card-body { display: flex; flex-direction: column; gap: 4px; }
    .waste-wrap .waste-sec2 .sec2-card-tit { font-size: 24px; line-height: 1.2; }
    .waste-wrap .waste-sec2 .sec2-card-desc { font-size: 18px; line-height: 1.4; margin-top: 0; }
    .waste-wrap .waste-sec2 .sec2-bottom { margin-top: 60px; gap: 14px; }
    .waste-wrap .waste-sec2 .sec2-line { height: 80px; width: 2px; }
    .waste-wrap .waste-sec2 .sec2-bottom-sub { font-size: 28px; line-height: 40px; }
    .waste-wrap .waste-sec2 .sec2-bottom-tit { font-size: 34px; line-height: 46px; }

    /* sec3 — 레이아웃 전환점: picture가 세로 타임라인(MO) 이미지로 스왑 */
    .waste-wrap .waste-sec3 { padding: 70px 0 70px; }
    .waste-wrap .waste-sec3 .sec3-title { font-size: 40px; }
    .waste-wrap .waste-sec3 .sec3-diagram { max-width: 420px; margin-top: 40px; }  /* 세로 타임라인 폭 */
    .waste-wrap .waste-sec3 .sec3-report { max-width: 700px; min-height: 200px; margin-top: 50px; padding: 28px 40px; }
    .waste-wrap .waste-sec3 .sec3-report-text { gap: 14px; max-width: 55%; }
    .waste-wrap .waste-sec3 .sec3-report-tit { font-size: 24px; }
    .waste-wrap .waste-sec3 .sec3-report-sub { font-size: 18px; }

    /* sec4 — CHECK POINT 비교 */
    .waste-wrap .waste-sec4 { padding: 60px 0 70px; }
    .waste-wrap .waste-sec4 .sec4-badge { font-size: 22px; line-height: 34px; }
    .waste-wrap .waste-sec4 .sec4-badge::after { width: 30px; }
    .waste-wrap .waste-sec4 .sec4-subtitle { margin-top: 14px; font-size: 20px; line-height: 28px; }
    .waste-wrap .waste-sec4 .sec4-title { font-size: 34px; line-height: 50px; }
    .waste-wrap .waste-sec4 .sec4-compare { margin-top: 36px; }
    .waste-wrap .waste-sec4 .compare-card { border-radius: 16px; }
    .waste-wrap .waste-sec4 .compare-card.self { width: 360px; }
    .waste-wrap .waste-sec4 .compare-card.pro { width: 360px; }
    .waste-wrap .waste-sec4 .card-head { height: 58px; font-size: 24px; }
    .waste-wrap .waste-sec4 .card-body { padding: 26px 26px 28px; }
    .waste-wrap .waste-sec4 .card-img { margin-bottom: 24px; }
    .waste-wrap .waste-sec4 .card-list li { padding: 10px 0; }
    .waste-wrap .waste-sec4 .card-list strong { font-size: 19px; }
    .waste-wrap .waste-sec4 .card-list span { font-size: 16px; line-height: 24px; }
    .waste-wrap .waste-sec4 .sec4-connector { width: 62px; margin: 0 12px 0 0; }

    /* sec5 (선형보간) */
    .waste-wrap .waste-sec5 { padding: 60px 0 70px; }
    .waste-wrap .waste-sec5 .sec5-sm { font-size: 24px; }
    .waste-wrap .waste-sec5 .sec5-badge { padding: 3px 12px; border-width: 1.5px; border-radius: 22px; font-size: 20px; line-height: 32px; }
    .waste-wrap .waste-sec5 .sec5-title { margin-top: 14px; font-size: 32px; line-height: 48px; letter-spacing: -0.64px; }
    .waste-wrap .waste-sec5 .sec5-subtitle { margin-top: 10px; font-size: 20px; line-height: 28px; }
    .waste-wrap .waste-sec5 .sec5-panel { margin-top: 42px; padding: 38px 28px 50px; border-radius: 22px; }
    .waste-wrap .waste-sec5 .sec5-panel-title { font-size: 34px; line-height: 44px; }
    .waste-wrap .waste-sec5 .sec5-grid { margin-top: 48px; gap: 24px 32px; }
    .waste-wrap .waste-sec5 .sec5-proc-head { height: 46px; font-size: 22px; }
    .waste-wrap .waste-sec5 .sec5-proc-img { height: 185px; }
    .waste-wrap .waste-sec5 .sec5-proc-cap { padding: 16px 10px; font-size: 18px; line-height: 25px; }
    .waste-wrap .waste-sec5 .sec5-lead { margin-top: 36px; font-size: 34px; line-height: 44px; }
    .waste-wrap .waste-sec5 .sec5-compare { margin-top: 26px; gap: 14px; }
    .waste-wrap .waste-sec5 .sec5-pro { width: 320px; }
    .waste-wrap .waste-sec5 .sec5-box-label { font-size: 20px; }
    .waste-wrap .waste-sec5 .sec5-legacy-inner { padding: 24px 28px; }
    .waste-wrap .waste-sec5 .sec5-legacy-row { height: 96px; gap: 9px; }
    .waste-wrap .waste-sec5 .sec5-dots { gap: 7px; }
    .waste-wrap .waste-sec5 .sec5-legacy-item { gap: 6px; }
    .waste-wrap .waste-sec5 .sec5-legacy-icon { width: 75px; height: 75px; }
    .waste-wrap .waste-sec5 .sec5-legacy-item > span:last-child { font-size: 20px; }
    .waste-wrap .waste-sec5 .sec5-arrow svg { width: 45px; height: 42px; }
    .waste-wrap .waste-sec5 .sec5-pro-inner { padding: 22px 36px; }
    .waste-wrap .waste-sec5 .sec5-pro-icon { width: 66px; height: 66px; }
    .waste-wrap .waste-sec5 .sec5-pro-inner p { font-size: 20px; }
    .waste-wrap .waste-sec5 .sec5-divider { margin-top: 46px; gap: 16px; }
    .waste-wrap .waste-sec5 .sec5-divider-check { width: 33px; height: 33px; }
    .waste-wrap .waste-sec5 .sec5-outro { margin-top: 26px; font-size: 28px; line-height: 44px; }

    /* sec6 (폐기물 품목 그리드) */
    .waste-wrap .waste-sec6 { padding: 61px 0 89px; } /* 세로패딩 */
    .waste-wrap .waste-sec6 .sec6-header { gap: 13px; }
    .waste-wrap .waste-sec6 .sec6-badge { height: 38px; padding: 3px 12px; border-radius: 23px; font-size: 19px; letter-spacing: -0.38px; }
    .waste-wrap .waste-sec6 .sec6-title { font-size: 32px; line-height: 47px; letter-spacing: -0.64px; }
    .waste-wrap .waste-sec6 .sec6-grid { margin-top: 41px; max-width: 600px; column-gap: 28px; row-gap: 46px; }
    .waste-wrap .waste-sec6 .sec6-num { width: 47px; height: 41px; border-radius: 0 0 15px 0; font-size: 19px; letter-spacing: -0.38px; }
    .waste-wrap .waste-sec6 .sec6-card-text { padding: 17px 8px 20px; gap: 5px; }
    .waste-wrap .waste-sec6 .sec6-card-title { font-size: 19px; letter-spacing: -0.38px; }
    .waste-wrap .waste-sec6 .sec6-card-desc { font-size: 16px; line-height: 24px; letter-spacing: -0.31px; }

    /* sec7 (공간별 카드 그리드) */
    .waste-wrap .waste-sec7 { padding: 58px 0 70px; }
    .waste-wrap .waste-sec7 .sec7-header { gap: 13px; }
    .waste-wrap .waste-sec7 .sec7-title-group { gap: 10px; }
    .waste-wrap .waste-sec7 .sec7-badge { height: 38px; padding: 3px 12px; border-radius: 24px; font-size: 19px; line-height: 32px; letter-spacing: -0.38px; }
    .waste-wrap .waste-sec7 .sec7-title { font-size: 32px; line-height: 47px; letter-spacing: -0.64px; }
    .waste-wrap .waste-sec7 .sec7-subtitle { font-size: 20px; line-height: 28px; }
    .waste-wrap .waste-sec7 .sec7-grid { margin-top: 46px; max-width: 900px; column-gap: 24px; row-gap: 34px; }
    .waste-wrap .waste-sec7 .sec7-card { border-radius: 12px; }
    .waste-wrap .waste-sec7 .sec7-plus { width: 36px; height: 36px; top: 14px; right: 16px; }
    .waste-wrap .waste-sec7 .sec7-plus::before { width: 15px; }
    .waste-wrap .waste-sec7 .sec7-plus::after { height: 15px; }
    .waste-wrap .waste-sec7 .sec7-card-text { padding: 18px 20px 20px; }
    .waste-wrap .waste-sec7 .sec7-card-title { font-size: 24px; }
    .waste-wrap .waste-sec7 .sec7-card-desc { font-size: 17px; line-height: 24px; letter-spacing: -0.34px; }
    .waste-wrap .waste-sec7 .sec7-card-more { font-size: 20px; letter-spacing: -0.4px; }
    .waste-wrap .waste-sec7 .sec7-banner { margin-top: 46px; min-height: 96px; gap: 16px; border-radius: 12px; padding: 20px; }
    .waste-wrap .waste-sec7 .sec7-banner-icon { width: 52px; height: 52px; }
    .waste-wrap .waste-sec7 .sec7-banner-text { font-size: 28px; line-height: 40px; }

    /* sec8 — 1000px */
    .waste-wrap .waste-sec8 .contain { padding: 66px 20px 62px; }
    .waste-wrap .waste-sec8 .sec8-header { gap: 13px; }
    .waste-wrap .waste-sec8 .sec8-badge { height: 38px; padding: 3px 12px; border-radius: 24px; font-size: 19px; line-height: 32px; letter-spacing: -0.38px; }
    .waste-wrap .waste-sec8 .sec8-title-group { gap: 10px; }
    .waste-wrap .waste-sec8 .sec8-title { font-size: 32px; line-height: 47px; letter-spacing: -0.64px; }
    .waste-wrap .waste-sec8 .sec8-desc { font-size: 20px; line-height: 28px; }
    .waste-wrap .waste-sec8 .sec8-note { font-size: 16px; }
    .waste-wrap .waste-sec8 .sec8-cases { margin-top: 36px; max-width: 560px; gap: 21px; }
    .waste-wrap .waste-sec8 .sec8-case { min-height: 62px; padding: 5px 20px; font-size: 22px; letter-spacing: -0.44px; border-radius: 90px; }
    .waste-wrap .waste-sec8 .sec8-divider { margin-top: 60px; max-width: 780px; gap: 22px; }
    .waste-wrap .waste-sec8 .sec8-divider--usecase { margin-top: 52px; }
    .waste-wrap .waste-sec8 .sec8-divider-text { font-size: 24px; }
    .waste-wrap .waste-sec8 .sec8-process { margin-top: 30px; gap: 18px; }
    .waste-wrap .waste-sec8 .sec8-proc-card { padding: 12px 8px 18px; gap: 15px; border-radius: 12px; }
    .waste-wrap .waste-sec8 .sec8-proc-top { gap: 11px; }
    .waste-wrap .waste-sec8 .sec8-proc-title { font-size: 20px; }
    .waste-wrap .waste-sec8 .sec8-proc-cap { font-size: 16px; line-height: 22px; letter-spacing: -0.32px; }
    .waste-wrap .waste-sec8 .sec8-usecases { margin-top: 42px; gap: 44px; }
    .waste-wrap .waste-sec8 .sec8-usecase { width: 120px; gap: 15px; }
    .waste-wrap .waste-sec8 .sec8-usecase-icon { width: 120px; height: 120px; }
    .waste-wrap .waste-sec8 .sec8-usecase-icon img { width: 62px; height: 62px; }
    .waste-wrap .waste-sec8 .sec8-usecase-label { font-size: 21px; }

    /* sec9 — 1000px (비교 슬라이더) */
    .waste-wrap .waste-sec9 { padding: 54px 0 66px; }
    .waste-wrap .waste-sec9 .contain { max-width: 720px; }
    .waste-wrap .waste-sec9 .sec9-header { gap: 14px; }
    .waste-wrap .waste-sec9 .sec9-badge { min-width: 100px; height: 38px; font-size: 18px; padding: 2px 12px; border-width: 1.5px; border-radius: 24px; }
    .waste-wrap .waste-sec9 .sec9-title-group { gap: 10px; }
    .waste-wrap .waste-sec9 .sec9-title { font-size: 30px; line-height: 1.3; }
    .waste-wrap .waste-sec9 .sec9-subtitle { font-size: 17px; line-height: 1.4; }
    .waste-wrap .waste-sec9 .sec9-list { gap: 28px; margin-top: 30px; }
    .waste-wrap .waste-sec9 .sec9-item { max-width: 480px; }
    .waste-wrap .waste-sec9 .twentytwenty-wrapper { max-width: 480px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle { width: 34px; height: 34px; margin-left: -19px; margin-top: -19px; border-width: 2px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:before,
    .waste-wrap .waste-sec9 .twentytwenty-handle:after { width: 3px; margin-left: -1.5px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:before { margin-bottom: 19px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:after { margin-top: 19px; }
    .waste-wrap .waste-sec9 .twentytwenty-left-arrow,
    .waste-wrap .waste-sec9 .twentytwenty-right-arrow { border-width: 6px; margin-top: -6px; }
    .waste-wrap .waste-sec9 .twentytwenty-left-arrow { margin-left: -16px; }
    .waste-wrap .waste-sec9 .twentytwenty-right-arrow { margin-right: -16px; }

}

@media (max-width:640px){
    /* sub-visual 모바일 배경만 waste 전용(mo). 크기·폰트는 공유 responsive.css(다른 페이지와 동일) */
    .sub-visual.bg1-9{background-image:url("../images/sub/waste-header-bg-mo.webp");}

    /* waste-sec1 @640 모바일 */
    .waste-wrap .waste-sec1 { background-image: url("../images/sub/waste-sec1-bg-mo.webp"); } /* 2026-07-08 min-height 제거 */
    .waste-wrap .waste-sec1 .contain { justify-content: flex-start; gap: 30px; padding: 236px 20px 16px; max-width: none; } /* 2026-07-08 하단 30→16px: 페이지네이션↔바닥 16px, min-height 제거 */
    .waste-wrap .waste-sec1 .sec1-content { gap: 10px; width: 100%; }
    .waste-wrap .waste-sec1 .sec1-badge { padding: 2px 8px; border-width: 0.5px; border-radius: 9px; }
    .waste-wrap .waste-sec1 .sec1-badge span { font-size: 12px; }
    .waste-wrap .waste-sec1 .sec1-sub { font-size: 16px; font-weight: 600; margin-bottom: 2px; }
    .waste-wrap .waste-sec1 .sec1-title { font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: 34px; line-height: 1.2; }
    .waste-wrap .waste-sec1 .sec1-desc { font-size: 14px; line-height: 1.4; margin-top: 4px; }
    .waste-wrap .waste-sec1 .sec1-cta { width: 306px; max-width: 100%; padding: 2px 8px; border-radius: 3px; }
    .waste-wrap .waste-sec1 .sec1-cta .sec1-cta-text { font-size: 14px; font-weight: 500; }
    .waste-wrap .waste-sec1 .sec1-cta .sec1-cta-arrow { font-size: 14px; }
    /* 피처바: 컨테이너 투명 + 각 카드 개별 배경(스와이퍼) */
    .waste-wrap .waste-sec1 .sec1-features { margin-top: 0; background: transparent; border-radius: 0; padding: 0; } /* 2026-07-08 margin-top 0: 모바일은 contain gap(30px) 사용 */
    .waste-wrap .waste-sec1 .sec1-feature { gap: 18px; padding: 21px 15px 22px; height: 112px; background: rgba(255,255,255,0.13); border-radius: 4.7px; }
    .waste-wrap .waste-sec1 .sec1-feature-icon { width: 69px; height: 69px; }
    .waste-wrap .waste-sec1 .sec1-feature-icon img { width: 36.5px; height: 36.5px; }
    .waste-wrap .waste-sec1 .sec1-feature-text { gap: 2px; }
    .waste-wrap .waste-sec1 .sec1-feature-title { font-size: 16px; font-weight: 700; }
    .waste-wrap .waste-sec1 .sec1-feature-desc { font-size: 14px; line-height: 1.4; }
    /* 페이지네이션 dot 노출 */
    .waste-wrap .waste-sec1 .sec1-pagination { display: block; position: static; margin-top: 16px; text-align: center; }
    .waste-wrap .waste-sec1 .sec1-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.4; }
    .waste-wrap .waste-sec1 .sec1-pagination .swiper-pagination-bullet-active { opacity: 1; background: #00dc8c; }

    /* sec2 — 모바일 (구조는 @1000 상속·사이즈/배경만 조정) */
    .waste-wrap .waste-sec2 { background-image: url("../images/sub/waste-sec2-bg-mo.webp"); padding: 42px 0 30px; }
    .waste-wrap .waste-sec2 .sec2-head { gap: 9px; }
    .waste-wrap .waste-sec2 .sec2-title { font-size: 24px; letter-spacing: -0.48px; }
    .waste-wrap .waste-sec2 .pc-br { display: none; }              /* 모바일 2줄 */
    .waste-wrap .waste-sec2 .sec2-subtitle { font-weight: 400; font-size: 16px; line-height: 1.6; letter-spacing: -0.32px; }
    .waste-wrap .waste-sec2 .sec2-cards { gap: 18px; margin-top: 40px; width: 293px; }
    .waste-wrap .waste-sec2 .sec2-card { gap: 8px; min-height: 86px; padding: 8px 21px; border-radius: 5px; }
    .waste-wrap .waste-sec2 .sec2-card-icon { width: 42px; height: 42px; }
    .waste-wrap .waste-sec2 .sec2-card-body { gap: 2px; }
    .waste-wrap .waste-sec2 .sec2-card-tit { font-size: 18px; letter-spacing: -0.36px; }
    .waste-wrap .waste-sec2 .sec2-card-desc { font-size: 14px; line-height: 1.35; letter-spacing: -0.28px; }
    .waste-wrap .waste-sec2 .sec2-bottom { margin-top: 11px; gap: 8px; }
    .waste-wrap .waste-sec2 .sec2-line { height: 54px; }
    .waste-wrap .waste-sec2 .sec2-bottom-sub { font-weight: 700; font-size: 18px; line-height: 1.2; }
    .waste-wrap .waste-sec2 .sec2-bottom-tit { font-weight: 700; font-size: 18px; line-height: 1.2; }

    /* sec3 — 모바일 (세로 타임라인) */
    .waste-wrap .waste-sec3 { padding: 32px 0 50px; }
    .waste-wrap .waste-sec3 .contain { padding: 0 15px; }
    .waste-wrap .waste-sec3 .sec3-title { font-size: 24px; font-weight: 700; line-height: 1.15; }
    .waste-wrap .waste-sec3 .mo-br { display: inline; }  /* 모바일 2줄 */
    .waste-wrap .waste-sec3 .sec3-diagram { max-width: 320px; margin-top: 30px; }
    .waste-wrap .waste-sec3 .sec3-report { max-width: 320px; min-height: 135px; margin-top: 30px; padding: 20px 15px; border-radius: 12px; }
    .waste-wrap .waste-sec3 .sec3-report-text { gap: 6px; max-width: 60%; }
    .waste-wrap .waste-sec3 .sec3-report-tit { font-size: 16px; font-weight: 700; line-height: normal; letter-spacing: -0.32px; }
    .waste-wrap .waste-sec3 .sec3-report-sub { font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: -0.28px; }

    /* sec4 — 모바일 (설명문 숨김·제목만, 커넥터 세로 바 스왑) */
    .waste-wrap .waste-sec4 { padding: 16px 0 35px; background: #FAFAFA; }
    .waste-wrap .waste-sec4 .contain { padding: 0 15px; }
    .waste-wrap .waste-sec4 .sec4-badge { font-size: 12px; line-height: normal; letter-spacing: -0.24px; gap: 4px; }
    .waste-wrap .waste-sec4 .sec4-badge::after { width: 20px; height: 1px; }
    .waste-wrap .waste-sec4 .sec4-subtitle { margin-top: 8px; font-size: 14px; font-weight: 500; line-height: normal; color: #3A3A3A; }
    .waste-wrap .waste-sec4 .sec4-title { margin-top: 3px; font-size: 20px; line-height: normal; letter-spacing: -0.4px; }
    .waste-wrap .waste-sec4 .sec4-compare { margin-top: 22px; gap: 0; align-items: center; }
    .waste-wrap .waste-sec4 .compare-card { border-radius: 12px; }
    .waste-wrap .waste-sec4 .compare-card.self { width: 136px; background: #DBDBDB; border: none; }
    .waste-wrap .waste-sec4 .compare-card.pro { width: 154px; background: #fff; border-width: 1.38px; border-color: #FA0000; box-shadow: 0 0 5px rgba(255, 76, 76, 0.25); }
    .waste-wrap .waste-sec4 .card-head { height: 40px; font-size: 12px; font-weight: 600; line-height: 1.2; padding: 0 6px; text-align: center; }
    .waste-wrap .waste-sec4 .compare-card.self .card-head { background: #AEAEAE; color: #626262; }
    .waste-wrap .waste-sec4 .compare-card.pro .card-head { background: #DC0000; }
    .waste-wrap .waste-sec4 .card-body { padding: 10px 9px; }
    .waste-wrap .waste-sec4 .card-img { aspect-ratio: 3 / 2; margin-bottom: 7px; border-radius: 4px; }
    .waste-wrap .waste-sec4 .card-list { text-align: center; }
    .waste-wrap .waste-sec4 .card-list li { flex-direction: row; justify-content: center; align-items: center; gap: 0; padding: 4px 0; }
    .waste-wrap .waste-sec4 .card-list strong { font-size: 12px; font-weight: 500; }
    .waste-wrap .waste-sec4 .compare-card.self .card-list strong { color: #5A5A5A; }
    .waste-wrap .waste-sec4 .compare-card.pro .card-list strong { color: #1B1B1B; }
    .waste-wrap .waste-sec4 .card-list span { display: none; }
    .waste-wrap .waste-sec4 .compare-card.pro .card-list li { gap: 6px; }
    .waste-wrap .waste-sec4 .compare-card.pro .card-list li::before { content: ""; flex-shrink: 0; width: 7px; height: 4px; border-left: 2px solid #C80000; border-bottom: 2px solid #C80000; transform: rotate(-45deg); }
    .waste-wrap .waste-sec4 .sec4-connector { align-self: stretch; width: 18px; margin: 0 -4px; z-index: 1; }
    .waste-wrap .waste-sec4 .sec4-connector .conn-pc { display: none; }
    .waste-wrap .waste-sec4 .sec4-connector .conn-mo { display: block; width: 100%; height: 100%; }

    /* sec5 — 모바일 (패널 해제·카드 1열·비교 세로 스택) */
    .waste-wrap .waste-sec5 { padding: 30px 0 40px; background-image: url("../images/sub/waste-sec5-bg-mo.webp"); }
    .waste-wrap .waste-sec5 .contain { padding: 0 15px; }
    .waste-wrap .waste-sec5 .sec5-sm { font-size: 14px; }
    .waste-wrap .waste-sec5 .sec5-badge { padding: 2px 8px; border-width: 0.7px; border-radius: 13px; font-size: 12px; line-height: normal; letter-spacing: -0.24px; }
    .waste-wrap .waste-sec5 .sec5-title { margin-top: 8px; font-size: 20px; line-height: normal; letter-spacing: -0.4px; }
    .waste-wrap .waste-sec5 .sec5-subtitle { margin-top: 4px; color: #3A3A3A; font-weight: 500; font-size: 14px; line-height: normal; }  /* Neutral 700 */
    /* 화이트 패널 해제 → 배경에 녹임 */
    .waste-wrap .waste-sec5 .sec5-panel { margin-top: 24px; padding: 0; max-width: none; background: transparent; border: none; border-radius: 0; }
    .waste-wrap .waste-sec5 .sec5-panel-title { display: none; }
    .waste-wrap .waste-sec5 .sec5-grid { max-width: 218px; margin: 0 auto; grid-template-columns: 1fr; gap: 16px; }
    .waste-wrap .waste-sec5 .sec5-proc { border-width: 0.5px; border-radius: 12px; }
    .waste-wrap .waste-sec5 .sec5-proc-head { height: 32px; font-size: 16px; }
    .waste-wrap .waste-sec5 .sec5-proc-img { height: 134px; }
    .waste-wrap .waste-sec5 .sec5-proc--mockup .sec5-proc-img { padding: 8px; }
    .waste-wrap .waste-sec5 .sec5-proc-cap { padding: 11px 8px; font-size: 14px; line-height: normal; letter-spacing: -0.28px; }
    .waste-wrap .waste-sec5 .sec5-lead { margin-top: 28px; font-size: 20px; line-height: normal; }
    /* 비교 블록: 세로 스택 + 화살표 하향 */
    .waste-wrap .waste-sec5 .sec5-compare { flex-direction: column; align-items: center; gap: 11px; margin-top: 20px; max-width: 290px; }
    .waste-wrap .waste-sec5 .sec5-legacy { width: 100%; padding-top: 5px; gap: 5px; border-width: 0.7px; border-radius: 7px; }
    .waste-wrap .waste-sec5 .sec5-pro { width: 100%; padding-top: 5px; gap: 5px; border-width: 0.7px; border-radius: 7px; }
    .waste-wrap .waste-sec5 .sec5-box-label { font-size: 12px; }
    .waste-wrap .waste-sec5 .sec5-legacy-inner { padding: 15px 18px; border-radius: 7px; }
    .waste-wrap .waste-sec5 .sec5-legacy-row { height: 58px; gap: 5px; }
    .waste-wrap .waste-sec5 .sec5-legacy-item { gap: 4px; }
    .waste-wrap .waste-sec5 .sec5-legacy-icon { width: 45px; height: 45px; }
    .waste-wrap .waste-sec5 .sec5-legacy-item > span:last-child { font-weight: 400; font-size: 12px; }
    .waste-wrap .waste-sec5 .sec5-dots { gap: 4px; }
    .waste-wrap .waste-sec5 .sec5-dots > i { width: 3px; height: 3px; }
    .waste-wrap .waste-sec5 .sec5-arrow svg { width: 27px; height: 25px; transform: rotate(90deg); }
    .waste-wrap .waste-sec5 .sec5-pro-inner { padding: 13px 30px; border-radius: 7px; }
    .waste-wrap .waste-sec5 .sec5-pro-icon { width: 46px; height: 46px; }
    .waste-wrap .waste-sec5 .sec5-pro-inner p { font-size: 14px; }
    .waste-wrap .waste-sec5 .sec5-divider { margin-top: 30px; gap: 12px; }
    .waste-wrap .waste-sec5 .sec5-divider-check { width: 25px; height: 25px; }
    .waste-wrap .waste-sec5 .sec5-outro { margin-top: 20px; font-size: 14px; line-height: 19px; }

    /* sec6 — 모바일 (폐기물 품목 그리드) */
    .waste-wrap .waste-sec6 { padding: 35px 0 52px; } /* 세로패딩 */
    .waste-wrap .waste-sec6 .contain { padding: 0 15px; }
    .waste-wrap .waste-sec6 .sec6-header { gap: 8px; }
    .waste-wrap .waste-sec6 .sec6-badge { height: auto; padding: 2px 4px; border-width: 1px; border-radius: 13px; font-size: 12px; letter-spacing: -0.24px; }
    .waste-wrap .waste-sec6 .sec6-title { font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
    .waste-wrap .waste-sec6 .sec6-grid { margin-top: 25px; max-width: none; column-gap: 14px; row-gap: 24px; }
    .waste-wrap .waste-sec6 .sec6-num { width: 24px; height: 20px; border-radius: 0 0 8px 0; font-size: 10px; letter-spacing: -0.2px; }
    .waste-wrap .waste-sec6 .sec6-card-text { padding: 9px 6px 12px; gap: 2px; }
    .waste-wrap .waste-sec6 .sec6-card-title { font-size: 16px; letter-spacing: -0.32px; }
    .waste-wrap .waste-sec6 .sec6-card-desc { font-size: 12px; line-height: 16px; letter-spacing: -0.24px; }

    /* sec7 — 모바일 (공간별 카드 그리드) */
    .waste-wrap .waste-sec7 { background: #fafafa; padding: 25px 0 30px; }
    .waste-wrap .waste-sec7 .contain { padding: 0 15px; }
    .waste-wrap .waste-sec7 .sec7-header { gap: 8px; }
    .waste-wrap .waste-sec7 .sec7-title-group { gap: 4px; }
    .waste-wrap .waste-sec7 .sec7-badge {
        height: auto; padding: 2px 4px; border-width: 0.7px; border-radius: 13px;
        font-size: 12px; line-height: normal; letter-spacing: -0.24px;
    }
    .waste-wrap .waste-sec7 .sec7-title { font-size: 20px; line-height: normal; letter-spacing: -0.4px; }
    .waste-wrap .waste-sec7 .sec7-subtitle { font-weight: 500; font-size: 14px; line-height: normal; color: #3A3A3A; }  /* Neutral 700 */
    .waste-wrap .waste-sec7 .sec7-subtitle br.mo { display: inline; }
    /* 카드: 2열 그리드 */
    .waste-wrap .waste-sec7 .sec7-grid {
        margin-top: 22px; max-width: 320px; grid-template-columns: repeat(2, 1fr);
        column-gap: 14px; row-gap: 13px;
    }
    .waste-wrap .waste-sec7 .sec7-card { border-color: #D0D0D0; border-radius: 7px; }   /* Neutral 300 */
    .waste-wrap .waste-sec7 .sec7-plus { width: 21px; height: 21px; top: 9px; right: 10px; }
    .waste-wrap .waste-sec7 .sec7-plus::before { width: 9px; height: 1.5px; }
    .waste-wrap .waste-sec7 .sec7-plus::after { width: 1.5px; height: 9px; }
    .waste-wrap .waste-sec7 .sec7-card-text { padding: 9px 13px 12px; }
    .waste-wrap .waste-sec7 .sec7-card-title { font-size: 13px; }
    .waste-wrap .waste-sec7 .sec7-card-desc { margin-top: 4px; font-size: 12px; line-height: 15px; letter-spacing: -0.24px; }
    .waste-wrap .waste-sec7 .sec7-card-divider { margin-top: 8px; }
    .waste-wrap .waste-sec7 .sec7-card-more { margin-top: 8px; font-size: 11px; letter-spacing: -0.22px; }
    /* 하단 안내 배너 */
    .waste-wrap .waste-sec7 .sec7-banner { margin-top: 24px; min-height: 43px; gap: 6px; border-radius: 4px; padding: 6px 12px; }
    .waste-wrap .waste-sec7 .sec7-banner-icon { width: 28px; height: 28px; }
    .waste-wrap .waste-sec7 .sec7-banner-text { font-size: 14px; line-height: normal; letter-spacing: -0.28px; }

    /* sec8 — 모바일 */
    .waste-wrap .waste-sec8 { background-image: url("../images/sub/waste-sec8-bg-mo.webp"); }
    .waste-wrap .waste-sec8 br.pc { display: none; }
    .waste-wrap .waste-sec8 br.mo { display: inline; }
    .waste-wrap .waste-sec8 .contain { padding: 25px 15px 40px; }
    .waste-wrap .waste-sec8 .sec8-header { gap: 8px; }
    .waste-wrap .waste-sec8 .sec8-badge {
        height: auto; padding: 2px 4px; border-width: 0.7px; border-radius: 13px;
        font-size: 12px; line-height: normal; letter-spacing: -0.24px;
    }
    .waste-wrap .waste-sec8 .sec8-title-group { gap: 4px; }
    .waste-wrap .waste-sec8 .sec8-title { font-size: 20px; line-height: normal; letter-spacing: -0.4px; }
    .waste-wrap .waste-sec8 .sec8-desc { font-weight: 500; font-size: 14px; line-height: 19px; letter-spacing: -0.28px; }
    .waste-wrap .waste-sec8 .sec8-note { font-weight: 500; font-size: 12px; line-height: 19px; letter-spacing: -0.24px; margin-top: 4px; }
    .waste-wrap .waste-sec8 .sec8-cases { margin-top: 22px; max-width: 313px; gap: 14px; }
    .waste-wrap .waste-sec8 .sec8-case {
        min-height: 0; height: 38.5px; padding: 4px 16px;
        font-size: 16px; letter-spacing: -0.32px; border-width: 0.4px; border-radius: 51.5px;
    }
    .waste-wrap .waste-sec8 .sec8-divider { margin-top: 51px; max-width: 320px; gap: 12px; }
    .waste-wrap .waste-sec8 .sec8-divider--usecase { margin-top: 42px; }  /* 개정: 프로세스 1열 스택 길어짐 반영 2026-07-07 */
    .waste-wrap .waste-sec8 .sec8-divider-text { font-size: 12px; letter-spacing: -0.24px; }
    /* 개정: 프로세스 1열 세로 스택 (Figma 모바일 개편 node 56:2 — 카드 210·이미지 177×101·폰트 14, 구 grid 1+2 폐기) 2026-07-07 */
    .waste-wrap .waste-sec8 .sec8-process {
        margin-top: 27px; display: flex; flex-direction: column; align-items: center; gap: 17px;
    }
    .waste-wrap .waste-sec8 .sec8-proc-card {
        flex: none; width: 210px; max-width: none;
        padding: 5px 3px 6px; gap: 6px; border-width: 0.4px; border-radius: 4.9px;
    }
    .waste-wrap .waste-sec8 .sec8-proc-top { gap: 6px; }
    .waste-wrap .waste-sec8 .sec8-proc-title { font-size: 14px; }
    .waste-wrap .waste-sec8 .sec8-proc-img { width: 177px; aspect-ratio: 177 / 101; border-radius: 4.9px; }
    .waste-wrap .waste-sec8 .sec8-proc-cap { font-size: 14px; line-height: 21px; letter-spacing: -0.28px; }
    /* 유즈케이스: 2×2 그리드 */
    .waste-wrap .waste-sec8 .sec8-usecases {
        margin-top: 27px; display: grid; grid-template-columns: repeat(2, auto);  /* 개정: 구분선B→유즈케이스 간격 2026-07-07 */
        justify-content: center; column-gap: 50px; row-gap: 28px;
    }
    .waste-wrap .waste-sec8 .sec8-usecase { width: 106px; gap: 10px; }
    .waste-wrap .waste-sec8 .sec8-usecase-icon { width: 106px; height: 106px; }
    .waste-wrap .waste-sec8 .sec8-usecase-icon img { width: 54px; height: 54px; }
    .waste-wrap .waste-sec8 .sec8-usecase-label { font-weight: 700; font-size: 14px; letter-spacing: -0.28px; }

    /* sec9 — 모바일 (비교 슬라이더) */
    .waste-wrap .waste-sec9 { padding: 37px 20px 44px; }
    .waste-wrap .waste-sec9 .contain { max-width: none; padding: 0; }
    .waste-wrap .waste-sec9 .sec9-header { gap: 8px; }
    .waste-wrap .waste-sec9 .sec9-badge { min-width: 62px; height: auto; font-size: 12px; padding: 2px 6px; border-width: 0.5px; border-radius: 18px; }
    .waste-wrap .waste-sec9 .sec9-title-group { gap: 4px; }
    .waste-wrap .waste-sec9 .sec9-title { font-size: 20px; line-height: 1.2; }
    .waste-wrap .waste-sec9 .sec9-subtitle { font-size: 14px; line-height: 1.43; color: #3A3A3A; } /* Neutral 700 */
    .waste-wrap .waste-sec9 .sec9-subtitle .br-mo { display: inline; }
    .waste-wrap .waste-sec9 .sec9-list { gap: 15px; margin-top: 16px; }
    .waste-wrap .waste-sec9 .sec9-item { max-width: 246px; }
    .waste-wrap .waste-sec9 .twentytwenty-wrapper { max-width: 246px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle { width: 24px; height: 24px; margin-left: -14px; margin-top: -14px; border-width: 2px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:before,
    .waste-wrap .waste-sec9 .twentytwenty-handle:after { width: 2px; margin-left: -1px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:before { margin-bottom: 16px; }
    .waste-wrap .waste-sec9 .twentytwenty-handle:after { margin-top: 16px; }
    .waste-wrap .waste-sec9 .twentytwenty-left-arrow,
    .waste-wrap .waste-sec9 .twentytwenty-right-arrow { border-width: 4px; margin-top: -4px; }
    .waste-wrap .waste-sec9 .twentytwenty-left-arrow { margin-left: -11px; }
    .waste-wrap .waste-sec9 .twentytwenty-right-arrow { margin-right: -11px; }

}


/* ====================================================================
   waste-sec10: 단계별 처리 프로세스
   ==================================================================== */

.waste-wrap .waste-sec10{
    overflow:hidden;
}

/* --- 상단 빨간 배너 --- */
.waste-wrap .waste-sec10 .sec10-top-banner{
    background:#D94925;
    padding:28px 0;
    text-align:center;
}
.waste-wrap .waste-sec10 .sec10-question{
    color:#fff;
    font-size:60px;
    font-weight:700;
}

/* --- 다크 히어로 영역 --- */
.waste-wrap .waste-sec10 .sec10-hero{
    position:relative;
    height:362px; /* 변경: min-height→height, 하위 브레이크포인트 축소 방해 방지 2026-07-08 */
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    /* hero 배경 이미지(원본+다크 오버레이 합성본) 연결 */
    background:url("../images/sub/waste-sec10-bg-pc.webp") center center / cover no-repeat #2a2a2a;
}
.waste-wrap .waste-sec10 .sec10-hero-content{
    position:relative;
    z-index:1;
    text-align:center;
}
.waste-wrap .waste-sec10 .sec10-hero-title{
    color:#fff;
    font-size:53px;
    font-weight:700;
}
.waste-wrap .waste-sec10 .sec10-hero-accent{
    color:#FF2E2E;
}
.waste-wrap .waste-sec10 .sec10-hero-desc{
    color:#fff;
    font-size:32px;
    font-weight:400;
    line-height:51px;
    margin-top:27px;
}

/* --- 스텝 영역 --- */
.waste-wrap .waste-sec10 .sec10-steps{
    background:#fff;
    padding:100px 0 60px;
}
.waste-wrap .waste-sec10 .sec10-grid{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:66px;
}

/* 스텝 행 (2열) */
.waste-wrap .waste-sec10 .sec10-row{
    display:flex;
    justify-content:center;
    gap:161px;
    position:relative;
}

/* 행 내 수평 커넥터 - 빨간 선 */
.waste-wrap .waste-sec10 .sec10-row::before{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:82px; /* 제목 1줄 기준 dot 중심 정렬 */
    width:100vw;
    height:2px;
    background:#FF2E2E;
}
/* 행 내 수평 커넥터 - 화살표 머리 */
.waste-wrap .waste-sec10 .sec10-row::after{
    content:'';
    position:absolute;
    left:calc(50% - 6px);
    top:77px; /* dot 중심 정렬 */
    width:12px;
    height:12px;
    border-top:2px solid #FF2E2E;
    border-right:2px solid #FF2E2E;
    transform:rotate(45deg);
}
/* STEP 5 단독 마지막 행: 가운데 화살표 머리 숨김 (bird2 sec10-row--last 패턴) */
.waste-wrap .waste-sec10 .sec10-row-last::after{ display:none; }

/* --- 스텝 카드 --- */
.waste-wrap .waste-sec10 .sec10-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    width:407px;
}

/* 스텝 번호 */
.waste-wrap .waste-sec10 .sec10-step-num{
    font-size:20px;
    font-weight:700;
    color:#252424;
}

/* 스텝 제목 */
.waste-wrap .waste-sec10 .sec10-step-title{
    color:#FF2E2E;
    font-size:30px;
    font-weight:600;
    margin-top:6px;
    line-height:1.3;
}

/* 빨간 점 인디케이터 */
.waste-wrap .waste-sec10 .sec10-dot{
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#FF2E2E;
    box-shadow:0 0 0 8px rgba(255,200,200,0.74);
    margin-top:9px; /* 2026-07-08 dot 위치 조정: 14px→9px */
}

/* 스텝 이미지 */
.waste-wrap .waste-sec10 .sec10-step-img{
    width:407px;
    height:248px;
    border-radius:26px;
    overflow:hidden;
    margin-top:20px;
}
.waste-wrap .waste-sec10 .sec10-step-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* 스텝 설명 */
.waste-wrap .waste-sec10 .sec10-step-desc{
    color:#3A3A3A;
    font-size:20px;
    font-weight:500;
    line-height:28px;
    margin-top:26px;
}
.waste-wrap .waste-sec10 .sec10-step-desc strong{
    color:#FF2E2E;
    font-weight:600;
}

.waste-wrap .waste-sec10 .br-mo{ display:none; }


/* ---- waste-sec10: 1400px ---- */
@media (max-width:1400px){
    .waste-wrap .waste-sec10 .sec10-top-banner{ padding:22px 0; }
    .waste-wrap .waste-sec10 .sec10-question{ font-size:48px; }
    .waste-wrap .waste-sec10 .sec10-hero{ height:290px; }
    .waste-wrap .waste-sec10 .sec10-hero-title{ font-size:42px; }
    .waste-wrap .waste-sec10 .sec10-hero-desc{ font-size:26px; line-height:42px; margin-top:22px; }
    .waste-wrap .waste-sec10 .sec10-steps{ padding:80px 0 50px; }
    .waste-wrap .waste-sec10 .sec10-grid{ gap:50px; }
    .waste-wrap .waste-sec10 .sec10-row{ gap:120px; }
    .waste-wrap .waste-sec10 .sec10-row::before{ top:67px; } /* dot 중심 정렬 */
    .waste-wrap .waste-sec10 .sec10-row::after{ top:63px; left:calc(50% - 5px); width:10px; height:10px; }
    .waste-wrap .waste-sec10 .sec10-step{ width:326px; }
    .waste-wrap .waste-sec10 .sec10-step-num{ font-size:16px; }
    .waste-wrap .waste-sec10 .sec10-step-title{ font-size:24px; margin-top:5px; }
    .waste-wrap .waste-sec10 .sec10-dot{ width:7px; height:7px; box-shadow:0 0 0 6px rgba(255,200,200,0.74); margin-top:8px; }
    .waste-wrap .waste-sec10 .sec10-step-img{ width:326px; height:199px; border-radius:21px; margin-top:16px; }
    .waste-wrap .waste-sec10 .sec10-step-desc{ font-size:16px; line-height:24px; margin-top:20px; }
}

/* ---- waste-sec10: 1000px ---- */
@media (max-width:1000px){
    .waste-wrap .waste-sec10 .sec10-top-banner{ padding:17px 0; }
    .waste-wrap .waste-sec10 .sec10-question{ font-size:38px; }
    .waste-wrap .waste-sec10 .sec10-hero{ height:230px; }
    .waste-wrap .waste-sec10 .sec10-hero-title{ font-size:34px; }
    .waste-wrap .waste-sec10 .sec10-hero-desc{ font-size:22px; line-height:36px; margin-top:17px; }
    .waste-wrap .waste-sec10 .sec10-steps{ padding:60px 0 40px; }
    .waste-wrap .waste-sec10 .sec10-grid{ gap:36px; }
    .waste-wrap .waste-sec10 .sec10-row{ gap:50px; }
    .waste-wrap .waste-sec10 .sec10-row::before{ top:56px; } /* dot 중심 정렬 */
    .waste-wrap .waste-sec10 .sec10-row::after{ top:52px; left:calc(50% - 4.5px); width:9px; height:9px; }
    .waste-wrap .waste-sec10 .sec10-step{ width:260px; }
    .waste-wrap .waste-sec10 .sec10-step-num{ font-size:14px; }
    .waste-wrap .waste-sec10 .sec10-step-title{ font-size:20px; margin-top:4px; }
    .waste-wrap .waste-sec10 .sec10-dot{ width:6px; height:6px; box-shadow:0 0 0 5px rgba(255,200,200,0.74); margin-top:6px; }
    .waste-wrap .waste-sec10 .sec10-step-img{ width:260px; height:159px; border-radius:17px; margin-top:12px; }
    .waste-wrap .waste-sec10 .sec10-step-desc{ font-size:14px; line-height:20px; margin-top:16px; }
}

/* ---- waste-sec10: 640px (모바일) ---- */
@media (max-width:640px){
    .waste-wrap .waste-sec10 .sec10-top-banner{ padding:12px 0; }
    .waste-wrap .waste-sec10 .sec10-question{ font-size:21px; }
    /* 모바일 hero 배경 이미지(합성본) 연결 */
    .waste-wrap .waste-sec10 .sec10-hero{ height:125px; background-image:url("../images/sub/waste-sec10-bg-mo.webp"); } /* 변경: min-height→height 125px 고정(상속된 230px 방지) 2026-07-08 */
    .waste-wrap .waste-sec10 .sec10-hero-title{ font-size:18px; }
    .waste-wrap .waste-sec10 .sec10-hero-desc{ font-size:11px; line-height:18px; margin-top:9px; }
    .waste-wrap .waste-sec10 .sec10-steps{ padding:24px 15px 20px; }
    .waste-wrap .waste-sec10 .sec10-grid{ gap:20px; }
    .waste-wrap .waste-sec10 .sec10-row{ gap:26px; }
    .waste-wrap .waste-sec10 .sec10-row::before{ top:40px; height:1px; } /* dot 중심 정렬 */
    .waste-wrap .waste-sec10 .sec10-row::after{ top:37px; left:calc(50% - 3.5px); width:7px; height:7px; border-width:1px; }
    .waste-wrap .waste-sec10 .sec10-step{ width:147px; }
    .waste-wrap .waste-sec10 .sec10-step-num{ font-size:10px; }
    .waste-wrap .waste-sec10 .sec10-step-title{ font-size:14px; margin-top:3px; }
    .waste-wrap .waste-sec10 .sec10-dot{ width:5px; height:5px; box-shadow:0 0 0 2.76px rgba(255,200,200,0.74); margin-top:4px; }
    .waste-wrap .waste-sec10 .sec10-step-img{ width:147px; height:86px; border-radius:9px; margin-top:9px; }
    .waste-wrap .waste-sec10 .sec10-step-desc{ font-size:12px; line-height:16px; margin-top:9px; }
    .waste-wrap .waste-sec10 .br-pc{ display:none; }
    .waste-wrap .waste-sec10 .br-mo{ display:inline; }
}


/* ============================================
   waste-report 서비스 리포트 소개 섹션
   (bird2-report와 동일 디자인)
   ============================================ */
.waste-wrap .waste-report{padding:94px 0 128px; background-color:#f0f0f0;}
.waste-wrap .waste-report .contain{max-width:1580px;}
.waste-wrap .waste-report .head{max-width:813px; margin:0 auto;}
.waste-wrap .waste-report .head .label{color:#c80000; font-size:34px; font-weight:500; line-height:1.35;}
.waste-wrap .waste-report .head .tit-box{margin-top:22px;}
.waste-wrap .waste-report .head h2{color:#252525; font-size:60px; font-weight:800; line-height:1.35;}
.waste-wrap .waste-report .head h2 span{color:#c80000;}
.waste-wrap .waste-report .head .lead{margin-top:9px; color:#4d4d4d; font-size:28px; font-weight:500; line-height:1.5;}
.waste-wrap .waste-report .phones{display:flex; justify-content:center; align-items:flex-start; margin:112px auto 0; gap:112px;}
.waste-wrap .waste-report .phones li{width:427px;}
.waste-wrap .waste-report .phones li img{display:block; width:100%; height:auto;}
.waste-wrap .waste-report .phones li img.mo{display:none;}
.waste-wrap .waste-report .card{margin-top:114px; padding:38px 80px; border:2px solid #d0d0d0; border-radius:40px; background-color:#fff;}
.waste-wrap .waste-report .features{display:flex; justify-content:center; align-items:center; gap:64px;}
.waste-wrap .waste-report .features li{position:relative; width:calc((100% - 192px) / 4);}
.waste-wrap .waste-report .features li:not(:last-child):after{position:absolute; top:50%; right:-32px; width:1px; height:375px; background-color:#787878; content:''; transform:translateY(-50%);}
.waste-wrap .waste-report .features li .ico img{width:205px; height:auto;}
.waste-wrap .waste-report .features li .tit{margin-top:24px; color:#1e1e1e; font-size:32px; font-weight:700;}
.waste-wrap .waste-report .features li .desc{margin-top:8px; color:#3a3a3a; font-size:26px; font-weight:400; line-height:1.3;}
.waste-wrap .waste-report .features li .desc .mo{display:none;}

/* waste-report 반응형: 1400px 이하 (보간값) */
@media (max-width:1400px){
    .waste-wrap .waste-report{padding:68px 0 92px;}
    .waste-wrap .waste-report .head .label{font-size:25px;}
    .waste-wrap .waste-report .head .tit-box{margin-top:16px;}
    .waste-wrap .waste-report .head h2{font-size:44px;}
    .waste-wrap .waste-report .head .lead{margin-top:7px; font-size:22px;}
    .waste-wrap .waste-report .phones{margin-top:76px; gap:74px;}
    .waste-wrap .waste-report .phones li{width:324px;}
    .waste-wrap .waste-report .card{margin-top:83px; padding:33px 58px; border-radius:27px;}
    .waste-wrap .waste-report .features{gap:44px;}
    .waste-wrap .waste-report .features li{width:calc((100% - 132px) / 4);}
    .waste-wrap .waste-report .features li:not(:last-child):after{right:-22px; height:271px;}
    .waste-wrap .waste-report .features li .ico img{width:148px;}
    .waste-wrap .waste-report .features li .tit{margin-top:16px; font-size:26px;}
    .waste-wrap .waste-report .features li .desc{margin-top:6px; font-size:21px;}
}

/* waste-report 반응형: 1000px 이하 (보간값) */
@media (max-width:1000px){
    .waste-wrap .waste-report{padding:49px 0 64px;}
    .waste-wrap .waste-report .head .label{font-size:18px;}
    .waste-wrap .waste-report .head .tit-box{margin-top:12px;}
    .waste-wrap .waste-report .head h2{font-size:31px;}
    .waste-wrap .waste-report .head .lead{margin-top:5px; font-size:18px;}
    .waste-wrap .waste-report .phones{margin-top:49px; gap:44px;}
    .waste-wrap .waste-report .phones li{width:244px;}
    .waste-wrap .waste-report .card{margin-top:59px; padding:29px 41px; border-width:1px; border-radius:17px;}
    .waste-wrap .waste-report .features{gap:30px;}
    .waste-wrap .waste-report .features li{width:calc((100% - 90px) / 4);}
    .waste-wrap .waste-report .features li:not(:last-child):after{right:-15px; height:190px;}
    .waste-wrap .waste-report .features li .ico img{width:104px;}
    .waste-wrap .waste-report .features li .tit{margin-top:10px; font-size:20px;}
    .waste-wrap .waste-report .features li .desc{margin-top:4px; font-size:17px;}
}

/* waste-report 반응형: 640px 이하 (모바일) */
@media (max-width:640px){
    .waste-wrap .waste-report{padding:31px 0 39px;}
    .waste-wrap .waste-report .head .label{font-size:12px; font-weight:400;}
    .waste-wrap .waste-report .head .tit-box{margin-top:8px;}
    .waste-wrap .waste-report .head h2{font-size:20px; font-weight:600;}
    .waste-wrap .waste-report .head .lead{margin-top:4px; font-size:14px; line-height:normal;}
    .waste-wrap .waste-report .phones{flex-direction:column; align-items:center; margin-top:24px; gap:18px;}
    .waste-wrap .waste-report .phones li{width:66%;}
    .waste-wrap .waste-report .phones li img.pc{display:none;}
    .waste-wrap .waste-report .phones li img.mo{display:block;}
    .waste-wrap .waste-report .card{margin-top:37px; padding:26px; border-radius:8px;}
    .waste-wrap .waste-report .features{flex-wrap:wrap; align-items:flex-start; gap:24px 16px;}
    .waste-wrap .waste-report .features li{width:calc((100% - 16px) / 2);}
    .waste-wrap .waste-report .features li:not(:last-child):after{display:none;}
    .waste-wrap .waste-report .features li .ico img{width:65px;}
    .waste-wrap .waste-report .features li .tit{margin-top:5px; font-size:16px; font-weight:600;}
    .waste-wrap .waste-report .features li .desc{margin-top:2px; font-size:14px; line-height:1.3;}
    .waste-wrap .waste-report .features li .desc .pc{display:none;}
    .waste-wrap .waste-report .features li .desc .mo{display:block;}
}

/* ===== sec7 공간별 모달 (pest2 팝업 패턴 이식) ===== */
/* 오버레이 */
.waste-wrap .sec7-popup-wrap {
    position: fixed; inset: 0; z-index: 9999;
    display: flex; align-items: flex-start; justify-content: center;
    padding: 55px 20px;
    background: rgba(0,0,0,0.5);
    opacity: 0; visibility: hidden; transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    overflow-x: hidden; overflow-y: auto;
}
.waste-wrap .sec7-popup-wrap.active { opacity: 1; visibility: visible; }
body.sec7-popup-open { overflow: hidden; }
/* 모달 박스 */
.waste-wrap .sec7-popup {
    display: none; position: relative;
    width: 100%; max-width: 1294px;                            /* 정본 4-22288 모달 폭 2026-07-07 */
    background: #fff; border-radius: 0; overflow: hidden;
}
.waste-wrap .sec7-popup.active { display: block; }
/* 헤더 (검정 bg) */
.waste-wrap .sec7-modal-head {
    position: relative; background: #000; text-align: center;
    padding: 66px 102px 86px 100px;                            /* 정본 4-22288 헤더 패딩 pl100 pr102 2026-07-07 */
}
.waste-wrap .sec7-modal-close {
    position: absolute; top: 40px; right: 40px; width: 30px; height: 30px;
    border: 0; background: none; padding: 0; cursor: pointer;
}
.waste-wrap .sec7-modal-close::before,
.waste-wrap .sec7-modal-close::after {
    content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; background: #fff;
}
.waste-wrap .sec7-modal-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.waste-wrap .sec7-modal-close::after  { transform: translate(-50%,-50%) rotate(-45deg); }
.waste-wrap .sec7-modal-title {
    font-family: Pretendard; font-weight: 600; font-size: 40px; line-height: 53px;
    color: #fff; letter-spacing: -0.8px;
}
.waste-wrap .sec7-modal-title .red { color: #C80000; }        /* Primary 600 */
/* 문제점 카드 3개 (PC 가로) */
.waste-wrap .sec7-modal-problems {
    list-style: none; margin: 36px 0 0; padding: 0;
    display: flex; gap: 33px; justify-content: center;
}
.waste-wrap .sec7-prob {
    width: 342px; background: #fff; border-radius: 12px; padding: 8px 9px 20px;
}
.waste-wrap .sec7-prob-img {
    width: 100%; aspect-ratio: 324 / 295; border-radius: 12px 12px 0 0; overflow: hidden; background: #b8b8b8;
}
.waste-wrap .sec7-prob-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.waste-wrap .sec7-prob-text {
    margin-top: 14px; text-align: center;
    font-family: Pretendard; font-weight: 400; font-size: 24px; line-height: 36px;
    color: #3A3A3A; letter-spacing: -0.48px;                   /* Neutral 700 */
}
.waste-wrap .sec7-prob-text strong { font-weight: 600; color: #C80000; }
/* 본문 (흰 bg) 솔루션 4단계 */
.waste-wrap .sec7-modal-body { padding: 88px 102px 108px 100px; }   /* 정본 4-22288 본문 패딩 pl100 pr102 2026-07-07 */
.waste-wrap .sec7-sol { display: flex; gap: 44px; align-items: center; }
.waste-wrap .sec7-sol-img {
    width: 461px; flex-shrink: 0; aspect-ratio: 461 / 275;
    border-radius: 20px; overflow: hidden; background: #d9d9d9;
}
.waste-wrap .sec7-sol-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.waste-wrap .sec7-sol-text { flex: 1; min-width: 0; text-align: left; }   /* 솔루션 텍스트 좌측 정렬 2026-07-07 */
.waste-wrap .sec7-sol-num {
    display: inline-flex; align-items: center; justify-content: center;
    width: 61px; height: 35px; padding: 1px 14px 1px 15px; background: #C80000; border-radius: 8px;   /* 정본 w61 h35 pl15 pr14 */
    font-family: Pretendard; font-weight: 600; font-size: 30px; color: #fff; letter-spacing: -0.6px;
}
.waste-wrap .sec7-sol-title {
    margin-top: 16px; font-family: Pretendard; font-weight: 600; font-size: 34px; color: #000; letter-spacing: -0.68px;
}
.waste-wrap .sec7-sol-desc {
    margin-top: 8px; font-family: Pretendard; font-weight: 400; font-size: 24px; line-height: 40px; color: #000; letter-spacing: -0.48px;
}
.waste-wrap .sec7-modal-body .sec7-sol:nth-of-type(3) .sec7-sol-desc { font-size: 28px; letter-spacing: -0.56px; }   /* 정본: 03(정기 수거) 설명만 28px */
.waste-wrap .sec7-sol-div { display: block; height: 1px; background: #e0e0e0; margin: 44px 0; }

/* 모달 @1400 (선형 보간) */
@media (max-width:1400px){
    .waste-wrap .sec7-popup-wrap { padding: 41px 20px; }
    .waste-wrap .sec7-popup { max-width: 1180px; border-radius: 0; }
    .waste-wrap .sec7-modal-head { padding: 56px 80px 72px; }
    .waste-wrap .sec7-modal-close { top: 30px; right: 34px; width: 26px; height: 26px; }
    .waste-wrap .sec7-modal-close::before, .waste-wrap .sec7-modal-close::after { width: 26px; }
    .waste-wrap .sec7-modal-title { font-size: 32px; line-height: 43px; letter-spacing: -0.64px; }
    .waste-wrap .sec7-modal-problems { gap: 24px; margin-top: 28px; }
    .waste-wrap .sec7-prob { width: 300px; border-radius: 10px; padding: 7px 8px 16px; }
    .waste-wrap .sec7-prob-text { margin-top: 11px; font-size: 19px; line-height: 29px; letter-spacing: -0.38px; }
    .waste-wrap .sec7-modal-body { padding: 74px 80px 90px; }
    .waste-wrap .sec7-sol { gap: 34px; }
    .waste-wrap .sec7-sol-img { width: 380px; }
    .waste-wrap .sec7-sol-num { min-width: 50px; height: 29px; padding: 0 11px; font-size: 24px; border-radius: 7px; }
    .waste-wrap .sec7-sol-title { margin-top: 13px; font-size: 28px; letter-spacing: -0.56px; }
    .waste-wrap .sec7-sol-desc { font-size: 19px; line-height: 32px; letter-spacing: -0.38px; }
    .waste-wrap .sec7-modal-body .sec7-sol:nth-of-type(3) .sec7-sol-desc { font-size: 22px; letter-spacing: -0.44px; }
    .waste-wrap .sec7-sol-div { margin: 34px 0; }
}
/* 모달 @1000 (선형 보간) */
@media (max-width:1000px){
    .waste-wrap .sec7-popup-wrap { padding: 28px 16px; }
    .waste-wrap .sec7-popup { max-width: 840px; border-radius: 0; }
    .waste-wrap .sec7-modal-head { padding: 44px 48px 52px; }
    .waste-wrap .sec7-modal-close { top: 24px; right: 26px; width: 22px; height: 22px; }
    .waste-wrap .sec7-modal-close::before, .waste-wrap .sec7-modal-close::after { width: 22px; }
    .waste-wrap .sec7-modal-title { font-size: 25px; line-height: 34px; letter-spacing: -0.5px; }
    .waste-wrap .sec7-modal-problems { gap: 16px; margin-top: 22px; }
    .waste-wrap .sec7-prob { width: 230px; border-radius: 8px; padding: 6px 6px 13px; }
    .waste-wrap .sec7-prob-text { margin-top: 9px; font-size: 15px; line-height: 23px; letter-spacing: -0.3px; }
    .waste-wrap .sec7-modal-body { padding: 56px 48px 64px; }
    .waste-wrap .sec7-sol { gap: 24px; }
    .waste-wrap .sec7-sol-img { width: 280px; }
    .waste-wrap .sec7-sol-num { min-width: 40px; height: 23px; padding: 0 9px; font-size: 19px; border-radius: 5px; }
    .waste-wrap .sec7-sol-title { margin-top: 10px; font-size: 22px; letter-spacing: -0.44px; }
    .waste-wrap .sec7-sol-desc { font-size: 15px; line-height: 25px; letter-spacing: -0.3px; }
    .waste-wrap .sec7-modal-body .sec7-sol:nth-of-type(3) .sec7-sol-desc { font-size: 17px; letter-spacing: -0.34px; }
    .waste-wrap .sec7-sol-div { margin: 24px 0; }
}
/* 모달 @640 모바일 (문제 세로스택 · 솔루션 사진 위) */
@media (max-width:640px){
    .waste-wrap .sec7-popup-wrap { padding: 20px 0; align-items: flex-start; }   /* stretch 해제 → 콘텐츠 높이 유지·오버레이 스크롤 2026-07-08 */
    .waste-wrap .sec7-popup { max-width: 308px; border-radius: 0; }   /* 정본 MO 프레임 폭 308px, min-height:100% 제거(잘림·스크롤불가 해결) */
    .waste-wrap .sec7-modal-head { padding: 20px 27px 28px; }   /* 정본: 콘텐츠 253, 좌우 27 */
    .waste-wrap .sec7-modal-close { top: 18px; right: 18px; width: 20px; height: 20px; }
    .waste-wrap .sec7-modal-close::before, .waste-wrap .sec7-modal-close::after { width: 20px; height: 1.5px; }
    .waste-wrap .sec7-modal-title { font-size: 18px; line-height: normal; letter-spacing: -0.36px; }
    /* 문제점: 세로 스택 */
    .waste-wrap .sec7-modal-problems { flex-direction: column; align-items: center; gap: 12px; margin-top: 16px; }
    .waste-wrap .sec7-prob { width: 100%; max-width: 172px; border-radius: 6px; padding: 4px 4.5px 10px; }   /* 정본 문제카드 172px */
    .waste-wrap .sec7-prob-img { aspect-ratio: 163 / 105; border-radius: 6px 6px 0 0; }
    .waste-wrap .sec7-prob-text { margin-top: 7px; font-size: 12px; line-height: 18px; letter-spacing: -0.24px; }
    /* 본문/솔루션: 사진 위 + 텍스트 아래 */
    .waste-wrap .sec7-modal-body { padding: 20px 30px 32px; }   /* 정본: 콘텐츠 248, 좌우 30 */
    .waste-wrap .sec7-sol { flex-direction: column; align-items: stretch; gap: 10px; max-width: 248px; margin: 0 auto; }   /* 정본 솔루션 콘텐츠 248px */
    .waste-wrap .sec7-sol-img { width: 100%; aspect-ratio: 248 / 169; border-radius: 5px; }
    .waste-wrap .sec7-sol-num { width: 27px; height: 18px; padding: 0 3px; font-size: 12px; border-radius: 2px; letter-spacing: -0.24px; }   /* 정본 w27 h18 */
    .waste-wrap .sec7-sol-title { margin-top: 6px; font-weight: 700; font-size: 16px; letter-spacing: -0.32px; }
    .waste-wrap .sec7-sol-desc { margin-top: 4px; font-size: 14px; line-height: 18px; letter-spacing: -0.28px; }
    .waste-wrap .sec7-modal-body .sec7-sol:nth-of-type(3) .sec7-sol-desc { font-size: 14px; letter-spacing: -0.28px; }   /* 모바일은 03도 14px(정본) */
    .waste-wrap .sec7-sol-div { margin: 16px 0; }
}