/* 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; }
/* 750px 원본 기준 좌표. 기존 800px 좌표에 750/800을 곱한 값 */





.link .link01 {width: 241px;height: 62px;bottom: 455px;left: 14px;}
.link .link02 {width: 241px;height: 62px;bottom: 455px;left: 256px;}
.link .link03 {width: 241px;height: 62px;bottom: 455px;left: 494px;}
.link .link04 {width: 241px;height: 62px;bottom: 36px;left: 139px;}
.link .link05 {width: 241px;height: 62px;bottom: 36px;left: 378px;}






/* 이벤트 배너: 모바일 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 */

