/* BASIC css start */
#contents { position:relative; margin-top:5rem; }
.plan img { width:100%; }

#fix_shop_op { position:fixed; top:0; width:100%; background:#fff; z-index:10; }
.common_title { display:inline-block; width:100%; height:5rem; text-align:center; border-bottom:1px solid #eee; }
.common_title h3 {display:inline-block;height:5rem;font-size: 1.7rem;font-weight: 500;line-height:5.3rem;color: #000;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:1.8rem; height:1.8rem; }

.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%; overflow:hidden; }
.link .link-stage { position:absolute; top:0; left:0; transform-origin:left top; }
.link .link-stage > img { display:block; width:100%; max-width:none; }
.link .link-stage > a { position:absolute; z-index:2; display:block; }
.link .link01 { width:303px; height:59px; right:91px; bottom:653px; }
.link .link02 { width:303px; height:59px; right:91px; bottom:357px; }
.link .link03 { width:303px; height:59px; right:91px; bottom:59px; }






.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 calc(50% - 0.25rem); width:calc(50% - 0.25rem); max-width:calc(50% - 0.25rem); box-sizing:border-box; }
.bn_area > a img { display:block; width:100%; border-radius:0.5rem; }


.list_shopping2x { padding-top:2rem; }
.list_shopping2x li .img_wrap { background:rgba(0,0,0,.01); width:100%; height:100%; position:relative; padding-top:100%; border-radius:0.6rem; overflow:hidden; }
.list_shopping2x li .img_wrap img.listPic { mix-blend-mode:multiply; width:100%;border:none;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0; object-fit: cover; }


.discount_rate { float:left; margin-right:0.5rem; color:#e74174; font-family:'pretendard'; font-size:1.6rem; font-weight:600; letter-spacing:-0.1rem; }

/* 상품 분류: 2개 이상일 때 드롭다운으로 노출 */
.plan-category-nav { position:sticky; top:5rem; z-index:30; width:calc(100% - 3rem); margin:2rem 1.5rem 0; padding:0.8rem 0; 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 .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:0; z-index:31; width:100%; 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 */

