/* 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; }




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

.link .link01 {width: 245px;height: 66px;bottom: 51px;left: 27px;}
.link .link02 {width: 245px;height: 66px;bottom: 51px;left: 285px;}
.link .link03 {width: 245px;height: 66px;bottom: 51px;left: 534px;}

.link .link04 {width: 245px;height: 66px;bottom: 10px;left: 144px;}
.link .link05 {width: 245px;height: 66px;bottom: 10px;right: 144px;}

/* ★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 */