/* BASIC css start */
/* ==================================================
   BASIC MAIN PC CSS - SAFE REFACTORED
   - Existing selectors, layout values and interactions preserved
   - Dead commented code, empty rules and obsolete vendor duplicates removed
   - Replace the current main PC CSS only after keeping the backup file
================================================== */

.swiper-container{position:static !important;}

#overlay_layer{display:none !important;}

/* main */
.title_main{
    position:relative;
    width:100%;
    max-width:1500px;
    min-width:1300px;
    margin:0 auto 50px;
    padding:0 20px;
    box-sizing:border-box;
}
.title_main h2{
    font-family:'Pretendard', sans-serif;
    text-align:left;
    color:#000000;
    font-size:27px;
    line-height:20px;
    font-weight:800;
    letter-spacing:0px;
    text-transform:uppercase;
}

.title_main .btn_viewmore2{position:absolute;right:0;top:5px;}
.title_main .txt{font-family: 'Pretendard', sans-serif; font-size:20px;line-height:20px;color:#fff;letter-spacing:0px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.title_main .txt2{font-family:'Pretendard', sans-serif; font-size:13px;line-height:13px;color:#c0b5a7;letter-spacing:0px;position:absolute;right:0;top:50%;transform:translateY(-50%);}

.hr_line{width:100%;height:1px;background:#e5e2dd;margin:0;padding:0;outline:0;border:0;}


/* ==================================================
   COMMON 1500 CONTAINER ALIGNMENT
================================================== */


.maininsta_box{
    position:relative;
    width:100%;
    min-width:1300px;
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    z-index:1;
}


.maininsta_area .title_main{
    width:100%;
    max-width:1500px;
    min-width:1300px;
    margin:0 auto 50px;
    padding:0 20px;
    box-sizing:border-box;
}

/* mainvisual */
.mainvisual_area{
    position:relative;
    width:100%;
    height:520px;
    overflow:hidden;
    margin:40px auto 0;
}

.mainvisual_box{
    width:1400px;
    height:520px;
    margin:0 auto;
}

.mainvisual_area .slick-list{
    overflow:visible !important;
    height:520px !important;
}

.mainvisual_area .slick-track{
    height:520px !important;
}

/* 카드 폭 450px × 3 + 간격 25px × 2 = 1400px */
.mainvisual_area .slick-slide{
    width:450px !important;
    height:520px !important;
    margin:0 25px 0 0;
    opacity:.35;
    transition:opacity .4s ease;
}

.mainvisual_area .slick-slide.active3{
    opacity:1;
}

.mainvisual_area .slick-slide > div{
    height:520px !important;
}

.mainvisual_area .box{
    position:relative;
    width:450px !important;
    height:520px !important;
    overflow:hidden;
    cursor:pointer;
    background-size:cover !important;
    background-position:center center !important;
}

.mainvisual_area .box .link{
    display:block;
    height:520px;
}

/* 텍스트 위치 */
.mainvisual_area .text_box{
    position:absolute;
    left:50%;
    bottom:55px;
    width:100%;
    max-width:360px;
    transform:translateX(-50%);
    padding-left:0;
    z-index:2;
    text-align:center;
}

.mainvisual_area .text_box dt{
    font-family:'Pretendard', sans-serif;
    color:#fff;
    font-size:28px;
    line-height:40px;
    margin-bottom:10px;
    letter-spacing:0px;
    font-weight:400;
    text-align:center;
}

.mainvisual_area .text_box .txt1{
    font-size:38px;
    line-height:32px;
    color:#fff;
    letter-spacing:0px;
    margin-bottom:40px;
    font-weight:700;
    text-align:center;
}

.mainvisual_area .text_box .txt2{
    font-size:20px;
    line-height:24px;
    color:#fff;
    letter-spacing:0px;
    margin-top:20px;
    font-weight:300;
    text-align:center;
}

/* 중앙 텍스트 배너도 카드 안에서 정리 */
.mainvisual_area .text_box.text_box2{
    left:40px;
    right:40px;
    bottom:70px;
    width:auto;
    max-width:none;
    padding-left:0 !important;
    transform:none;
    text-align:center;
}

/* 영상 슬라이드 배너 시작 */
.banner-slideArea-v{min-width:1300px;padding:0;overflow:hidden;}
.banner-slideArea-v .titleArea{text-align:center; margin-bottom:50px;}
.banner-slideArea-v .titleArea h2{font-size:28px;}
.banner-slideArea-v .swiper-container{position:relative !important; width:100%;height:auto;}

.banner-slideArea-v .swiper-button-prev,
.banner-slideArea-v .swiper-button-next{top:50%; transform:translateY(-50%); margin:0; background:none;}

.banner-slideArea-v .swiper-button-prev{left:50%; right:auto; margin-left:-660px;}
.banner-slideArea-v .swiper-button-next{right:50%; left:auto; margin-right:-660px;}

.banner-slideArea-v .swiper-button-prev:after,
.banner-slideArea-v .swiper-button-next:after{
  font-family: swiper-icons;
  font-size: 30px;
  color:#000;
}
.banner-slideArea-v .swiper-button-prev:hover:after,
.banner-slideArea-v .swiper-button-next:hover:after{color:#999;}

.banner-slideArea-v .item{text-align:left; position:relative; margin:0; outline:0; width:1200px;}
.banner-slideArea-v .item>.in{display:table; width:100%; height:100%; font-size:0; line-height:0;}
.banner-slideArea-v .item>.in>*{display:table-cell; width:50%; height:1070px; vertical-align:bottom; font-size:13px; line-height:1.1;}
.banner-slideArea-v .item .img{position:relative;   height:100% !important;  overflow:hidden; transition:0.2s;}
.banner-slideArea-v .item .img iframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.banner-slideArea-v .item .txt{position:relative; padding-bottom:100px; box-sizing:border-box; text-align:center; background-position:bottom; background-size:cover; transition:0.2s;}
.banner-slideArea-v .item .txt h2{font-size:20px; color:#fff; margin-bottom:40px; font-weight:normal; font-family:'Pretendard', sans-serif;  letter-spacing:0px;}
.banner-slideArea-v .item .txt p{font-size:26px; color:#fff; margin-bottom:40px; font-weight:200; font-family:'Pretendard', sans-serif; }
.banner-slideArea-v .item .txt .btn{display:block; margin:0 auto;   height:50px; line-height:50px; text-align:left; }
.banner-slideArea-v .item .txt .btn a .Button_secondary{color:#fff; border-color:#fff;}
.banner-slideArea-v .item .txt .btn a i{position:absolute; top:0; right:20px; line-height:50px; }
.banner-slideArea-v .item .txt .btn a:hover .Button_secondary{border-color:#c3b6ab;}
/* 영상 슬라이드 배너 종료 */

/* ==================================================
   항상 사랑받는 원목가구
================================================== */

.mainproducttab_area{
    position:relative;
    padding:20px 0 100px;
    background:#fff;
    overflow:hidden;
}

.mainproducttab_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto;
    box-sizing:border-box;
}

/* 제목 */
.mainproducttab_area .title_main{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 0 42px !important;
    padding:0 !important;
    box-sizing:border-box;
}

/* ==================================================
   상단 탭 버튼
================================================== */

.mainproducttab_area .tab{
    position:absolute;
    top:0;
    right:0;

    display:flex;
    align-items:center;
    gap:10px;

    margin:0;
    padding:0;

    overflow:visible;
    list-style:none;
    text-align:right;
    font-size:0;
}

/* 개별 버튼 */
.mainproducttab_area .tab li{
    position:relative;

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

    min-width:76px;
    height:34px;

    margin:0;
    padding:0 17px;

    border:1px solid #ded8d1;
    border-radius:999px;
    background:#fff;

    color:#c8c4bf;
    font-family:'Pretendard', sans-serif;
    font-size:13px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.3px;

    white-space:nowrap;
    cursor:pointer;
    box-sizing:border-box;

    transition:
        color .25s ease,
        border-color .25s ease,
        background-color .25s ease;
}

/* 기존 상단 점 제거 */
.mainproducttab_area .tab li > span{
    display:none !important;
}

/* 활성 버튼 */
.mainproducttab_area .tab li.active{
    border-color:#6a3d10;
    background:#6a3d10;
    color:#fff;
    font-weight:600;
}

/* 비활성 버튼 호버 */
.mainproducttab_area .tab li:not(.active):hover{
    border-color:#a89a8c;
    color:#765638;
}

/* ==================================================
   탭 패널
================================================== */

.mainproducttab_area .panel_area{
    height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
}

.mainproducttab_area .panel_area.active{
    height:auto;
    opacity:1;
    overflow:visible;
    pointer-events:auto;
}

/* 첫 번째 탭 상품 추가 보기 */
.mainproducttab_box .mproduct_box.mainmore li{
    display:none;
}

.mainproducttab_box .mproduct_box.mainmore li:nth-child(1),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(2),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(3),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(4),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(5),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(6),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(7),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(8){
    display:inline-block;
}

/* 1480px 이하 PC */
@media screen and (max-width:1480px){

    .mainproducttab_box{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }
}
/* ==================================================
   항상 사랑받는 원목가구 - VIEW MORE
   기존 아래 화살표 유지 / 쇼룸 버튼 스타일
================================================== */

.mainproducttab_area .more_box a,
.mainproducttab_area .more_box .boxmore{
    position:relative;

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

    width:175px;
    height:48px;

    margin:50px auto 0;
    padding:0 17px;

    border:1px solid rgba(34,34,34,.65);
    background:#fff;

    color:#111;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-align:left;

    box-sizing:border-box;
    cursor:pointer;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease;
}


/* 기존 채워지는 ::before 효과 제거 */
.mainproducttab_area .more_box a::before{
    display:none !important;
}


/* hover */
.mainproducttab_area .more_box a:not([disabled]):hover,
.mainproducttab_area .more_box .boxmore:not([disabled]):hover{
    background:#111;
    border-color:#111;
    color:#fff;
}

/* ==================================================
   지금! 주목해야 할 원목가구
================================================== */

.mainproducttab_area2{
    position:relative;
    padding:90px 0 100px;
    background:#fff;
    overflow:hidden;
}

.mainproducttab_box2{
    position:relative;
    min-width:1300px;
    max-width:1500px;
    margin:0 auto;
}

/* 제목 */
.mainproducttab_area2 .title_main{
    margin-bottom:42px;
}

/* 상단 탭 */
.mainproducttab_area2 .tab{
    position:absolute;
    top:0;
    right:0;

    display:flex;
    align-items:center;
    gap:10px;

    margin:0;
    padding:0;

    overflow:visible;
    text-align:right;
    font-size:0;
}

/* 탭 버튼 */
.mainproducttab_area2 .tab li{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:76px;
    height:34px;

    margin:0;
    padding:0 17px;

    border:1px solid #ded8d1;
    border-radius:999px;
    background:#fff;

    color:#c8c4bf;
    font-family:'Pretendard', sans-serif;
    font-size:13px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.3px;

    cursor:pointer;
    box-sizing:border-box;

    transition:
        color .25s ease,
        border-color .25s ease,
        background-color .25s ease;
}

/* 기존 점 표시 제거 */
.mainproducttab_area2 .tab li > span{
    display:none;
}

/* 활성 탭 */
.mainproducttab_area2 .tab li.active{
    border-color:#6a3d10;
    background:#6a3d10;
    color:#fff;
    font-weight:600;
}

/* 비활성 탭 호버 */
.mainproducttab_area2 .tab li:not(.active):hover{
    border-color:#a89a8c;
    color:#765638;
}

/* 패널 */
.mainproducttab_area2 .panel_area{
    position:relative;
    height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
}

.mainproducttab_area2 .panel_area.active{
    height:auto;
    opacity:1;
    overflow:visible;
    pointer-events:auto;
}

/* ==================================================
   MAIN SERIES
================================================== */

.mainseries_area{
    position:relative;
    width:100%;
    padding:100px 0 110px;
    background:#f5f3f0;
    overflow:hidden;
    box-sizing:border-box;
}

.mainseries_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto;
    box-sizing:border-box;
}

/* 제목 */
.mainseries_title{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;
    margin:0 0 42px;
    padding:0;

    box-sizing:border-box;
}

.mainseries_title h2{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}

/* MORE + */
.mainseries_more{
    display:inline-flex;
    align-items:center;
    gap:4px;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:500;
    color:#b8ada3;
    text-decoration:none;
    text-transform:uppercase;

    transition:color .3s ease;
}

.mainseries_more span{
    display:inline-block;
    transition:transform .3s ease;
}

.mainseries_more:hover{
    color:#8d7b6b;
}

.mainseries_more:hover span{
    transform:rotate(90deg);
}

/* 슬라이더 외부 */
.mainseries_outer{
    position:relative;
    width:100%;
    overflow:visible;
    box-sizing:border-box;
}

.mainseries_slider{
    position:relative !important;
    width:100%;
    overflow:hidden;
}

.mainseries_slider .swiper-wrapper{
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
}

.mainseries_slider .swiper-slide{
    flex-shrink:0;
    height:auto;
    margin:0;
    padding:0;
    text-align:center;
    box-sizing:border-box;
}

.mainseries_slider .swiper-slide > a{
    display:block;
    width:100%;
    color:inherit;
    text-decoration:none;
}

/* 원형 이미지 */
.mainseries_img{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;

    margin:0;
    overflow:hidden;
    border-radius:50%;
    background:#ebe7e2;

    box-sizing:border-box;
}

.mainseries_img::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:rgba(0,0,0,0);
    pointer-events:none;
    transition:background-color .35s ease;
}

.mainseries_img img{
    display:block;
    width:100%;
    height:100%;

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

    transform:scale(1);
    transition:transform .4s ease;
}

.mainseries_slider .swiper-slide:hover .mainseries_img img{
    transform:scale(1.035);
}

.mainseries_slider .swiper-slide:hover .mainseries_img::after{
    background:rgba(0,0,0,.06);
}

/* 시리즈명 */
.mainseries_text{
    width:100%;
    margin:16px 0 0;
    padding:0;
    text-align:center;
}

.mainseries_text span{
    display:block;
    margin:0 0 4px;

    font-family:'Pretendard',sans-serif;
    font-size:14px;
    line-height:1.3;
    font-weight:400;
    color:#c3b6ab;
    letter-spacing:0;
}

.mainseries_text strong{
    display:block;

    font-family:'Pretendard',sans-serif;
    font-size:16px;
    line-height:1.4;
    font-weight:500;
    color:#222;
    letter-spacing:-.5px;

    transition:color .25s ease;
}

.mainseries_slider .swiper-slide:hover .mainseries_text strong{
    color:#765638;
}

/* 좌우 화살표 */
.mainseries_prev,
.mainseries_next{
    position:absolute;
    top:45%;

    width:42px;
    height:42px;

    margin:0;
    padding:0;
    border:0;
    background:transparent;

    transform:translateY(-80%);
    cursor:pointer;
    outline:0;
    z-index:30;
}

.mainseries_prev{
    left:-52px;
}

.mainseries_next{
    right:-52px;
}

.mainseries_prev::before,
.mainseries_next::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:12px;
    height:12px;

    border-top:2px solid #c3b6ab;
    border-right:2px solid #c3b6ab;

    transition:border-color .25s ease;
}

.mainseries_prev::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.mainseries_next::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainseries_prev:hover::before,
.mainseries_next:hover::before{
    border-color:#9f9388;
}

.mainseries_prev::after,
.mainseries_next::after{
    display:none;
}

/* 1480px 이하 PC */
@media screen and (max-width:1480px){

    .mainseries_box{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }

    .mainseries_prev{
        left:-48px;
    }

    .mainseries_next{
        right:-48px;
    }
}

/* ==================================================
   상단 프로모션 배너
================================================== */

.mainproducttab_area2 .maintabban_box{
    position:relative;
    display:flex;

    width:100%;
    height:360px;
    
    margin:0 0 42px;
    overflow:hidden;

    background:#f4f1ed;
    box-sizing:border-box;
}

/* 왼쪽 이미지 */
.mainproducttab_area2 .maintabban_box .img{
    position:relative;
    width:50%;
    height:100%;
    overflow:hidden;
    z-index:1;
}

.mainproducttab_area2 .maintabban_box .img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* 오른쪽 텍스트 영역 */
.mainproducttab_area2 .maintabban_box dl{
    position:relative;
    width:50%;
    height:100%;
    bottom:20px;
    margin:0;
    padding:76px 70px;
    background:#f4f1ed;
    box-sizing:border-box;
    z-index:2;
}

/* 작은 영문 제목 */
.mainproducttab_area2 .maintabban_box .eng_title{
    margin:0 0 8px;
    font-family:'Pretendard', sans-serif;
    font-size:26px;
    line-height:1.2;
    font-weight:400;
    color:#222;
    letter-spacing:0;
}

/* 메인 제목 */
.mainproducttab_area2 .maintabban_box dt{
    margin:0;
    font-family:'Pretendard', sans-serif;
    font-size:38px;
    line-height:1.35;
    font-weight:800;
    color:#111;
    letter-spacing:-1.8px;
}

/* 설명 */
.mainproducttab_area2 .maintabban_box .txt{
    margin:18px 0 34px;
    font-family:'Pretendard', sans-serif;
    font-size:22px;
    line-height:1.75;
    font-weight:500;
    color:#000000;
    letter-spacing:-.5px;
}
.mainproducttab_area2 .maintabban_box .txt .point_txt{
    display:block;
    margin-top:0px;

    font-family:'Pretendard', sans-serif;
    font-size:18px;  
    font-weight:400;  
    line-height:1.6;
    letter-spacing:-0.3px;
    color:#3c3c3c;      
}

/* 프로모션 배너 버튼 */
.mainproducttab_area2 .maintabban_box .btn{
    margin:0;
    padding:0;
}

.mainproducttab_area2 .maintabban_box .btn a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:175px;
    height:48px;
    margin:0;
    padding:0 17px;

    border:1px solid #c3b6ab;
    background:transparent;
    color:#9f9388;

    font-family:'Pretendard', sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:500;

    overflow:hidden;
    box-sizing:border-box;
    z-index:1;

    transition:
        color .35s ease,
        border-color .35s ease;
}

/* 왼쪽에서 오른쪽으로 채워지는 배경 */
.mainproducttab_area2 .maintabban_box .btn a::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;

    width:100%;
    height:100%;

    background:#c3b6ab;
    transition:left .35s ease;
    z-index:-1;
}

.mainproducttab_area2 .maintabban_box .btn a span{
    font-size:15px;
    font-weight:400;
    color:inherit;

    transition:
        transform .35s ease,
        color .35s ease;
}

/* Hover */
.mainproducttab_area2 .maintabban_box .btn a:hover{
    color:#fff;
    border-color:#c3b6ab;
}

.mainproducttab_area2 .maintabban_box .btn a:hover::before{
    left:0;
}

.mainproducttab_area2 .maintabban_box .btn a:hover span{
    color:#fff;
    transform:rotate(90deg);
}

/* ==================================================
   상품 슬라이더
================================================== */

.mainproducttab_area2 .tabouter_box{
    position:relative;
}

.mainproducttab_area2 .mproduct_box{
    position:relative;
    overflow:hidden;
}

/* 상품 사이 여백은 기존 Swiper 설정 사용 */
.mainproducttab_area2 .mproduct_box .swiper-slide{
    box-sizing:border-box;
}

/* 좌우 화살표 */
.mainproducttab_area2 .panel_area .next,
.mainproducttab_area2 .panel_area .prev{
    position:absolute;
    top:150px;

    width:42px;
    height:42px;

    margin:0;
    padding:0;
    border:0;

    background:none;
    transform:translateY(-50%);

    cursor:pointer;
    outline:0;
    z-index:20;
}

.mainproducttab_area2 .panel_area .next{
    left:-48px;
}

.mainproducttab_area2 .panel_area .prev{
    right:-48px;
}

.mainproducttab_area2 .panel_area .next::before,
.mainproducttab_area2 .panel_area .prev::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:11px;
    height:11px;

    border-top:2px solid #c8bbae;
    border-right:2px solid #c8bbae;
    transition:border-color .25s ease;
}

.mainproducttab_area2 .panel_area .next::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.mainproducttab_area2 .panel_area .prev::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainproducttab_area2 .panel_area .next:hover::before,
.mainproducttab_area2 .panel_area .prev:hover::before{
    border-color:#c3b6ab;
}



.mainmdpickban_area{background:#efedea;margin-bottom:5%;}
.mainmdpickban_box{
    position:relative;min-width:1300px;
    max-width:1500px;
    height:300px;
    margin:0 auto;
    overflow:hidden;background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_mainmdpickban.jpg") no-repeat center 10%;
    background-size:auto 300px;
}
.mainmdpickban_area dl{position:absolute;left:6%;top:50%;transform:translateY(-50%);}
/*.mainmdpickban_area .txt{font-family: 'Pretendard',sans-serif;font-size:14px;line-height:13px;color:#97938f;letter-spacing:-1px;margin-bottom:22px;}*/
.mainmdpickban_area .txt{
    font-family: 'Pretendard',sans-serif;
    font-size: 14px;
    line-height: 13px;
    color: #97938f;
    letter-spacing: -1px;
    margin-bottom: 22px;
    font-weight: 700;
}
/*.mainmdpickban_area dt{font-family: 'Pretendard', sans-serif;font-size:22px;line-height:35px;color:#201f1e;letter-spacing:-1px;}*/
.mainmdpickban_area dt{
    font-family: 'Pretendard', sans-serif;
    font-size: 22px;
    line-height: 35px;
    color: #201f1e;
    letter-spacing: -1px;
    font-weight: 400;
}

/* ==================================================
   SHOWROOM FULL WIDTH BANNER
================================================== */
.basic_showroom_banner{
    position:relative;
    width:100%;
    min-width:1300px;
    height:460px;
    margin:0;
    padding:0;
    overflow:hidden;
    background:
        url("//dainpark06.cafe24.com/sunny/images/basic_showroom_banner.jpg")
        no-repeat center center;
    background-size:cover;
    box-sizing:border-box;
}

.basic_showroom_banner_inner{
    position:relative;
    width:100%;
    max-width:1500px;
    height:100%;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

.basic_showroom_banner_text{
    position:absolute;
    top:40%;
    left:20px;
    transform:translateY(-50%);
    z-index:2;
}

.basic_showroom_banner_text .eyebrow{
    margin:0 0 20px;
    font-family:'Pretendard', sans-serif;
    font-size:18px;
    line-height:1;
    font-weight:800;
    color:#181818;
    letter-spacing:-0.3px;
}

.basic_showroom_banner_text h2{
    margin:0;
    font-family:'Pretendard', sans-serif;
    font-size:34px;
    line-height:1.35;
    font-weight:800;
    color:#111;
    letter-spacing:-1.6px;
}

.basic_showroom_banner_text .description{
    margin:26px 0 0;
    font-family:'Pretendard', sans-serif;
    font-size:15px;
    line-height:1.75;
    font-weight:400;
    color:#555;
    letter-spacing:-0.5px;
}

.basic_showroom_banner_button{
    position:absolute;
    top:340px;
    left:0px;
    right:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:175px;
    height:48px;
    padding:0 17px;
    border:1px solid rgba(34,34,34,.65);
    background:rgba(255,255,255,.12);
    color:#111;
    font-family:'Pretendard', sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:600;
    box-sizing:border-box;
    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease;
}

.basic_showroom_banner_button .plus{
    font-size:15px;
    font-weight:400;
    transition:transform .3s ease;
}

.basic_showroom_banner_button:hover{
    background:#111;
    border-color:#111;
    color:#fff;
}

.basic_showroom_banner_button:hover .plus{
    transform:rotate(90deg);
}

/* ==================================================
   HISTORY NUMBER BANNER
================================================== */

/* 배너 밖 섹션 제목 */
.mainhistorynum_title{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto 42px;
    padding:0;
    box-sizing:border-box;
}

.mainhistorynum_title h2{
    margin:0;
    padding:0;
    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}


/* ==================================================
   배너 전체
================================================== */

.mainhistorynum_area{
    position:relative;
    width:100%;
    height:420px;
    margin:0;
    padding:0;
    overflow:hidden;
    background:url("//dainpark06.cafe24.com/sunny/images/history_img.jpg") no-repeat center center;
    background-size:cover;
    box-sizing:border-box;
}

.mainhistorynum_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    height:100%;
    margin:0 auto;
    padding:0;
    overflow:visible;
    box-sizing:border-box;
}


/* ==================================================
좌측 문구
================================================== */

.mainhistorynum_box .title_box{
    position:absolute;
    left:36%;
    top:50%;
    width:29%;
    margin:0;
    padding:0;
    transform:translateY(-50%);
    z-index:3;
}

.mainhistorynum_box .title_box .title{
    position:relative;
    margin:0;
    padding:18px 0 0;

    font-family:'Pretendard', sans-serif;
    font-size:18px;
    line-height:29px;
    font-weight:600;

    color:#493d34;
    letter-spacing:-0.7px;
    word-break:keep-all;
}

.mainhistorynum_box .title_box .title2{
    display:none;
}

/* 문구 위 작은 포인트 라인 */
.mainhistorynum_box .title_box .title:before{
    content:'';
    position:absolute;
    left:0;
    top:0;

    width:28px;
    height:2px;
    background:#806b59;
}


/* ==================================================
   기준일
================================================== */

.mainhistorynum_box > .txt{
    position:absolute;
    top:80px;
    right:0;
    margin:0;
    padding:0;
    font-family:'Pretendard', sans-serif;
    font-size:11px;
    line-height:1;
    font-weight:400;
    color:rgba(255,255,255,.9);
    letter-spacing:-0.3px;
    white-space:nowrap;
    z-index:10;
}


/* ==================================================
   숫자 전체 영역
================================================== */

.mainhistorynum_box ul{
    position:absolute;
    top:50%;
    right:-30px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    width:50%;
    margin:0;
    padding:0;
    transform:translateY(-50%);
    overflow:visible;
    list-style:none;
    box-sizing:border-box;
}

.mainhistorynum_box li{
    position:relative;
    float:none;
    width:33.333%;
    margin:0;
    padding:8px 18px;
    border:0;
    text-align:center;
    box-sizing:border-box;
}


/* 세로 구분선 */
.mainhistorynum_box li + li:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:100%;
    background:rgba(255,255,255,.3);
}


/* ==================================================
   숫자 영역
================================================== */

.mainhistorynum_box .num_box{
    margin:0;
    padding:0;
    text-align:center;
    white-space:nowrap;
}


/* 숫자 한 줄 */
.mainhistorynum_box .number_line{
    display:flex;
    align-items:center;
    justify-content:center;

    height:55px;
    margin:0;
    padding:0;

    white-space:nowrap;
}

/* 앞자리 282, / 622, / 98, */
.mainhistorynum_box .number_prefix{
    display:inline-block;
    height:55px;
    font-family:'Libre Bodoni', serif;
    font-size:50px;
    line-height:55px;
    font-weight:400;
    color:#fff;
    letter-spacing:-1px;
}


/* 마지막 3자리 묶음 */
.mainhistorynum_box .rolling_digits{
    display:inline-flex;
    align-items:flex-start;
    height:55px;
    overflow:hidden;

    /* 기존 13px 삭제 */
    transform:none;
}


/* 숫자 한 자리 */
.mainhistorynum_box .rolling_digit{
    position:relative;
    display:inline-block;

    /* 29px → 넉넉하게 */
    width:34px;
    height:55px;

    overflow:hidden;

    font-family:'Libre Bodoni', serif;
    font-size:50px;
    line-height:55px;
    font-weight:400;
    color:#fff;
    letter-spacing:-1px;
}


/* 현재 숫자 / 다음 숫자 */
.mainhistorynum_box .digit_current,
.mainhistorynum_box .digit_next{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:55px;

    text-align:center;

    transition:
        transform .7s cubic-bezier(.22,.61,.36,1),
        opacity .55s ease;
}


/* 현재 숫자 */
.mainhistorynum_box .digit_current{
    transform:translateY(0);
    opacity:1;
}

/* 다음 숫자는 아래에서 대기 */
.mainhistorynum_box .digit_next{
    transform:translateY(100%);
    opacity:0;
}

/* 롤링 시작 - 현재 숫자는 위로 사라짐 */
.mainhistorynum_box .rolling_digit.is_rolling .digit_current{
    transform:translateY(-100%);
    opacity:0;
}

/* 다음 숫자는 아래에서 위로 올라옴 */
.mainhistorynum_box .rolling_digit.is_rolling .digit_next{
    transform:translateY(0);
    opacity:1;
}


/* 위치 초기화 */
.mainhistorynum_box .rolling_digit.no_transition .digit_current,
.mainhistorynum_box .rolling_digit.no_transition .digit_next{
    transition:none !important;
}

/* ==================================================
   HOURS / PERSON / GROWTH
================================================== */

.mainhistorynum_box .num_box .text_hisnum{
    display:block;
    margin:7px 0 0;
    padding:0;
    font-family:'Pretendard', sans-serif;
    font-size:11px;
    line-height:15px;
    font-weight:500;
    color:#fff;
    letter-spacing:2px;
    text-transform:uppercase;
}


/* ==================================================
   % 전용
================================================== */

.mainhistorynum_box .percent_hisnum{
    display:inline-block;
    margin-left:5px;
    margin-top:20px;
    padding:0;
    font-family:'Libre Bodoni', serif;
    font-size:25px;
    line-height:1;
    font-weight:400;
    color:#fff !important;
    letter-spacing:0;
    opacity:1 !important;
}


/* ==================================================
   하단 설명
================================================== */

.mainhistorynum_box .text_box{
    position:relative;
    margin:34px 0 0;
    padding:0;
    font-family:'Pretendard', sans-serif;
    font-size:15px;
    line-height:22px;
    font-weight:400;
    color:rgba(255,255,255,.92);
    letter-spacing:-0.6px;
    text-align:center;
    word-break:keep-all;
}


/* 숫자와 설명 사이 짧은 선 */
.mainhistorynum_box .text_box:before{
    content:'';
    position:absolute;
    top:-18px;
    left:50%;
    width:22px;
    height:1px;
    background:rgba(255,255,255,.5);
    transform:translateX(-50%);
}

/* 제목 영역 */
.mainmovie_area .title_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
}

/* ==================================================
   MAIN MOVIE WIDTH ALIGN
================================================== */

.mainmovie_area .bg_outer{
    width:100%;
    margin-top:50px;
}

/* 제목과 영상 영역을 같은 폭으로 통일 */
.mainmovie_area .title_box,
.mainmovie_area .mainvideo_area{
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}

/* 제목 간격 */
.mainmovie_area .title_box{
    margin-bottom:50px;
}

/* 영상 내부는 부모 폭 전체 사용 */
.mainmovie_area .mainvideo_area_inner,
.mainmovie_area .mainvideo_box,
.mainmovie_area .youtube_wrap{
    width:100%;
}

/* iframe 여백 제거 */
.mainmovie_area iframe{
    display:block;
    width:100%;
    border:0;
}

/* 제목 */
.mainmovie_area .title_box h2{
    margin:0;
    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:-1px;
    color:#111;
}

/* MORE */
.mainmovie_more{
    display:flex;
    align-items:center;
    gap:4px;

    font-size:12px;
    font-weight:500;
    color:#b8ada3;

    text-decoration:none;
    transition:.3s;
}

.mainmovie_more:hover{
    color:#8d7b6b;
}

.mainmovie_more span{
    transition:.3s;
}

.mainmovie_more:hover span{
    transform:rotate(90deg);
}

.mainvideo_area_inner{position:relative;background:#f2f1ee;}
.mainvideo_area_inner2{position:relative;background:#f2f1ee;}
.mainreal_area{padding:120px 0 120px; background:#fff;}
.mainreal_box{min-width:1400px;max-width:1400px;margin:0 auto;}

/* REAL STORY 화살표 */
.mainreal_area .outer_box .next,
.mainreal_area .outer_box .prev{
    position:absolute;
    top:210px;

    width:42px;
    height:42px;

    margin:0;
    padding:0;
    border:0;

    background:none;
    transform:translateY(-50%);

    cursor:pointer;
    outline:0;
    z-index:20;
}

.mainreal_area .outer_box .next{
    left:-48px;
}

.mainreal_area .outer_box .prev{
    right:-48px;
}

.mainreal_area .outer_box .next::before,
.mainreal_area .outer_box .prev::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:11px;
    height:11px;

    border-top:2px solid #c8bbae;
    border-right:2px solid #c8bbae;
    transition:border-color .25s ease;
}

.mainreal_area .outer_box .next::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.mainreal_area .outer_box .prev::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainreal_area .outer_box .next:hover::before,
.mainreal_area .outer_box .prev:hover::before{
    border-color:#c3b6ab;
}
.mainreal_area .outer_box{position:relative;}
.mainreal_area .mreal_story{overflow:hidden;}

.mainreal_box .img_box{position:relative;overflow:hidden;}
.mainreal_box .img_box .text{position:absolute;left:0;bottom:30px;width:100%;color:#fff;font-size:15px;line-height:15px;padding-left:6%;z-index:3;}
.mainreal_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;

z-index:2;}

.mainreal_box .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;}
.mainreal_box .img{position:relative;overflow:hidden;z-index:1;}
.mainreal_box .img img{
width:100%;
transform: scale(1);

transition: all 0.3s ease-in-out;

z-index:1;
}
.mainreal_box .box:hover .img img{
transform: scale(1.02);

transition: all 0.3s ease-in-out;

}
.mainreal_box dl{padding:45px 0 0 0;}
.mainreal_box dt{font-family: 'Pretendard', sans-serif; font-size:18px;line-height:20px;color:#201f1e;letter-spacing:-1px;font-weight:600;}
.mainreal_box dt p{display:none;}
.mainreal_box .txt{font-size:0;line-height:0;color:#000000;letter-spacing:-1px;margin:15px 0 25px;font-weight:300;}
.mainreal_box .txt p{font-size:16px;line-height:25px;}
.mainreal_box .btn{font-family:'Pretendard', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}

/* ==================================================
   MAIN MATERIAL - WOOD SPECIES (SWIPER)
================================================== */

.mainmaterial_area{
    padding:120px 0;
    background:#fff;
}

.mainmaterial_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto;
    overflow:visible;
    box-sizing:border-box;
}

/* 원목 수종 제목을 슬라이더 이미지 끝선과 일치 */
.mainmaterial_box .title_main{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 0 50px !important;
    padding:0 !important;

    box-sizing:border-box;
}

.mainmaterial_box .title_main h2{
    margin:0 !important;
    padding:0 !important;
}

/* swiper */

.mainmaterial_slider{
    position:relative;
    overflow:hidden;
}

.mainmaterial_box > .mainmaterial_slider > ul,
.mainmaterial_box ul.mainmaterial-wrapper{
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
}

.mainmaterial_box li.mainmaterial-slide{
    flex-shrink:0;
}

/* 카드 */
.mainmaterial_box li.mainmaterial-slide > a{
    display:block;
    width:100%;
    margin:0;
    color:inherit;
    text-decoration:none;
    box-sizing:border-box;
}

/* 이미지 */
.mainmaterial_box .img_box{
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    margin:0;
    overflow:hidden;
    border-radius:16px;
    box-sizing:border-box;
}

.mainmaterial_box .img_box .bg{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0);
    transition:background-color .35s ease;
    z-index:2;
}

.mainmaterial_box li:hover .img_box .bg{
    background:rgba(0,0,0,.10);
}

.mainmaterial_box .img{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
}

.mainmaterial_box .img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:transform .35s ease;
}

.mainmaterial_box li:hover .img img{
    transform:scale(1.03);
}

/* 수종명 */
.mainmaterial_box .text{
    display:flex;
    flex-direction:column-reverse;
    align-items:center;

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

    font-family:'Pretendard', sans-serif;
    font-size:17px;
    line-height:1.35;
    font-weight:500;
    color:#201f1e;
    letter-spacing:-.5px;
    text-align:center;

    box-sizing:border-box;
}

.mainmaterial_box .text span{
    display:block;
    margin:0 0 4px;
    padding:0;

    font-size:15px;
    line-height:1.3;
    font-weight:400;
    color:#c3b6ab;
}

/* 화살표 */

.material-prev,
.material-next{

    position:absolute;

    top:145px;

    width:42px;
    height:42px;

    border:1px solid #e4e0dc;
    border-radius:50%;

    background:#fff;

    box-shadow:0 4px 14px rgba(0,0,0,.08);

    transform:translateY(-50%);

    cursor:pointer;

    z-index:30;

    transition:.25s;
}

.material-prev{

    left:-21px;

}

.material-next{

    right:-21px;

}

.material-prev::before,
.material-next::before{

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:9px;
    height:9px;

    border-top:1.5px solid #333;
    border-right:1.5px solid #333;

}

.material-prev::before{

    transform:translate(-35%,-50%) rotate(-135deg);

}

.material-next::before{

    transform:translate(-65%,-50%) rotate(45deg);

}

.material-prev:hover,
.material-next:hover{

    border-color:#bbb2aa;

    background:#fafafa;

    box-shadow:0 6px 18px rgba(0,0,0,.13);

}

.material-prev::after,
.material-next::after{

    display:none;

}

@media(max-width:1480px){

    .mainmaterial_box{

        width:1300px !important;

        min-width:1300px !important;

        max-width:1300px !important;

    }

}
.maininterview_area{ background:#fff; margin-top:-120px; padding-top:120px;}
.maininterview_box{min-width:1300px;max-width:1500px;margin:0 auto; }
.maininterview_area .title_main{margin:0;padding:0 0 45px;background:#fff;}
.maininterview_box .left_box{ width:100%;padding:120px 0 105px 0; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maininterview_box .right_box{ width:100%;padding:20px 50px 150px 0px;overflow:hidden;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.maininterview_area.bottom{margin:0; padding:0 0 0px;}
.maininterview_area.bottom .maininterview_box{display:flex; }

.maininterview_area.bottom .title_main{min-width:initial;}
.maininterview_area.bottom .title_main h2{text-align:left;}
.maininterview_area.bottom .mreview_box .box a span{color:#7f664b; margin-right:20px; font-weight:500;}
.maininterview_area.bottom .maininterview_box .right_box{width:calc(50% - 50px); padding-right:0;}
.maininterview_area.bottom .maininterview_box .right_box.rr{margin-left:100px;}

.maininterview_area .outer_box{position:relative;}
.maininterview_area .minterview_box{margin:0 -25px; }
.maininterview_area .minterview_box .item{margin:0 25px;}
.maininterview_area .minterview_box .box{position:relative;display:block; margin-bottom:15px;border:1px solid #e5e2dd;background:#ebe7e4;overflow:hidden;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maininterview_area .minterview_box .img{width:100%; height:400px;}
.maininterview_area .minterview_box .img img{width:100%;}
.maininterview_area .minterview_box dl{position:relative; top:-1px; background:#ebe7e4; text-align:center;  padding:50px 20px; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maininterview_area .minterview_box .txt{font-family:'Pretendard', sans-serif;color:#b8633c;font-size:13px;line-height:13px;margin:0 0 30px;text-transform:uppercase;}
.maininterview_area .minterview_box dt{font-family: 'Pretendard', sans-serif;font-size:19px;  color:#201f1e;letter-spacing:-2px;margin:0 0 8%;}
.maininterview_area .minterview_box dt h2{font-size:19px; font-weight:400;}
.maininterview_area .minterview_box dt p{font-size:14px; color:#97938f; margin-top:15px;}
.maininterview_area .minterview_box .btn{font-family:'Pretendard', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}

.maininterview_area .mreview_box{height:50px;}
.maininterview_area .mreview_box .box{border-top:1px solid #e5e2dd;padding:19px 0 21px;}
.maininterview_area .mreview_box .box a{display:block;color:#a9a6a3;font-size:14px;line-height:16px;letter-spacing:-1px;}
.maininterview_area .mreview_box .slick-list{padding:0 0 1px;}

.maininterview_area:not(.bottom) .next{position:absolute;left:-60px;top:50%;transform:translateY(-350%);width:11px;height:20px;background:url("http://dainpark06.cafe24.com/sunny/images/ico_leftblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.maininterview_area:not(.bottom) .prev{position:absolute;right:-60px;top:50%;transform:translateY(-350%);width:11px;height:20px;background:url("http://dainpark06.cafe24.com/sunny/images/ico_rightblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}

.maininterview_area.bottom .outer_box .next{position:absolute;right:0;top:-65px;width:20px;height:20px;outline:0; cursor:pointer;}
.maininterview_area.bottom .outer_box .next img{width:100%;}
.maininterview_area.bottom .outer_box .prev{position:absolute;right:25px;top:-65px;width:20px;height:20px;outline:0; cursor:pointer;}
.maininterview_area.bottom .outer_box .prev img{width:100%;}

/* ==================================================
   MAIN CATEGORY SLIDER - SWIPER FINAL
================================================== */

.maincategory_area{
    position:relative;
    width:100%;
    padding:100px 0 110px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

.maincategory_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto;
    overflow:visible;
    box-sizing:border-box;
}

/* 제목 */
.maincategory_area .title_main{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 0 42px !important;
    padding:0 !important;
    box-sizing:border-box;
}

.maincategory_area .title_main h2{
    margin:0;
    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}

/* Swiper 외부 영역 */
.maincategory_slider{
    position:relative !important;
    width:100%;
    overflow:hidden;
}

/* 기존 UL을 Swiper wrapper로 사용 */
.maincategory_box > .maincategory_slider > ul,
.maincategory_box ul.maincategory-wrapper{
    display:flex;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
    box-sizing:border-box;
}

/* 슬라이드 */
.maincategory_box li.maincategory-slide{
    position:relative;
    flex-shrink:0;
    display:block;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* 카드 */
.maincategory_box li.maincategory-slide > a{
    display:block;
    width:100%;
    margin:0;
    color:#111;
    text-decoration:none;
    box-sizing:border-box;
}

/* 이미지 */
.maincategory_box .ico_box,
.maincategory_box .ico_box[class*="ico"]{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    margin:0;
    overflow:hidden;
    border-radius:8px;
    background:none !important;
    box-sizing:border-box;
}

.maincategory_box .ico_box img{
    display:block;
    width:100%;
    height:100%;
    opacity:1 !important;
    object-fit:cover;
    object-position:center;
    transform:scale(1);
    transition:transform .4s ease;
}

.maincategory_box li:hover .ico_box img{
    transform:scale(1.035);
}

/* 카테고리명 */
.maincategory_box .text{
    width:100%;
    margin:14px 0 0;
    font-family:'Pretendard', sans-serif;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
    color:#111;
    letter-spacing:-.6px;
    text-align:center;
    white-space:nowrap;
    transition:color .25s ease;
}

.maincategory_box li:hover .text{
    color:#765638;
}

/* 좌우 화살표 */
.maincategory-prev,
.maincategory-next{
    position:absolute;
    top:155px;
    width:42px;
    height:42px;
    margin:0;
    padding:0;
    border:1px solid #e4e0dc;
    border-radius:50%;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
    transform:translateY(-50%);
    cursor:pointer;
    outline:0;
    z-index:30;
    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}

.maincategory-prev{
    left:-21px;
}

.maincategory-next{
    right:-21px;
}

.maincategory-prev::before,
.maincategory-next::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:9px;
    height:9px;
    border-top:1.5px solid #333;
    border-right:1.5px solid #333;
}

.maincategory-prev::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.maincategory-next::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.maincategory-prev:hover,
.maincategory-next:hover{
    border-color:#bbb2aa;
    background:#fafafa;
    box-shadow:0 6px 18px rgba(0,0,0,.13);
}

.maincategory-prev::after,
.maincategory-next::after{
    display:none !important;
}

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

    .maincategory_box{
        width:1300px !important;
        min-width:1300px !important;
        max-width:1300px !important;
    }
}

/* ==================================================
   MAIN CATEGORY QUICK MENU
   카테고리 하단 고정형 10개 메뉴
================================================== */

.maincategory_quick{
    position:relative;
    width:100%;
    margin:58px 0 0;
    padding:0;
    box-sizing:border-box;
}

.maincategory_quick > ul{
    display:grid;
    grid-template-columns:repeat(10, minmax(0, 1fr));
    column-gap:22px;

    width:100%;
    margin:0;
    padding:0;

    overflow:visible;
    list-style:none;
    box-sizing:border-box;
}

.maincategory_quick > ul > li{
    position:relative;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    text-align:center;
    box-sizing:border-box;
}

.maincategory_quick > ul > li > a{
    display:block;
    width:100%;
    color:#333;
    text-decoration:none;
}

/* 세로형 이미지 */
.maincategory_quick .quick_img{
    position:relative;
    width:100%;
    aspect-ratio: .72 / 1;

    margin:0 auto;
    overflow:hidden;

    border-radius:999px;
    background:#f1efec;
    box-sizing:border-box;
}

/* 이미지 공통 */
.maincategory_quick .quick_img img{
    display:block;
    width:100%;
    height:100%;

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

    transform:scale(1);
    transition:
        transform .4s ease,
        opacity .3s ease;
}

/* 마지막 4개 아이콘 */
.maincategory_quick .quick_icon_item .quick_img{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1efec;
}

.maincategory_quick .quick_icon_item .quick_img img{
    width:auto;
    height:auto;

    max-width:38px;
    max-height:38px;

    object-fit:contain;
    opacity:.85;

    transform:none;
    transition:transform .3s ease;
}


/* 하단 문구 */
.maincategory_quick p{
    margin:17px 0 0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:14px;
    line-height:1.45;
    font-weight:400;
    color:#555;
    letter-spacing:-.45px;
    text-align:center;
    word-break:keep-all;

    transition:color .25s ease;
}

/* 앞의 6개 이미지 메뉴만 호버 효과 */
.maincategory_quick > ul > li:not(.quick_icon_item):hover .quick_img img{
    transform:scale(1.035);
}

.maincategory_quick > ul > li:not(.quick_icon_item):hover p{
    color:#765638;
}

/* 마지막 4개 아이콘은 호버 효과 없음 */
.maincategory_quick .quick_icon_item > a{
    cursor:default;
}

.maincategory_quick .quick_icon_item:hover .quick_img img{
    transform:none;
    opacity:.85;
}

.maincategory_quick .quick_icon_item:hover p{
    color:#555;
}

/* 1480px 이하 PC */
@media screen and (max-width:1480px){

    .maincategory_quick > ul{
        column-gap:18px;
    }

    .maincategory_quick p{
        font-size:12px;
    }
}

/* ==================================================
   MAIN QUALITY - 베이직가구, 품질을 증명하다
================================================== */

.mainquality_area{
    position:relative;
    width:100%;
    padding:120px 0;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

.mainquality_box{
    position:relative;
    width:calc(100% - 80px) !important;
    min-width:1300px !important;
    max-width:1400px !important;
    margin:0 auto !important;
    overflow:visible;
    box-sizing:border-box;
}

/* 제목 */
.mainquality_area .title_box{
    position:relative;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 0 42px !important;
    padding:0 !important;
    box-sizing:border-box;
}

.mainquality_area .title_box h2{
    margin:0;
    padding:0;
    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}

/* MORE + */
.mainquality_area .title_box .txt{
    position:absolute;
    top:7px;
    right:0;

    display:inline-flex;
    align-items:center;
    gap:4px;

    height:auto;
    margin:0;
    padding:0;

    font-family:'Pretendard', sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:500;
    color:#b8ada3;
    letter-spacing:0;
    text-transform:uppercase;
    text-decoration:none;

    transition:color .3s ease;
}

.mainquality_area .title_box .txt span{
    display:inline-block;
    font-size:13px;
    line-height:1;
    font-weight:400;

    transition:transform .3s ease;
}

.mainquality_area .title_box .txt:hover{
    color:#8d7b6b;
}

.mainquality_area .title_box .txt:hover span{
    transform:rotate(90deg);
}

/* 슬라이더 외부 */
.mainquality_area .outer_box{
    position:relative;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    overflow:visible;
    box-sizing:border-box;
}

/* Swiper 영역 */
.mainquality_area .main_quality{
    position:relative !important;
    width:100%;
    overflow:hidden;
}

/* 슬라이드 */
.mainquality_area .main_quality .swiper-slide{
    height:auto;
    box-sizing:border-box;
}

.mainquality_area .box > a{
    display:block;
    width:100%;
    color:inherit;
    text-decoration:none;
}

/* 이미지 */
.mainquality_area .img_box{
    position:relative;
    width:100%;
    aspect-ratio:1.68 / 1;
    margin:0;
    overflow:hidden;
    background:#eee;
    box-sizing:border-box;
}

.mainquality_area .img_box .bg{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0);
    transition:background-color .45s ease;
    pointer-events:none;
    z-index:2;
}

.mainquality_area .box:hover .img_box .bg{
    background:rgba(0,0,0,.16);
}

.mainquality_area .img{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
}

.mainquality_area .img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1);
    transition:transform .4s ease;
}

.mainquality_area .box:hover .img img{
    transform:scale(1.025);
}

/* 하단 설명 */
.mainquality_area .info_box{
    display:flex;
    align-items:flex-start;
    width:100%;
    margin:0;
    padding:18px 0 0;

    font-family:'Pretendard', sans-serif;
    font-size:15px;
    line-height:1.45;
    font-weight:400;
    color:#333;
    letter-spacing:-.5px;

    box-sizing:border-box;
}

.mainquality_area .info_box span{
    flex:none;
    display:inline-block;
    margin:0;
    padding:0 9px 0 0;

    font-family:'Pretendard', sans-serif;
    font-size:15px;
    line-height:1.45;
    font-weight:500;
    color:#c3b6ab;
    letter-spacing:0;
}

/* 좌우 화살표 */
.mainquality_area .outer_box > .next,
.mainquality_area .outer_box > .prev{
    position:absolute;
    top:45%;

    width:42px;
    height:42px;

    margin:0;
    padding:0;
    border:0;
    background:none !important;

    transform:translateY(-85%);
    cursor:pointer;
    outline:0;
    z-index:30;
}

/* 왼쪽 화살표 */
.mainquality_area .outer_box > .next{
    left:-48px;
}

/* 오른쪽 화살표 */
.mainquality_area .outer_box > .prev{
    right:-48px;
}

/* 화살표 선 */
.mainquality_area .outer_box > .next::before,
.mainquality_area .outer_box > .prev::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:11px;
    height:11px;

    border-top:2px solid #c3b6ab;
    border-right:2px solid #c3b6ab;

    transition:border-color .25s ease;
}

.mainquality_area .outer_box > .next::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.mainquality_area .outer_box > .prev::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainquality_area .outer_box > .next:hover::before,
.mainquality_area .outer_box > .prev:hover::before{
    border-color:#9f9388;
}

/* 기존 이미지 화살표 제거 */
.mainquality_area .next,
.mainquality_area .prev{
    background-image:none !important;
}

/* 1480px 이하 PC */
@media screen and (max-width:1480px){

    .mainquality_box{
        width:1300px !important;
        min-width:1300px !important;
        max-width:1300px !important;
    }

    .mainquality_area .outer_box > .next{
        left:-48px;
    }

    .mainquality_area .outer_box > .prev{
        right:-48px;
    }
}
/* ==================================================
   MAIN PROVE
   EDITORIAL BRAND STORY
   MOCKUP FINAL + TEXT ALIGN
================================================== */


/* ==================================================
   SECTION
================================================== */

.mainprove_area{
    position:relative;

    width:100%;
    min-width:1400px;

    padding:0 0 10px;

    background:#fff;

    overflow:hidden;

    box-sizing:border-box;
}


.mainprove_box{
    position:relative;

    width:1400px !important;
    min-width:1400px !important;
    max-width:1400px !important;

    margin:0 auto !important;
    padding:0 !important;

    box-sizing:border-box;
}


/* ==================================================
   TITLE
================================================== */

.mainprove_title{
    position:relative;

    width:100%;

    margin:0 0 42px;
    padding:0;

    box-sizing:border-box;
}


.mainprove_title h2{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:27px;
    line-height:1.3;

    font-weight:800;

    color:#111;

    letter-spacing:-1px;
}


/* ==================================================
   COMMON
================================================== */

.prove_editorial{
    position:relative;

    width:1400px;

    margin:0 auto;

    box-sizing:border-box;
}


.prove_image{
    position:absolute;

    display:block;

    overflow:hidden;

    background:#f3f1ee;

    color:inherit;
    text-decoration:none;

    box-sizing:border-box;
}


.prove_image img{
    display:block;

    width:100%;
    height:100%;

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

    transform:scale(1.035);

    transition:
        transform 1.3s cubic-bezier(.16,1,.3,1);
}


.prove_image:hover img{
    transform:scale(1.015);
}


/* ==================================================
   IMAGE LABEL
================================================== */

.prove_image_label{
    position:absolute;

    top:55px;
    right:34px;

    z-index:5;

    font-family:'Pretendard',sans-serif;

    font-size:26px;
    line-height:1;

    font-weight:700;

    color:#fff;

    letter-spacing:-.5px;

    pointer-events:none;
}


/* ==================================================
   VERTICAL TYPOGRAPHY
================================================== */

.prove_vertical_text{
    position:absolute;

    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:15px;
    line-height:1;

    font-weight:600;

    color:#111;

    letter-spacing:.6px;

    writing-mode:vertical-rl;
    text-orientation:mixed;

    white-space:nowrap;

    z-index:25;

    pointer-events:none;
}


/* ==================================================
   STORY LINK
================================================== */

.prove_story_link{
    position:relative;

    display:inline-flex;

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

    min-width:130px;

    padding:0 0 8px;

    border-bottom:1px solid #777;

    font-family:'Pretendard',sans-serif;

    font-size:11px;
    line-height:1;

    font-weight:500;

    color:#222;

    letter-spacing:.4px;

    text-decoration:none;

    box-sizing:border-box;
}


/* REAL WOOD 버튼만 기존 간격 유지 */
.prove_realwood .prove_story_link{
    margin-top:42px;
}


/* BASIC / WOOD / FAITH 버튼은
   텍스트 박스 최하단에 동일하게 고정 */
.prove_basic_text .prove_story_link,
.prove_wood_text .prove_story_link,
.prove_faith_text .prove_story_link{
    align-self:flex-start;

    margin-top:auto;

    min-width:130px;
}


.prove_story_link span{
    display:inline-block;

    margin-left:35px;

    font-size:15px;

    transition:transform .3s ease;
}


.prove_realwood .prove_story_link:hover span{
    transform:translateX(5px);
}


.prove_basic .prove_story_link:hover span,
.prove_wood .prove_story_link:hover span,
.prove_faith .prove_story_link:hover span{
    transform:rotate(90deg);
}


/* ==================================================
   BASIC / WOOD / FAITH
   TEXT RHYTHM
================================================== */

/*
   세 구역 모두 동일한 텍스트 박스 구조

   NUMBER
     ↓
   TITLE
     ↓
   BODY
     ↓
   BUTTON

   버튼은 박스 최하단에 자동 정렬
*/

.prove_basic_text,
.prove_wood_text,
.prove_faith_text{
    display:flex;
    flex-direction:column;

    width:500px;
    height:360px;

    box-sizing:border-box;
}


/* ==================================================
   NUMBER
================================================== */

.prove_number{
    display:block;

    flex:none;

    margin:0 0 28px;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:10px;
    line-height:1;

    font-weight:600;

    color:#8f8882;

    letter-spacing:1.4px;
}


/* ==================================================
   COMMON BODY TITLE
================================================== */

.prove_basic_text h3,
.prove_wood_text h3,
.prove_faith_text h3{
    flex:none;

    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:33px;
    line-height:1.35;

    font-weight:800;

    color:#111;

    letter-spacing:-1.6px;
}


/* ==================================================
   COMMON BODY COPY
================================================== */

.prove_basic_text p,
.prove_wood_text p,
.prove_faith_text p{
    flex:none;

    margin:30px 0 0;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:18px;
    line-height:1.8;

    font-weight:500;

    color:#333;

    letter-spacing:-.45px;
}


/* ==================================================
   01 REAL WOOD
================================================== */

.prove_realwood{
    position:relative;

    width:1400px;
    height:505px;
}


/* 상단 큰 이미지 */
.prove_realwood_image{
    top:0;

    left:calc((1400px - 100vw) / 2);

    width:calc(
        ((100vw - 1400px) / 2)
        + 700px
    );

    height:505px;
}


/* 텍스트 */
.prove_realwood_text{
    position:absolute;

    top:66px;
    left:795px;

    width:410px;

    box-sizing:border-box;
}


/* Real Wood */
.prove_small_title{
    display:flex;

    align-items:center;

    gap:14px;

    margin:0 0 55px;
    padding:0;

    font-family:'Pretendard',sans-serif;

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

    font-weight:400;

    color:#222;
}


.prove_small_title .line{
    display:block;

    width:86px;
    height:1px;

    flex:none;

    background:#555;
}


.prove_realwood_text h3{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:40px;
    line-height:1.25;

    font-weight:800;

    color:#111;

    letter-spacing:-2px;
}


.prove_realwood_text p{
    margin:43px 0 0;
    padding:0;

    font-family:'Pretendard',sans-serif;

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

    font-weight:400;

    color:#333;

    letter-spacing:-.5px;
}


/* 오른쪽 세로 */
.realwood_vertical{
    top:90px;
    right:18px;

    height:320px;

    padding-left:20px;

    border-left:1px solid rgba(20,20,20,.45);
}


/* REAL WOOD 하단 전체선 */
.prove_realwood::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:100vw;
    height:1px;

    background:rgba(20,20,20,.42);

    transform:translateX(-50%);

    pointer-events:none;

    z-index:20;
}


.prove_realwood::before{
    content:none;
}


/* ==================================================
   02 BASIC
================================================== */

.prove_basic{
    position:relative;

    width:1400px;
    height:670px;
}


/*
   BASIC TEXT

   WOOD / FAITH와 동일하게
   top 205px 기준 통일
*/
.prove_basic_text{
    position:absolute;

    top:245px;
    left:0;

    width:500px;
    height:360px;
}


/* BASIC 이미지 */
.prove_basic_image{
    position:absolute;

    top:185px;

    left:auto;
    right:0;

    width:480px;
    height:480px;
}


/* ==================================================
   BASIC 하단선
================================================== */

.prove_basic::after{
    content:"";

    position:absolute;

    top:665px;

    left:calc((1400px - 100vw) / 2);
    right:0;

    width:auto;
    height:1px;

    background:rgba(20,20,20,.42);

    pointer-events:none;

    z-index:20;
}


/* ==================================================
   BASIC → WOOD 연결 세로선
================================================== */

.prove_basic::before{
    content:"";

    position:absolute;

    top:665px;

    right:0;
    left:auto;

    width:1px;
    height:685px;

    background:rgba(20,20,20,.42);

    pointer-events:none;

    z-index:19;
}


/* ==================================================
   BASIC WITH NATURE
================================================== */

.basic_vertical{
    top:auto;

    bottom:5px;

    right:-48px;
    left:auto;

    height:auto;
}


/* ==================================================
   03 WOOD
================================================== */

.prove_wood{
    position:relative;

    width:1400px;
    height:680px;
}


/* WOOD 왼쪽 이미지 */
.prove_wood_image{
    position:absolute;

    top:125px;
    left:0;

    width:480px;
    height:480px;
}


/*
   WOOD TEXT

   BASIC / FAITH와 동일한
   top 205px 기준
*/
.prove_wood_text{
    position:absolute;

    top:185px;
    left:680px;

    width:500px;
    height:360px;
}


/* ==================================================
   WOOD WITH NATURE
================================================== */

.wood_vertical{
    top:auto;

    bottom:75px;

    left:-52px;

    height:auto;

    transform:rotate(180deg);
}


/* ==================================================
   WOOD 하단선
================================================== */

.prove_wood::after{
    content:"";

    position:absolute;

    left:calc((1400px - 100vw) / 2);
    right:0;

    bottom:0;

    width:auto;
    height:1px;

    background:rgba(20,20,20,.42);

    pointer-events:none;

    z-index:20;
}


.prove_wood::before{
    content:none;
}


/* ==================================================
   04 FAITH
================================================== */

.prove_faith{
    position:relative;

    width:1400px;
    height:620px;
}


/*
   FAITH TEXT

   BASIC / WOOD와 동일
*/
.prove_faith_text{
    position:absolute;

    top:60px;
    left:0;

    width:500px;
    height:360px;
}


/* FAITH 오른쪽 이미지 */
.prove_faith_image{
    position:absolute;

    top:0;

    left:auto;
    right:0;

    width:480px;
    height:480px;
}


/* ==================================================
   OUR PROMISE
================================================== */

.faith_vertical{
    top:auto;

    bottom:140px;

    right:-48px;
    left:auto;

    height:auto;
}


/* 시안상 불필요한 선 제거 */
.prove_faith::before{
    content:none;
}


.prove_faith::after{
    content:none;
}


/* ==================================================
   BOTTOM QUOTE
================================================== */

.prove_quote{
    position:relative;

    display:flex;

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

    width:1400px;

    margin:75px auto 0;

    gap:42px;

    box-sizing:border-box;
}


.prove_quote .quote_line{
    flex:1;

    height:1px;

    background:rgba(20,20,20,.42);
}


.prove_quote p{
    flex:none;

    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;

    font-size:19px;
    line-height:1.5;

    font-weight:600;

    color:#444444;

    white-space:nowrap;

    letter-spacing:-.4px;
}


.prove_quote strong{
    margin:0 22px;

    font-family:Georgia,'Times New Roman',serif;

    font-size:28px;
    line-height:1;

    font-weight:400;
}


/* ==================================================
   SCROLL REVEAL
================================================== */

.prove_editorial .prove_image{
    opacity:0;
}


.prove_editorial .prove_image img{
    transform:scale(1.06);
}


.prove_realwood_text,
.prove_basic_text,
.prove_wood_text,
.prove_faith_text{
    opacity:0;

    transform:translateY(20px);
}


.prove_vertical_text{
    opacity:0;
}


/* ==================================================
   ACTIVE
================================================== */

.prove_editorial.prove_reveal .prove_image{
    opacity:1;

    transition:
        opacity .9s ease;
}


.prove_editorial.prove_reveal .prove_image img{
    transform:scale(1);

    transition:
        transform 1.5s cubic-bezier(.16,1,.3,1);
}


.prove_editorial.prove_reveal .prove_realwood_text,
.prove_editorial.prove_reveal .prove_basic_text,
.prove_editorial.prove_reveal .prove_wood_text,
.prove_editorial.prove_reveal .prove_faith_text{
    opacity:1;

    transform:translateY(0);

    transition:
        opacity .8s ease .15s,
        transform 1s cubic-bezier(.16,1,.3,1) .15s;
}


.prove_editorial.prove_reveal .prove_vertical_text{
    opacity:1;

    transition:
        opacity .8s ease .45s;
}

/* ==================================================
   EDITORIAL LINE DRAW MOTION
   가로선 / 세로선 스크롤 드로잉
================================================== */


/* --------------------------------------------------
   REAL WOOD 하단 가로선
   왼쪽 → 오른쪽
-------------------------------------------------- */

.prove_realwood::after{
    transform:
        translateX(-50%)
        scaleX(0);

    transform-origin:left center;
}


/* 활성화 */
.prove_realwood.prove_reveal::after{
    transform:
        translateX(-50%)
        scaleX(1);

    transition:
        transform 1.35s cubic-bezier(.16,1,.3,1) .15s;
}


/* --------------------------------------------------
   BASIC 하단 가로선
   왼쪽 → 오른쪽
-------------------------------------------------- */

.prove_basic::after{
    transform:scaleX(0);

    transform-origin:left center;
}


/* 활성화 */
.prove_basic.prove_reveal::after{
    transform:scaleX(1);

    transition:
        transform 1.3s cubic-bezier(.16,1,.3,1) .18s;
}


/* --------------------------------------------------
   BASIC → WOOD 연결 세로선
   위 → 아래
-------------------------------------------------- */

.prove_basic::before{
    transform:scaleY(0);

    transform-origin:center top;
}


/* 활성화 */
.prove_basic.prove_reveal::before{
    transform:scaleY(1);

    transition:
        transform 1.5s cubic-bezier(.16,1,.3,1) .52s;
}


/* --------------------------------------------------
   WOOD 하단 가로선
   오른쪽 → 왼쪽 느낌
-------------------------------------------------- */

.prove_wood::after{
    transform:scaleX(0);

    transform-origin:right center;
}


/* 활성화 */
.prove_wood.prove_reveal::after{
    transform:scaleX(1);

    transition:
        transform 1.35s cubic-bezier(.16,1,.3,1) .22s;
}

/* ==================================================
   HOVER
================================================== */

.prove_editorial.prove_reveal
.prove_image:hover img{
    transform:scale(1.02);
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion:reduce){

    .prove_editorial .prove_image,
    .prove_editorial .prove_image img,

    .prove_realwood_text,
    .prove_basic_text,
    .prove_wood_text,
    .prove_faith_text,

    .prove_vertical_text{

        opacity:1 !important;

        transform:none !important;

        transition:none !important;
    }

}


/* ==================================================
   PC MIN WIDTH
================================================== */

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

    .mainprove_area{
        min-width:1400px;
    }

}


/* ==================================================
   WOOD CURATION — FINAL
   WALNUT + CURIN
   배경 이미지 하단 → 흰색 그라데이션
================================================== */

/* --------------------------------------------------
   1. 섹션 전체
-------------------------------------------------- */

.maindiff_area,
.maindiff_area2{
    position:relative;
    isolation:isolate;
    width:100%;
    min-width:1300px;
    margin:0;
    padding:0 0 70px;
    border:0;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

/* 두 번째 커린 영역 위 간격 */
.maindiff_area2{
    margin-top:-20px;
}

/* --------------------------------------------------
   1-1. 배경 이미지 전용 레이어
-------------------------------------------------- */

.maindiff_area::before,
.maindiff_area2::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1750px;

    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;

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

/* 월넛 배경 */
.maindiff_area::before{
    background-image:
        url("//dainpark06.cafe24.com/sunny/images/main_ws_img1.jpg");
}

/* 커린 배경 */
.maindiff_area2::before{
    background-image:
        url("//dainpark06.cafe24.com/sunny/images/main_ws_img2.jpg");
}


/* 이미지 하단만 자연스럽게 흰색으로 사라짐 */
.maindiff_area::after,
.maindiff_area2::after{
    content:"";
    position:absolute;
    left:0;
    right:0;

    /* 배경이 끝나기 전부터 그라데이션 시작 */
    top:1200px;
    height:550px;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.04) 15%,
        rgba(255,255,255,.12) 30%,
        rgba(255,255,255,.28) 48%,
        rgba(255,255,255,.52) 65%,
        rgba(255,255,255,.78) 82%,
        rgba(255,255,255,.95) 95%,
        #fff 100%
    );

    pointer-events:none;
    z-index:1;
}

/* --------------------------------------------------
   2. 상단 히어로
-------------------------------------------------- */

.maindiff_area .maindiff_hero,
.maindiff_area2 .maindiff_hero{
    position:relative;

    width:100%;
    height:365px;
    margin:0;
    padding:0;

    background:none !important;
    overflow:visible;
    z-index:2;
}

/* WALNUT / CURIN 타이틀 기준 폭 */
.maindiff_hero_text{
    position:absolute;
    top:82px;
    left:50%;

    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;

    margin:0;
    padding:0;

    transform:translateX(-50%);
    box-sizing:border-box;
    z-index:3;
}

/* WALNUT / CURIN */
.maindiff_hero_text strong{
    display:block;
    margin:0;

    font-family:'Cormorant Garamond', 'Times New Roman', serif;
    font-size:64px;
    line-height:1;
    font-weight:400;

    color:#fff;
    letter-spacing:1px;
}

/* 영문 아래 설명 */
.maindiff_hero_text span{
    display:block;
    margin-top:10px;

    font-family:'Pretendard', sans-serif;
    font-size:15px;
    line-height:1.45;
    font-weight:500;

    color:#fff;
    letter-spacing:-.5px;
}

/* CURIN 글자 흰색 */
.maindiff_area2 .maindiff_hero_text strong,
.maindiff_area2 .maindiff_hero_text span{
    color:#fff;
}

/* --------------------------------------------------
   3. 흰색 상품 패널
-------------------------------------------------- */

.maindiff_area .sunny_inner,
.maindiff_area2 .sunny_inner{
    position:relative;

    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1500px;

    margin:-135px auto 0;
    padding:0;

    overflow:visible;
    box-sizing:border-box;
    z-index:5;
}

.maindiff_content{
    position:relative;

    width:100%;
    margin:0;
    padding:72px 72px 82px;

    background:#fff;
    box-sizing:border-box;
    z-index:6;
}

/* 기존 스크롤 고정용 요소 무력화 */
.maindiff_area .makers,
.maindiff_area .makers2,
.maindiff_area2 .makers,
.maindiff_area2 .makers2{
    display:none !important;
}

/* 기존 active / fixed 스타일 완전 해제 */
.maindiff_area .title_box,
.maindiff_area.active .title_box,
.maindiff_area.active.active2 .title_box,
.maindiff_area2 .title_box,
.maindiff_area2.active .title_box,
.maindiff_area2.active.active2 .title_box{
    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    float:none !important;
    display:block;

    width:100%;
    height:auto;
    min-height:86px;

    margin:0 0 48px;
    padding:0 220px 0 0;

    background:none !important;
    box-sizing:border-box;
}

/* --------------------------------------------------
   4. 패널 상단 텍스트
-------------------------------------------------- */

.maindiff_area .title_box .txt1,
.maindiff_area2 .title_box .txt1{
    margin:0 0 13px;
    padding:0;

    font-family:'Pretendard', sans-serif;
    font-size:17px;
    line-height:1;
    font-weight:800;

    color:#111;
    letter-spacing:.1px;
    text-transform:uppercase;
}

/* 큰 한글 제목 숨김 */
.maindiff_area .title_box dt,
.maindiff_area2 .title_box dt{
    display:none !important;
}

/* 설명 */
.maindiff_area .title_box .txt2,
.maindiff_area2 .title_box .txt2{
    margin:0;
    padding:0;

    font-family:'Pretendard', sans-serif;
    font-size:14px;
    line-height:1.65;
    font-weight:400;

    color:#333;
    letter-spacing:-.45px;
}

/* --------------------------------------------------
   5. VIEW ALL 버튼
   공통 버튼 디자인으로 통일
-------------------------------------------------- */

.maindiff_area .title_box .btn,
.maindiff_area2 .title_box .btn{
    position:absolute;
    top:16px;
    right:0;

    margin:0;
    padding:0;
}


.maindiff_area .title_box .btn a,
.maindiff_area2 .title_box .btn a{
    position:relative;

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

    width:175px;
    height:48px;

    margin:0;
    padding:0 17px;

    border:1px solid rgba(34,34,34,.65);
    background:#fff;

    color:#111;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:600;

    text-decoration:none;
    box-sizing:border-box;
    overflow:hidden;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease;
}


/* 기존 왼쪽에서 차오르는 베이지 배경 제거 */
.maindiff_area .title_box .btn a::before,
.maindiff_area2 .title_box .btn a::before{
    display:none;
}


/* + */
.maindiff_area .title_box .btn a span,
.maindiff_area2 .title_box .btn a span{
    display:inline-block;

    font-size:15px;
    line-height:1;
    font-weight:400;

    color:inherit;

    transition:transform .3s ease;
}


/* hover */
.maindiff_area .title_box .btn a:hover,
.maindiff_area2 .title_box .btn a:hover{
    background:#111;
    border-color:#111;
    color:#fff;
}


/* + 회전 */
.maindiff_area .title_box .btn a:hover span,
.maindiff_area2 .title_box .btn a:hover span{
    transform:rotate(90deg);
}

/* --------------------------------------------------
   6. 상품 목록
-------------------------------------------------- */

.maindiff_area .maindiff_box,
.maindiff_area2 .maindiff_box{
    position:relative;

    float:none !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:0;

    overflow:visible !important;
}

/* 상품 4개 × 2줄 */
.maindiff_area .maindiff_box > ul,
.maindiff_area2 .maindiff_box > ul{
    display:grid !important;

    grid-template-columns:repeat(4, minmax(0, 1fr));
    column-gap:34px;
    row-gap:58px;

    width:100%;
    margin:0 !important;
    padding:0;

    overflow:visible;
    font-size:initial;
    letter-spacing:normal;
}

/* 상품 12개까지만 표시 */
.maindiff_area .maindiff_box > ul:not([style*="display:none"]) > li:nth-child(n+13),
.maindiff_area2 .maindiff_box > ul:not([style*="display:none"]) > li:nth-child(n+13){
    display:none !important;
}

/* 예비 상품 목록 숨김 */
.maindiff_area .maindiff_box > ul[style*="display:none"],
.maindiff_area2 .maindiff_box > ul[style*="display:none"]{
    display:none !important;
}

.maindiff_area .maindiff_box li,
.maindiff_area2 .maindiff_box li{
    position:relative;
    display:block;

    width:100% !important;
    margin:0 !important;
    padding:0;

    overflow:visible;
    vertical-align:top;
    box-sizing:border-box;
}

/* 상품 이미지 */
.maindiff_area .maindiff_box .pro_link,
.maindiff_area2 .maindiff_box .pro_link,
.maindiff_area .maindiff_box .img_box,
.maindiff_area2 .maindiff_box .img_box,
.maindiff_area .maindiff_box .img,
.maindiff_area2 .maindiff_box .img{
    position:relative;
    width:100%;
    overflow:hidden;
}

.maindiff_area .maindiff_box .img img,
.maindiff_area2 .maindiff_box .img img{
    display:block;

    width:100%;
    height:auto;

    transform:scale(1);
    transition:transform .35s ease;
}

.maindiff_area .maindiff_box li:hover .img img,
.maindiff_area2 .maindiff_box li:hover .img img{
    transform:scale(1.02);
}

/* 상품 정보 간격 */
.maindiff_area .maindiff_box .info_box,
.maindiff_area2 .maindiff_box .info_box{
    padding-top:16px;
}

/* --------------------------------------------------
   7. 1580px 이하 PC
-------------------------------------------------- */

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

    .maindiff_hero_text,
    .maindiff_area .sunny_inner,
    .maindiff_area2 .sunny_inner{
        width:1400px;
        min-width:1400px;
        max-width:1400px;
    }

    .maindiff_content{
        padding-left:60px;
        padding-right:60px;
    }
}

/* --------------------------------------------------
   8. 1480px 이하 PC
-------------------------------------------------- */

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

    .maindiff_hero_text,
    .maindiff_area .sunny_inner,
    .maindiff_area2 .sunny_inner{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }

    .maindiff_content{
        padding-left:55px;
        padding-right:55px;
    }

    .maindiff_area .maindiff_box > ul,
    .maindiff_area2 .maindiff_box > ul{
        column-gap:28px;
    }
}

/* ==================================================
   MAIN YOUTUBE
   영상으로 만나보는 베이직가구
================================================== */

.mainyoutube_area{
    position:relative;
    width:100%;
    min-width:1300px;
    padding:0px 0 30px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

.mainyoutube_inner{
    position:relative;
    width:100%;
    margin:0 auto;
}

/* 제목 */
.mainyoutube_area .title_main{
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto 50px;
    padding:0;
    box-sizing:border-box;
}

.mainyoutube_area .title_main h2{
    margin:0;
    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}

/* 슬라이더 전체 */
.mainyoutube_slider_wrap{
    position:relative;
    width:100%;
    overflow:visible;
}

.mainyoutube_slider{
    position:relative !important;
    width:100%;
    overflow:visible !important;
}

.mainyoutube_slider .swiper-wrapper{
    align-items:center;
}

/* 슬라이드 */
.mainyoutube_slider .swiper-slide{
    position:relative;
    width:760px;
    height:430px;
    overflow:hidden;
    background:#111;

    transform:scale(.97);
    box-sizing:border-box;
    will-change:transform, opacity;

    transition:
        transform .7s cubic-bezier(.22,.61,.36,1),
        opacity .7s ease;
}


.mainyoutube_slider .swiper-slide:not(.swiper-slide-active) img{
    filter:
        brightness(1.18)
        saturate(.7);
}

.mainyoutube_slider .swiper-slide:not(.swiper-slide-active)::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.35);
    pointer-events:none;
    z-index:6;
}

/* 가운데 재생 버튼 */
.mainyoutube_play{
    position:absolute;
    top:50%;
    left:50%;

    width:72px;
    height:50px;

    border:0;
    border-radius:15px;

    background:#ff0000;

    transform:translate(-50%,-50%);
    z-index:5;
    pointer-events:none;

    box-shadow:0 4px 14px rgba(0,0,0,.18);

    transition:
        transform .3s ease,
        background-color .3s ease,
        box-shadow .3s ease;
}

/* 흰색 재생 삼각형 */
.mainyoutube_play::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:0;
    height:0;

    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    border-left:18px solid #fff;

    transform:translate(-38%,-50%);
}

/* 가운데 활성 영상 + loop 복제 활성 영상 */
.mainyoutube_slider .swiper-slide-active,
.mainyoutube_slider .swiper-slide-duplicate-active{
    opacity:1;
    transform:scale(1.05);
    z-index:3;
}

/* 바로 옆 영상 */
.mainyoutube_slider .swiper-slide-prev,
.mainyoutube_slider .swiper-slide-next{
    opacity:.58;
}

/* ==================================================
   썸네일
================================================== */

.mainyoutube_thumb{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;

    border:0;
    background:#111;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
}

.mainyoutube_thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;

    transform:scale(1);
    filter:brightness(1);

    transition:
        transform .7s cubic-bezier(.22,.61,.36,1),
        filter .5s ease;
}

.mainyoutube_slider .swiper-slide-active
.mainyoutube_thumb:hover img{
    transform:scale(1.03);
    filter:brightness(1.05);
}

.mainyoutube_slider .swiper-slide-active
.mainyoutube_thumb:hover .mainyoutube_play{
    transform:translate(-50%,-50%) scale(1.08);
    background:#e60000;
    box-shadow:0 6px 20px rgba(0,0,0,.25);
}


/* 왼쪽 하단 텍스트 */
.mainyoutube_info{
    position:absolute;
    left:52px;
    right:52px;
    bottom:38px;

    z-index:4;
    max-width:610px;

    text-align:left;
    color:#fff;
    pointer-events:none;
}

.mainyoutube_info span{
    display:block;
    margin-bottom:8px;

    font-family:'Pretendard', sans-serif;
    font-size:17px;
    line-height:1.4;
    font-weight:600;

    color:rgba(255,255,255,.84);
    letter-spacing:-.2px;
}

.mainyoutube_info strong{
    display:block;
    margin:0;

    font-family:'Pretendard', sans-serif;
    font-size:24px;
    line-height:1.42;
    font-weight:700;

    color:#fff;
    letter-spacing:-.8px;
    word-break:keep-all;
    text-shadow:0 2px 12px rgba(0,0,0,.18);
}

.mainyoutube_eng{
    position:absolute;
    top:32px;
    right:36px;
    z-index:4;

    display:flex;
    align-items:center;
    gap:10px;

    margin:0;

    font-family:'Pretendard', sans-serif;
    font-size:13px;
    line-height:1;
    font-weight:500;

    color:rgba(255,255,255,.78);
    letter-spacing:1.2px;
    text-transform:uppercase;

    pointer-events:none;
}

.mainyoutube_eng::before{
    content:"";
    width:24px;
    height:1px;
    background:rgba(255,255,255,.65);
}

/* 활성 슬라이드 호버 시에만 딤 강화 */
.mainyoutube_slider .swiper-slide-active .mainyoutube_thumb:hover .mainyoutube_dim{
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.30) 38%,
            rgba(0,0,0,0) 68%
        );
}


/* 비활성 영상은 이동 가능한 느낌 */
.mainyoutube_slider .swiper-slide:not(.swiper-slide-active) .mainyoutube_thumb{
    cursor:pointer;
}

/* 활성 영상도 재생 가능 표시 */
.mainyoutube_slider .swiper-slide-active .mainyoutube_thumb{
    cursor:pointer;
}
/* ==================================================
   좌우 화살표
================================================== */

.mainyoutube_prev,
.mainyoutube_next{
    position:absolute;
    top:50%;

    width:54px;
    height:54px;

    margin:0;
    padding:0;
    border:0;
    border-radius:50%;

    background:rgba(255,255,255,.92);
    box-shadow:0 8px 24px rgba(0,0,0,.15);

    transform:translateY(-50%);
    cursor:pointer;
    z-index:50;

    opacity:1;
    visibility:visible;

    transition:
        background-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.mainyoutube_prev{
    left:calc(50% - 490px);
}

.mainyoutube_next{
    right:calc(50% - 490px);
}

.mainyoutube_prev::before,
.mainyoutube_next::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:12px;
    height:12px;

    border-top:2px solid #222;
    border-right:2px solid #222;
}

.mainyoutube_prev::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.mainyoutube_next::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainyoutube_prev:hover,
.mainyoutube_next:hover{
    background:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
}

.mainyoutube_prev.swiper-button-disabled,
.mainyoutube_next.swiper-button-disabled{
    opacity:.3;
    cursor:default;
}

/* ==================================================
   유튜브 모달
================================================== */

.mainyoutube_modal{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;

    padding:40px;
    box-sizing:border-box;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    z-index:99999;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}

/* 모달 열림 */
.mainyoutube_modal.is_open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* 검은 배경 */
.mainyoutube_modal_dim{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.82);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

.mainyoutube_dim{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.62) 0%,
            rgba(0,0,0,.25) 32%,
            rgba(0,0,0,.04) 62%,
            rgba(0,0,0,0) 100%
        );

    transition:background .45s ease;
}


/* 영상 박스 */
.mainyoutube_modal_content{
    position:relative;
    width:min(1200px, calc(100vw - 80px));
    max-width:1200px;

    opacity:0;
    transform:translateY(18px) scale(.97);

    z-index:2;

    transition:
        opacity .35s ease,
        transform .35s ease;
}

.mainyoutube_modal.is_open .mainyoutube_modal_content{
    opacity:1;
    transform:translateY(0) scale(1);
}

/* 16:9 */
.mainyoutube_modal_video{
    position:relative;
    width:100%;
    padding-top:56.25%;
    overflow:hidden;
    background:#000;
    box-shadow:0 20px 70px rgba(0,0,0,.35);
}

.mainyoutube_modal_video iframe{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    border:0;
}

/* 닫기 버튼 */
.mainyoutube_modal_close{
    position:absolute;
    top:-54px;
    right:0;

    width:42px;
    height:42px;

    margin:0;
    padding:0;
    border:0;

    background:transparent;
    cursor:pointer;
    z-index:3;
}

/* X */
.mainyoutube_modal_close::before,
.mainyoutube_modal_close::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:30px;
    height:2px;

    background:#fff;
}

.mainyoutube_modal_close::before{
    transform:translate(-50%,-50%) rotate(45deg);
}

.mainyoutube_modal_close::after{
    transform:translate(-50%,-50%) rotate(-45deg);
}

.mainyoutube_modal_close:hover{
    opacity:.65;
}

/* 모달 열렸을 때 스크롤 방지 */
body.mainyoutube_modal_open{
    overflow:hidden;
}

/* ==================================================
   1480px 이하 PC
================================================== */

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

    .mainyoutube_area .title_main{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }

    .mainyoutube_slider .swiper-slide{
        width:700px;
        height:394px;
    }

    .mainyoutube_prev{
        left:calc(50% - 400px);
    }

    .mainyoutube_next{
        right:calc(50% - 400px);
    }
}

/* ==================================================
   모바일/태블릿 안전 대응
================================================== */

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

    .mainyoutube_modal{
        padding:20px;
    }

    .mainyoutube_modal_content{
        width:calc(100vw - 40px);
    }

    .mainyoutube_modal_close{
        top:-46px;
        width:36px;
        height:36px;
    }

    .mainyoutube_modal_close::before,
    .mainyoutube_modal_close::after{
        width:26px;
    }
}

/* ==================================================
   유튜브 채널 바로가기
================================================== */

.mainyoutube_channel{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;

    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;

    margin:100px auto 0;
    box-sizing:border-box;
}

.mainyoutube_channel_text{
    margin:0;

    font-family:'Pretendard', sans-serif;
    font-size:19px;
    line-height:1.5;
    font-weight:600;

    color:#444;
    letter-spacing:-.35px;
}

.mainyoutube_channel_link{
    position:relative;

    display:inline-flex;
    align-items:center;
    gap:13px;

    padding:0 0 8px;

    font-family:'Pretendard', sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:600;

    color:#333;
    letter-spacing:1px;
    text-decoration:none;

    border-bottom:1px solid #c7c0b8;

    transition:
        color .3s ease,
        border-color .3s ease;
}

.mainyoutube_channel_link i{
    position:relative;

    display:block;
    width:20px;
    height:20px;

    border:1px solid #888;
    border-radius:50%;

    box-sizing:border-box;

    transition:
        transform .3s ease,
        border-color .3s ease;
}

/* 작은 재생 삼각형 */
.mainyoutube_channel_link i::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:0;
    height:0;

    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:6px solid #555;

    transform:translate(-35%,-50%);
    transition:border-left-color .3s ease;
}

.mainyoutube_channel_link:hover{
    color:#6a3d10;
    border-color:#6a3d10;
}

.mainyoutube_channel_link:hover i{
    border-color:#6a3d10;
    transform:translateX(3px);
}

.mainyoutube_channel_link:hover i::before{
    border-left-color:#6a3d10;
}

.maindiff_area2{
    padding-bottom:40px !important;
}

.maindiff_area2 .maindiff_content{
    padding-bottom:60px !important;
}

/* ==================================================
   베이직가구를 찾아주신 클라이언트
================================================== */

.mainourclients_area{
    position:relative;
    width:100%;
    padding:110px 0 0px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

.mainourclients_box{
    position:relative;
    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;
    margin:0 auto;
    box-sizing:border-box;
}

/* 제목 */
.mainourclients_area .title_main{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 0 42px !important;
    padding:0 !important;
    box-sizing:border-box;
}

.mainourclients_area .title_main h2{
    margin:0;
    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}

/* 슬라이더 영역 */
.mainourclients_area .outer_box{
    position:relative;
    width:100%;
    margin:0;
    box-sizing:border-box;
}

.mainourclients_area .mainour_clients{
    position:relative;
    width:100%;
    overflow:hidden;
}

/* 슬라이드 */
.mainourclients_area .swiper-slide{
    height:auto;
    text-align:center;
    box-sizing:border-box;
}

/* 이미지 */
.mainourclients_box .img_box{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:18px;
    background:#f4f2ef;
}

.mainourclients_box .img{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    z-index:1;
}

.mainourclients_box .img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1);
    transition:transform .4s ease;
}

/* 이미지 딤 */
.mainourclients_box .img_box .bg{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0);
    pointer-events:none;
    transition:background-color .35s ease;
    z-index:2;
}

.mainourclients_box .box:hover .img_box .bg{
    background:rgba(0,0,0,.08);
}

.mainourclients_box .box:hover .img img{
    transform:scale(1.025);
}

/* 이미지 아래 클라이언트명 */
.mainourclients_box .text{
    position:static;
    width:100%;
    margin-top:11px;
    padding:0;
    text-align:center;
    transform:none;
    color:#222;
    z-index:auto;
}

.mainourclients_box .text span{
    display:block;
    margin-bottom:4px;
    font-family:'Pretendard', sans-serif;
    font-size:11px;
    line-height:1.3;
    font-weight:400;
    color:#c3b6ab;
    letter-spacing:0;
}

.mainourclients_box .text strong{
    display:block;
    font-family:'Pretendard', sans-serif;
    font-size:14px;
    line-height:1.35;
    font-weight:600;
    color:#222;
    letter-spacing:-.4px;
}

/* ==================================================
   좌우 화살표
================================================== */

.mainourclients_area .outer_box .next,
.mainourclients_area .outer_box .prev{
    position:absolute;
    top:100px;
    width:42px;
    height:42px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    transform:translateY(-75%);
    cursor:pointer;
    outline:0;
    z-index:20;
}

/* 왼쪽 */
.mainourclients_area .outer_box .next{
    left:-48px;
}

/* 오른쪽 */
.mainourclients_area .outer_box .prev{
    right:-48px;
}

.mainourclients_area .outer_box .next::before,
.mainourclients_area .outer_box .prev::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:11px;
    height:11px;
    border-top:2px solid #c8bbae;
    border-right:2px solid #c8bbae;
    transition:border-color .25s ease;
}

.mainourclients_area .outer_box .next::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.mainourclients_area .outer_box .prev::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainourclients_area .outer_box .next:hover::before,
.mainourclients_area .outer_box .prev:hover::before{
    border-color:#c3b6ab;
}

/* 기존 화살표 이미지 제거 */
.mainourclients_area .outer_box .next,
.mainourclients_area .outer_box .prev{
    background-image:none !important;
}

/* 1480px 이하 PC */
@media screen and (max-width:1480px){

    .mainourclients_box{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }
}

transition: all 0.6s ease-in-out;

z-index:2;}

.mainourteam_box .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;}
.mainourteam_box .img{position:relative;overflow:hidden;z-index:1;}
.mainourteam_box .img img{
width:100%;
transform: scale(1);

transition: all 0.3s ease-in-out;

z-index:1;
}
.mainourteam_box .box:hover .img img{
transform: scale(1.02);

transition: all 0.3s ease-in-out;

}

/* ==================================================
   MAIN MAGAZINE SLIDER
================================================== */

.mainmagazine_area{
    position:relative;
    width:100%;
    padding:100px 0 110px;
    overflow:hidden;
    background:#fff;
    box-sizing:border-box;
}

.mainmagazine_box{
    position:relative;
    width:1400px;
    min-width:1400px;
    max-width:1400px;
    margin:0 auto;
    box-sizing:border-box;
}


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

.mainmagazine_title{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;
    margin:0 0 42px;
    padding:0;

    box-sizing:border-box;
}

.mainmagazine_title h2{
    margin:0;
    padding:0;

    font-family:'Pretendard', sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
    color:#111;
    letter-spacing:-1px;
}


/* 우측 MORE + */

.mainmagazine_more{
    display:inline-flex;
    align-items:center;
    gap:4px;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:500;
    color:#b8ada3;
    text-decoration:none;
    text-transform:uppercase;

    transition:color .3s ease;
}

.mainmagazine_more span{
    display:inline-block;
    transition:transform .3s ease;
}

.mainmagazine_more:hover{
    color:#8d7b6b;
}

.mainmagazine_more:hover span{
    transform:rotate(90deg);
}

/* ==================================================
   슬라이더
================================================== */

.mainmagazine_outer{
    position:relative;
    width:100%;
    overflow:visible;
    box-sizing:border-box;
}

.mainmagazine_slider{
    position:relative !important;
    width:100%;
    overflow:hidden;
}

.mainmagazine_slider .swiper-wrapper{
    display:flex;
    width:100%;
    margin:0;
    padding:0;

    list-style:none;
    box-sizing:border-box;
}

.mainmagazine_slide{
    position:relative;
    flex-shrink:0;
    width:auto;
    height:auto;

    margin:0;
    padding:0;

    box-sizing:border-box;
}

.mainmagazine_slide > a{
    display:block;
    width:100%;
    color:inherit;
    text-decoration:none;
}


/* 매거진 썸네일 원본 비율 그대로 표시 */
.mainmagazine_imgbox{
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    margin:0;
    overflow:hidden;
    background:#f1efec;
    box-sizing:border-box;
}

.mainmagazine_img{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    z-index:1;
}

.mainmagazine_img img{
    display:block;
    width:100%;
    height:auto;
    object-fit:initial;
    object-position:initial;
    transform:scale(1);
    transition:transform .45s ease;
}


/* ==================================================
   텍스트
================================================== */

.mainmagazine_info{
    width:100%;
    margin:0;
    padding:25px 0 0;

    box-sizing:border-box;
}

.mainmagazine_info dt{
    display:-webkit-box;
    overflow:hidden;

    min-height:58px;
    margin:0;

    font-family:'Pretendard', sans-serif;
    font-size:21px;
    line-height:29px;
    font-weight:600;
    color:#201f1e;
    letter-spacing:-1px;
    word-break:keep-all;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.mainmagazine_txt{
    display:-webkit-box;
    overflow:hidden;

    min-height:52px;
    margin:13px 0 0;

    font-family:'Pretendard', sans-serif;
    font-size:16px;
    line-height:26px;
    font-weight:300;
    color:#000000;
    letter-spacing:-.7px;
    word-break:keep-all;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.mainmagazine_btn{
    display:inline-flex;
    align-items:center;
    gap:4px;

    margin:22px 0 0;
    padding:0;

    font-family:'Pretendard', sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:500;
    color:#b8ada3;
    letter-spacing:0;
    text-transform:uppercase;

    transition:color .3s ease;
}

.mainmagazine_btn span{
    display:inline-block;
    transition:transform .3s ease;
}

.mainmagazine_slide:hover .mainmagazine_btn{
    color:#8d7b6b;
}

.mainmagazine_slide:hover .mainmagazine_btn span{
    transform:rotate(90deg);
}

/* ==================================================
   좌우 화살표
   REAL STORY와 동일한 스타일
================================================== */

.mainmagazine_prev,
.mainmagazine_next{
    position:absolute;
    top:215px;

    width:42px;
    height:42px;

    margin:0;
    padding:0;
    border:0;

    background:transparent;
    transform:translateY(-50%);

    cursor:pointer;
    outline:0;
    z-index:30;
}

.mainmagazine_prev{
    left:-48px;
}

.mainmagazine_next{
    right:-48px;
}

.mainmagazine_prev::before,
.mainmagazine_next::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;

    width:11px;
    height:11px;

    border-top:2px solid #c8bbae;
    border-right:2px solid #c8bbae;

    transition:border-color .25s ease;
}

/* 왼쪽 */
.mainmagazine_prev::before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

/* 오른쪽 */
.mainmagazine_next::before{
    transform:translate(-65%,-50%) rotate(45deg);
}

.mainmagazine_prev:hover::before,
.mainmagazine_next:hover::before{
    border-color:#9f9388;
}

.mainmagazine_prev::after,
.mainmagazine_next::after{
    display:none !important;
}


/* Swiper 비활성 화살표 */

.mainmagazine_prev.swiper-button-disabled,
.mainmagazine_next.swiper-button-disabled{
    opacity:.35;
    cursor:default;
}


/* ==================================================
   1480px 이하 PC
================================================== */

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

    .mainmagazine_box{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }

    .mainmagazine_prev{
        left:-48px;
    }

    .mainmagazine_next{
        right:-48px;
    }
}
.maininsta_area{
    position:relative;
    padding:120px 0;
    background:#fff;
    overflow:hidden;
}

.maininsta_area::before{
    content:"";
    position:absolute;
    inset:0;
    background:#f5f3f0;
    z-index:0;
}

.maininsta_box ul{overflow:hidden;margin:-3% 0 0 -3%;}
.maininsta_box li{float:left;width:13.66%;margin:3% 0 0 3%;}
.maininsta_box li img{width:100%;}

.more_box{display:none;}

.more_box a{
position: relative;
display:block;
width:200px;
height:50px;
line-height:48px;
padding: 0 0 0 25px;
margin:5% auto 0;
border: 1px solid transparent;
border-radius: 0;
text-transform: uppercase;
font-size:13px;
text-align:left;
font-family:'Pretendard', sans-serif;
font-weight:400;
font-style: normal;
background-color: transparent;
transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: 1;
-webkit-tap-highlight-color: initial;
box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
vertical-align:top;
}
.more_box a::before{
position: absolute;
content: '';
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transform: scale(1, 1);
transform-origin: left center;
z-index: -1; }
@media (-moz-touch-enabled: 0), (hover: hover) {
.more_box a:not([disabled])::before{
transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.more_box a:not([disabled]):hover::before{
transform-origin: right center;
transform: scale(0, 1); } }
.more_box a[disabled]{
cursor: not-allowed; }

.more_box a{
color: #c3b6ab;
border: 1px solid #c3b6ab; }
.more_box a::before{
background-color: #c3b6ab;
transform-origin: right center;
transform: scale(0, 1); }
@media (-moz-touch-enabled: 0), (hover: hover) {
.more_box a:not([disabled]):hover{
color: white;
border-color: #c3b6ab; }
.more_box a:not([disabled]):hover::before{
transform-origin: left center;
transform: scale(1, 1); } }

.more_box a span{background:url("http://dainpark06.cafe24.com/sunny/images/ico_arrowdown.png") no-repeat 0 0;background-size:12px auto;position:absolute;right:15px;top:50%;transform:translateY(-55%);width:19px;height:13px;font-size:16px;line-height:13px;font-weight:300;
transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;}

.more_box a:not([disabled]):hover span{background:url("http://dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2_over.png") no-repeat 0 0;background-size:12px auto;
transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;}

.more_box .boxmore{margin:5% auto 0;cursor:pointer;}
.more_box .boxmore span{background:url("http://dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;position:absolute;right:15px;top:50%;transform:translateY(-55%);width:19px;height:13px;font-size:16px;line-height:13px;font-weight:300;
transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;}

.more_box .boxmore:not([disabled]):hover span{background:url("http://dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2_over.png") no-repeat 0 0;background-size:12px auto;
transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;}

.coupon_badge{
    display:inline-block;
    margin-left:2px;
    padding:4px 7px 5px;
    background:#b9633d;
    color:#fff;
    font-size:13px;
    line-height:12px;
    font-weight:450;
    letter-spacing:-0.2px;
    vertical-align:middle;
    border-radius:3px;
}

.cutoff_badge{
    background:#7ba637;
}

.limited_badge{
    background:#cd3f3b;
}

/* 텍스트 모션 */
.mainvisual_area .text_box {
    opacity: 0;
    transform: translate(-50%, 20px);
    transition: opacity .45s ease, transform .45s ease;
}

.mainvisual_area .slick-slide.active3 .text_box {
    opacity: 1;
    transform: translate(-50%, 0);
}

/* 메인 슬라이드 컨트롤 */
.mainvisual_area .slick-dots{
    display:none !important;
}

/* 화살표 */
.mainvisual_area .homein-prev,
.mainvisual_area .homein-next{
    position:absolute;
    top:50%;
    width:54px;
    height:54px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    cursor:pointer;
    z-index:40;
    opacity:0;
    visibility:hidden;
    transition:all .35s ease;
}

.mainvisual_area .homein-prev{
    left:40px;
    transform:translateY(-50%);
}

.mainvisual_area .homein-next{
    right:40px;
    transform:translateY(-50%);
}

.mainvisual_area:hover .homein-prev{
    left:-95px;
    opacity:1;
    visibility:visible;
}

.mainvisual_area:hover .homein-next{
    right:-95px;
    opacity:1;
    visibility:visible;
}

.mainvisual_area .homein-prev:before,
.mainvisual_area .homein-next:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:12px;
    height:12px;
    border-top:2px solid #222;
    border-right:2px solid #222;
}

.mainvisual_area .homein-prev:before{
    transform:translate(-35%, -50%) rotate(-135deg);
}

.mainvisual_area .homein-next:before{
    transform:translate(-65%, -50%) rotate(45deg);
}

/* 하단 진행바 + 번호 */
.mainvisual_control{
    position:relative;
    width:1000px;
    height:28px;
    margin:22px auto 0;
    display:flex;
    align-items:center;
    gap:22px;
    z-index:50;
}

.mainvisual_progress{
    position:relative;
    flex:1;
    height:3px;
    border-radius:999px;
    background:#ddd;
    overflow:hidden;
}

.mainvisual_progress span{
    position:absolute;
    left:0;
    top:0;
    width:11.111%;
    height:100%;
    border-radius:999px;
    background:#57320a;
    transition:left .45s ease;
}

.mainvisual_counter{
    font-family:'Pretendard', sans-serif;
    font-size:14px;
    color:#333;
    letter-spacing:0;
    white-space:nowrap;
}

.mainvisual_pause{
    width:18px;
    height:18px;
    border:0;
    background:transparent;
    position:relative;
    cursor:pointer;
}

.mainvisual_pause:before{
    content:'Ⅱ';
    font-size:13px;
    color:#333;
}

.mainvisual_area .text_box.text_box2{
    left:40px;
    right:40px;
    bottom:70px;
    width:auto;
    max-width:none;
    padding-left:0 !important;
    transform:none;
    text-align:center;
}

/* ==================================================
   BASIC MAIN PC - FINAL MASTER GRID
   모든 메인 콘텐츠의 좌우 시작선과 끝선을 1400px로 통일
   메인 비주얼 슬라이더는 기존 1308px 구조 유지
================================================== */

:root{
    --basic-main-width:1400px;
    --basic-main-min-width:1300px;
    --basic-main-gap:40px;
}

/* 공통 컨테이너 */
.title_main,
.maincategory_box,
.mainproducttab_box,
.mainproducttab_box2,
.mainreal_box,
.maininterview_box,
.mainhistorynum_box,
.mainmovie_area .title_box,
.mainvideo_area,
.mainprove_box,
.mainquality_box,
.mainourclients_box,
.mainourteam_box,
.maindiff_area .sunny_inner,
.maindiff_area2 .sunny_inner,
.mainmdpickban_box,
.basic_showroom_banner_inner{
    width:calc(100% - 80px) !important;
    min-width:var(--basic-main-min-width) !important;
    max-width:var(--basic-main-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

/* 공통 제목은 콘텐츠 시작선과 정확히 일치 */
.title_main{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* 섹션 내부에서 다시 사용되는 제목은 부모 너비를 그대로 사용 */
.mainprove_area .title_main,
.maininterview_area .title_main,
{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* 일반 상품 영역도 동일한 1400px 기준선 사용 */
.mproduct_area > .title_main,
.mproduct_area > .mproduct_box,
.mproduct_area > .outer_box,
.main_mdpick > .mproduct_box{
    width:calc(100% - 80px) !important;
    min-width:var(--basic-main-min-width) !important;
    max-width:var(--basic-main-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

/* 제목과 실제 패널의 좌우선 일치 */
.mainproducttab_box .title_main,
.mainproducttab_box2 .title_main,
.mainreal_box .title_main,
.mainprove_box .title_main{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* 쇼룸 배너의 텍스트와 버튼을 공통 기준선에 맞춤 */
.basic_showroom_banner_inner{
    padding-left:0 !important;
    padding-right:0 !important;
}

.basic_showroom_banner_text{
    left:0 !important;
}

.basic_showroom_banner_button{
    right:0 !important;
}

/* 브랜드 소개 영역: 텍스트는 이미지 아래에 유지 */
.mainprovelist_box li{
    position:relative;
}

.mainprovelist_box li > a{
    position:relative;
    display:block;
}

.mainprovelist_box dl{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    padding:30px 0 0 !important;
}

.mainprovelist_box dt{
    color:#201f1e !important;
}

.mainprovelist_box .txt{
    color:#000000 !important;
}

.mainprovelist_box .btn{
    color:#b8aa9d !important;
}

.mainprovelist_box .img_box::after{
    content:none !important;
}

/* 좌우 화살표가 공통 컨테이너 바깥으로 일정하게 배치 */
.mainreal_area .outer_box .next,
.mainproducttab_area2 .panel_area .next,
.mainquality_area .next{
    left:-48px !important;
}

.mainreal_area .outer_box .prev,
.mainproducttab_area2 .panel_area .prev,
.mainquality_area .prev{
    right:-48px !important;
}

/* 화면이 1480px보다 작을 때 최소 폭 보호 */
@media screen and (max-width:1480px){
    .title_main,
    .maincategory_box,
    .mainproducttab_box,
    .mainproducttab_box2,
    .mainreal_box,
    .maininterview_box,
    .mainhistorynum_box,
    .mainmovie_area .title_box,
    .mainvideo_area,
    .mainprove_box,
    .mainquality_box,
    .mainourclients_box,
    .mainourteam_box,
    .maininsta_box,
    .maindiff_area .sunny_inner,
    .maindiff_area2 .sunny_inner,
    .mainmdpickban_box,
    .basic_showroom_banner_inner,
    .mproduct_area > .title_main,
    .mproduct_area > .mproduct_box,
    .mproduct_area > .outer_box,
    .main_mdpick > .mproduct_box{
        width:1300px !important;
    }
}
/* 지금! 주목해야 할 원목가구와 원목을 증명하다 폭 완전 통일 */
.mainproducttab_box2,
.mainprove_box{
    width:calc(100% - 80px) !important;
    min-width:1300px !important;
    max-width:1400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

/* 원목을 증명하다 내부 요소도 부모 폭 그대로 사용 */
.mainprove_area .mainproveban_box,
.mainprove_area .mainprovelist_box{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* ==================================================
   INSTAGRAM FINAL ALIGN FIX
================================================== */

.maininsta_area{
    position:relative;
    width:100%;
    padding:120px 0;
    overflow:hidden;
    background:#f5f3f0;
}

/* 제목과 피드를 동일한 1400px 기준으로 정렬 */
.maininsta_area > .title_main,
.maininsta_area > .maininsta_box{
    position:relative !important;
    width:calc(100% - 80px) !important;
    min-width:1300px !important;
    max-width:1400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    z-index:2;
}

/* 제목 영역 */
.maininsta_area > .title_main{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-top:0 !important;
    margin-bottom:50px !important;
}

.maininsta_area > .title_main h2{
    position:static !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}

/* 오른쪽 인스타 계정 */
.maininsta_area > .title_main .txt2{
    position:static !important;
    top:auto !important;
    right:auto !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    text-align:right !important;
}

/* 인스타그램 위젯 */
.maininsta_area > .maininsta_box iframe{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

/* 1480px 이하 PC 화면 */
@media screen and (max-width:1480px){
    .maininsta_area > .title_main,
    .maininsta_area > .maininsta_box{
        width:1300px !important;
        min-width:1300px !important;
        max-width:1300px !important;
    }
}

/* ==================================================
   HERITAGE WALNUT
   FINAL LAYOUT + SAFE SCROLL MOTION
================================================== */


/* ==================================================
   SECTION
================================================== */

.mainwalnut_area{
    position:relative;
    width:100%;
    min-width:1400px;
    padding:110px 0 0px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}


.mainwalnut_box{
    position:relative;
    width:1400px;
    min-width:1400px;
    max-width:1400px;
    margin:0 auto;
    box-sizing:border-box;
}


/* ==================================================
   TITLE
================================================== */

.mainwalnut_title{
    width:100%;
    margin:0 0 38px;
    padding:0;
}


.mainwalnut_title h2{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:27px;
    line-height:1.3;
    font-weight:800;

    color:#111;
    letter-spacing:-1px;
}


/* ==================================================
   LAYOUT CANVAS
================================================== */

.mainwalnut_layout{
    position:relative;

    width:1400px;
    height:2310px;

    margin:0 auto;
    padding:0;

    box-sizing:border-box;
}


/* ==================================================
   IMAGE COMMON
================================================== */

.mainwalnut_item{
    position:absolute;
}


.mainwalnut_link{
    display:block;
    width:100%;
    height:100%;

    color:inherit;
    text-decoration:none;
}


.mainwalnut_img{
    position:relative;

    width:100%;
    height:100%;

    overflow:hidden;
    background:#f4f1ed;

    box-sizing:border-box;
}


.mainwalnut_img img{
    display:block;

    width:100%;
    height:100%;

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


/* ==================================================
   01 HERO
================================================== */

.walnut_item01{
    top:0;
    left:0;

    width:520px;
    height:760px;
}


/* ==================================================
   HERO TEXT
================================================== */

.mainwalnut_intro{
    position:absolute;

    top:550px;

    /* 기존 left:655px 삭제 */
    left:auto;
    right:380px;

    width:300px;

    text-align:right;
}


.mainwalnut_intro .eyebrow{
    display:block;

    margin:0 0 6px;

    font-family:'Pretendard',sans-serif;
    font-size:16px;
    line-height:1.2;
    font-weight:400;

    color:#333;
}


.mainwalnut_intro strong{
    display:block;

    margin:0;

    font-family:'Pretendard',sans-serif;
    font-size:35px;
    line-height:1;
    font-weight:800;

    color:#050505;
    letter-spacing:-1.8px;
}


/* ==================================================
   02
================================================== */

.walnut_item02{
    top:250px;
    right:0;

    width:310px;
}


.walnut_item02 .mainwalnut_link{
    width:310px;
    height:395px;
}


/* 상단 설명 */

.mainwalnut_caption{
    width:100%;
    margin-top:21px;

    font-family:'Pretendard',sans-serif;
}


.mainwalnut_caption.caption_right{
    text-align:right;
}


.mainwalnut_caption p{
    margin:0;

    font-size:16px;
    line-height:1.55;
    font-weight:500;

    color:#222;
    letter-spacing:-.4px;
}


.mainwalnut_caption span{
    display:block;

    margin-top:2px;

    font-size:15px;
    line-height:1.5;
    font-weight:400;

    color:#555;
    letter-spacing:-.35px;
}


/* ==================================================
   MIDDLE
================================================== */


/* 03 - 좌측 아래 */

.walnut_item03{
    top:1070px;
    left:0;

    width:300px;
}


.walnut_item03 .mainwalnut_link{
    width:300px;
    height:440px;
}


/* 04 - 두 번째 위 */

.walnut_item04{
    top:835px;
    left:350px;

    width:310px;
}


.walnut_item04 .mainwalnut_link{
    width:310px;
    height:470px;
}


/* 05 - 세 번째 아래 */

.walnut_item05{
    top:1070px;
    left:720px;

    width:300px;
    height:440px;
}


/* 06 - 우측 위 */

.walnut_item06{
    top:835px;
    right:0;

    width:310px;
}


.walnut_item06 .mainwalnut_link{
    width:310px;
    height:470px;
}


/* ==================================================
   03 PRODUCT TITLE
================================================== */

.mainwalnut_product_title{
    width:100%;
    margin-top:27px;
    text-align:right;
}


.mainwalnut_product_title span{
    display:block;

    margin-bottom:5px;

    font-family:'Pretendard',sans-serif;
    font-size:16px;
    line-height:1.2;
    font-weight:400;

    color:#333;
}


.mainwalnut_product_title strong{
    display:block;

    font-family:'Pretendard',sans-serif;
    font-size:30px;
    line-height:1;
    font-weight:800;

    color:#080808;
    letter-spacing:-1.4px;
}


/* ==================================================
   04 / 06 EDITORIAL TEXT
================================================== */

.mainwalnut_editorial_caption{
    margin-top:24px;

    text-align:left;
}


.mainwalnut_editorial_caption span{
    display:block;

    margin-bottom:10px;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:600;

    color:#9a8d82;
    letter-spacing:1px;
}


.mainwalnut_editorial_caption p{
    margin:0;

    font-family:Georgia,'Times New Roman',serif;
    font-size:16px;
    line-height:1.45;
    font-weight:500;
    font-style:italic;

    color:#000000;
}


/* ==================================================
   BOTTOM TEXT
================================================== */

.mainwalnut_bottom_text{
    position:absolute;

    top:1780px;
    left:0;

    width:430px;

    box-sizing:border-box;
}


.mainwalnut_bottom_text .eyebrow{
    display:block;

    margin:0 0 7px;

    font-family:'Pretendard',sans-serif;
    font-size:20px;
    line-height:1.2;
    font-weight:400;

    color:#222;
}


.mainwalnut_bottom_text h3{
    margin:0;

    font-family:'Pretendard',sans-serif;
    font-size:40px;
    line-height:1.2;
    font-weight:800;

    color:#111;
    letter-spacing:-2px;
}


.mainwalnut_bottom_text p{
    margin:26px 0 0;

    font-family:'Pretendard',sans-serif;
    font-size:18px;
    line-height:1.6;
    font-weight:500;

    color:#222;
    letter-spacing:-.5px;
}


.mainwalnut_bottom_text .sub_text{
    display:block;

    margin:0;

    font-family:'Pretendard',sans-serif;
    font-size:14px;
    line-height:1.6;
    font-weight:400;

    color:#444;
}


/* ==================================================
   BUTTON
================================================== */

/* ==================================================
   HERITAGE WALNUT - PREMIUM SERIES BUTTON
   VIEW MORE 버튼과 디자인 통일
================================================== */

.mainwalnut_button{
    position:relative;

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

    width:175px;
    height:48px;

    margin-top:58px;
    padding:0 17px;

    border:1px solid rgba(34,34,34,.65);
    background:#fff;

    color:#111;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:600;

    text-decoration:none;
    box-sizing:border-box;
    overflow:hidden;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease;
}


/* 기존 왼쪽에서 차오르는 베이지 효과 제거 */
.mainwalnut_button::before{
    display:none;
}


/* + 아이콘 */
.mainwalnut_button > span{
    display:inline-block;
    font-size:14px;
    line-height:1;
    transition:transform .3s ease;
}


/* hover */
.mainwalnut_button:hover{
    background:#111;
    border-color:#111;
    color:#fff;
}


/* + 회전 효과는 유지 */
.mainwalnut_button:hover > span{
    transform:rotate(90deg);
}

/* ==================================================
   07 FINAL HERO
================================================== */

.walnut_item07{
    top:1670px;
    left:500px;

    width:900px;
    height:510px;
}


/* ==================================================
   SAFE SCROLL MOTION

   중요:
   walnut_item 자체는 움직이지 않음.
================================================== */


/* 이미지 박스 */

.mainwalnut_item .mainwalnut_img{
    opacity:0;

    transition:
        opacity .9s ease;
}


/* 사진만 살짝 확대 */

.mainwalnut_item .mainwalnut_img img{
    transform:scale(1.04);

    transition:
        transform 1.5s cubic-bezier(.16,1,.3,1);
}


/* 화면 진입 */

.mainwalnut_item.walnut_reveal .mainwalnut_img{
    opacity:1;
}


.mainwalnut_item.walnut_reveal .mainwalnut_img img{
    transform:scale(1);
}


/* hover */

.mainwalnut_item.walnut_reveal
.mainwalnut_link:hover
.mainwalnut_img img{
    transform:scale(1.025);
}


/* ==================================================
   HERO TEXT REVEAL
================================================== */

.mainwalnut_intro .eyebrow,
.mainwalnut_intro strong{
    opacity:0;
    transform:translateY(14px);
}


.mainwalnut_intro.walnut_reveal .eyebrow{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .65s ease,
        transform .8s cubic-bezier(.16,1,.3,1);
}


.mainwalnut_intro.walnut_reveal strong{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .75s ease .1s,
        transform .9s cubic-bezier(.16,1,.3,1) .1s;
}


/* ==================================================
   CAPTION REVEAL
================================================== */

.mainwalnut_caption,
.mainwalnut_product_title,
.mainwalnut_editorial_caption{
    opacity:0;
    transform:translateY(12px);
}


.mainwalnut_item.walnut_reveal .mainwalnut_caption,
.mainwalnut_item.walnut_reveal .mainwalnut_product_title,
.mainwalnut_item.walnut_reveal .mainwalnut_editorial_caption{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .7s ease .18s,
        transform .85s cubic-bezier(.16,1,.3,1) .18s;
}


/* ==================================================
   BOTTOM COPY REVEAL
================================================== */

.mainwalnut_bottom_text .eyebrow,
.mainwalnut_bottom_text h3,
.mainwalnut_bottom_text p,
.mainwalnut_bottom_text .sub_text,
.mainwalnut_bottom_text .mainwalnut_button{
    opacity:0;
    transform:translateY(15px);
}


.mainwalnut_bottom_text.walnut_reveal .eyebrow{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .65s ease,
        transform .8s cubic-bezier(.16,1,.3,1);
}


.mainwalnut_bottom_text.walnut_reveal h3{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .7s ease .08s,
        transform .9s cubic-bezier(.16,1,.3,1) .08s;
}


.mainwalnut_bottom_text.walnut_reveal p{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .7s ease .16s,
        transform .9s cubic-bezier(.16,1,.3,1) .16s;
}


.mainwalnut_bottom_text.walnut_reveal .sub_text{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .7s ease .20s,
        transform .9s cubic-bezier(.16,1,.3,1) .20s;
}


.mainwalnut_bottom_text.walnut_reveal .mainwalnut_button{
    opacity:1;
    transform:translateY(0);

    transition:
        opacity .7s ease .28s,
        transform .9s cubic-bezier(.16,1,.3,1) .28s,
        color .35s ease,
        border-color .35s ease;
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion:reduce){

    .mainwalnut_item .mainwalnut_img,
    .mainwalnut_item .mainwalnut_img img,
    .mainwalnut_intro .eyebrow,
    .mainwalnut_intro strong,
    .mainwalnut_caption,
    .mainwalnut_product_title,
    .mainwalnut_editorial_caption,
    .mainwalnut_bottom_text .eyebrow,
    .mainwalnut_bottom_text h3,
    .mainwalnut_bottom_text p,
    .mainwalnut_bottom_text .sub_text,
    .mainwalnut_bottom_text .mainwalnut_button{

        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }

}

/* ==================================================
   HERITAGE WALNUT
   EDITORIAL LINE DESIGN - FINAL
================================================== */

.mainwalnut_layout{
    --walnut-line:rgba(20,20,20,.55);
}


/* ==================================================
   01 HERO 옆 세로 영문 카피
================================================== */

.walnut_item01::after{
    content:"Luxurious and\A Calm Mood";

    position:absolute;

    top:0;
    left:555px;

    white-space:pre;

    font-family:'Pretendard',sans-serif;
    font-size:28px;
    line-height:1.25;
    font-weight:700;

    color:#111;
    letter-spacing:-1px;

    writing-mode:vertical-rl;
    text-orientation:mixed;

    z-index:10;

    pointer-events:none;

    opacity:0;
    transform:translateY(-15px);

    transition:
        opacity .8s ease .25s,
        transform 1s cubic-bezier(.16,1,.3,1) .25s;
}


.walnut_item01.walnut_reveal::after{
    opacity:1;
    transform:translateY(0);
}


/* ==================================================
   01 HERO 하단 가로선
   왼쪽 이미지 시작점 → 브라우저 오른쪽 끝
================================================== */

.mainwalnut_layout::before{
    content:"";

    position:absolute;

    top:760px;
    left:0;

    width:calc(100vw - ((100vw - 1400px) / 2));
    height:1px;

    background:var(--walnut-line);

    z-index:2;

    transform-origin:left center;
    transform:scaleX(0);

    transition:
        transform 1.45s cubic-bezier(.16,1,.3,1);
}


.mainwalnut_layout.line_top_on::before{
    transform:scaleX(1);
}


/* ==================================================
   중단 03 / 05 하단 가로선
   시안처럼 화면 좌측 → 05 오른쪽 끝
================================================== */

.walnut_item03::before{
    content:"";

    position:absolute;

    top:440px;

    /* 03은 컨테이너 왼쪽에 있으므로 화면 좌측까지 확장 */
    left:calc((1400px - 100vw) / 2);

    width:calc(
        ((100vw - 1400px) / 2)
        + 1020px
    );

    height:1px;

    background:var(--walnut-line);

    z-index:4;

    pointer-events:none;

    transform-origin:left center;
    transform:scaleX(0);

    transition:
        transform 1.25s cubic-bezier(.16,1,.3,1);
}


.walnut_item03.walnut_reveal::before{
    transform:scaleX(1);
}


/* ==================================================
   05 오른쪽 끝 → 07 상단 세로선

   05:
   left 720 + width 300 = 1020
   따라서 선 x좌표를 정확히 1020으로 맞춤
================================================== */

.walnut_item05::after{
    content:"";

    position:absolute;

    top:440px;
    right:0;

    width:1px;

    /*
        05 bottom = 1510
        07 top    = 1670
        차이       = 160
    */
    height:160px;

    background:var(--walnut-line);

    z-index:4;

    pointer-events:none;

    transform-origin:top center;
    transform:scaleY(0);

    transition:
        transform 1s cubic-bezier(.16,1,.3,1) .12s;
}


.walnut_item05.walnut_reveal::after{
    transform:scaleY(1);
}


/* ==================================================
   하단 TEXT 왼쪽 세로선
================================================== */

.mainwalnut_bottom_text::before{
    content:"";

    position:absolute;

    top:0;
    left:-42px;

    width:1px;
    height:100%;

    background:var(--walnut-line);

    transform-origin:top center;
    transform:scaleY(0);

    transition:
        transform 1s cubic-bezier(.16,1,.3,1) .08s;
}


.mainwalnut_bottom_text.walnut_reveal::before{
    transform:scaleY(1);
}


/* ==================================================
   07 하단 가로선
   화면 왼쪽부터 브라우저 오른쪽까지
================================================== */

.walnut_item07::after{
    content:"";

    position:absolute;

    bottom:0;

    /*
       07은 layout 기준 left:500px
       여기서 페이지 왼쪽까지 역으로 확장
    */
    left:calc(
        -500px -
        ((100vw - 1400px) / 2)
    );

    width:100vw;
    height:1px;

    background:var(--walnut-line);

    z-index:4;

    pointer-events:none;

    transform-origin:left center;
    transform:scaleX(0);

    transition:
        transform 1.45s cubic-bezier(.16,1,.3,1) .15s;
}


.walnut_item07.walnut_reveal::after{
    transform:scaleX(1);
}

/* 지금! 주목해야 할 원목가구 기존 영역 임시 숨김 */
.mainproducttab_area2{
    display:none !important;
}



/* BASIC css end */