/* BASIC css start */
/* 기본 레이아웃 */
#contents {  position:relative; margin-top:0;  padding-top:5rem;  box-sizing:border-box; }
.plan { position:relative;  width:100%; }
.plan img { width:100%; }

/* 상단 헤더 */
#fix_shop_op {  position:fixed; top:0; left:0;  width:100%; height:5rem; background:#fff;  z-index:10; }
.common_title { display:inline-block;  width:100%;  height:5rem;  border-bottom:1px solid #eee; text-align:center; box-sizing:border-box; }
.common_title h3 { display:inline-block;  height:5rem;  margin:0;  color:#000; font-size:1.7rem; font-weight:500; line-height:5.3rem;  letter-spacing:-0.03rem; }
.home { position:absolute;  top:1.4rem; left:4.6rem;  width:2rem; height:2rem; cursor:pointer;  background:url(/design/kichmom/10276/m/common/icon_home.png) 0 0 no-repeat;  background-size:2rem; }
.share {  position:absolute;  top:1.7rem;  right:1.5rem;  width:1.8rem; height:1.8rem; cursor:pointer; background:url(/design/kichmom/10276/ico_share.svg) 0 0 no-repeat; background-size:1.8rem; }
.share a { display:block; width:100%;  height:100%; }
.bt_goBack {  position:absolute;  top:1.5rem;  left:1.5rem; }
.bt_goBack .goBack {  display:inline-block; width:2rem; height:3rem;  background:url(/design/kichmom/10276/m/common/icon_back.png) no-repeat; background-size:1.8rem auto;  vertical-align:top; }

/* 기획전 이미지 링크 */
.link {  position:relative;  width:100%;  margin:0; padding:0;  overflow:hidden; }
.link .link-stage {  position:relative;  width:100%;  margin:0;  padding::0; }
.link .link-stage > img { display:block; width:100%;  height:auto;  max-width:none; margin:0;  padding:0; }
.link .link-stage > a {
    position:absolute;
    display:block;
    right:auto;
    z-index:2;
}




/* =========================================================
   모바일 plan-title 가격대별 특가 영역
   고정 크기·간격·글자 크기: rem
   유동 너비: %
========================================================== */
.plan-title,
.plan-title * { box-sizing:border-box; }

/* PC와 동일한 기획전 이미지 및 링크 영역 */
.plan-title .mobile-promo-image,
.plan-title .mobile-promo-link-stage > img {
 display:block;
 width:100%;
 height:auto;
 margin:0;
 padding:0;
}
.plan-title .mobile-promo-link-map,
.plan-title .mobile-promo-link-stage {
 position:relative;
 width:100%;
 margin:0;
 padding:0;
 overflow:hidden;
}
.plan-title .mobile-promo-link-stage > a {
 position:absolute;
 z-index:2;
 display:block;
 width:0;
 height:0;
}

.plan-title .mobile-visual-price-deal {
 width:100%;
 padding:20.5rem 2rem 7rem;
 overflow:hidden;
 color:#222;
 text-align:left;
 background-color:#f7f7f7;
 background-image:url('/design/kichmom/10276/promotion/20260907_01_plan_06.jpg');
 background-repeat:no-repeat;
 background-position:center top;
 background-size:100% auto;
}

/* 가격대 탭 */
.plan-title .mobile-visual-price-tabs {
 display:flex;
 width:100%;
 margin:0 0 1.5rem;
 padding:0;
 overflow-x:auto;
 border:0.1rem solid #999;
 background:#fff;
 list-style:none;
 scrollbar-width:none;
 -webkit-overflow-scrolling:touch;
}
.plan-title .mobile-visual-price-tabs::-webkit-scrollbar { display:none; }
.plan-title .mobile-visual-price-tabs li {
 flex:1 1 25%;
 width:25%;
 min-width:0;
 margin:0;
 padding:0;
 border-right:0.1rem solid #999;
}

.plan-title .mobile-visual-price-tabs li:last-child {
 border-right:0;
}

.plan-title .mobile-visual-price-tab {
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:4.8rem;
 padding:0 0.3rem;
 border:0;
 background:#fff;
 color:#111;
 font-family:inherit;
 font-size:1.2rem;
 font-weight:400;
 line-height:1.3;
 text-align:center;
 white-space:nowrap;
 cursor:pointer;
}
.plan-title .mobile-visual-price-tab::after {
 position:absolute;
 right:-0.1rem;
 bottom:-0.1rem;
 left:-0.1rem;
 height:0.4rem;
 background:transparent;
 content:"";
}
.plan-title .mobile-visual-price-tab.on { font-weight:700; }
.plan-title .mobile-visual-price-tab.on::after { background:#222; }

/* 탭 패널 */
.plan-title .mobile-visual-price-panel { display:none; width:100%; }
.plan-title .mobile-visual-price-panel.on { display:block; }

/* 모바일 상품 스와이프: 약 1.5개 노출 */
.plan-title .mobile-visual-price-swiper {
 overflow:hidden;
 width:100%;
 padding:0 0 0.4rem;
}
.plan-title .mobile-visual-price-swiper .swiper-wrapper { align-items:stretch; }
.plan-title .mobile-visual-price-swiper .swiper-slide {
 display:block;
 flex-shrink:0;
 width:39% !important;
 height:auto;
}

/* 복사된 모바일 상품 카드 */
.plan-title .mobile-visual-price-product { min-width:0; }
.plan-title .mobile-visual-price-product > a {
 display:block;
 height:100%;
 color:inherit;
 text-decoration:none;
}
.plan-title .mobile-visual-price-product figure { height:100%; margin:0; }
.plan-title .mobile-visual-price-product .img_wrap {
 position:relative;
 width:100%;
 height:0;
 padding-top:100%;
 overflow:hidden;
 border-radius:0;
 background:#f7f7f7;
}
.plan-title .mobile-visual-price-product .img_wrap img {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
}
.plan-title .mobile-visual-price-product .list_shoppingInfo {
 display:block;
 padding:1rem 0 0;
 text-align:left;
}
.plan-title .mobile-visual-price-product .listName {
 display:-webkit-box;
 overflow:hidden;
 min-height:4rem;
 margin:0 0 0.5rem;
 color:#222;
 font-size:1.3rem;
 font-weight:400;
 line-height:1.9rem;
 letter-spacing:-0.03rem;
 word-break:keep-all;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
}
.plan-title .mobile-visual-price-product .listName .sub {
 display:block;
 padding:0 0 0.4rem;
 color:#e74174;
 font-size:1.2rem;
 line-height:1.8rem;
}
.plan-title .mobile-visual-price-product .price {
 display:flex;
 flex-wrap:wrap;
 align-items:baseline;
 gap:0.2rem 0.6rem;
 margin:0;
}
.plan-title .mobile-visual-price-product .discount_rate {
 float:none;
 margin:0;
 color:#ff398d;
 font-size:1.5rem;
 font-weight:700;
 letter-spacing:-0.05rem;
}
.plan-title .mobile-visual-price-product .listPrice { display:inline-block; margin:0; }
.plan-title .mobile-visual-price-product .listPrice.realP {
 color:#111;
 font-size:1.4rem;
 font-weight:600;
}
.plan-title .mobile-visual-price-product .listPrice.conP del {
 color:#999;
 font-size:1.2rem;
 font-weight:300;
}
.plan-title .mobile-visual-price-product .listPrice_login { display:none; }

/* 상품 옆 작은 더보기 카드 */
.plan-title .mobile-visual-price-more-slide {
 display:flex !important;
 align-items:flex-start;
 justify-content:center;
 width:6.4rem !important;
 padding-top:5.8rem;
}
.plan-title .mobile-visual-price-more {
 display:flex;
 align-items:center;
 justify-content:center;
 width:5.2rem;
 height:6.2rem;
 min-height:0;
 padding:0;
 border:0.1rem solid #cbd3cb;
 border-radius:0.5rem;
 background:rgba(255,255,255,.94);
 box-shadow:0 0.1rem 0.4rem rgba(0,0,0,.05);
 color:#333;
 font-family:inherit;
 font-size:0;
 font-weight:600;
 line-height:1;
 cursor:pointer;
}
.plan-title .mobile-visual-price-more::before {
 display:block;
 font-size:1.2rem;
 font-weight:500;
 line-height:1.2;
 content:"더보기 >";
}
.plan-title .mobile-visual-price-more span { display:none; }

/* 너비가 넓은 모바일에서는 약 2.2개 노출 */
@media (min-width:48rem) {
 .plan-title .mobile-visual-price-swiper .swiper-slide {
  width:39% !important;
 }
}







/* ★PC 배너 표시 너비 800px 기준 PC와 같은 좌표 사용★ */

.link .link01 {width: 368px;height: 83px;bottom: 59px;left: 30px;}
.link .link02 {width: 368px;height: 83px;bottom: 59px;left: 404px;}

/* ★PC 배너 표시 너비 800px 기준 PC와 같은 좌표 사용★ */




/* 이벤트 배너: 모바일 1줄 1개 */
.bn_area { display:flex;  flex-wrap:wrap;  gap:0.5rem;  padding:1rem 1.5rem 0; }
.bn_area > a,
.bn_area > img {  display:block;  flex:0 0 100%;  width:100%;  max-width:100%;  box-sizing:border-box; }
.bn_area > a img {  display:block;  width:100%;  height:auto;  border-radius:0.5rem; }

/* 상품 목록 */
.list_shopping2x {  padding-top:2rem; }

.list_shopping2x li .img_wrap {  position:relative;  width:100%;  height:0;  padding-top:100%;  overflow:hidden;  border-radius:0.6rem;  background:rgba(0, 0, 0, 0.01); }

.list_shopping2x li .img_wrap img.listPic {  position:absolute; top:0;  right:0;  bottom:0;   left:0;
    width:100%;  height:100%;  border:0;  object-fit:cover;  mix-blend-mode:multiply; }
.discount_rate {  float:left;  margin-right:0.5rem; color:#e74174;  font-size:1.6rem;  font-weight:600;  letter-spacing:-0.1rem; }

/* 상품 분류 드롭다운 */
.plan-category-nav {  position:sticky;  top:0;   z-index:30;  width:100%;  margin:2rem 0 0;  padding:0.8rem 1.5rem;  background:#fff;  box-sizing:border-box; }

/* 분류가 상단에 고정되면 기존 헤더를 덮도록 설정 */
.plan-category-nav .category-select {  position:relative;  width:100%;  height:4.4rem;  padding:0 4rem 0 1.4rem;  border:1px solid #ddd;  color:#111;
    background:#fff;  font-size:1.5rem;  font-weight:500;  line-height:4.2rem;  text-align:left;  box-sizing:border-box; }
.plan-category-nav .category-select::after {  content:"";  position:absolute;  top:50%;  right:1.5rem;  width:0.8rem;  height:0.8rem;  margin-top:-0.6rem;
    border-right:1px solid #222;  border-bottom:1px solid #222;  transform:rotate(45deg);  transition:transform 0.2s; }
.plan-category-nav.on .category-select::after { margin-top:-0.2rem;  transform:rotate(225deg);}
.plan-category-nav ul { display:none;  position:absolute;  top:calc(100% - 0.8rem);  left:1.5rem;  z-index:31;  width:calc(100% - 3rem);  max-height:50vh;
    margin:0;  padding:0;  overflow-y:auto;  border:1px solid #222;  border-top:0;   background:#fff;  list-style:none;  box-sizing:border-box; }
.plan-category-nav li { margin:0;  padding:0;  border-bottom:1px solid #eee; }
.plan-category-nav li:last-child {  border-bottom:0; }
.plan-category-nav a { display:block;  min-height:4.2rem;  padding:0 1.4rem;  color:#333; background:#fff;
    font-size:1.4rem;  line-height:4.2rem;  text-align:left;  text-decoration:none;  box-sizing:border-box; }
.plan-category-nav a.on { color:#e74174;  background:#fafafa;  font-weight:600; }

/* 상품 분류 제목 */
.p-hd { width:calc(100% - 3rem);  margin:6rem 1.5rem 0;  padding:1.6rem 0 0;  border-top:1px solid #222;  text-align:left;  box-sizing:border-box; }
.p-hd h1 {  margin:0; color:#111;  font-size:1.7rem;  font-weight:500;  line-height:1.45;  letter-spacing:-0.05rem; }
/* BASIC css end */