/* BASIC css start */
/* 섹션공통 */
.section{width:100%;}
.section:not(:first-child){margin-bottom: 60px;}
.sec_inner{padding:0 5%;}
.section h2{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;margin-bottom: 22px; font-size: 23px; color: #000; font-weight: 500;}
.section h2.en{font-weight:600}
.more_items{display: flex; align-items: center; justify-content: center; margin: 10px 0 ; }
.more_items a{display: inline-block; background-color: #fff; text-align: center;color: #c7c7c7;font-family: 'NanumSquareRound',sans-serif; font-size: 35px; cursor:pointer;font-weight:300 }
.more_items a button{border:none; background-color: #fff;  color: #c7c7c7;font-family: 'NanumSquareRound',sans-serif; font-size: 35px;cursor:pointer; height:max-content; line-height:40px; font-weight:300}

/* 섹션개별 */
#sec1{ margin-bottom: 50px;}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;}
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:5%}
#sec1 .swiper .swiper_btn_next{right: 5%}
#sec1 .swiper :is(.swiper_btn_prev,.swiper_btn_next) img{transform: scale(.66);transform-origin: center center;}

#sec2 .sec_inner{width: 100%;padding:0;}
#sec2 .sec_inner h2{margin: 0 5% 22px;}
#sec2 .sec_inner .sec2_cont{padding-left:5%}
#sec2 .sec_inner .sec2_cont .swiper{padding-bottom: 20px;}
#sec2 .sec_inner .sec2_cont .swiper ul li{width: 48%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a{display: block;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a img{width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec{padding: 15px 0; width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p{font-family: 'Noto Sans KR', sans-serif; line-height: 1.3; letter-spacing:-.4px}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.big{font-size: 17px;color: #000; margin-bottom: 10px; font-weight: 400;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.small{color: #8d8d8d; font-size: 13px; font-weight: 400;line-height: 1.4; }
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09);}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}

#sec3{margin-bottom:40px}
#sec3 .sec_inner .sec3_cate{margin-bottom: 25px;}
#sec3 .sec_inner .sec3_cate ul{display:flex;gap: 10px 15px; flex-wrap: wrap;}
#sec3 .sec_inner .sec3_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s;}
#sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec3 .sec3_prd>div{display: none; position:relative;}
#sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap}
#sec3 .sec3_prd>div.show{display: block;}

#sec4 .sec_inner ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap:10px 0}
#sec4 .sec_inner ul li:not(:first-child){width:48.5%}
#sec4 .sec_inner ul li:first-child{width:100%}
#sec4 .sec_inner ul li a{display: block;width: 100%;}
#sec4 .sec_inner ul li a img{width: 100%;}

#sec5 h2{margin: 0 5% 22px;}
#sec5{width: 100%;}
#sec5 .swiper{padding-bottom: 40px;}
#sec5 .sec_inner{padding:0}
#sec5 .swiper ul.swiper-slide{padding:0 5%}
#sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09); width:90%; transform:translateX(-50%); left:50%}
#sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}

#sec6{margin-bottom:40px}
#sec6 .sec_inner .sec6_cont>div:first-child{margin-bottom:30px}
#sec6 .sec_inner .sec6_cont>div .banner h3{line-height:1.5; letter-spacing: -.9px; margin-bottom: 20px;font-family:'Montserrat','Noto Sans KR', sans-serif; font-size: 23px; font-weight: 500; color: #000;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a{display: block; width: 100%;border-radius: 15px; overflow: hidden;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a img{width: 100%;}
#sec6 .sec_inner .sec6_cont>div .banner p{margin: 15px 0 35px;letter-spacing:-.7px; font-family:'Noto Sans KR', sans-serif; font-size:13px; color:#000; font-weight:400; line-height:1.7;}
#sec6 .sec_inner .sec6_cont>div .swiper{padding-bottom: 20px;}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px; font-size:14px}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .price{font-weight:500}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination-bullet{width:6px; height:6px; margin:0 3px;}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination-bullet-active{background-color:#000}

#sec7{background-color:#f8f8f8; padding:35px 0 30px}
#sec7 .sec_inner{padding:0;}
#sec7 h2{margin: 0 5% 22px;}
#sec7 .sec7_review{padding-left:5%}
#sec7 .sec7_review>div{width: 100%;}
#sec7 .sec7_review>div>ul{width: 100%; }
#sec7 .sec7_review>div>ul>li{width:43%}
#sec7 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec7 .li_review .rv_main .thumb{width:100%;}
#sec7 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec7 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_main .rv_main_cont{width: 100%; padding: 10px 0;}
#sec7 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 12px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:500; color:#000; line-height:1.4; margin-bottom:5px}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span{color:#acacac}
#sec7 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:10px;margin-top:10px }
#sec7 .li_review .rv_mini .mini_thumb{width: 33px; height: 33px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden; max-width:30%}
#sec7 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec7 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:3px; width:70%}
#sec7 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 12px; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis ;letter-spacing:-.7px}
#sec7 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec7 .li_review .rv_mini ul li span {font-family: 'Calibri', sans-serif; margin-right:10px;display:flex; align-items:center; color:#c7c7c7; font-size:11px; }
#sec7 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;}

#sec8{margin-bottom:0}
#sec8 .sec_inner{padding:0;}
#sec8 h2{margin: 0 5% 22px;}

/* ===== 덕유 신뢰 섹션 (du-trust) — 기본 정의, 아래 최종 오버라이드에서 확정됨 ===== */
.du-trustsec{background:#5a4a38; color:#f0e8d8; padding:46px 18px; box-sizing:border-box;}
.du-trustsec *{box-sizing:border-box;}
.du-trustsec .du-eye{font-size:10.5px; letter-spacing:4px; font-weight:700; text-align:center; color:#cbb98e; margin:0;}
.du-trustsec .du-h{font-size:24px; text-align:center; margin:12px 0 24px; letter-spacing:-.6px; font-weight:800; line-height:1.35; color:#fbf6ea;}
.du-trust-cert{display:block; text-align:center; margin-top:24px; font-size:14px; font-weight:700; padding:15px; border:1px solid #cbb98e; color:#f0e4cc; text-decoration:none;}

/* ===== 많이 찾으시는 제품 ===== */
#du-best{padding:56px 0; background:#fff; box-sizing:border-box;}
#du-best *{box-sizing:border-box;}
#du-best .du-pgrid{display:grid; grid-template-columns:1fr 1fr; gap:34px 14px; padding:0;}
#du-best .du-pgrid-item{display:block; text-decoration:none; color:#1a1a1a; padding:0 0 4px;}
#du-best .du-pg-img{
  display:block; width:100%; aspect-ratio:1/1; overflow:hidden;
  background:#F7F7F3;
  border:1px solid #e5e2d6;
  border-radius:6px;
}
#du-best .du-pg-img img{width:100%; height:100%; object-fit:cover; display:block;}

/* ===== 덕유 히어로 (du-hero) ===== */
#sec1 .du-hero-slide{position:relative; display:block; height:var(--du-hero-h, 92vh); min-height:480px; overflow:hidden;}
#sec1 .du-hero-slide .du-hero-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1;}
#sec1 .du-hero-slide .du-hero-dim{position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55)); z-index:2;}
#sec1 .du-hero-txt{position:absolute; left:0; right:0; bottom:64px; z-index:3; text-align:center; color:#fff; padding:0 24px;}
#sec1 .du-hero-txt .ek{font-size:11px; letter-spacing:5px; opacity:.85; margin-bottom:14px; display:block;}
#sec1 .du-hero-txt .ht{display:block; font-size:28px; font-weight:800; line-height:1.35; letter-spacing:-.5px;}
#sec1 .du-hs-cert .du-hero-cert{
  position:absolute; right:18px; bottom:18px; z-index:4;
  background:rgba(249,246,239,.60);
  border:1px solid rgba(0,0,0,.06);
  border-radius:9px;
  padding:5px 6px 4px;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  box-shadow:0 1px 4px rgba(0,0,0,.12);
}
#sec1 .du-hs-cert .du-hero-cert img{
  width:52px !important; height:auto !important; display:block;
}
#sec1 .du-hs-cert .du-hero-cert-tx{
  font-size:9px; color:#3a3a32; letter-spacing:0; white-space:nowrap; font-weight:700;
}
/* 배지가 있는 슬라이드에서만 서브카피 폭 제한 */
#sec1 .du-hs-cert .du-hero-txt .sub{
  max-width:calc(100% - 78px);
}
#sec1 .du-hero-slide.noimg{background:linear-gradient(165deg,#3a5a40,#1f1f1d);}
#sec1 .du-hero-slide.noimg .du-hero-bg{display:none;}



/* ===== 제품 라인 2x2 그리드 ===== */
#du-products{padding:46px 0; background:#fff; box-sizing:border-box;}
#du-products *{box-sizing:border-box;}
#du-products .du-eye{font-size:12px; letter-spacing:3px; font-weight:700; text-align:center; color:#999; margin:0 0 12px; display:none;}
#du-products .du-h{font-size:27px; text-align:center; margin:0 18px 6px; letter-spacing:-.6px; font-weight:800; line-height:1.4; color:#1a1a1a;}
#du-products .du-lead{font-size:15px; text-align:center; color:#555; margin:0 0 30px;}
#du-products .du-pgrid{display:grid; grid-template-columns:1fr 1fr; gap:18px 8px; padding:0}
#du-products .du-pgrid-item{display:block; text-decoration:none; color:#1a1a1a; padding:0 0 4px;}
#du-products .du-pg-img{display:block; width:100%; aspect-ratio:1/1; overflow:hidden; background:#f2f2f0;}
#du-products .du-pg-img img{width:100%; height:100%; object-fit:cover; display:block;}
#du-products .du-pg-nm{margin:14px 14px 6px; font-size:18px; font-weight:600; letter-spacing:-.3px; line-height:1.3;}
#du-products .du-pg-ds{margin:0 14px 4px; font-size:12.5px; color:#666; line-height:1.45; letter-spacing:-.2px;}
#du-products .du-pg-mat{margin:0 14px 10px; font-size:12px; color:#9a968b; line-height:1.4; letter-spacing:-.2px;}
#du-products .du-pg-price{margin:0 14px; font-size:15px; font-weight:800; color:#1a1a1a; letter-spacing:-.3px;}

/* ===== 농장이야기 (du-story) ===== */
#du-story{padding:46px 12px; background:#fff; box-sizing:border-box;}
#du-story *{box-sizing:border-box;}
#du-story .du-eye{font-size:10.5px; letter-spacing:4px; font-weight:700; text-align:center; color:#999; margin:0;}
#du-story .du-h{font-size:24px; text-align:center; margin:12px 0 6px; letter-spacing:-.6px; font-weight:800; line-height:1.35; color:#1a1a1a;}
#du-story .du-lead{font-size:13.5px; text-align:center; color:#666; margin:0 0 28px;}
#du-story .swiper{position:relative; padding:0 0 34px 0; overflow:hidden;}
#du-story .du-story-card{display:block; text-decoration:none; color:#1a1a1a; background:#fff; border:1px solid #e2dfce; border-radius:0; padding:10px; overflow:hidden;}
#du-story .du-story-card .du-thumb{width:100%; aspect-ratio:3/4; background:#eef0e8; overflow:hidden; border-radius:0; margin-bottom:10px;}
#du-story .du-story-card .du-date{font-size:12px; letter-spacing:1px; color:#888; font-weight:600; padding:0 2px;}
#du-story .du-story-card .du-subject{font-size:16px; font-weight:700; margin-top:5px; line-height:1.8; letter-spacing:-.3px; padding:0 2px 4px; color:#333;}
#du-story .du-story-pg{position:absolute; left:0; right:0; bottom:0; text-align:center; z-index:2;}
#du-story .du-story-pg .swiper-pagination-bullet{background:#ccc; opacity:1; margin:0 4px;}
#du-story .du-story-pg .swiper-pagination-bullet-active{background:#3a5a40;}
#du-story .du-h, #du-story .du-lead, #du-story .du-more{margin-left:18px; margin-right:18px;}
#du-story .du-more{display:block; text-align:center; margin-top:30px; font-size:16px; font-weight:700; padding:15px; border:1px solid #1a1a1a; color:#1a1a1a; text-decoration:none;}


/* ===== 좋은 한 포를 위해 (du-process) ===== */
#du-process{padding:56px 0; background:#fff; box-sizing:border-box;}
#du-process *{box-sizing:border-box;}
#du-process .du-h{
  font-size:22px; text-align:center; margin:0 18px 28px;
  letter-spacing:-.3px; font-weight:800; line-height:1.45; color:#1a1a1a;
}
#du-process .du-pc-list{position:relative; overflow:hidden; padding:0 0 34px 0;}
#du-process .du-pc-img{
  width:100%; aspect-ratio:4/3; overflow:hidden; background:#ebe9e3;
  position:relative; border-radius:0;
}
#du-process .du-pc-img img{width:100%; height:100%; object-fit:cover; display:block;}
#du-process .du-pc-img::before{
  content:attr(data-no); position:absolute; left:16px; top:12px;
  font-size:40px; font-weight:800; color:rgba(255,255,255,.9);
  letter-spacing:-1px; z-index:1; text-shadow:0 1px 8px rgba(0,0,0,.35);
}
#du-process .du-pc-step{
  font-size:11px; font-weight:700; letter-spacing:2px; color:#3a5a40;
  margin:16px 0 6px; padding-left:18px;
}
#du-process .du-pc-h{
  font-size:16px; font-weight:800; color:#1a1a1a; letter-spacing:-.3px;
  margin:0 0 8px; padding-left:18px;
}
#du-process .du-pc-d{
  font-size:14px; line-height:1.65; color:#444; letter-spacing:-.3px;
  margin:0; padding:0 18px;
}
#du-process .du-pc-pg{position:absolute; left:0; right:0; bottom:0; text-align:center; z-index:2;}
#du-process .du-pc-pg .swiper-pagination-bullet{background:#ccc; opacity:1; margin:0 4px;}
#du-process .du-pc-pg .swiper-pagination-bullet-active{background:#3a5a40;}
#du-process{display:none !important;}

/* 노토몰 기본 더미 섹션 숨김 */
#sec2, #sec3, #sec4, #sec5, #sec6, #sec7, #sec8 { display:none; }

/* ===== 상단 적립 띠 ===== */
#du-topbar{background:#2f4a35; overflow:hidden; height:42px; position:relative;}
#du-topbar .du-roll{display:flex; flex-direction:column; animation:duRoll 6s infinite;}
#du-topbar .du-roll a{height:42px; line-height:42px; text-align:center; color:#fff; font-size:15px; font-weight:400; letter-spacing:-.3px; text-decoration:none; display:block;}
#du-topbar .du-roll a b{color:#e8c87a; font-weight:400;}
@keyframes duRoll{0%,45%{transform:translateY(0);}50%,95%{transform:translateY(-42px);}100%{transform:translateY(0);}}

/* ===== 고객 후기 (du-review) ===== */
#du-review{padding:46px 18px; background:#f6f4ed; box-sizing:border-box;}
#du-review *{box-sizing:border-box;}
#du-review .du-eye{font-size:10.5px; letter-spacing:4px; font-weight:700; text-align:center; color:#7a8a6e; margin:0;}
#du-review .du-h{font-size:24px; text-align:center; margin:12px 0 6px; letter-spacing:-.6px; font-weight:800; line-height:1.35; color:#22301f;}
#du-review .du-lead{font-size:13.5px; text-align:center; color:#6a7462; margin:0 0 28px;}
#du-review .du-rv-list{display:flex; flex-direction:column; gap:14px;}
#du-review .du-rv-card{background:#fff; border:1px solid #e2dfce; border-radius:12px; padding:18px;}
#du-review .du-rv-text{font-size:16px; line-height:1.8; color:#3a4636; font-weight:500;}
#du-review .du-rv-meta{font-size:13px; color:#888; margin-top:10px;}
#du-review .du-rv-text mark{background:#FFF3B0; color:#1a1a1a; padding:1px 3px; border-radius:2px; font-weight:700;}
#du-review .du-more{display:block; text-align:center; margin-top:24px; font-size:16px; font-weight:700; padding:15px; border:1px solid #3a5a40; color:#3a5a40; text-decoration:none;}

/* ===== 공통 타이포 ===== */
.du-h{font-size:27px; line-height:1.45; letter-spacing:-.3px; margin-top:0; margin-bottom:10px;}
.du-lead{font-size:15px; color:#555; margin-bottom:34px; line-height:1.6;}
.du-eye{display:none;}
.du-more{font-size:16px;}

#du-products, .du-trustsec, #du-story, #du-review{padding-top:56px; padding-bottom:56px;}

#sec1 .du-hero-pg{
  position:absolute; bottom:20px; left:24px; right:24px;
  z-index:5; height:2px; background:rgba(255,255,255,.35);
  display:block; gap:0;
}
#sec1 .du-hero-pg .swiper-pagination-progressbar-fill{
  background:#c4a55c;
}




/* 히어로 하단 배지 */
#du-badge{display:flex; background:#22301f; border-top:1px solid rgba(255,255,255,.1); margin-top:0;}
#du-badge a{flex:1; text-align:center; padding:16px 4px; color:#e8efe2; font-size:13px; font-weight:600; letter-spacing:-.3px; text-decoration:none; border-right:1px solid rgba(255,255,255,.1); line-height:1.4;}
#du-badge a:last-child{border-right:none;}
#du-badge a b{display:block; color:#e8c87a; font-size:11px; font-weight:500; margin-top:3px; letter-spacing:0;}
#du-badge a span{display:block;}
#du-badge .du-badge-arw{font-style:normal; font-weight:600; font-size:15px; color:rgba(255,255,255,.65); margin-left:5px; display:inline-block; transform:scaleX(1.2);}
#sec1{margin-bottom:0;}

/* 히어로 CTA */
#du-cta{padding:22px 18px 8px; background:#fff; box-sizing:border-box;}
#du-cta *{box-sizing:border-box;}
#du-cta .du-cta-main{display:block; text-align:center; font-size:17px; font-weight:700; padding:17px; background:#3a5a40; color:#fff; border-radius:10px; text-decoration:none; letter-spacing:-.3px;}
#du-cta .du-cta-sub{display:flex; gap:9px; margin-top:9px;}
#du-cta .du-cta-sub a{flex:1; text-align:center; font-size:14.5px; font-weight:600; padding:14px 6px; border-radius:10px; text-decoration:none; letter-spacing:-.3px;}
#du-cta .du-cta-sub .ghost{border:1px solid #B08A45 !important; color:#9a7526 !important; background:#FDF8ED !important; font-weight:700 !important; position:relative;}
#du-cta .du-cta-sub .ghost::before{content:"✨"; margin-right:4px;}
#du-cta .du-cta-sub .call{background:#22301f; color:#fff;}

/* 제품 카드 가격 */
#du-products .du-price{margin-top:8px; font-size:17px; font-weight:800; color:#1a1a1a; letter-spacing:-.3px;}
#du-products .du-price-consult{margin-top:8px; font-size:15px; font-weight:700; color:#3a5a40;}
#du-products .du-pg-go{display:block; margin:10px 14px 0; font-size:13px; font-weight:700; color:#3a5a40; letter-spacing:-.2px;}
#du-products .du-pgrid-item{border:1px solid #E5E2D6; border-radius:8px; padding-bottom:14px !important;}
#du-products .du-pg-img{border-radius:8px 8px 0 0;}

#sec1 .du-hero-slide .du-hero-dim{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.3)) !important;}

/* ===== 목석초화  ===== */
.du-story-cf{background:#fff; padding:50px 0 56px;}
.du-cf-title{font-size:21px; font-weight:800; text-align:center; color:#1a1a1a; letter-spacing:-.3px; margin:0 0 28px;}
.du-cf-media{width:100%; aspect-ratio:16/10; overflow:hidden; background:#f0efea;}
.du-cf-media img, .du-cf-media video{width:100%; height:100%; object-fit:cover; display:block;}
.du-cf-head{font-size:20px; font-weight:800; text-align:center; color:#1a1a1a; line-height:1.5; letter-spacing:-.4px; margin:34px 18px 16px;}
.du-cf-sub{font-size:14px; text-align:center; color:#666; line-height:1.75; letter-spacing:-.3px; margin:0 18px 30px;}
.du-cf-more{display:block; max-width:340px; margin:0 auto; text-align:center; padding:16px; border:1px solid #1a1a1a; color:#1a1a1a; font-size:14px; font-weight:600; letter-spacing:1px; text-decoration:none;}
.du-cf-more:active{background:#1a1a1a; color:#fff;}

/* ===== FAQ ===== */
#du-faq{padding:56px 18px; background:#F7F7F3; box-sizing:border-box;}
#du-faq *{box-sizing:border-box;}
#du-faq .du-h{font-size:22px; text-align:center; margin:0 0 8px; letter-spacing:-.3px; font-weight:800; line-height:1.45; color:#1a1a1a;}
#du-faq .du-lead{font-size:15px; text-align:center; color:#555; margin:0 0 30px;}
#du-faq .du-faq-list{display:flex; flex-direction:column; border-top:1px solid #e5e5e5;}
#du-faq .du-faq-item{border-bottom:1px solid #e5e5e5;}
#du-faq .du-faq-q{width:100%; background:none; border:none; text-align:left; padding:20px 4px; font-size:16px; font-weight:600; color:#1a1a1a; letter-spacing:-.3px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; line-height:1.4;}
#du-faq .du-faq-ic{font-size:22px; font-weight:400; color:#3a5a40; margin-left:12px; flex-shrink:0; transition:transform .3s;}
#du-faq .du-faq-item.on .du-faq-ic{transform:rotate(45deg);}
#du-faq .du-faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease;}
#du-faq .du-faq-a p{font-size:15px; line-height:1.75; color:#555; letter-spacing:-.3px; margin:0; padding:0 4px 20px;}
#du-faq .du-faq-cta{display:flex; gap:9px; margin-top:28px;}
#du-faq .du-faq-call{flex:1; text-align:center; padding:15px; background:#3a5a40; color:#fff; font-size:15px; font-weight:700; border-radius:10px; text-decoration:none; letter-spacing:-.3px;}
#du-faq .du-faq-more{flex:1; text-align:center; padding:15px; border:1.5px solid #3a5a40; color:#3a5a40; font-size:15px; font-weight:600; border-radius:10px; text-decoration:none; letter-spacing:-.3px;}

/* ===== 인스타그램 ===== */
#du-insta{padding:56px 18px 20px; background:#fff; box-sizing:border-box;}
#du-insta *{box-sizing:border-box;}
#du-insta .du-h{font-size:23px; text-align:center; margin:0 0 8px; letter-spacing:1px; font-weight:800; color:#1a1a1a;}
#du-insta .du-lead{font-size:15px; text-align:center; color:#555; margin:0 0 24px;}
#du-insta .du-insta-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:5px;}
#du-insta .du-insta-grid a{display:block; aspect-ratio:1/1; overflow:hidden;}
#du-insta .du-insta-grid img{width:100%; height:100%; object-fit:cover; display:block;}
#du-insta .du-insta-link{display:block; text-align:center; margin-top:24px; font-size:15px; font-weight:600; padding:15px; border:1px solid #1a1a1a; color:#1a1a1a; text-decoration:none; letter-spacing:-.3px;}
#du-insta .du-insta-link:active{background:#1a1a1a; color:#fff;}

/* ===== 히어로 타이포 ===== */
#sec1 .du-hero-txt{bottom:72px;}
#sec1 .du-hero-txt .ek{font-family:'Noto Sans KR', sans-serif !important; font-size:16px !important; letter-spacing:3px !important; font-weight:500 !important; opacity:.9; margin-bottom:16px !important;}
#sec1 .du-hero-txt .ht{font-family:'Noto Serif KR', serif !important; font-size:30px !important; font-weight:600 !important; line-height:1.4 !important; letter-spacing:-0.5px !important;}
#sec1 .du-hero-txt .ul{display:block; width:40px; height:1.5px; background:rgba(255,255,255,.7); margin:18px auto 16px;}
#sec1 .du-hero-txt .sub{display:block; font-family:'Noto Sans KR', sans-serif !important; font-size:15px !important; font-weight:400 !important; letter-spacing:-.3px !important; opacity:.85; line-height:1.5;}

/* ===== 상품 추천 위젯 모달 ===== */
.du-rec-modal{display:none; position:fixed; inset:0; z-index:9999;}
.du-rec-modal.open{display:block;}
.du-rec-modal .du-rec-dim{position:absolute; inset:0; background:rgba(26,26,26,.5);}
.du-rec-panel{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 32px); max-width:400px; max-height:92vh; overflow-y:auto; background:#f6f4ed; border-radius:16px; box-shadow:0 12px 50px rgba(0,0,0,.3); -webkit-overflow-scrolling:touch; padding-bottom:12px;}
.du-rec-panel *{box-sizing:border-box;}
.du-rec-x{position:absolute; right:14px; top:14px; z-index:5; width:32px; height:32px; border:none; background:rgba(255,255,255,.85); border-radius:50%; font-size:15px; color:#666; cursor:pointer; line-height:1;}
.du-rec-modal .du-rec-bar{height:4px; background:#e8e5db;}
.du-rec-modal .du-rec-bar i{display:block; height:100%; background:#3a5a40; width:20%; transition:width .4s ease;}
.du-rec-modal .du-rec-head{text-align:center; padding:30px 24px 8px;}
.du-rec-modal .du-rec-eye{font-size:11px; letter-spacing:3px; color:#c8a96a; font-weight:700; margin-bottom:12px;}
.du-rec-modal .du-rec-step-no{font-size:12px; color:#6a6a60; margin-bottom:6px; letter-spacing:1px;}
.du-rec-modal .du-rec-q{padding:0 24px 28px;}
.du-rec-modal .du-rec-qt{font-family:'Noto Serif KR',serif; font-size:22px; font-weight:600; text-align:center; line-height:1.45; letter-spacing:-.5px; margin-bottom:26px; color:#1a1a1a;}
.du-rec-modal .du-rec-opts{display:flex; flex-direction:column; gap:10px;}
.du-rec-modal .du-rec-opt{background:#fff; border:1.5px solid #e2dfce; border-radius:12px; padding:17px 18px; font-size:16px; font-weight:500; color:#1a1a1a; text-align:left; cursor:pointer; transition:all .2s; display:flex; align-items:center; gap:12px; letter-spacing:-.3px; width:100%;}
.du-rec-modal .du-rec-opt:active{transform:scale(.98);}
.du-rec-modal .du-rec-opt .ic{font-size:21px; flex-shrink:0;}
.du-rec-modal .du-rec-opt .tx{flex:1;}
.du-rec-modal .du-rec-opt .sub{display:block; font-size:12.5px; color:#6a6a60; font-weight:400; margin-top:2px;}
.du-rec-modal .du-rec-back{display:block; width:100%; text-align:center; padding:14px; font-size:13px; color:#6a6a60; background:none; border:none; cursor:pointer;}
.du-rec-modal .du-rec-result{padding:26px 22px 40px; text-align:center; display:none;}
.du-rec-modal .du-rec-result.show{display:block;}
.du-rec-modal .du-rec-rlabel{font-size:11px; letter-spacing:3px; color:#c8a96a; font-weight:700; margin-bottom:14px;}
.du-rec-modal .du-rec-rname{font-family:'Noto Serif KR',serif; font-size:26px; font-weight:700; color:#1a1a1a; margin-bottom:10px; letter-spacing:-.5px;}
.du-rec-modal .du-rec-rwhy{font-size:15px; line-height:1.7; color:#6a6a60; margin-bottom:20px; letter-spacing:-.3px;}
.du-rec-modal .du-rec-rwhy b{color:#3a5a40; font-weight:600;}
.du-rec-modal .du-rec-rcard{background:#fff; border:1px solid #e2dfce; border-radius:12px; padding:16px; margin-bottom:16px; text-align:left;}
.du-rec-modal .du-rec-rcard .row{display:flex; justify-content:space-between; padding:7px 0; font-size:13.5px; border-bottom:1px solid #f0eee5; gap:10px;}
.du-rec-modal .du-rec-rcard .row:last-child{border-bottom:none;}
.du-rec-modal .du-rec-rcard .row .k{color:#6a6a60; flex-shrink:0;}
.du-rec-modal .du-rec-rcard .row .v{font-weight:600; color:#1a1a1a; text-align:right;}
.du-rec-modal .du-rec-tip{font-size:13.5px; line-height:1.6; color:#3a5a40; background:#eef0e8; border-radius:10px; padding:13px 15px; margin-bottom:16px; letter-spacing:-.3px; text-align:left;}
.du-rec-modal .du-rec-tip:empty{display:none;}
.du-rec-modal .du-rec-rbtns{display:flex; flex-direction:column; gap:9px;}
.du-rec-modal .du-rec-rbtns a{display:block; text-align:center; padding:15px; border-radius:10px; font-size:15.5px; font-weight:700; text-decoration:none; letter-spacing:-.3px;}
.du-rec-modal .du-rec-rbtns .go{background:#3a5a40; color:#fff;}
.du-rec-modal .du-rec-rbtns .call{background:#22301f; color:#fff;}
.du-rec-modal .du-rec-rbtns .retry{background:none; color:#6a6a60; font-weight:500; border:none; cursor:pointer; padding:11px; font-size:13.5px;}
.du-rec-modal .du-rec-note{font-size:11.5px; color:#a09c8e; line-height:1.6; margin-top:14px; letter-spacing:-.2px;}
.du-rec-modal .hidden{display:none !important;}
.du-rec-modal .du-rec-loading{display:none; padding:60px 24px 64px; text-align:center;}
.du-rec-modal .du-rec-loading.show{display:block;}
.du-rec-spinner{width:46px; height:46px; margin:0 auto 22px; border:3px solid #e2dfce; border-top-color:#3a5a40; border-radius:50%; animation:duSpin .9s linear infinite;}
@keyframes duSpin{to{transform:rotate(360deg);}}
.du-rec-modal .du-rec-loading-tx{font-family:'Noto Serif KR',serif; font-size:18px; color:#3a5a40; letter-spacing:-.3px; font-weight:600;}
.du-rec-join{background:#fff; border:1px solid #e2dfce; border-radius:12px; padding:18px; margin-top:18px; text-align:left;}
.du-rec-join-tit{font-size:15px; font-weight:700; color:#1a1a1a; margin-bottom:12px; letter-spacing:-.3px; text-align:center;}
.du-rec-join-tit b{color:#3a5a40;}
.du-rec-join-list{display:flex; flex-direction:column; gap:8px; margin-bottom:16px;}
.du-rec-join-item{display:flex; align-items:flex-start; gap:8px; font-size:13.5px; color:#444; letter-spacing:-.3px; line-height:1.45;}
.du-rec-join-item .ck{color:#3a5a40; font-weight:800; flex-shrink:0;}
.du-rec-join-btn{display:block; text-align:center; background:#c8a96a; color:#fff; font-size:15px; font-weight:700; padding:14px; border-radius:10px; text-decoration:none; letter-spacing:-.3px;}

/* ===== 베스트상품 텍스트 ===== */
#du-best .du-h{font-size:24px !important; text-align:center !important; font-weight:800 !important; line-height:1.35 !important; letter-spacing:-.6px !important; color:#1a1a1a !important; margin:12px 0 32px !important;}
#du-best .du-lead{text-align:center !important; color:#555 !important; font-weight:400 !important;}
#du-best .du-pg-price{font-size:13px !important; font-weight:400 !important; color:#1a1a1a !important; letter-spacing:-.5px !important;}
#du-best .du-pg-nm{font-size:16px !important; font-weight:600 !important; color:#1a1a1a !important; letter-spacing:-.3px !important; line-height:1.3 !important;}

/* ===== SNS ===== */
#du-sns{display:flex; justify-content:center; gap:34px; padding:12px 16px 80px; max-width:520px; margin:0 auto;}
#du-sns .du-sns-item{display:flex; flex-direction:column; align-items:center; gap:8px; text-decoration:none; color:#3a3833;}
#du-sns .du-sns-icon{width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:none; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.12);}
#du-sns .du-sns-icon img{width:100%; height:100%; object-fit:cover; display:block;}

/* ===== 덕유농장 사이트맵 ===== */
#du-sitemap{background:#F7F7F3; margin-top:0; padding:40px 24px 8px;}
#du-sitemap *{box-sizing:border-box;}
#du-sitemap .du-sitemap-head{text-align:left; padding-bottom:30px;}
#du-sitemap .du-sitemap-logo{display:flex; align-items:flex-end; justify-content:flex-start; gap:7px;}
#du-sitemap .du-sitemap-logo .icon{height:30px; width:auto;}
#du-sitemap .du-sitemap-logo .word{height:26px; width:auto;}
#du-sitemap .du-sitemap-logo .pre{font-family:'Pretendard','Noto Sans KR',sans-serif; font-weight:700; font-size:16px; color:#1e7a32; letter-spacing:-.2px;}
#du-sitemap .du-sitemap-tag{margin-top:14px; font-size:16px; color:#1a1a1a; letter-spacing:-.2px; font-weight:400; text-align:left;}
#du-sitemap .du-linkmap{max-width:520px; margin:0; border-top:0;}
#du-sitemap .du-linkmap-row{display:flex; border-bottom:0;}
#du-sitemap .du-linkmap-row-single .du-linkmap-item{flex:1 1 100%;}
#du-sitemap .du-linkmap-item{flex:1; padding:14px 4px 14px 0; font-size:17px; font-weight:700; color:#1a1a1a; text-decoration:none; letter-spacing:-.3px;}


/* ==================================================================
   ★★★ 신뢰 섹션(du-trustsec) 최종 확정 — 이 파일 내 다른 모든 관련
   규칙보다 우선 적용됩니다. 텍스트 우측 이동 + 배경 침범 방지 포함.
   ================================================================== */
.du-trustsec{
  background:#5a4a38 !important;
  color:#f0e8d8 !important;
  padding:56px 24px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:block !important;
}
.du-trustsec .du-h{
  font-size:27px !important; text-align:center !important; margin:0 0 36px !important;
  letter-spacing:-.3px !important; font-weight:800 !important; line-height:1.4 !important;
  color:#fbf6ea !important;
}
.du-trustrow{width:100% !important; display:block !important;}
.du-trustrow .du-t{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:34px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.15) !important;
}
.du-trustrow .du-t:last-child{border-bottom:none !important;}
.du-trustrow .du-t .du-n{
  font-size:28px !important;
  min-width:76px !important;
  max-width:76px !important;
  flex:0 0 76px !important;
  text-align:left !important;
  color:#e8c87a !important;
  font-weight:800 !important;
  letter-spacing:-.5px !important;
  white-space:nowrap !important;
}
.du-trustrow .du-t .du-l{
  display:block;
  text-align:left;
  flex:1 1 auto;
  font-size:14.5px;
  color:#ddd2bc;
  line-height:1.5;
  white-space:normal;
}
.du-trustrow .du-t .du-l i{
  display:block;
  font-style:normal;
  font-size:11.5px;
  color:#cbb98e;
  margin-top:5px;
  font-weight:400;
  opacity:.85;
}
.du-trust-cert{
  display:block !important; text-align:center !important; margin-top:30px !important;
  font-size:14px !important; font-weight:700 !important; padding:15px !important;
  border:1px solid #cbb98e !important; color:#f0e4cc !important; text-decoration:none !important;
}

.du-trustrow .du-t .du-n{
  font-size:27px !important;
  min-width:62px !important;
  max-width:62px !important;
  flex:0 0 62px !important;
  text-align:left !important;
  color:#e8c87a !important;
  font-weight:800 !important;
  letter-spacing:-1px !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums;
}
.du-trustrow .du-t .du-l{
  display:block !important;
  text-align:left !important;
  flex:1 1 auto !important;
  font-size:14.5px !important;
  color:#ddd2bc !important;
  line-height:1.5 !important;
}
.du-trustrow .du-t .du-l i{
  display:block !important;
  font-style:normal !important;
  font-size:11.5px !important;
  color:#cbb98e !important;
  margin-top:4px !important;
  margin-left:0 !important;
  padding-left:8 !important;
  font-weight:400 !important;
}

/* ========== 덕유농장 BEST 카드 텍스트 여백 ========== */
#du-best .du-pgrid{padding:0 50px !important;}
#du-best .du-pg-nm{
  margin:14px 4px 8px !important;
}
#du-best .du-pg-price{
  margin:0 4px !important;
}

/* ========== 신뢰 섹션 텍스트 우측 이동 (강제) ========== */
.du-trustsec .du-trustrow .du-t .du-l{
  padding-left:26px !important;
}

.du-trustsec .du-trustrow .du-t .du-l{
  padding-left:40px !important;
  margin-left:0 !important;
  text-indent:0 !important;
  box-sizing:border-box !important;
}

/* ===== 숫자로 보는 덕유농장 : 중앙 정렬 최종 오버라이드 ===== */

.du-trustsec .du-trustrow{
  width:calc(100% - 36px) !important;
  max-width:350px !important;
  margin:0 auto !important;
}

.du-trustsec .du-trustrow .du-t{
  display:grid !important;
  grid-template-columns:96px minmax(0, 1fr) !important;
  column-gap:34px !important;

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

  align-items:center !important;
  border-bottom:1px solid rgba(255,255,255,.15) !important;
}

.du-trustsec .du-trustrow .du-t:last-child{
  border-bottom:none !important;
}

/* 왼쪽 숫자 */
.du-trustsec .du-trustrow .du-t .du-n{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  flex:none !important;

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

  text-align:left !important;
  font-size:27px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;

  color:#e8c87a !important;
  font-weight:800 !important;
  letter-spacing:-1px !important;
}

/* 오른쪽 설명 */
.du-trustsec .du-trustrow .du-t .du-l{
  width:auto !important;
  min-width:0 !important;

  padding:0 !important;
  margin:0 !important;
  text-indent:0 !important;

  text-align:left !important;
  font-size:14.5px !important;
  line-height:1.5 !important;
  color:#ddd2bc !important;
}

/* 보조 설명 */
.du-trustsec .du-trustrow .du-t .du-l i{
  display:block !important;
  padding:0 !important;
  margin:4px 0 0 !important;

  text-align:left !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  color:#cbb98e !important;
  font-style:normal !important;
}


/* ==================================================
   덕유농장 BEST 4개 -  2 x 2 배치
   ================================================== */

#du-best{
  padding:56px 0 !important;
  background:#fff !important;
}

/* 상품 2열 배치 */
#du-best .du-pgrid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:34px 8px !important;

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

/* 상품 카드 */
#du-best .du-pgrid-item{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  overflow:hidden !important;
  text-decoration:none !important;
}

/* 이미지 */
#du-best .du-pg-img{
  display:block !important;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  background:#F7F7F3 !important;

  border:1px solid #e5e2d6 !important;
  border-radius:0px !important;
}

/* 실제 이미지 꽉 채우기 */
#du-best .du-pg-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* 상품명 */
#du-best .du-pg-nm{
  margin:15px 12px 5px !important;
  padding:0 !important;

  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:#1a1a1a !important;
  letter-spacing:-.4px !important;

  text-align:left !important;
}

#du-best .du-pg-nm .du-gold-hl{
  font-weight:400 !important;
}

/* 가격 */
#du-best .du-pg-price{
  margin:0 12px !important;
  padding:0 !important;

  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
  color:#1a1a1a !important;

  text-align:left !important;
}

/* 설명이 있을 경우 */
#du-best .du-pg-ds,
#du-best .du-pg-mat{
  margin-left:12px !important;
  margin-right:12px !important;
  text-align:left !important;
}

/* ==================================================
   히어로 텍스트 최종 정리 — 좌측 정렬 + 밑줄 + 진한 그라데이션
   ================================================== */

/* ⚠ 그라데이션 선택자를 원본과 동일한 구체성으로 맞춤 (이게 지난번 안 먹힌 이유) */
#sec1 .du-hero-slide .du-hero-dim{
  background:linear-gradient(180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 38%,
    rgba(0,0,0,.5) 72%,
    rgba(0,0,0,.8) 100%) !important;
}

/* 텍스트 좌측 정렬로 전환 */
#sec1 .du-hero-txt{
  text-align:left !important;
  left:26px !important; right:26px !important;
  bottom:56px !important; top:auto !important;
  padding:0 !important;
}
#sec1 .du-hero-txt .ek{
  display:block; text-align:left !important;
  font-size:13px !important; letter-spacing:1.5px !important;
  font-weight:500 !important; opacity:.92; margin-bottom:12px !important;
}
#sec1 .du-hero-txt .ul{
  display:block; width:34px; height:1.5px;
  background:rgba(255,255,255,.75);
  margin:0 0 14px !important;
}
#sec1 .du-hero-txt .ht{
  display:block; text-align:left !important;
  font-family:'Noto Serif KR', serif !important;
  font-size:26px !important; font-weight:700 !important;
  line-height:1.42 !important; letter-spacing:-.3px !important;
}
#sec1 .du-hero-txt .sub{
  display:block; text-align:left !important;
  font-size:14px !important; font-weight:400 !important;
  opacity:.88; margin-top:10px !important; letter-spacing:-.2px !important;
}

/* ==================================================
   히어로 카피 — 목업 스타일 최종 반영
   ================================================== */

/* 상단 카피(eyebrow): 얇고 자간 넓게, 밑줄을 텍스트 폭에 맞춰 자체 처리 */
#sec1 .du-hero-txt .ek{
  display:inline-block !important;
  text-align:left !important;
  font-family:'Noto Sans KR', sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:2px !important;
  color:#fff !important;
  opacity:.92;
  padding-bottom:12px !important;
  margin-bottom:16px !important;
  border-bottom:1px solid rgba(255,255,255,.75) !important;
}

/* 기존 밑줄 span은 더 이상 사용하지 않음 — 숨김 처리 */
#sec1 .du-hero-txt .ul{
  display:none !important;
}

/* 메인 카피(헤드라인): 세리프체로 전환 */
#sec1 .du-hero-txt .ht{
  display:block !important;
  text-align:left !important;
  font-family:'Noto Serif KR', serif !important;
  font-weight:600 !important;
  font-size:28px !important;
  line-height:1.45 !important;
  letter-spacing:-.3px !important;
  color:#fff !important;
}

#sec1 .du-hero-txt .sub{
  display:block !important;
  text-align:left !important;
  font-family:'Noto Sans KR', sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  opacity:.88;
  margin-top:12px !important;
  letter-spacing:-.2px !important;
}

/* 단백질 슬라이드 전용 — 우상단 수치 박스 */
#sec1 .du-hero-stat{
  position:absolute; top:22px; right:24px; z-index:4; text-align:right;
}
#sec1 .du-hero-stat p{
  margin:0 0 5px; font-size:12.5px; color:#fff; font-weight:500;
  text-shadow:0 1px 5px rgba(0,0,0,.65);
}
#sec1 .du-hero-stat .stat-gold{color:#e0c27a; font-weight:700;}
#sec1 .du-hero-stat .stat-green{color:#c9dcb8; font-weight:700;}
/* BASIC css end */