/* BASIC css start */
#contentWrap { width:1000px; max-width:100%; margin:0 auto; }
#content { width:100%; }

/* page-hd */
#productPlan .page-hd { width:800px; max-width:100%; margin:0 auto; }
#productPlan .page-hd h2 { margin:40px 0 20px 0; color:#333; font-size:24px; font-weight:600; border-bottom:1px solid #ccc; }

/* page-body */
#productPlan .page-body { padding-bottom:80px; text-align:center; }
#productPlan .page-body .visual { width:900px; max-width:100%; margin:0 auto; }
#productPlan .page-body .visual > img { width:100%; }

#productPlan .page-body .bn_area { width:800px; max-width:100%; margin:0 auto; padding-top:30px; display:flex; flex-wrap:wrap; gap:10px 0; }
#productPlan .page-body .bn_area img { width:100%; }
#productPlan .page-body .bn_area a { width:100%; }




.link { position:relative; }
.link img { width:100%; }
.link > a { position:absolute; }

.link .link01 {width: 226px;height: 55px;bottom: 763px;left: 53px;}
.link .link02 {width: 226px;height: 55px;bottom: 697px;left: 332px;}
.link .link03 {width: 226px;height: 55px;bottom: 763px;left: 622px;}
.link .link04 {width: 226px;height: 55px;bottom: 174px;left: 128px;}
.link .link05 {width: 226px;height: 55px;bottom: 174px;left: 543px;}




/* 상품 분류 메뉴: 기존 코드 유지 */
#productPlan .plan-category-nav {
 width:1000px;
 max-width:100%;
 margin:30px auto 0;
 padding:12px 0;
 background:rgba(255,255,255,0.97);
 box-sizing:border-box;
}
#productPlan .plan-category-nav.is-fixed {
 position:fixed;
 top:0;
 left:50%;
 z-index:99999;
 margin:0;
 transform:translateX(-50%);
 box-shadow:0 5px 14px rgba(0,0,0,0.08);
}
#productPlan .plan-category-nav-spacer { display:none; width:100%; }

html body .plan-global-header-hidden {
 opacity:0 !important;
 visibility:hidden !important;
 pointer-events:none !important;
 transition:opacity .15s ease !important;
}
#productPlan .plan-category-nav ul {
 display:grid;
 grid-template-columns:repeat(4, minmax(0, 1fr));
 margin:0;
 padding:0;
 border-top:1px solid #222;
 border-left:1px solid #ddd;
 list-style:none;
}
#productPlan .plan-category-nav li {
 min-width:0;
 margin:0;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
 box-sizing:border-box;
}
#productPlan .plan-category-nav a {
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:58px;
 padding:10px 12px;
 color:#444;
 font-size:16px;
 line-height:1.35;
 text-align:center;
 word-break:keep-all;
 box-sizing:border-box;
 background:#fff;
 transition:color .2s, background-color .2s;
}
#productPlan .plan-category-nav a:hover,
#productPlan .plan-category-nav a.on { color:#fff; font-weight:600; background:#222; }

#productPlan .page-body .p-hd { width:100%; padding:60px 0 0; text-align:left; box-sizing:border-box; }
#productPlan .page-body .p-hd h3 {
 margin:0;
 color:#111;
 font-size:24px;
 font-weight:600;
 line-height:1.45;
 letter-spacing:-0.5px;
 border-top:1px solid #222;
 padding:20px 0;
}

#productPlan .page-body .plst { width:100%; table-layout:fixed; margin:26px auto 0; }
.prd-list { width:1000px; max-width:100%; margin:30px auto 0; }
.prd-list tr { display:table-row; }
.prd-list td { width:25%; padding:0 8px 28px; vertical-align:top; box-sizing:border-box; }
.tb-left { padding:0; }

/* 기존 상품진열 스타일 유지 */
.prdList .thumb { width:100%; height:auto; aspect-ratio:1 / 1; overflow:hidden; text-align:center; }
.prdList .thumb a { width:100%; height:100%; justify-content:center; align-items:center; display:flex; }
.prdList .thumb a img { width:100%; height:100%; object-fit:contain; }
.prdList .name { display:block; width:100%; padding:10px 0; font-size:17px; color:#222; line-height:24px; letter-spacing:-0.3px; box-sizing:border-box; }
.prdList .name .sub { padding:0 5px 10px 0; color:#e74174; }
.prd-list .info { width:100%; line-height:22px; margin-bottom:20px; }
.prdList .discount_rate { display:inline-block; padding-right:5px; color:#ff398d; font-size:20px; font-weight:bold; }
.prdList .prd-price { display:block; font-size:17px; color:#333; margin-top:0; }
.prdList .prd-price strike { display:inline-block; line-height:21px; margin-right:10px; font-weight:300; color:#999; }
.prdList .prd-price .prd-price2 { display:inline-block; font-size:19px; color:#000; margin-right:10px; font-weight:500; }
.prdList .prd-price .prd-price2-login { display:inline-block; font-size:19px; color:#e74174; margin-right:10px; font-weight:500; }
.prdList .prd-price .sold_out { color:red; font-size:19px; font-weight:500; }
.prdList .listPrice { display:inline-block; }

/* visual 안 가격대별 특가 영역 */
#productPlan .visual-price-deal,
#productPlan .visual-price-deal * { box-sizing:border-box; }

#productPlan .visual-price-deal {
 width:100%;
 padding:490px 45px 27px;
 color:#222;
 text-align:left;
 background-color:#f7f7f7;
 background-image:url('/design/kichmom/10276/promotion/20260907_01_plan_05.jpg');
 background-repeat:no-repeat;
 background-position:center top;
 background-size:cover;
}

#productPlan .visual-price-tabs {
 display:grid;
 grid-template-columns:repeat(4, minmax(0, 1fr));
 width:100%;
 margin:0 0 15px;
 padding:0;
 border:1px solid #999;
 list-style:none;
}
#productPlan .visual-price-tabs li { min-width:0; margin:0; padding:0; border-right:1px solid #999; }
#productPlan .visual-price-tabs li:last-child { border-right:0; }

#productPlan .visual-price-tab {
 position:relative;
 display:block;
 width:100%;
 height:58px;
 padding:0 8px;
 border:0;
 background:#fff;
 color:#111;
 font-family:inherit;
 font-size:17px;
 font-weight:400;
 line-height:58px;
 text-align:center;
 white-space:nowrap;
 cursor:pointer;
}
#productPlan .visual-price-tab:after {
 position:absolute;
 right:-1px;
 bottom:-1px;
 left:-1px;
 height:5px;
 background:transparent;
 content:"";
}
#productPlan .visual-price-tab.on { font-weight:700; }
#productPlan .visual-price-tab.on:after { background:#222; }

#productPlan .visual-price-panel { display:none; width:100%; }
#productPlan .visual-price-panel.on { display:block; }

/* 상품 스와이프: PC에서 약 3.5개 노출 */
#productPlan .visual-price-swiper {
 overflow:hidden;
 width:100%;
 padding:0 0 4px;
}
#productPlan .visual-price-swiper .swiper-wrapper { align-items:stretch; }
#productPlan .visual-price-swiper .swiper-slide {
 display:block;
 flex-shrink:0;
 width:27% !important;
 height:auto;
}
#productPlan .visual-price-product { min-width:0; margin:0; padding:0; }
#productPlan .visual-price-product .tb-left,
#productPlan .visual-price-product .info { width:100%; margin:0; padding:0; }
#productPlan .visual-price-product .info { list-style:none; text-align:left; }

#productPlan .visual-price-product .thumb { overflow:hidden; width:100%; aspect-ratio:1 / 1; background:#f7f7f7; }
#productPlan .visual-price-product .thumb a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
#productPlan .visual-price-product .thumb img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .3s ease; }
#productPlan .visual-price-product .thumb a:hover img { transform:scale(1.025); }

#productPlan .visual-price-product .name {
 display:block;
 width:100%;
 min-height:58px;
 padding:10px 0 6px;
 color:#222;
 font-size:15px;
 line-height:16px;
 letter-spacing:-0.3px;
}
#productPlan .visual-price-product .name .sub { display:block; padding:0 0 4px; color:#e74174; font-size:12px; line-height:18px; }
#productPlan .visual-price-product .prd-price { display:block; margin:0; color:#333; font-size:14px; }
#productPlan .visual-price-product .prd-price .price { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 6px; }
#productPlan .visual-price-product .discount_rate { color:#ff398d; font-size:17px; font-weight:700; }
#productPlan .visual-price-product .prd-price2,
#productPlan .visual-price-product .prd-price2-login { display:inline-block; margin:0; color:#111; font-size:16px; font-weight:600; }
#productPlan .visual-price-product .prd-price2-login { color:#e74174; }
#productPlan .visual-price-product .listPrice { display:inline-block; margin:0; }
#productPlan .visual-price-product .listPrice strike { color:#999; font-size:12px; font-weight:300; }
#productPlan .visual-price-product .sold_out { color:red; font-size:16px; font-weight:500; }

/* 상품 옆 작은 더보기 카드 */
#productPlan .visual-price-more-slide {
  display:flex !important;
  justify-content:center;
  width:72px !important;
  padding-top:68px;
}

#productPlan .visual-price-more {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100px;
  height:66px;
  min-height:0;
  padding:0;
  border:1px solid #cbd3cb;
  border-radius:5px;
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 4px rgba(0,0,0,.05);
  color:#333;
  font-family:inherit;
  font-size:0;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:border-color .2s, background-color .2s;
}

/* 기존 버튼 문구 대신 '더보기' 표시 */
#productPlan .visual-price-more:before {
  display:block;
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  content:"더보기 >";
}

#productPlan .visual-price-more span {
  display:block;
  margin:6px 0 0;
  font-size:22px;
  font-weight:300;
  line-height:.7;
}

#productPlan .visual-price-more:hover {
  border-color:#999;
  background:#f7f7f7;
  color:#111;
}

@media (max-width:767px) {
  #productPlan .visual-price-more-slide {
    width:64px !important;
    padding-top:58px;
  }

  #productPlan .visual-price-more {
    width:52px;
    height:62px;
  }
}



#productPlan .visual-price-more span { margin:10px 0 0; font-size:25px; font-weight:300; line-height:1; }
#productPlan .visual-price-more:hover { background:#222; color:#fff; }

@media (max-width:767px) {
 #productPlan .visual-price-deal {
  margin-top:28px;
  padding:24px 12px 30px;
  background-position:center top;
 }
 #productPlan .visual-price-tabs {
  grid-template-columns:repeat(4, 120px);
  overflow-x:auto;
  width:100%;
  margin-bottom:24px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
 }
 #productPlan .visual-price-tabs::-webkit-scrollbar { display:none; }
 #productPlan .visual-price-tabs li:last-child { border-right:1px solid #999; }
 #productPlan .visual-price-tab { height:48px; font-size:13px; line-height:48px; }
 #productPlan .visual-price-swiper .swiper-slide { width:62% !important; }
 #productPlan .visual-price-product .name { min-height:54px; font-size:13px; line-height:19px; }
 #productPlan .visual-price-product .discount_rate { font-size:15px; }
 #productPlan .visual-price-product .prd-price2,
 #productPlan .visual-price-product .prd-price2-login { font-size:14px; }
 #productPlan .visual-price-more { padding:24px 12px; font-size:14px; }
}

@media (min-width:480px) and (max-width:767px) {
 #productPlan .visual-price-swiper .swiper-slide { width:43% !important; }
}

/* BASIC css end */