/* ======================================================
   세척기 제품 TAB
====================================================== */

.wash-tabs-wrap {
    --wash-main: #172753;
    --wash-main-dark: #255f5b;
    --wash-light: #eaf4f2;
    --wash-light2: #f5f8f7;
    --wash-border: #09173d;
    --wash-text: #252b2b;
    --wash-gray: #737d7c;

    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px 100px;
    box-sizing: border-box;

    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
}


/* ======================================================
   상단 제목
====================================================== */

.wash-tabs-head {
    margin-bottom: 40px;
    text-align: center;
}

.wash-tabs-small {
    display: inline-block;
    margin-bottom: 10px;

    color: var(--wash-main);
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px;
}

.wash-tabs-head h2 {
    margin: 0;

    color: #222;
    font-size: 42px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.wash-tabs-head p {
    margin: 12px 0 0;

    color: #888;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}


/* ======================================================
   TAB 메뉴 전체
====================================================== */

.wash-tabs-nav {
    position: relative;

    display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 10px;

    width: 100%;
    margin: 0 auto 45px;
    padding: 14px;

    background: #f4f6f5;
    border: 1px solid #e5e9e8;
    border-radius: 20px;

    box-sizing: border-box;
}


/* ======================================================
   TAB 버튼
====================================================== */

.wash-tab-btn {
    position: relative;

    width: 100%;
    min-height: 58px;

    padding: 10px 12px;

    border: 1px solid #dfe5e3;
    border-radius: 12px;

    background: #fff;

    color: #4e5857;

    font-family: inherit;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;
    letter-spacing: -0.4px;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;

    box-sizing: border-box;
}


/* 마우스 오버 */
.wash-tab-btn:hover {
    color: var(--wash-main-dark);

    border-color: #a8cbc7;

    background: #f2f9f7;

    transform: translateY(-2px);
}


/* 선택된 TAB */
.wash-tab-btn.active {
    color: #fff;

    background: var(--wash-main);

    border-color: var(--wash-main);

    box-shadow: 0 8px 20px rgba(49, 123, 118, .20);

    font-weight: 600;
}


/* 선택 탭 작은 장식 */
.wash-tab-btn.active::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -7px;

    width: 12px;
    height: 12px;

    background: var(--wash-main);

    transform: translateX(-50%) rotate(45deg);

    border-radius: 2px;
}


/* ======================================================
   TAB 내용
====================================================== */

.wash-tabs-content {
    position: relative;
    width: 100%;
}

.wash-tab-panel {
    display: none;

    width: 100%;

    animation: washFade .35s ease;
}

.wash-tab-panel.active {
    display: block;
}


/* 등장효과 */
@keyframes washFade {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ======================================================
   각 제품 상단 소제목
====================================================== */

.wash-product-title {
    display: flex;
    align-items: center;

    gap: 18px;

    margin: 0 0 28px;
    padding: 0 0 22px;

    border-bottom: 1px solid var(--wash-border);
}

.wash-product-title > span {
    display: flex;
    justify-content: center;
    align-items: center;

    flex: 0 0 54px;

    width: 54px;
    height: 54px;

    background: var(--wash-light);

    border-radius: 50%;

    color: var(--wash-main);

    font-size: 17px;
    font-weight: 700;
}

.wash-product-title > div {
    min-width: 0;
}

.wash-product-title small {
    display: block;

    margin-bottom: 4px;

    color: var(--wash-main);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wash-product-title h3 {
    margin: 0;

    color: var(--wash-text);

    font-size: 27px;
    line-height: 1.3;
    font-weight: 650;
    letter-spacing: -1px;
}


/* ======================================================
   기존 제품 콘텐츠 감싸기용
====================================================== */

.wash-product-content {
    width: 100%;
    box-sizing: border-box;
}


/* ======================================================
   TABLET
====================================================== */

@media screen and (max-width: 1100px) {

    .wash-tabs-wrap {
        padding: 60px 25px 80px;
    }

    .wash-tabs-nav {
        grid-template-columns: repeat(3, 1fr);
    }

    .wash-tabs-head h2 {
        font-size: 36px;
    }

    .wash-tab-btn {
        font-size: 15px;
    }

}


/* ======================================================
   MOBILE
====================================================== */

@media screen and (max-width: 700px) {

    .wash-tabs-wrap {
        padding: 45px 15px 60px;
    }

    .wash-tabs-head {
        margin-bottom: 28px;
    }

    .wash-tabs-small {
        font-size: 11px;
    }

    .wash-tabs-head h2 {
        font-size: 30px;
    }

    .wash-tabs-head p {
        margin-top: 8px;
        font-size: 14px;
    }


    /* 모바일 2열 */
    .wash-tabs-nav {
        grid-template-columns: repeat(2, 1fr);

        gap: 7px;

        margin-bottom: 32px;
        padding: 8px;

        border-radius: 14px;
    }

    .wash-tab-btn {
        min-height: 50px;

        padding: 8px 5px;

        border-radius: 9px;

        font-size: 13px;
        line-height: 1.35;
        word-break: keep-all;
    }

    .wash-tab-btn.active::after {
        display: none;
    }


    /* 제품 제목 */
    .wash-product-title {
        gap: 12px;

        margin-bottom: 20px;
        padding-bottom: 16px;
    }

    .wash-product-title > span {
        flex-basis: 44px;

        width: 44px;
        height: 44px;

        font-size: 14px;
    }

    .wash-product-title small {
        font-size: 9px;
    }

    .wash-product-title h3 {
        font-size: 21px;
    }

}


/* ======================================================
   작은 모바일
====================================================== */

@media screen and (max-width: 380px) {

    .wash-tabs-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wash-tab-btn {
        font-size: 12px;
    }

    .wash-product-title h3 {
        font-size: 19px;
    }

}

/* ========================================================
   반자동 탈수기
======================================================== */

.sdewater-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;
    color: #222;
}


/* ========================================================
   상단 NAVY 영역
======================================================== */

.sdewater-head {
    position: relative;
    width: 100%;
    min-height: 680px;
    padding: 70px 65px 250px;
    box-sizing: border-box;
    background: #172753;
    border-radius: 35px;
    overflow: visible;
}


/* 배경 사선 장식 */
.sdewater-head::before,
.sdewater-head::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

/* 우측 사선 */
.sdewater-head::before {
    width: 75%;
    height: 145px;
    right: -12%;
    top: 125px;
    background: rgba(255,255,255,0.025);
    transform: rotate(34deg);
    transform-origin: center;
}

/* 좌측 하단 사선 */
.sdewater-head::after {
    width: 80%;
    height: 160px;
    left: -20%;
    bottom: 80px;
    background: rgba(0,0,0,0.07);
    transform: rotate(-18deg);
}


.sdewater-info {
    position: relative;
    z-index: 2;
}


/* 제목 */
.sdewater-title {
    margin: 0 0 35px;
    padding: 0;
    color: #d8e7ff;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -1.5px;
}


/* 특징 */
.sdewater-feature {
    margin-bottom: 40px;
}

.sdewater-feature h3 {
    display: inline-block;
    margin: 0 0 14px;
    padding: 0 0 2px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,.75);
}

.sdewater-feature ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sdewater-feature li {
    margin: 0 0 10px;
    padding: 0;
    color: #eef3ff;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 300;
    letter-spacing: -0.4px;
}


/* 1회 투입량 / 용도 */
.sdewater-summary {
    margin-top: 35px;
}

.sdewater-summary-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px;
    color: #fff;
    font-size: 18px;
    line-height: 1.55;
}

.sdewater-summary-row strong {
    flex: 0 0 110px;
    width: 110px;
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.sdewater-summary-row span {
    flex: 1;
    min-width: 0;
    color: #eff3ff;
    font-weight: 300;
}


/* ========================================================
   제품 사진
======================================================== */

.sdewater-photo {
    position: absolute;
    z-index: 5;
    left: 4%;
    right: 4%;
    bottom: -190px;

    height: 300px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #fff;
    border: 1px solid #dedede;
    border-radius: 18px;

    box-sizing: border-box;
    overflow: hidden;
}

.sdewater-photo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}


/* ========================================================
   하단 제품 사양
======================================================== */

.sdewater-spec {
    width: 100%;
    padding: 280px 70px 100px;
    box-sizing: border-box;
    background: #fff;
}

.sdewater-spec-inner {
    width: 100%;
    max-width: 590px;
}


/* 사양 한 줄 */
.sdewater-spec-row {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 54px;
}


/* 왼쪽 네이비 버튼 */
.sdewater-label {
    flex: 0 0 155px;
    width: 155px;

    padding: 8px 15px;
    margin-right: 20px;

    box-sizing: border-box;

    border-radius: 30px;
    background: #172753;

    color: #fff;
    text-align: center;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.5px;
}


/* 오른쪽 사양값 */
.sdewater-value {
    flex: 1;
    min-width: 0;

    padding: 5px 0 10px 18px;
    box-sizing: border-box;

    border-bottom: 1px dotted #7e8494;

    color: #333;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 400;
    letter-spacing: -0.5px;
}


/* ========================================================
   TABLET
======================================================== */

@media screen and (max-width: 900px) {

    .sdewater-wrap {
        padding: 0 15px;
    }

    .sdewater-head {
        min-height: auto;
        padding: 55px 45px 220px;
        border-radius: 28px;
    }

    .sdewater-title {
        margin-bottom: 30px;
        font-size: 34px;
    }

    .sdewater-feature h3 {
        font-size: 18px;
    }

    .sdewater-feature li,
    .sdewater-summary-row {
        font-size: 16px;
    }

    .sdewater-summary-row strong {
        flex-basis: 100px;
        width: 100px;
    }

    .sdewater-photo {
        left: 4%;
        right: 4%;
        bottom: -160px;
        height: 270px;
    }

    .sdewater-spec {
        padding: 235px 45px 80px;
    }

    .sdewater-spec-inner {
        max-width: 560px;
    }

    .sdewater-label {
        flex-basis: 145px;
        width: 145px;
        font-size: 18px;
    }

    .sdewater-value {
        font-size: 20px;
    }

}


/* ========================================================
   MOBILE
======================================================== */

@media screen and (max-width: 600px) {

    .sdewater-wrap {
        padding: 0 10px;
    }

    .sdewater-head {
        padding: 35px 23px 160px;
        border-radius: 22px;
    }

    .sdewater-title {
        margin-bottom: 25px;
        font-size: 27px;
        letter-spacing: -1px;
    }

    .sdewater-feature {
        margin-bottom: 30px;
    }

    .sdewater-feature h3 {
        margin-bottom: 12px;
        font-size: 16px;
    }

    .sdewater-feature li {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.65;
        word-break: keep-all;
    }


    /* 투입량/용도 세로 배치 */
    .sdewater-summary {
        margin-top: 28px;
    }

    .sdewater-summary-row {
        display: block;
        margin-bottom: 22px;
        font-size: 14px;
    }

    .sdewater-summary-row strong {
        display: block;
        width: auto;
        margin-bottom: 7px;
    }

    .sdewater-summary-row span {
        display: block;
        width: 100%;
        word-break: keep-all;
    }


    /* 이미지 */
    .sdewater-photo {
        left: 18px;
        right: 18px;
        bottom: -115px;

        height: 205px;
        border-radius: 14px;
    }

    .sdewater-photo img {
        width: auto;
        max-width: 100%;
        height: 100%;
        object-fit: contain;
    }


    /* 사양표 */
    .sdewater-spec {
        padding: 175px 18px 60px;
    }

    .sdewater-spec-inner {
        max-width: none;
    }

    .sdewater-spec-row {
        min-height: 48px;
    }

    .sdewater-label {
        flex: 0 0 105px;
        width: 105px;

        margin-right: 12px;
        padding: 8px 8px;

        font-size: 15px;
    }

    .sdewater-value {
        padding: 6px 0 8px 8px;
        font-size: 16px;
        word-break: keep-all;
    }

}


/* ========================================================
   아주 작은 모바일
======================================================== */

@media screen and (max-width: 400px) {

    .sdewater-head {
        padding-left: 18px;
        padding-right: 18px;
    }

    .sdewater-title {
        font-size: 25px;
    }

    .sdewater-feature li,
    .sdewater-summary-row {
        font-size: 13px;
    }

    .sdewater-photo {
        left: 12px;
        right: 12px;
        height: 185px;
        bottom: -105px;
    }

    .sdewater-spec {
        padding: 160px 10px 50px;
    }

    .sdewater-label {

        flex-basis: 95px;
        width: 95px;
        margin-right: 8px;
        font-size: 14px;
    }

    .sdewater-value {
        font-size: 14px;
    }

}

/* =========================================
   구근세척기
========================================= */

.root-washer {
    position: relative;
    width: 100%;
    min-height: 820px;
    padding: 0 0 80px;
    overflow: hidden;
    box-sizing: border-box;
}

/* 네이비 배경 */
.root-washer__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 583px;
    background: #192850;
    border-radius: 38px;
    overflow: hidden;
}

/* 배경 사선 장식 */
.root-washer__bg::before,
.root-washer__bg::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

/* 우측 큰 사선 */
.root-washer__bg::before {
    width: 1000px;
    height: 850px;
    right: -350px;
    top: -450px;
    background: rgba(255, 255, 255, 0.035);
    transform: rotate(34deg);
}

/* 좌측 아래 사선 */
.root-washer__bg::after {
    width: 1100px;
    height: 240px;
    left: -150px;
    bottom: -40px;
    background: rgba(5, 20, 55, 0.20);
    transform: rotate(-17deg);
    transform-origin: left center;
}


/* 전체 내용 */
.root-washer__inner {
    position: relative;
    z-index: 2;
    width: calc(100% - 96px);
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 72px;
    box-sizing: border-box;
}


/* 제목 */
.root-washer__text h2 {
    margin: 0 0 35px;
    color: #cce5ff;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -2px;
}


/* 특징 제목 */
.root-washer__feature h3 {
    display: inline-block;
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 5px;

    color: #fff;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.4;
}

.root-washer__feature h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.8);
}


/* 특징 목록 */
.root-washer__feature ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.root-washer__feature li {
    display: flex;
    align-items: flex-start;
    gap: 7px;

    margin-bottom: 12px;

    color: #f4f6fb;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: -0.7px;
}

.root-washer__feature li span {
    flex: 0 0 auto;
}


/* =========================================
   이미지 박스
========================================= */

.root-washer__images {
    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 100%;
    height: 333px;

    margin-top: 73px;

    background: #ededed;
    border-radius: 20px;
    overflow: hidden;
}

.root-washer__image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}

/*
  첨부 이미지처럼 제품 사진 비율을
  억지로 늘리지 않고 중앙에 배치
*/
.root-washer__image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    object-fit: contain;
}


/* =========================================
   태블릿
========================================= */

@media (max-width: 1024px) {

    .root-washer {
        min-height: auto;
        padding-bottom: 60px;
    }

    .root-washer__bg {
        height: 540px;
        border-radius: 28px;
    }

    .root-washer__inner {
        width: calc(100% - 60px);
        padding-top: 55px;
    }

    .root-washer__text h2 {
        margin-bottom: 30px;
        font-size: 40px;
    }

    .root-washer__feature h3 {
        font-size: 21px;
    }

    .root-washer__feature li {
        font-size: 18px;
    }

    .root-washer__images {
        height: 310px;
        margin-top: 65px;
    }
}


/* =========================================
   모바일
========================================= */

@media (max-width: 767px) {

    .root-washer {
        padding-bottom: 35px;
        overflow: visible;
    }

    .root-washer__bg {
        height: 470px;
        border-radius: 22px;
    }

    .root-washer__inner {
        width: calc(100% - 36px);
        padding-top: 38px;
    }

    .root-washer__text h2 {
        margin-bottom: 27px;

        font-size: 29px;
        line-height: 1.35;
        letter-spacing: -1.4px;
    }

    .root-washer__feature h3 {
        margin-bottom: 15px;
        font-size: 19px;
    }

    .root-washer__feature li {
        gap: 5px;
        margin-bottom: 10px;

        font-size: 15px;
        line-height: 1.6;
        letter-spacing: -0.5px;
    }


    /* 모바일에서는 이미지 세로 배치 */
    .root-washer__images {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;

        margin-top: 48px;

        border-radius: 15px;
        background: #ededed;
    }

    .root-washer__image {
        width: 100%;
        min-height: 260px;
        padding: 15px;
        box-sizing: border-box;
    }

    .root-washer__image + .root-washer__image {
        border-top: 1px solid #ddd;
    }

    .root-washer__image img {
        width: 100%;
        height: auto;
        max-height: 300px;
        object-fit: contain;
    }
}


/* =========================================
   작은 모바일
========================================= */

@media (max-width: 480px) {

    .root-washer__bg {
        height: 465px;
        border-radius: 18px;
    }

    .root-washer__inner {
        width: calc(100% - 28px);
        padding-top: 30px;
    }

    .root-washer__text h2 {
        font-size: 25px;
        letter-spacing: -1px;
    }

    .root-washer__feature h3 {
        font-size: 18px;
    }

    .root-washer__feature li {
        font-size: 14px;
        line-height: 1.55;
    }

    .root-washer__images {
        margin-top: 38px;
        border-radius: 13px;
    }

    .root-washer__image {
        min-height: 220px;
        padding: 12px;
    }
}

/* ==================================================
   브러쉬세척기
================================================== */

.brush-washer {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 100px;
}


/* ==================================================
   상단 네이비 영역
================================================== */

.brush-washer__top {
    position: relative;
    width: 100%;
    height: 605px;

    background: #192750;
    border-radius: 36px;

    overflow: visible;
}


/* 배경 사선 장식 */
.brush-washer__top::before {
    content: "";
    position: absolute;

    top: -250px;
    right: -160px;

    width: 900px;
    height: 650px;

    background: rgba(255,255,255,0.035);

    transform: rotate(34deg);
    pointer-events: none;
}


.brush-washer__top::after {
    content: "";
    position: absolute;

    left: -160px;
    bottom: 60px;

    width: 1100px;
    height: 180px;

    background: rgba(4,15,46,0.20);

    transform: rotate(-17deg);
    pointer-events: none;
}


/* 안쪽 */
.brush-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 60px;

    box-sizing: border-box;
}


/* ==================================================
   제목
================================================== */

.brush-washer__title {
    margin: 0 0 28px;

    color: #cee4ff;

    font-size: 47px;
    font-weight: 500;
    line-height: 1.25;

    letter-spacing: -2px;
}


/* ==================================================
   특징
================================================== */

.brush-washer__feature h3 {
    display: inline-block;
    position: relative;

    margin: 0 0 17px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}


.brush-washer__feature h3::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: -2px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,0.8);
}


.brush-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.brush-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin-bottom: 11px;

    color: #f5f7fb;

    font-size: 17px;
    font-weight: 300;

    line-height: 1.5;
    letter-spacing: -0.5px;
}


.brush-washer__feature li span {
    flex: 0 0 auto;
}


/* ==================================================
   투입량 / 용도
================================================== */

.brush-washer__detail {
    margin-top: 31px;
}


.brush-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 23px;

    color: #fff;

    font-size: 17px;
    line-height: 1.45;
}


.brush-washer__detail-row strong {
    display: inline-block;

    flex: 0 0 100px;

    position: relative;

    margin-right: 15px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.brush-washer__detail-row strong::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,0.7);
}


.brush-washer__detail-row > div {
    color: #f5f6fa;
    font-weight: 300;
}


.brush-washer__detail-row > div span {
    margin-left: 4px;
}


.brush-washer__use p {
    margin: 0 0 2px;
}


/* ==================================================
   이미지
================================================== */

.brush-washer__photos {
    position: absolute;

    left: 0;
    top: 494px;

    display: grid;

    grid-template-columns: 1.1fr 1fr;

    width: 100%;
    height: 415px;

    background: #f2f2f2;

    border-radius: 17px;

    overflow: hidden;
}


.brush-washer__photo {
    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 0;

    background: #f3f3f3;

    overflow: hidden;
}


.brush-washer__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/*
 두 번째 제품 사진처럼
 흰 배경이 있는 제품사진은 contain을 원하면
 아래 클래스 사용

 <div class="brush-washer__photo product">
*/

.brush-washer__photo.product img {
    object-fit: contain;
}


/* ==================================================
   하단 제품사양
================================================== */

.brush-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 350px;

    box-sizing: border-box;
}


.brush-washer__spec {
    width: 560px;
    max-width: 100%;
}


/* 한 줄 */
.brush-washer__spec-row {
    display: grid;

    grid-template-columns: 145px 1fr;

    align-items: center;

    min-height: 50px;
}


/* 왼쪽 제목 */
.brush-washer__spec-row strong {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 140px;
    height: 38px;

    padding: 0 15px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* 오른쪽 값 */
.brush-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 48px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;

    line-height: 1.35;
}


/* 마지막 줄 점선 제거 */
.brush-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==================================================
   태블릿
================================================== */

@media (max-width: 1024px) {

    .brush-washer__top {
        height: 570px;
        border-radius: 28px;
    }

    .brush-washer__inner {
        width: calc(100% - 60px);
        padding-top: 48px;
    }

    .brush-washer__title {
        font-size: 40px;
    }

    .brush-washer__feature li {
        font-size: 16px;
    }

    .brush-washer__detail-row {
        font-size: 16px;
    }

    .brush-washer__photos {
        top: 480px;
        height: 360px;
    }

    .brush-washer__spec-wrap {
        width: calc(100% - 60px);
        padding-top: 320px;
    }

}


/* ==================================================
   모바일
================================================== */

@media (max-width: 767px) {

    .brush-washer {
        padding-bottom: 50px;
    }


    /* 네이비 영역 높이를 콘텐츠에 맞게 변경 */
    .brush-washer__top {
        height: auto;

        padding-bottom: 0;

        border-radius: 20px;

        overflow: hidden;
    }


    .brush-washer__inner {
        width: calc(100% - 36px);

        padding-top: 35px;
        padding-bottom: 0;
    }


    /* 제목 */
    .brush-washer__title {
        margin-bottom: 25px;

        font-size: 30px;
        letter-spacing: -1.2px;
    }


    /* 특징 */
    .brush-washer__feature h3 {
        font-size: 18px;
    }


    .brush-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;

        line-height: 1.6;
    }


    /* 투입량/용도 */
    .brush-washer__detail {
        margin-top: 28px;
    }


    .brush-washer__detail-row {
        display: grid;

        grid-template-columns: 85px 1fr;

        margin-bottom: 18px;

        font-size: 14px;
    }


    .brush-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    .brush-washer__detail-row > div span {
        display: block;

        margin: 3px 0 0;
    }


    /* 이미지 영역 */
    .brush-washer__photos {
        position: relative;

        left: auto;
        top: auto;

        grid-template-columns: 1fr;

        height: auto;

        margin-top: 35px;

        border-radius: 14px 14px 0 0;
    }


    .brush-washer__photo {
        width: 100%;

        height: auto;
        min-height: 280px;
    }


    .brush-washer__photo img {
        width: 100%;
        height: auto;

        max-height: 420px;

        object-fit: cover;
    }


    .brush-washer__photo.product img {
        object-fit: contain;
    }


    /* 사양 */
    .brush-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .brush-washer__spec {
        width: 100%;
    }


    .brush-washer__spec-row {
        grid-template-columns: 125px 1fr;

        min-height: 47px;
    }


    .brush-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .brush-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;
    }

}


/* ==================================================
   작은 모바일
================================================== */

@media (max-width: 480px) {

    .brush-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .brush-washer__title {
        font-size: 26px;
    }


    .brush-washer__feature li {
        font-size: 13px;
    }


    .brush-washer__detail-row {
        grid-template-columns: 75px 1fr;

        font-size: 13px;
    }


    .brush-washer__detail-row strong {
        font-size: 13px;
    }


    .brush-washer__photo {
        min-height: 220px;
    }


    .brush-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .brush-washer__spec-row {
        grid-template-columns: 105px 1fr;
    }


    .brush-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .brush-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}

/* ==================================================
   초음파세척기
================================================== */

.ultra-washer {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    box-sizing: border-box;
}


/* ==================================================
   상단 네이비 영역
================================================== */

.ultra-washer__top {
    position: relative;

    width: 100%;
    height: 715px;

    background: #192750;

    border-radius: 38px;

    overflow: hidden;
}


/* 우측 사선 배경 */
.ultra-washer__top::before {
    content: "";

    position: absolute;

    top: -300px;
    right: -250px;

    width: 1050px;
    height: 800px;

    background: rgba(255,255,255,0.035);

    transform: rotate(34deg);

    pointer-events: none;
}


/* 좌측 하단 사선 */
.ultra-washer__top::after {
    content: "";

    position: absolute;

    left: -200px;
    bottom: 70px;

    width: 1200px;
    height: 190px;

    background: rgba(5,18,48,0.2);

    transform: rotate(-17deg);

    pointer-events: none;
}


/* ==================================================
   내부
================================================== */

.ultra-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    height: 100%;

    margin: 0 auto;

    padding-top: 65px;

    box-sizing: border-box;
}


/* ==================================================
   제목
================================================== */

.ultra-washer__title {
    margin: 0 0 30px;

    color: #cfe5ff;

    font-size: 47px;
    font-weight: 500;

    line-height: 1.25;

    letter-spacing: -2px;
}


/* ==================================================
   특징
================================================== */

.ultra-washer__feature h3 {
    display: inline-block;

    position: relative;

    margin: 0 0 18px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;

    line-height: 1.4;
}


.ultra-washer__feature h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -2px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,0.8);
}


.ultra-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.ultra-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin-bottom: 12px;

    color: #f4f6fb;

    font-size: 17px;
    font-weight: 300;

    line-height: 1.5;

    letter-spacing: -0.5px;
}


.ultra-washer__feature li span {
    flex: 0 0 auto;
}


/* ==================================================
   투입량 / 용도
================================================== */

.ultra-washer__detail {
    margin-top: 34px;
}


.ultra-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 27px;

    color: #fff;

    font-size: 17px;

    line-height: 1.45;
}


.ultra-washer__detail-row strong {
    position: relative;

    flex: 0 0 100px;

    display: inline-block;

    margin-right: 17px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.ultra-washer__detail-row strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,0.75);
}


.ultra-washer__detail-row > div {
    color: #f4f6fa;

    font-weight: 300;
}


.ultra-washer__detail-row > div span {
    margin-left: 4px;
}


.ultra-washer__use p {
    margin: 0 0 2px;
}


/* ==================================================
   제품 이미지 박스
================================================== */

.ultra-washer__photo-box {
    position: absolute;

    left: 0;
    top: 565px;

    width: 100%;
    height: 295px;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 16px;

    overflow: hidden;

    box-sizing: border-box;

}


.ultra-washer__photo {
    display: flex;
    align-items: center;

    width: 100%;
    height: 100%;

    background: #fff;
}


/*
   첨부 이미지처럼
   제품 사진 자체 크기를 유지하면서 왼쪽 정렬
*/
.ultra-washer__photo img {
    display: block;

    width: auto;
    height: 100%;

    max-width: 100%;

    object-fit: contain;
    object-position: left center;
}


/* ==================================================
   하단 사양표
================================================== */

.ultra-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 185px;

    box-sizing: border-box;
}


.ultra-washer__spec {
    width: 560px;
    max-width: 100%;
}


.ultra-washer__spec-row {
    display: grid;

    grid-template-columns: 165px 1fr;

    align-items: center;

    min-height: 52px;
}


/* 왼쪽 타원 */
.ultra-washer__spec-row strong {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 150px;
    height: 40px;

    padding: 0 15px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* 우측 사양값 */
.ultra-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;

    line-height: 1.35;
}


/* 마지막 줄 */
.ultra-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==================================================
   태블릿
================================================== */

@media (max-width: 1024px) {

    .ultra-washer__top {
        height: 680px;

        border-radius: 28px;
    }


    .ultra-washer__inner {
        width: calc(100% - 60px);

        padding-top: 50px;
    }


    .ultra-washer__title {
        font-size: 40px;
    }


    .ultra-washer__feature li {
        font-size: 16px;
    }


    .ultra-washer__detail-row {
        font-size: 16px;
    }


    .ultra-washer__photo-box {
        top: 550px;

        height: 290px;
    }


    .ultra-washer__spec-wrap {
        width: calc(100% - 60px);

        padding-top: 190px;
    }

}


/* ==================================================
   모바일
================================================== */

@media (max-width: 767px) {

    .ultra-washer {
        padding-bottom: 50px;
    }


    /* 모바일은 자동 높이 */
    .ultra-washer__top {
        height: auto;

        border-radius: 20px;

        overflow: hidden;
    }


    .ultra-washer__inner {
        width: calc(100% - 36px);

        height: auto;

        padding-top: 35px;
    }


    /* 제목 */
    .ultra-washer__title {
        margin-bottom: 25px;

        font-size: 30px;

        letter-spacing: -1.3px;
    }


    /* 특징 */
    .ultra-washer__feature h3 {
        font-size: 18px;
    }


    .ultra-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;

        line-height: 1.6;
    }


    /* 투입량 / 용도 */
    .ultra-washer__detail {
        margin-top: 28px;
    }


    .ultra-washer__detail-row {
        display: grid;

        grid-template-columns: 88px 1fr;

        margin-bottom: 20px;

        font-size: 14px;
    }


    .ultra-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    .ultra-washer__detail-row > div span {
        display: block;

        margin: 3px 0 0;
    }


    /* 이미지 */
    .ultra-washer__photo-box {
        position: relative;

        top: auto;
        left: auto;

        width: 100%;
        height: auto;

        margin-top: 35px;

        border-radius: 14px 14px 0 0;
    }


    .ultra-washer__photo {
        justify-content: center;

        min-height: 260px;
    }


    .ultra-washer__photo img {
        width: 100%;
        height: auto;

        max-height: 400px;

        object-fit: contain;
        object-position: center;
    }


    /* 하단 사양 */
    .ultra-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .ultra-washer__spec {
        width: 100%;
    }


    .ultra-washer__spec-row {
        grid-template-columns: 130px 1fr;

        min-height: 48px;
    }


    .ultra-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .ultra-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;
    }

}


/* ==================================================
   작은 모바일
================================================== */

@media (max-width: 480px) {

    .ultra-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .ultra-washer__title {
        font-size: 26px;
    }


    .ultra-washer__feature li {
        font-size: 13px;
    }


    .ultra-washer__detail-row {
        grid-template-columns: 75px 1fr;

        font-size: 13px;
    }


    .ultra-washer__detail-row strong {
        font-size: 13px;
    }


    .ultra-washer__photo {
        min-height: 220px;
    }


    .ultra-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .ultra-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }


    .ultra-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .ultra-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}

/* ==================================================
   타공드럼 선별,세척기
================================================== */

.drum-washer {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    box-sizing: border-box;
    font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;
}

/* 상단 네이비 영역 */
.drum-washer__top {
    position: relative;
    width: 100%;
    height: 735px;
    background: #192750;
    border-radius: 38px;
    overflow: hidden;
}

/* 사선 배경 */
.drum-washer__top::before,
.drum-washer__top::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.drum-washer__top::before {
    top: -300px;
    right: -250px;
    width: 1050px;
    height: 800px;
    background: rgba(255,255,255,.035);
    transform: rotate(34deg);
}

.drum-washer__top::after {
    left: -220px;
    bottom: 65px;
    width: 1250px;
    height: 210px;
    background: rgba(5,18,48,.20);
    transform: rotate(-17deg);
}

/* 내부 */
.drum-washer__inner {
    position: relative;
    z-index: 2;
    width: calc(100% - 90px);
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 68px;
    box-sizing: border-box;
}

/* 제목 */
.drum-washer__title {
    margin: 0 0 30px;
    color: #cfe5ff;
    font-size: 47px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -2px;
}

/* 특징 */
.drum-washer__feature h3 {
    display: inline-block;
    position: relative;
    margin: 0 0 18px;
    color: #fff;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
}

.drum-washer__feature h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.8);
}

.drum-washer__feature ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.drum-washer__feature li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 11px;
    color: #f4f6fb;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -.5px;
}

.drum-washer__feature li span {
    flex: 0 0 auto;
}

/* 1회 투입량 / 용도 */
.drum-washer__detail {
    margin-top: 34px;
}

.drum-washer__detail-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 27px;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
}

.drum-washer__detail-row strong {
    position: relative;
    flex: 0 0 100px;
    display: inline-block;
    margin-right: 17px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.drum-washer__detail-row strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.75);
}

.drum-washer__detail-row > div {
    color: #f4f6fa;
    font-weight: 300;
}

.drum-washer__use p {
    margin: 0 0 2px;
}

/* 제품 이미지 박스 */
.drum-washer__photo-box {
    position: absolute;
    left: 0;
    top: 580px;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 305px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

.drum-washer__photo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 65%;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

.drum-washer__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

/* 이미지 오른쪽 흰 여백 */
.drum-washer__photo-space {
    flex: 1;
    min-width: 0;
    background: #fff;
}

/* 하단 사양 */
.drum-washer__spec-wrap {
    width: calc(100% - 90px);
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 190px;
    box-sizing: border-box;
}

.drum-washer__spec {
    width: 600px;
    max-width: 100%;
}

.drum-washer__spec-row {
    display: grid;
    grid-template-columns: 165px 1fr;
    align-items: center;
    min-height: 52px;
}

.drum-washer__spec-row strong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 40px;
    padding: 0 15px;
    background: #142652;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

.drum-washer__spec-row span {
    display: flex;
    align-items: center;
    min-height: 49px;
    padding: 0 18px;
    border-bottom: 1px dotted #777;
    box-sizing: border-box;
    color: #333;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 300;
}

.drum-washer__spec-row:last-child span {
    border-bottom: 0;
}

/* TABLET */
@media (max-width: 1024px) {
    .drum-washer__top {
        height: 700px;
        border-radius: 28px;
    }

    .drum-washer__inner {
        width: calc(100% - 60px);
        padding-top: 50px;
    }

    .drum-washer__title {
        font-size: 40px;
    }

    .drum-washer__feature li,
    .drum-washer__detail-row {
        font-size: 16px;
    }

    .drum-washer__photo-box {
        top: 555px;
        height: 290px;
    }

    .drum-washer__spec-wrap {
        width: calc(100% - 60px);
        padding-top: 185px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .drum-washer {
        padding-bottom: 50px;
    }

    .drum-washer__top {
        height: auto;
        border-radius: 20px;
        overflow: hidden;
    }

    .drum-washer__inner {
        width: calc(100% - 36px);
        height: auto;
        padding-top: 35px;
    }

    .drum-washer__title {
        margin-bottom: 25px;
        font-size: 30px;
        letter-spacing: -1.3px;
        word-break: keep-all;
    }

    .drum-washer__feature h3 {
        font-size: 18px;
    }

    .drum-washer__feature li {
        gap: 5px;
        margin-bottom: 9px;
        font-size: 14px;
        line-height: 1.6;
        word-break: keep-all;
    }

    .drum-washer__detail {
        margin-top: 28px;
    }

    .drum-washer__detail-row {
        display: grid;
        grid-template-columns: 88px 1fr;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .drum-washer__detail-row strong {
        flex: none;
        width: max-content;
        margin-right: 0;
        font-size: 14px;
    }

    /* 모바일에서는 이미지 영역을 본문 아래로 이동 */
    .drum-washer__photo-box {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-top: 35px;
        border-radius: 14px 14px 0 0;
    }

    .drum-washer__photo {
        width: 100%;
        min-height: 230px;
    }

    .drum-washer__photo img {
        width: 100%;
        height: auto;
        max-height: 360px;
        object-fit: contain;
        object-position: center;
    }

    .drum-washer__photo-space {
        display: none;
    }

    .drum-washer__spec-wrap {
        width: calc(100% - 36px);
        padding-top: 35px;
    }

    .drum-washer__spec {
        width: 100%;
    }

    .drum-washer__spec-row {
        grid-template-columns: 130px 1fr;
        min-height: 48px;
    }

    .drum-washer__spec-row strong {
        width: 120px;
        height: 35px;
        padding: 0 8px;
        font-size: 15px;
    }

    .drum-washer__spec-row span {
        min-height: 46px;
        padding: 0 10px;
        font-size: 17px;
        word-break: keep-all;
    }
}

/* 작은 모바일 */
@media (max-width: 480px) {
    .drum-washer__inner {
        width: calc(100% - 28px);
        padding-top: 28px;
    }

    .drum-washer__title {
        font-size: 26px;
    }

    .drum-washer__feature li,
    .drum-washer__detail-row {
        font-size: 13px;
    }

    .drum-washer__detail-row {
        grid-template-columns: 75px 1fr;
    }

    .drum-washer__detail-row strong {
        font-size: 13px;
    }

    .drum-washer__photo {
        min-height: 205px;
    }

    .drum-washer__spec-wrap {
        width: calc(100% - 28px);
        padding-top: 28px;
    }

    .drum-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }

    .drum-washer__spec-row strong {
        width: 100px;
        height: 32px;
        font-size: 13px;
    }

    .drum-washer__spec-row span {
        padding-left: 9px;
        font-size: 15px;
    }
}

/* ======================================================
   제품 이미지 하단 잘림 수정
====================================================== */

/* 초음파세척기 */
.ultra-washer__top {
    overflow: visible !important;
}

/* 타공드럼 선별,세척기 */
.drum-washer__top {
    overflow: visible !important;
}

/* ==========================================================
   수동3단 세척기
========================================================== */

.manual-washer {
    position: relative;
    width: 100%;
    padding-bottom: 80px;
    box-sizing: border-box;
}


/* ==========================================================
   상단 NAVY 영역
========================================================== */

.manual-washer__top {
    position: relative;

    width: 100%;
    min-height: 735px;

    background: #192750;
    border-radius: 38px;

    /*
       중요:
       사진이 네이비 박스 아래로 내려오기 때문에
       hidden 사용하면 사진이 잘립니다.
    */
    overflow: visible;

    box-sizing: border-box;
}


/* 사선 장식 */
.manual-washer__top::before,
.manual-washer__top::after {
    content: "";
    position: absolute;
    pointer-events: none;
}


/* 우측 상단 사선 */
.manual-washer__top::before {
    top: -290px;
    right: -250px;

    width: 1050px;
    height: 800px;

    background: rgba(255,255,255,0.035);

    transform: rotate(34deg);

    border-radius: 100px;
}


/* 좌측 하단 사선 */
.manual-washer__top::after {
    left: -220px;
    bottom: 70px;

    width: 1250px;
    height: 210px;

    background: rgba(5,18,48,0.20);

    transform: rotate(-17deg);
}


/* ==========================================================
   내부
========================================================== */

.manual-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    min-height: 735px;

    margin: 0 auto;

    padding-top: 62px;

    box-sizing: border-box;
}


/* ==========================================================
   제목
========================================================== */

.manual-washer__title {
    margin: 0 0 32px;

    color: #cfe5ff;

    font-size: 47px;
    font-weight: 500;
    line-height: 1.25;

    letter-spacing: -2px;
}


/* ==========================================================
   특징
========================================================== */

.manual-washer__feature h3 {
    display: inline-block;
    position: relative;

    margin: 0 0 18px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}


.manual-washer__feature h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.8);
}


.manual-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.manual-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin: 0 0 11px;

    color: #f4f6fb;

    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;

    letter-spacing: -0.5px;
}


.manual-washer__feature li span {
    flex: 0 0 auto;
}


/* ==========================================================
   투입량 / 용도
========================================================== */

.manual-washer__detail {
    margin-top: 34px;
}


.manual-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 25px;

    color: #fff;

    font-size: 17px;
    line-height: 1.5;
}


.manual-washer__detail-row strong {
    position: relative;

    flex: 0 0 100px;

    display: inline-block;

    margin-right: 18px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.manual-washer__detail-row strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.75);
}


.manual-washer__detail-row > div {
    color: #f4f6fa;

    font-weight: 300;
}


.manual-washer__detail-row > div > span {
    margin-left: 3px;
}


.manual-washer__use p {
    margin: 0 0 2px;
}


/* ==========================================================
   제품 이미지
========================================================== */

.manual-washer__photo-box {
    position: absolute;
    z-index: 10;

    left: 0;
    right: 0;

    /*
       아래로 약 절반 내려오도록 처리
       overflow:hidden을 부모에 주면 안됩니다.
    */
    bottom: -150px;

    width: 100%;
    height: 300px;

    margin: 0 auto;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 17px;

    overflow: hidden;

    box-sizing: border-box;
}


.manual-washer__photo-box img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border: 0;
}


/* ==========================================================
   제품 사양
========================================================== */

.manual-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    /*
       위에서 사진이 150px 내려왔으므로
       사양표 공간을 충분히 확보
    */
    padding-top: 215px;

    box-sizing: border-box;
}


.manual-washer__spec {
    width: 570px;
    max-width: 100%;
}


/* 사양 한줄 */
.manual-washer__spec-row {
    display: grid;

    grid-template-columns: 165px 1fr;

    align-items: center;

    min-height: 52px;
}


/* 왼쪽 NAVY 라벨 */
.manual-washer__spec-row strong {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 150px;
    height: 40px;

    padding: 0 12px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}


/* 오른쪽 사양값 */
.manual-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;
    line-height: 1.35;
}


.manual-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 1024px) {

    .manual-washer__top {
        min-height: 680px;

        border-radius: 28px;
    }


    .manual-washer__inner {
        width: calc(100% - 60px);

        min-height: 680px;

        padding-top: 50px;
    }


    .manual-washer__title {
        font-size: 40px;
    }


    .manual-washer__feature li,
    .manual-washer__detail-row {
        font-size: 16px;
    }


    .manual-washer__photo-box {
        bottom: -140px;

        height: 280px;
    }


    .manual-washer__spec-wrap {
        width: calc(100% - 60px);

        padding-top: 200px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 767px) {

    .manual-washer {
        padding-bottom: 45px;
    }


    .manual-washer__top {
        min-height: 0;

        border-radius: 20px;

        /*
           모바일에서는 사진이 일반 흐름으로 들어가므로
           배경 장식이 밖으로 나가지 않게 hidden
        */
        overflow: hidden;
    }


    .manual-washer__inner {
        width: calc(100% - 36px);

        min-height: 0;

        padding-top: 35px;
    }


    .manual-washer__title {
        margin-bottom: 25px;

        font-size: 30px;

        letter-spacing: -1.2px;
    }


    .manual-washer__feature h3 {
        font-size: 18px;
    }


    .manual-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;
        line-height: 1.6;

        word-break: keep-all;
    }


    /* 투입량 / 용도 */
    .manual-washer__detail {
        margin-top: 28px;
    }


    .manual-washer__detail-row {
        display: grid;

        grid-template-columns: 88px 1fr;

        margin-bottom: 20px;

        font-size: 14px;
    }


    .manual-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    .manual-washer__detail-row > div > span {
        display: block;

        margin: 2px 0 0;
    }


    /*
       모바일 이미지
       absolute 해제 → 본문 아래 자연스럽게 배치
    */
    .manual-washer__photo-box {
        position: relative;

        left: auto;
        right: auto;
        bottom: auto;

        width: 100%;
        height: auto;

        margin-top: 35px;

        border-radius: 14px 14px 0 0;
    }


    .manual-washer__photo-box img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }


    /* 사양 */
    .manual-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .manual-washer__spec {
        width: 100%;
    }


    .manual-washer__spec-row {
        grid-template-columns: 130px 1fr;

        min-height: 48px;
    }


    .manual-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .manual-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;

        word-break: keep-all;
    }

}


/* ==========================================================
   작은 모바일
========================================================== */

@media screen and (max-width: 480px) {

    .manual-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .manual-washer__title {
        font-size: 26px;
    }


    .manual-washer__feature li {
        font-size: 13px;
    }


    .manual-washer__detail-row {
        grid-template-columns: 76px 1fr;

        font-size: 13px;
    }


    .manual-washer__detail-row strong {
        font-size: 13px;
    }


    .manual-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .manual-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }


    .manual-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .manual-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}

/* ==========================================================
   자동다단 세척기
========================================================== */

.auto-washer {
    position: relative;
    width: 100%;
    padding-bottom: 80px;
    box-sizing: border-box;
}


/* ==========================================================
   상단 NAVY 영역
========================================================== */

.auto-washer__top {
    position: relative;

    width: 100%;
    min-height: 730px;

    background: #192750;
    border-radius: 38px;

    /*
       이미지가 네이비 영역 아래로 내려오기 때문에
       반드시 visible
    */
    overflow: visible;

    box-sizing: border-box;
}


/* 배경 사선 장식 */
.auto-washer__top::before,
.auto-washer__top::after {
    content: "";
    position: absolute;
    pointer-events: none;
}


/* 우측 사선 */
.auto-washer__top::before {
    top: -300px;
    right: -250px;

    width: 1050px;
    height: 800px;

    background: rgba(255,255,255,0.035);

    transform: rotate(34deg);
}


/* 좌측 하단 사선 */
.auto-washer__top::after {
    left: -220px;
    bottom: 70px;

    width: 1250px;
    height: 210px;

    background: rgba(5,18,48,0.20);

    transform: rotate(-17deg);
}


/* ==========================================================
   내부 영역
========================================================== */

.auto-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    min-height: 730px;

    margin: 0 auto;

    padding-top: 62px;

    box-sizing: border-box;
}


/* ==========================================================
   제목
========================================================== */

.auto-washer__title {
    margin: 0 0 32px;

    color: #cfe5ff;

    font-size: 47px;
    font-weight: 500;

    line-height: 1.25;
    letter-spacing: -2px;
}


/* ==========================================================
   특징
========================================================== */

.auto-washer__feature h3 {
    display: inline-block;
    position: relative;

    margin: 0 0 18px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}


.auto-washer__feature h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.8);
}


.auto-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.auto-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin: 0 0 11px;

    color: #f4f6fb;

    font-size: 17px;
    font-weight: 300;

    line-height: 1.5;
    letter-spacing: -0.5px;
}


.auto-washer__feature li span {
    flex: 0 0 auto;
}


/* ==========================================================
   투입량 / 용도
========================================================== */

.auto-washer__detail {
    margin-top: 34px;
}


.auto-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 25px;

    color: #fff;

    font-size: 17px;
    line-height: 1.5;
}


.auto-washer__detail-row strong {
    position: relative;

    flex: 0 0 100px;

    display: inline-block;

    margin-right: 18px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.auto-washer__detail-row strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.75);
}


.auto-washer__detail-row > div {
    color: #f4f6fa;
    font-weight: 300;
}


.auto-washer__detail-row > div > span {
    margin-left: 3px;
}


.auto-washer__use p {
    margin: 0 0 2px;
}


/* ==========================================================
   제품 이미지
========================================================== */

.auto-washer__photo-box {
    position: absolute;
    z-index: 10;

    left: 0;
    right: 0;

    /*
       네이비 영역 아래쪽으로 150px 내려옴
    */
    bottom: -150px;

    width: 100%;
    height: 300px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 17px;

    overflow: hidden;

    box-sizing: border-box;
}


/* 이미지 */
.auto-washer__photo-box img {
    display: block;

    width: 100%;
    height: 100%;

    /*
       제품 전체가 잘리지 않게 contain
    */
    object-fit: contain;
    object-position: center;

    border: 0;
}


/* ==========================================================
   제품 사양
========================================================== */

.auto-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    /*
       위쪽 제품사진 공간 확보
    */
    padding-top: 215px;

    box-sizing: border-box;
}


.auto-washer__spec {
    width: 570px;
    max-width: 100%;
}


/* 사양 한 줄 */
.auto-washer__spec-row {
    display: grid;

    grid-template-columns: 165px 1fr;

    align-items: center;

    min-height: 52px;
}


/* 왼쪽 NAVY 라벨 */
.auto-washer__spec-row strong {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 150px;
    height: 40px;

    padding: 0 12px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* 오른쪽 값 */
.auto-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;

    line-height: 1.35;
}


.auto-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 1024px) {

    .auto-washer__top {
        min-height: 680px;

        border-radius: 28px;
    }


    .auto-washer__inner {
        width: calc(100% - 60px);

        min-height: 680px;

        padding-top: 50px;
    }


    .auto-washer__title {
        font-size: 40px;
    }


    .auto-washer__feature li,
    .auto-washer__detail-row {
        font-size: 16px;
    }


    .auto-washer__photo-box {
        bottom: -135px;

        height: 270px;
    }


    .auto-washer__spec-wrap {
        width: calc(100% - 60px);

        padding-top: 195px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 767px) {

    .auto-washer {
        padding-bottom: 45px;
    }


    /*
       모바일에서는 이미지가 일반적인 문서 흐름으로
       들어가도록 처리
    */
    .auto-washer__top {
        min-height: 0;

        border-radius: 20px;

        overflow: hidden;
    }


    .auto-washer__inner {
        width: calc(100% - 36px);

        min-height: 0;

        padding-top: 35px;
    }


    /* 제목 */
    .auto-washer__title {
        margin-bottom: 25px;

        font-size: 30px;

        letter-spacing: -1.2px;
    }


    /* 특징 */
    .auto-washer__feature h3 {
        font-size: 18px;
    }


    .auto-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;
        line-height: 1.6;

        word-break: keep-all;
    }


    /* 투입량 */
    .auto-washer__detail {
        margin-top: 28px;
    }


    .auto-washer__detail-row {
        display: grid;

        grid-template-columns: 88px 1fr;

        margin-bottom: 20px;

        font-size: 14px;
    }


    .auto-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    .auto-washer__detail-row > div > span {
        display: block;

        margin: 2px 0 0;
    }


    /* ======================================================
       모바일 이미지
    ====================================================== */

    .auto-washer__photo-box {
        position: relative;

        left: auto;
        right: auto;

        bottom: auto;

        width: 100%;
        height: auto;

        margin-top: 35px;

        padding: 10px;

        border-radius: 14px 14px 0 0;

        box-sizing: border-box;
    }


    .auto-washer__photo-box img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }


    /* ======================================================
       모바일 사양
    ====================================================== */

    .auto-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .auto-washer__spec {
        width: 100%;
    }


    .auto-washer__spec-row {
        grid-template-columns: 130px 1fr;

        min-height: 48px;
    }


    .auto-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .auto-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;

        word-break: keep-all;
    }

}


/* ==========================================================
   작은 모바일
========================================================== */

@media screen and (max-width: 480px) {

    .auto-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .auto-washer__title {
        font-size: 26px;
    }


    .auto-washer__feature li {
        font-size: 13px;
    }


    .auto-washer__detail-row {
        grid-template-columns: 76px 1fr;

        font-size: 13px;
    }


    .auto-washer__detail-row strong {
        font-size: 13px;
    }


    .auto-washer__photo-box {
        margin-top: 28px;

        padding: 6px;
    }


    .auto-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .auto-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }


    .auto-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .auto-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}

/* ==========================================================
   와류 세척기
========================================================== */

.vortex-washer {
    position: relative;
    width: 100%;
    padding-bottom: 80px;
    box-sizing: border-box;
}


/* ==========================================================
   상단 NAVY 영역
========================================================== */

.vortex-washer__top {
    position: relative;
    width: 100%;
    min-height: 730px;

    background: #192750;
    border-radius: 38px;

    /* 사진이 아래로 내려오기 때문에 visible */
    overflow: visible;

    box-sizing: border-box;
}


/* 배경 사선 */
.vortex-washer__top::before,
.vortex-washer__top::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.vortex-washer__top::before {
    top: -300px;
    right: -250px;

    width: 1050px;
    height: 800px;

    background: rgba(255,255,255,.035);

    transform: rotate(34deg);
}

.vortex-washer__top::after {
    left: -220px;
    bottom: 70px;

    width: 1250px;
    height: 210px;

    background: rgba(5,18,48,.20);

    transform: rotate(-17deg);
}


/* ==========================================================
   내부
========================================================== */

.vortex-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    min-height: 730px;

    margin: 0 auto;

    padding-top: 62px;

    box-sizing: border-box;
}


/* 제목 */
.vortex-washer__title {
    margin: 0 0 32px;

    color: #cfe5ff;

    font-size: 47px;
    font-weight: 500;

    line-height: 1.25;
    letter-spacing: -2px;
}


/* ==========================================================
   특징
========================================================== */

.vortex-washer__feature h3 {
    display: inline-block;
    position: relative;

    margin: 0 0 18px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}

.vortex-washer__feature h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.8);
}


.vortex-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.vortex-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin-bottom: 11px;

    color: #f4f6fb;

    font-size: 17px;
    font-weight: 300;

    line-height: 1.5;
    letter-spacing: -0.5px;
}

.vortex-washer__feature li span {
    flex: 0 0 auto;
}


/* ==========================================================
   투입량 / 용도
========================================================== */

.vortex-washer__detail {
    margin-top: 42px;
}


.vortex-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 28px;

    color: #fff;

    font-size: 17px;
    line-height: 1.5;
}


.vortex-washer__detail-row strong {
    position: relative;

    flex: 0 0 100px;

    display: inline-block;

    margin-right: 18px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.vortex-washer__detail-row strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.75);
}


.vortex-washer__detail-row > div {
    color: #f4f6fa;
    font-weight: 300;
}


.vortex-washer__use p {
    margin: 0 0 2px;
}


/* ==========================================================
   제품 이미지 2장
========================================================== */

.vortex-washer__photos {
    position: absolute;
    z-index: 10;

    left: 0;
    right: 0;
    bottom: -150px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 100%;
    height: 300px;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 17px;

    overflow: hidden;

    box-sizing: border-box;
}


.vortex-washer__photo {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;

    background: #fff;
}


/* 가운데 경계선 */
.vortex-washer__photo + .vortex-washer__photo {
    border-left: 1px solid #fff;
}


.vortex-washer__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* ==========================================================
   하단 사양
========================================================== */

.vortex-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 215px;

    box-sizing: border-box;
}


.vortex-washer__spec {
    width: 570px;
    max-width: 100%;
}


.vortex-washer__spec-row {
    display: grid;

    grid-template-columns: 165px 1fr;

    align-items: center;

    min-height: 52px;
}


/* 사양 제목 */
.vortex-washer__spec-row strong {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 150px;
    height: 40px;

    padding: 0 12px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* 사양 값 */
.vortex-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;

    line-height: 1.35;
}


.vortex-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 1024px) {

    .vortex-washer__top {
        min-height: 680px;

        border-radius: 28px;
    }


    .vortex-washer__inner {
        width: calc(100% - 60px);

        min-height: 680px;

        padding-top: 50px;
    }


    .vortex-washer__title {
        font-size: 40px;
    }


    .vortex-washer__feature li,
    .vortex-washer__detail-row {
        font-size: 16px;
    }


    .vortex-washer__photos {
        bottom: -135px;

        height: 270px;
    }


    .vortex-washer__spec-wrap {
        width: calc(100% - 60px);

        padding-top: 195px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 767px) {

    .vortex-washer {
        padding-bottom: 45px;
    }


    .vortex-washer__top {
        min-height: 0;

        border-radius: 20px;

        /* 모바일에서는 사선 장식 잘라줌 */
        overflow: hidden;
    }


    .vortex-washer__inner {
        width: calc(100% - 36px);

        min-height: 0;

        padding-top: 35px;
    }


    .vortex-washer__title {
        margin-bottom: 25px;

        font-size: 30px;
        letter-spacing: -1.2px;
    }


    .vortex-washer__feature h3 {
        font-size: 18px;
    }


    .vortex-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;
        line-height: 1.6;

        word-break: keep-all;
    }


    /* 투입량 */
    .vortex-washer__detail {
        margin-top: 28px;
    }


    .vortex-washer__detail-row {
        display: grid;

        grid-template-columns: 88px 1fr;

        margin-bottom: 20px;

        font-size: 14px;
    }


    .vortex-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    /* 이미지 2장을 모바일에서는 위아래 배치 */
    .vortex-washer__photos {
        position: relative;

        left: auto;
        right: auto;
        bottom: auto;

        display: grid;
        grid-template-columns: 1fr;

        width: 100%;
        height: auto;

        margin-top: 35px;

        border-radius: 14px 14px 0 0;
    }


    .vortex-washer__photo {
        height: auto;
    }


    .vortex-washer__photo + .vortex-washer__photo {
        border-left: 0;
        border-top: 1px solid #ddd;
    }


    .vortex-washer__photo img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }


    /* 사양 */
    .vortex-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .vortex-washer__spec {
        width: 100%;
    }


    .vortex-washer__spec-row {
        grid-template-columns: 130px 1fr;

        min-height: 48px;
    }


    .vortex-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .vortex-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;

        word-break: keep-all;
    }

}


/* ==========================================================
   작은 모바일
========================================================== */

@media screen and (max-width: 480px) {

    .vortex-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .vortex-washer__title {
        font-size: 26px;
    }


    .vortex-washer__feature li {
        font-size: 13px;
    }


    .vortex-washer__detail-row {
        grid-template-columns: 76px 1fr;

        font-size: 13px;
    }


    .vortex-washer__detail-row strong {
        font-size: 13px;
    }


    .vortex-washer__photos {
        margin-top: 28px;
    }


    .vortex-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .vortex-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }


    .vortex-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .vortex-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}

/* ==========================================================
   와류세척기 - 네이비 배경 대각선 영역 밖 돌출 방지
========================================================== */

.vortex-washer__top {
    overflow: visible;
}


/* 기존에 크게 회전시켰던 도형을
   네이비 영역 안에서만 생성 */
.vortex-washer__top::before,
.vortex-washer__top::after {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: none;

    pointer-events: none;

    z-index: 0;
}


/* 위쪽 밝은 대각선 */
.vortex-washer__top::before {
    background: rgba(255,255,255,0.035);

    clip-path: polygon(
        28% 0,
        100% 0,
        100% 30%,
        48% 51%
    );
}


/* 아래쪽 짙은 대각선 */
.vortex-washer__top::after {
    background: rgba(5,18,48,0.20);

    clip-path: polygon(
        0 69%,
        74% 45%,
        88% 65%,
        0 100%
    );
}


/* 내용은 대각선보다 위 */
.vortex-washer__inner {
    position: relative;
    z-index: 2;
}


/* 제품사진은 가장 위 */
.vortex-washer__photos {
    z-index: 10;
}

/* ==========================================================
   공통 수정 - 네이비 배경 대각선이 박스 밖으로 나오지 않도록 정리
   wash.css 맨 아래에 추가
========================================================== */

/* ----------------------------------------------------------
   1) 대각선 배경을 쓰는 네이비 박스 공통
---------------------------------------------------------- */
.root-washer__bg,
.brush-washer__top,
.ultra-washer__top,
.drum-washer__top,
.manual-washer__top,
.auto-washer__top,
.vortex-washer__top,
.sdewater-head {
    position: relative;
    isolation: isolate;
}

/*
   root-washer는 배경 박스 자체 안에서만 처리되면 되므로 hidden 유지
*/
.root-washer__bg {
    overflow: hidden;
}

/*
   아래 제품들은 사진이 네이비 박스 아래로 내려오므로 visible 유지
*/
.brush-washer__top,
.ultra-washer__top,
.drum-washer__top,
.manual-washer__top,
.auto-washer__top,
.vortex-washer__top,
.sdewater-head {
    overflow: visible;
}


/* ----------------------------------------------------------
   2) 기존의 큰 회전 사각형 방식 덮어쓰기
   → 박스 전체를 덮는 pseudo로 바꾸고
   → clip-path로 내부에서만 대각선 모양 생성
---------------------------------------------------------- */
.root-washer__bg::before,
.root-washer__bg::after,
.brush-washer__top::before,
.brush-washer__top::after,
.ultra-washer__top::before,
.ultra-washer__top::after,
.drum-washer__top::before,
.drum-washer__top::after,
.manual-washer__top::before,
.manual-washer__top::after,
.auto-washer__top::before,
.auto-washer__top::after,
.vortex-washer__top::before,
.vortex-washer__top::after,
.sdewater-head::before,
.sdewater-head::after {
    content: "";
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    transform: none !important;

    pointer-events: none;
    z-index: 0;

    border-radius: inherit;
}


/* 위쪽 밝은 대각선 */
.root-washer__bg::before,
.brush-washer__top::before,
.ultra-washer__top::before,
.drum-washer__top::before,
.manual-washer__top::before,
.auto-washer__top::before,
.vortex-washer__top::before,
.sdewater-head::before {
    background: rgba(255,255,255,0.035);

    clip-path: polygon(
        42% 0,
        100% 0,
        100% 68%,
        73% 56%
    );
}


/* 아래쪽 짙은 대각선 */
.root-washer__bg::after,
.brush-washer__top::after,
.ultra-washer__top::after,
.drum-washer__top::after,
.manual-washer__top::after,
.auto-washer__top::after,
.vortex-washer__top::after,
.sdewater-head::after {
    background: rgba(5,18,48,0.18);

    clip-path: polygon(
        0 71%,
        78% 43%,
        86% 68%,
        0 100%
    );
}


/* ----------------------------------------------------------
   3) 내용/이미지가 대각선 위로 오도록 레이어 정리
---------------------------------------------------------- */
.root-washer__inner,
.brush-washer__inner,
.ultra-washer__inner,
.drum-washer__inner,
.manual-washer__inner,
.auto-washer__inner,
.vortex-washer__inner,
.sdewater-info {
    position: relative;
    z-index: 2;
}

.root-washer__images,
.brush-washer__photos,
.ultra-washer__photo-box,
.drum-washer__photo-box,
.manual-washer__photo-box,
.auto-washer__photo-box,
.vortex-washer__photos,
.sdewater-photo {
    z-index: 10;
}


/* ----------------------------------------------------------
   4) 모바일에서는 기존 구조 유지
   (이미 대부분 hidden 처리되어 있으므로 안전하게 유지)
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .brush-washer__top,
    .ultra-washer__top,
    .drum-washer__top,
    .manual-washer__top,
    .auto-washer__top,
    .vortex-washer__top,
    .sdewater-head {
        overflow: hidden;
    }
}

/* ==========================================================
   구근류세척기 위치 복구
========================================================== */

.root-washer {
    position: relative;
}

/* 중요: 구근류만 배경이 absolute 구조 */
.root-washer__bg {
    position: absolute !important;

    top: 0;
    left: 0;

    width: 100%;
    height: 583px;

    background: #192850;

    border-radius: 38px;

    overflow: hidden;

    isolation: isolate;

    z-index: 0;
}


/* 텍스트 + 이미지 */
.root-washer__inner {
    position: relative;

    z-index: 2;

    width: calc(100% - 96px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 72px;

    box-sizing: border-box;
}

/* ==========================================================
   버블 세척기
========================================================== */

.bubble-washer {
    position: relative;
    width: 100%;
    padding-bottom: 80px;
    box-sizing: border-box;
}


/* ==========================================================
   상단 NAVY 영역
========================================================== */

.bubble-washer__top {
    position: relative;

    width: 100%;
    min-height: 730px;

    background: #192750;
    border-radius: 38px;

    /*
       제품사진이 아래로 내려오므로
       PC에서는 visible
    */
    overflow: visible;

    isolation: isolate;

    box-sizing: border-box;
}


/* ==========================================================
   대각선 배경
   네이비 박스 밖으로 나오지 않는 방식
========================================================== */

.bubble-washer__top::before,
.bubble-washer__top::after {
    content: "";

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    z-index: 0;

    border-radius: inherit;
}


/* 상단 밝은 사선 */
.bubble-washer__top::before {
    background: rgba(255,255,255,0.035);

    clip-path: polygon(
        42% 0,
        100% 0,
        100% 68%,
        73% 56%
    );
}


/* 하단 어두운 사선 */
.bubble-washer__top::after {
    background: rgba(5,18,48,0.18);

    clip-path: polygon(
        0 71%,
        78% 43%,
        86% 68%,
        0 100%
    );
}


/* ==========================================================
   내부
========================================================== */

.bubble-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    min-height: 730px;

    margin: 0 auto;

    padding-top: 62px;

    box-sizing: border-box;
}


/* ==========================================================
   제목
========================================================== */

.bubble-washer__title {
    margin: 0 0 32px;

    color: #cfe5ff;

    font-size: 47px;
    font-weight: 500;

    line-height: 1.25;
    letter-spacing: -2px;
}


/* ==========================================================
   특징
========================================================== */

.bubble-washer__feature h3 {
    display: inline-block;
    position: relative;

    margin: 0 0 18px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}


.bubble-washer__feature h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.8);
}


.bubble-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.bubble-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin: 0 0 11px;

    color: #f4f6fb;

    font-size: 17px;
    font-weight: 300;

    line-height: 1.5;
    letter-spacing: -0.5px;
}


.bubble-washer__feature li span {
    flex: 0 0 auto;
}


/* ==========================================================
   투입량 / 용도
========================================================== */

.bubble-washer__detail {
    margin-top: 34px;
}


.bubble-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 25px;

    color: #fff;

    font-size: 17px;
    line-height: 1.5;
}


.bubble-washer__detail-row strong {
    position: relative;

    flex: 0 0 100px;

    display: inline-block;

    margin-right: 18px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.bubble-washer__detail-row strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.75);
}


.bubble-washer__detail-row > div {
    color: #f4f6fa;
    font-weight: 300;
}


.bubble-washer__use p {
    margin: 0 0 2px;
}


/* ==========================================================
   제품 이미지 2장
========================================================== */

.bubble-washer__photos {
    position: absolute;
    z-index: 10;

    left: 0;
    right: 0;

    bottom: -150px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 100%;
    height: 300px;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 17px;

    overflow: hidden;

    box-sizing: border-box;
}


.bubble-washer__photo {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;

    background: #fff;
}


.bubble-washer__photo + .bubble-washer__photo {
    border-left: 1px solid #fff;
}


.bubble-washer__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* ==========================================================
   하단 사양
========================================================== */

.bubble-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 215px;

    box-sizing: border-box;
}


.bubble-washer__spec {
    width: 570px;
    max-width: 100%;
}


.bubble-washer__spec-row {
    display: grid;

    grid-template-columns: 165px 1fr;

    align-items: center;

    min-height: 52px;
}


/* 왼쪽 네이비 라벨 */
.bubble-washer__spec-row strong {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 150px;
    height: 40px;

    padding: 0 12px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* 오른쪽 값 */
.bubble-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;

    line-height: 1.35;
}


.bubble-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 1024px) {

    .bubble-washer__top {
        min-height: 680px;

        border-radius: 28px;
    }


    .bubble-washer__inner {
        width: calc(100% - 60px);

        min-height: 680px;

        padding-top: 50px;
    }


    .bubble-washer__title {
        font-size: 40px;
    }


    .bubble-washer__feature li,
    .bubble-washer__detail-row {
        font-size: 16px;
    }


    .bubble-washer__photos {
        bottom: -135px;

        height: 270px;
    }


    .bubble-washer__spec-wrap {
        width: calc(100% - 60px);

        padding-top: 195px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 767px) {

    .bubble-washer {
        padding-bottom: 45px;
    }


    .bubble-washer__top {
        min-height: 0;

        border-radius: 20px;

        /*
           모바일에서는 이미지가 일반 배치가 되므로
           배경 장식을 박스 내부에서 잘라줌
        */
        overflow: hidden;
    }


    .bubble-washer__inner {
        width: calc(100% - 36px);

        min-height: 0;

        padding-top: 35px;
    }


    /* 제목 */
    .bubble-washer__title {
        margin-bottom: 25px;

        font-size: 30px;
        letter-spacing: -1.2px;
    }


    /* 특징 */
    .bubble-washer__feature h3 {
        font-size: 18px;
    }


    .bubble-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;
        line-height: 1.6;

        word-break: keep-all;
    }


    /* 투입량 / 용도 */
    .bubble-washer__detail {
        margin-top: 28px;
    }


    .bubble-washer__detail-row {
        display: grid;

        grid-template-columns: 88px 1fr;

        margin-bottom: 20px;

        font-size: 14px;
    }


    .bubble-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    /* ======================================================
       이미지 모바일
       2장 → 위아래
    ====================================================== */

    .bubble-washer__photos {
        position: relative;

        left: auto;
        right: auto;
        bottom: auto;

        display: grid;
        grid-template-columns: 1fr;

        width: 100%;
        height: auto;

        margin-top: 35px;

        border-radius: 14px 14px 0 0;
    }


    .bubble-washer__photo {
        width: 100%;
        height: auto;
    }


    .bubble-washer__photo + .bubble-washer__photo {
        border-left: 0;
        border-top: 1px solid #ddd;
    }


    .bubble-washer__photo img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }


    /* ======================================================
       사양표 모바일
    ====================================================== */

    .bubble-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .bubble-washer__spec {
        width: 100%;
    }


    .bubble-washer__spec-row {
        grid-template-columns: 130px 1fr;

        min-height: 48px;
    }


    .bubble-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .bubble-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;

        word-break: keep-all;
    }

}


/* ==========================================================
   작은 모바일
========================================================== */

@media screen and (max-width: 480px) {

    .bubble-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .bubble-washer__title {
        font-size: 26px;
    }


    .bubble-washer__feature li {
        font-size: 13px;
    }


    .bubble-washer__detail-row {
        grid-template-columns: 76px 1fr;

        font-size: 13px;
    }


    .bubble-washer__detail-row strong {
        font-size: 13px;
    }


    .bubble-washer__photos {
        margin-top: 28px;
    }


    .bubble-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .bubble-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }


    .bubble-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .bubble-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}


/* ==========================================================
   3단 자동 세척기
========================================================== */

.three-washer {
    position: relative;
    width: 100%;
    padding-bottom: 80px;
    box-sizing: border-box;
}


/* ==========================================================
   상단 NAVY
========================================================== */

.three-washer__top {
    position: relative;

    width: 100%;
    min-height: 730px;

    background: #192750;
    border-radius: 38px;

    overflow: visible;

    isolation: isolate;

    box-sizing: border-box;
}


/* ==========================================================
   대각선 배경
========================================================== */

.three-washer__top::before,
.three-washer__top::after {
    content: "";

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    z-index: 0;

    border-radius: inherit;
}


/* 상단 밝은 대각선 */
.three-washer__top::before {
    background: rgba(255,255,255,0.035);

    clip-path: polygon(
        42% 0,
        100% 0,
        100% 68%,
        73% 56%
    );
}


/* 하단 어두운 대각선 */
.three-washer__top::after {
    background: rgba(5,18,48,0.18);

    clip-path: polygon(
        0 71%,
        78% 43%,
        86% 68%,
        0 100%
    );
}


/* ==========================================================
   내부
========================================================== */

.three-washer__inner {
    position: relative;
    z-index: 2;

    width: calc(100% - 80px);
    max-width: 1200px;

    min-height: 730px;

    margin: 0 auto;

    padding-top: 62px;

    box-sizing: border-box;
}


/* ==========================================================
   제목
========================================================== */

.three-washer__title {
    margin: 0 0 32px;

    color: #cfe5ff;

    font-size: 47px;
    font-weight: 500;

    line-height: 1.25;

    letter-spacing: -2px;
}


/* ==========================================================
   특징
========================================================== */

.three-washer__feature h3 {
    display: inline-block;
    position: relative;

    margin: 0 0 18px;

    color: #fff;

    font-size: 19px;
    font-weight: 600;

    line-height: 1.4;
}


.three-washer__feature h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.8);
}


.three-washer__feature ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.three-washer__feature li {
    display: flex;
    align-items: flex-start;

    gap: 6px;

    margin: 0 0 11px;

    color: #f4f6fb;

    font-size: 17px;
    font-weight: 300;

    line-height: 1.5;

    letter-spacing: -0.5px;
}


.three-washer__feature li span {
    flex: 0 0 auto;
}


/* ==========================================================
   투입량 / 용도
========================================================== */

.three-washer__detail {
    margin-top: 34px;
}


.three-washer__detail-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 25px;

    color: #fff;

    font-size: 17px;
    line-height: 1.5;
}


.three-washer__detail-row strong {
    position: relative;

    flex: 0 0 100px;

    display: inline-block;

    margin-right: 18px;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


.three-washer__detail-row strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.75);
}


.three-washer__detail-row > div {
    color: #f4f6fa;

    font-weight: 300;
}


.three-washer__detail-row > div > span {
    margin-left: 3px;
}


.three-washer__use p {
    margin: 0 0 2px;
}


/* ==========================================================
   제품 이미지
========================================================== */

.three-washer__photos {
    position: absolute;
    z-index: 10;

    left: 0;
    right: 0;

    bottom: -150px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 100%;
    height: 300px;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 17px;

    overflow: hidden;

    box-sizing: border-box;
}


.three-washer__photo {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;

    background: #fff;
}


.three-washer__photo + .three-washer__photo {
    border-left: 1px solid #fff;
}


.three-washer__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* ==========================================================
   사양표
========================================================== */

.three-washer__spec-wrap {
    width: calc(100% - 80px);
    max-width: 1200px;

    margin: 0 auto;

    padding-top: 215px;

    box-sizing: border-box;
}


.three-washer__spec {
    width: 570px;
    max-width: 100%;
}


.three-washer__spec-row {
    display: grid;

    grid-template-columns: 165px 1fr;

    align-items: center;

    min-height: 52px;
}


/* 왼쪽 라벨 */
.three-washer__spec-row strong {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 150px;
    height: 40px;

    padding: 0 12px;

    background: #142652;

    border-radius: 30px;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* 오른쪽 값 */
.three-washer__spec-row span {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 18px;

    border-bottom: 1px dotted #777;

    box-sizing: border-box;

    color: #333;

    font-size: 21px;
    font-weight: 300;

    line-height: 1.35;
}


.three-washer__spec-row:last-child span {
    border-bottom: 0;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 1024px) {

    .three-washer__top {
        min-height: 680px;

        border-radius: 28px;
    }


    .three-washer__inner {
        width: calc(100% - 60px);

        min-height: 680px;

        padding-top: 50px;
    }


    .three-washer__title {
        font-size: 40px;
    }


    .three-washer__feature li,
    .three-washer__detail-row {
        font-size: 16px;
    }


    .three-washer__photos {
        bottom: -135px;

        height: 270px;
    }


    .three-washer__spec-wrap {
        width: calc(100% - 60px);

        padding-top: 195px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 767px) {

    .three-washer {
        padding-bottom: 45px;
    }


    .three-washer__top {
        min-height: 0;

        border-radius: 20px;

        overflow: hidden;
    }


    .three-washer__inner {
        width: calc(100% - 36px);

        min-height: 0;

        padding-top: 35px;
    }


    /* 제목 */
    .three-washer__title {
        margin-bottom: 25px;

        font-size: 30px;

        letter-spacing: -1.2px;
    }


    /* 특징 */
    .three-washer__feature h3 {
        font-size: 18px;
    }


    .three-washer__feature li {
        gap: 5px;

        margin-bottom: 9px;

        font-size: 14px;

        line-height: 1.6;

        word-break: keep-all;
    }


    /* 투입량 */
    .three-washer__detail {
        margin-top: 28px;
    }


    .three-washer__detail-row {
        display: grid;

        grid-template-columns: 88px 1fr;

        margin-bottom: 20px;

        font-size: 14px;
    }


    .three-washer__detail-row strong {
        flex: none;

        width: max-content;

        margin-right: 0;

        font-size: 14px;
    }


    .three-washer__detail-row > div > span {
        display: block;

        margin: 2px 0 0;
    }


    /* ======================================================
       사진 2장 → 모바일에서는 위아래
    ====================================================== */

    .three-washer__photos {
        position: relative;

        left: auto;
        right: auto;

        bottom: auto;

        display: grid;

        grid-template-columns: 1fr;

        width: 100%;
        height: auto;

        margin-top: 35px;

        border-radius: 14px 14px 0 0;
    }


    .three-washer__photo {
        width: 100%;
        height: auto;
    }


    .three-washer__photo + .three-washer__photo {
        border-left: 0;

        border-top: 1px solid #ddd;
    }


    .three-washer__photo img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }


    /* ======================================================
       모바일 사양
    ====================================================== */

    .three-washer__spec-wrap {
        width: calc(100% - 36px);

        padding-top: 35px;
    }


    .three-washer__spec {
        width: 100%;
    }


    .three-washer__spec-row {
        grid-template-columns: 130px 1fr;

        min-height: 48px;
    }


    .three-washer__spec-row strong {
        width: 120px;
        height: 35px;

        padding: 0 8px;

        font-size: 15px;
    }


    .three-washer__spec-row span {
        min-height: 46px;

        padding: 0 10px;

        font-size: 17px;

        word-break: keep-all;
    }

}


/* ==========================================================
   작은 모바일
========================================================== */

@media screen and (max-width: 480px) {

    .three-washer__inner {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .three-washer__title {
        font-size: 26px;
    }


    .three-washer__feature li {
        font-size: 13px;
    }


    .three-washer__detail-row {
        grid-template-columns: 76px 1fr;

        font-size: 13px;
    }


    .three-washer__detail-row strong {
        font-size: 13px;
    }


    .three-washer__photos {
        margin-top: 28px;
    }


    .three-washer__spec-wrap {
        width: calc(100% - 28px);

        padding-top: 28px;
    }


    .three-washer__spec-row {
        grid-template-columns: 108px 1fr;
    }


    .three-washer__spec-row strong {
        width: 100px;
        height: 32px;

        font-size: 13px;
    }


    .three-washer__spec-row span {
        padding-left: 9px;

        font-size: 15px;
    }

}