@charset "utf-8";
/* peter theme — 반응형 (모바일 ≤767 / 태블릿 768~1023 / PC ≥1024) */
:root{--pt-black:#111;--pt-text:#222;--pt-sub:#888;--pt-line:#eee;--pt-red:#e5463b;--pt-blue:#2f6bff;--pt-gray:#f4f4f4;--pt-ft:#222;--pt-max:1280px;--pt-pad:24px}
html{-webkit-text-size-adjust:100%}
body{font-family:"Pretendard Variable",Pretendard,"Malgun Gothic","맑은 고딕",AppleGothic,sans-serif;color:var(--pt-text);background:#fff;letter-spacing:-.01em;word-break:keep-all}
body.pt-lock{overflow:hidden}
:where(#pt_wrap) a{color:inherit;text-decoration:none}
#pt_wrap{overflow-x:clip}
#pt_wrap button{font-family:inherit;cursor:pointer}
.pt-inner{max-width:var(--pt-max);margin:0 auto;padding:0 var(--pt-pad);box-sizing:border-box}
#pt_wrap ul.pt-hlist,#pt_wrap .pt-grid,#pt_wrap .pt-gnb ul,#pt_wrap .pt-circles ul,#pt_wrap .pt-drawer ul,#pt_ft ul{list-style:none;margin:0;padding:0}
svg{display:block}

/* ---------- header ---------- */
#pt_hd{position:sticky;top:0;z-index:100;background:#fff}
.pt-topbar{background:#262626;text-align:center;font-size:14px;font-weight:700;line-height:34px;height:34px;overflow:hidden}
.pt-topbar a{color:#fff !important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}
.pt-hd-main{border-bottom:1px solid #f3f3f3}
.pt-hd-row{display:flex;align-items:center;height:62px;gap:24px}
.pt-logo{display:flex;align-items:center;flex-shrink:0}
.pt-logo-txt{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--pt-black);line-height:1}
.pt-logo img{max-height:44px;width:auto;display:block}
.pt-logo .pt-logo-mo{display:none}
.pt-hd-sch{flex:1;max-width:420px;margin:0 auto;position:relative;display:none}
.pt-hd-sch input{width:100%;height:42px;border:0;border-radius:21px;background:var(--pt-gray);padding:0 46px 0 20px;font-size:14px;box-sizing:border-box;outline:0;font-family:inherit}
.pt-hd-sch button{position:absolute;right:8px;top:5px;width:32px;height:32px;border:0;background:none;color:#333;padding:5px}
.pt-hd-icons{margin-left:auto;display:flex;align-items:center;gap:8px}
.pt-ico{position:relative;width:36px;height:36px;padding:5px;border:0;background:none;color:var(--pt-black);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.pt-ico svg{width:26px;height:26px}
.pt-cart em{position:absolute;top:0;right:-2px;min-width:17px;height:17px;border-radius:9px;background:var(--pt-red);color:#fff;font-size:10px;font-style:normal;font-weight:700;line-height:17px;text-align:center;padding:0 4px;box-sizing:border-box}
.pt-gnb{border-bottom:1px solid var(--pt-line);background:#fff}
.pt-gnb ul{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:46px;align-items:center}
.pt-gnb ul::-webkit-scrollbar{display:none}
.pt-gnb li a{font-size:15px;color:#333;font-weight:500;display:block;line-height:46px;position:relative}
.pt-gnb li.is-red a{color:var(--pt-red)}
.pt-gnb li.is-dot a{padding-right:9px}
.pt-gnb li.is-dot a:after{content:"";position:absolute;right:0;top:50%;margin-top:1px;width:5px;height:5px;border-radius:50%;background:var(--pt-red)}
.pt-gnb li a:hover{color:var(--pt-black)}
.pt-schlayer{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--pt-line);padding:14px 0;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.pt-schlayer.on{display:block}
.pt-schlayer form{display:flex;gap:8px;align-items:center}
.pt-schlayer input{flex:1;height:46px;border:0;border-bottom:2px solid var(--pt-black);font-size:16px;outline:0;font-family:inherit;padding:0 4px}
.pt-schlayer button{width:40px;height:40px;border:0;background:none;padding:8px;color:#111}

/* ---------- drawer ---------- */
.pt-drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;opacity:0;visibility:hidden;transition:.25s}
.pt-drawer-bg.on{opacity:1;visibility:visible}
.pt-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:88vw;background:#fff;z-index:1001;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column}
.pt-drawer.on{transform:none}
.pt-dr-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--pt-line)}
.pt-dr-sch{flex:1;position:relative}
.pt-dr-sch input{width:100%;height:42px;border:0;border-radius:8px;background:var(--pt-gray);padding:0 42px 0 16px;font-size:14px;box-sizing:border-box;outline:0;font-family:inherit}
.pt-dr-sch button{position:absolute;right:6px;top:5px;width:32px;height:32px;border:0;background:none;padding:6px}
.pt-dr-close{width:36px;height:36px;border:0;background:none;padding:6px}
.pt-dr-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.pt-dr-member{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px 16px 6px}
.pt-dr-member a{font-size:13px;border:1px solid #ddd;border-radius:16px;padding:6px 12px;color:#444}
.pt-dr-member a.is-strong{background:var(--pt-black);border-color:var(--pt-black);color:#fff !important}
.pt-dr-member a.is-admin{border-color:var(--pt-red);color:var(--pt-red)}
.pt-dr-member strong{font-size:15px;margin-right:4px}
.pt-dr-quick{display:flex;justify-content:space-between;padding:16px 16px 18px;border-bottom:8px solid #f6f6f6}
.pt-dr-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#333;width:20%}
.pt-dr-quick span{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#fff}
.pt-dr-quick .q1{background:#ff6b5b}.pt-dr-quick .q2{background:#2f6bff}.pt-dr-quick .q3{background:#111}.pt-dr-quick .q4{background:#f2b300}.pt-dr-quick .q5{background:#ff8fb1}
.pt-dr-cate h3{font-size:13px;color:#999;font-weight:500;padding:14px 16px 8px;margin:0}
.pt-dr-cate-in{display:flex;border-top:1px solid var(--pt-line);border-bottom:1px solid var(--pt-line);min-height:240px}
.pt-dr-c1{width:96px;flex-shrink:0;background:#fafafa;border-right:1px solid var(--pt-line)}
.pt-dr-c1 button{display:block;width:100%;text-align:left;border:0;background:none;padding:13px 14px;font-size:14px;color:#777;border-left:3px solid transparent}
.pt-dr-c1 button.on{background:#fff;color:#111;font-weight:700;border-left-color:#111}
.pt-dr-c2{flex:1;padding:12px 14px}
.pt-dr-c2box{display:none}
.pt-dr-c2box.on{display:block}
.pt-dr-all{display:block;font-size:13px;font-weight:600;margin-bottom:12px}
.pt-dr-c2box ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}
.pt-dr-c2box li a{display:flex;flex-direction:column;align-items:center;gap:6px}
.pt-dr-c2box li span{width:50px;height:50px;border-radius:50%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#555}
.pt-dr-c2box li em{font-style:normal;font-size:12px;color:#333;text-align:center}
.pt-dr-links li a{display:flex;justify-content:space-between;padding:15px 16px;font-size:15px;border-bottom:1px solid #f3f3f3}
.pt-dr-links li a:after{content:"›";color:#bbb}
.pt-dr-links li.is-red a{color:var(--pt-red);font-weight:600}

/* ---------- visual ---------- */
.pt-visual{position:relative;overflow:hidden;background:#111}
.pt-vs-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.pt-vs-item{flex:0 0 100%;aspect-ratio:1920/640}
.pt-vs-item a{display:block;height:100%}
.pt-vs-item img{width:100%;height:100%;object-fit:cover;display:block}
.pt-vs-arr{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;background:none;color:#fff;padding:10px;opacity:.85;z-index:2}
.pt-vs-arr svg{width:100%;height:100%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}
.pt-vs-arr.prev{left:12px}.pt-vs-arr.next{right:12px}
.pt-vs-num{position:absolute;right:24px;bottom:18px;background:rgba(0,0,0,.4);color:rgba(255,255,255,.75);font-size:12px;border-radius:12px;padding:3px 11px;z-index:2}
.pt-vs-num b{color:#fff}

/* ---------- circles ---------- */
.pt-circles{padding:26px 0 8px}
#pt_wrap .pt-circles ul{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 10px;max-width:760px;margin:0 auto}
.pt-circles a{display:flex;flex-direction:column;align-items:center;gap:8px}
.pt-cc-img{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#f2f2f2;display:flex;align-items:center;justify-content:center;border:1px solid #eee;box-sizing:border-box}
.pt-cc-img img{width:100%;height:100%;object-fit:cover}
.pt-cc-img i{font-style:normal;font-weight:700;font-size:20px;color:#666}
.pt-circles em{font-style:normal;font-size:13px;font-weight:600;color:#222;text-align:center;line-height:1.3}

/* ---------- sections ---------- */
.pt-sec{padding:40px 0 10px}
.pt-sec-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;gap:12px}
.pt-sec-hd h2{font-size:22px;font-weight:700;color:var(--pt-black);margin:0;letter-spacing:-.03em}
.pt-sec-hd h2.is-red{color:var(--pt-red);font-size:20px}
.pt-sec-hd p{font-size:12px;color:var(--pt-sub);margin:4px 0 0;display:flex;align-items:center;gap:5px}
.pt-live{width:7px;height:7px;border-radius:50%;background:#20b25b;display:inline-block}
.pt-more{font-size:13px;color:#444;white-space:nowrap}
.pt-more span{font-size:16px;margin-left:2px}
.pt-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px}
.pt-tabs::-webkit-scrollbar{display:none}
.pt-tabs button{flex-shrink:0;height:34px;padding:0 16px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;color:#555}
.pt-tabs button.on{background:var(--pt-black);border-color:var(--pt-black);color:#fff;font-weight:600}
.pt-tabpane{display:none}.pt-tabpane.on{display:block}
.pt-empty{padding:40px 0;text-align:center;color:#aaa;font-size:14px}

/* 가로 스크롤 */
.pt-hscroll{position:relative}
#pt_wrap .pt-hlist{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.pt-hlist::-webkit-scrollbar{display:none}
.pt-hlist>li{flex:0 0 calc((100% - 14px*4)/5);scroll-snap-align:start}
.pt-arr{position:absolute;top:36%;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #e3e3e3;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:22px;line-height:34px;color:#333;padding:0}
.pt-arr.prev{left:-18px}.pt-arr.next{right:-18px}
.pt-arr.off{opacity:0;pointer-events:none}

/* 상품 카드 */
.pt-card a{display:block}
.pt-card-img{position:relative;aspect-ratio:1/1;background:#f5f5f5;border-radius:6px;overflow:hidden}
.pt-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.pt-card a:hover .pt-card-img img{transform:scale(1.04)}
.pt-rank{position:absolute;left:10px;top:10px;min-width:24px;height:24px;background:var(--pt-black);color:#fff;font-size:13px;font-weight:700;line-height:24px;text-align:center;border-radius:3px;padding:0 5px;box-sizing:border-box}
.pt-sale-tag{position:absolute;left:10px;top:10px;background:var(--pt-red);color:#fff;font-size:11px;font-weight:700;padding:3px 6px;border-radius:3px}
.pt-rank+.pt-sale-tag{left:auto;right:10px}
.pt-soldout{position:absolute;inset:0;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.05em;color:#111}
.pt-card-info{padding:10px 2px 6px}
.pt-brand{font-size:12px;color:#999;margin:0 0 3px}
.pt-name{font-size:14px;color:#222;margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pt-price{margin:0;font-size:16px;display:flex;align-items:baseline;gap:6px}
.pt-price em{font-style:normal;color:var(--pt-red);font-weight:800}
.pt-price strong{font-weight:800;color:#111}
.pt-cust{margin:2px 0 0;font-size:12px;color:#bbb;text-decoration:line-through}

/* 타임세일 */
.pt-timesale{background:#f2f2f2;margin-top:40px;padding:34px 0 30px}
.pt-ts-scroll .pt-hlist>li{flex:0 0 calc((100% - 14px*3)/4);background:#fff;border-radius:8px;padding:10px;box-sizing:border-box}
.pt-ts-timer{background:#ff7070;color:#fff;text-align:center;font-size:12px;font-weight:700;border-radius:4px;padding:5px 0;margin-bottom:10px}
.pt-ts-timer .pt-cd{font-variant-numeric:tabular-nums}

/* 기획전 */
.pt-ev-banner{display:block;border-radius:10px;overflow:hidden;margin-bottom:18px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.pt-ev-banner img{width:100%;display:block}

/* 그리드 */
#pt_wrap .pt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 14px}

/* 리뷰 */
.pt-review .pt-hlist>li{flex:0 0 calc((100% - 14px*4)/5)}
.pt-rv-img{position:relative;aspect-ratio:4/5.2;border-radius:8px;overflow:hidden;background:#111}
.pt-rv-img img{width:100%;height:100%;object-fit:cover;display:block}
.pt-rv-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.pt-star{color:#ffc93c;font-size:12px;letter-spacing:1px}
.pt-rv-cap b{display:block;font-size:13px;margin:3px 0}
.pt-rv-cap p{font-size:12px;margin:0 0 3px;line-height:1.35;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pt-rv-cap small{font-size:11px;opacity:.75;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#container.is_index{padding-bottom:60px}

/* ---------- footer ---------- */
#pt_ft{background:var(--pt-ft);color:#bbb;padding:46px 0 40px;font-size:13px;line-height:1.7}
#pt_ft a{color:#ccc}
#pt_ft h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 14px}
.pt-ft-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}
.pt-ft-logo{display:inline-block;margin-bottom:14px}
.pt-ft-logo .pt-logo-txt{color:#fff;font-size:24px}
.pt-ft-logo img{max-height:34px;filter:none}
.pt-ft-logo .pt-logo-mo{display:none}
.pt-ft-brand p{color:#aaa;margin:0 0 16px;max-width:280px}
.pt-ft-sns{display:flex;gap:10px}
.pt-ft-sns a{width:36px;height:36px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff !important;padding:8px;box-sizing:border-box}
.pt-ft-tel{display:block;color:#fff;font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.pt-ft-hours{color:#aaa;margin:0 0 14px}
.pt-ft-btn{display:inline-block;border:1px solid #555;padding:7px 18px;color:#fff !important;font-weight:600;font-size:12px}
#pt_ft li{margin-bottom:4px}
.pt-ft-info{border-top:1px solid #383838;margin-top:34px;padding-top:20px;font-size:12px;color:#888}
.pt-ft-info p{margin:0}
.pt-ft-info span{display:inline-block;margin-right:14px}
.pt-copy{margin-top:8px !important;color:#666}

/* 하단 탭바 · 버튼 */
.pt-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid #eee;height:58px;padding-bottom:env(safe-area-inset-bottom)}
.pt-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#888 !important;font-size:11px;position:relative}
.pt-tabbar a svg{width:22px;height:22px}
.pt-tabbar a.on{color:var(--pt-blue) !important;font-weight:700}
.pt-tabbar a.on:before{content:"";position:absolute;top:-1px;left:50%;width:28px;margin-left:-14px;height:3px;background:var(--pt-blue)}
.pt-totop{position:fixed;right:20px;bottom:30px;z-index:89;width:46px;height:46px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.1);padding:11px;color:#333;opacity:0;visibility:hidden;transition:.2s}
.pt-totop.on{opacity:1;visibility:visible}
.pt-admin-btn{position:fixed;left:16px;bottom:30px;z-index:89;background:var(--pt-red);color:#fff !important;font-size:13px;font-weight:700;border-radius:20px;padding:8px 16px;box-shadow:0 3px 10px rgba(0,0,0,.15)}

/* ---------- sub pages (모바일 스킨 보정) ---------- */
#container{max-width:var(--pt-max);margin:0 auto;padding-left:var(--pt-pad);padding-right:var(--pt-pad);box-sizing:border-box;min-height:400px}
#container.is_index{max-width:none;padding-left:0;padding-right:0}
#container_title{position:static !important;background:#fff !important;color:#111 !important;border-bottom:1px solid var(--pt-line);font-size:20px !important;font-weight:700;padding:22px 0 18px !important;margin:0 0 20px !important;text-align:left !important;height:auto !important;line-height:1.3 !important}
#container_title .btn_back{position:static !important;display:none}
#container.fixed{padding-top:0 !important}
#container .btn_submit,#container .btn01.btn_submit,#container button.btn_submit{background:#111 !important;border-color:#111 !important}
#container .sct_wrap{padding:0}
#sct .sct_li{box-sizing:border-box}

/* ---------- responsive ---------- */
@media (min-width:1024px){
  .pt-hd-sch{display:block}
  .pt-sch-open{display:none}
  .pt-hd-row{height:76px}
  .pt-logo-txt{font-size:36px}
}
@media (max-width:1023px){
  :root{--pt-pad:20px}
  .pt-hlist>li,.pt-review .pt-hlist>li{flex-basis:calc((100% - 14px*3)/3.4)}
  .pt-ts-scroll .pt-hlist>li{flex-basis:calc((100% - 14px*2)/2.6)}
  #pt_wrap .pt-grid{grid-template-columns:repeat(3,1fr)}
  .pt-arr{display:none}
  .pt-tabbar{display:flex}
  body{padding-bottom:58px}
  .pt-totop{bottom:76px}
  .pt-admin-btn{bottom:76px}
  .pt-ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  :root{--pt-pad:16px}
  .pt-topbar{font-size:13px;height:30px;line-height:30px}
  .pt-hd-row{height:54px;gap:10px}
  .pt-logo-txt{font-size:28px}
  .pt-logo img{max-height:34px}
  .pt-logo .pt-logo-pc:not(.pt-logo-all){display:none}
  .pt-logo .pt-logo-mo{display:block}
  .pt-hd-icons{gap:2px}
  .pt-ico svg{width:24px;height:24px}
  .pt-gnb ul{gap:20px;height:42px}
  .pt-gnb li a{font-size:14px;line-height:42px}
  .pt-vs-item{aspect-ratio:4/3}
  .pt-vs-arr{width:34px;height:48px;padding:6px}
  .pt-vs-arr.prev{left:2px}.pt-vs-arr.next{right:2px}
  .pt-vs-num{right:14px;bottom:12px}
  .pt-circles{padding:22px 0 4px}
  .pt-circles ul{gap:16px 4px}
  .pt-cc-img{width:58px;height:58px}
  .pt-circles em{font-size:12px}
  .pt-sec{padding:32px 0 6px}
  .pt-sec-hd h2{font-size:18px}
  .pt-hlist>li,.pt-review .pt-hlist>li{flex-basis:calc((100% - 10px*2)/2.4)}
  #pt_wrap .pt-hlist{gap:10px}
  .pt-ts-scroll .pt-hlist>li{flex-basis:72%}
  .pt-timesale{padding:26px 0 22px}
  #pt_wrap .pt-grid{grid-template-columns:repeat(2,1fr);gap:22px 10px}
  .pt-name{font-size:13px}
  .pt-price{font-size:15px}
  .pt-drawer{width:100%;max-width:100%}
  #pt_ft{padding:34px 0 30px}
  .pt-ft-grid{grid-template-columns:1fr;gap:26px}
  .pt-ft-brand p{max-width:none}
  #container_title{font-size:18px !important;padding:16px 0 14px !important}
}

/* ---------- 서브페이지 보정 (2026-10-24) ---------- */
#container_title{box-shadow:none !important}
#pt_wrap .pt-circles ul{padding:0 var(--pt-pad)}
/* 상품목록 : 모바일 2열 / 태블릿 3열 / PC 4열 */
#container .sct_10{display:flex;flex-wrap:wrap}
#container .sct_10 .sct_li{float:none;clear:none}
@media (min-width:768px){ #container .sct_10 .sct_li{width:33.333% !important} }
@media (min-width:1024px){ #container .sct_10 .sct_li{width:25% !important} }
/* 상품상세 : PC 2단(이미지 | 정보) */
@media (min-width:1024px){
  #sit_ov_wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:10px}
  #sit_pvi{max-width:none}
  #sit_ov{position:sticky;top:150px}
  .btn_option_wr,#btn_option{left:0 !important;right:0 !important;margin:0 auto !important;max-width:var(--pt-max)}
}
/* 모바일 : 하단 구매버튼이 탭바 위에 오도록 */
@media (max-width:1023px){
  .btn_option_wr,#btn_option{bottom:calc(58px + env(safe-area-inset-bottom)) !important;z-index:91 !important}
  #sit{padding-bottom:70px}
}

/* 원형 카테고리 : PC 한 줄 (2026-10-24) */
@media (min-width:1024px){
  #pt_wrap .pt-circles ul{display:flex;justify-content:center;flex-wrap:nowrap;gap:0 34px;max-width:var(--pt-max)}
  #pt_wrap .pt-circles li{flex:0 0 auto;width:92px}
  .pt-cc-img{width:84px;height:84px}
}

/* 중간배너 줄 (배너관리 '중간배너') */
.pt-midbn .pt-hlist>li{flex:0 0 calc((100% - 14px)/2) !important}
.pt-midbn .pt-hlist a{display:block;border-radius:10px;overflow:hidden;aspect-ratio:1200/520;background:#eee}
.pt-midbn .pt-hlist img{width:100%;height:100%;object-fit:cover;display:block}
.pt-midbn .pt-arr{top:50%;margin-top:-19px}
@media (max-width:767px){ .pt-midbn .pt-hlist>li{flex-basis:86% !important} }

/* =========================================================
   상품상세 (item.form.skin.php) — 2026-10-25
   ========================================================= */
#container:has(.pd-top) #container_title{display:none}
#container:has(.pd-top){padding-top:0}
#sit{padding-bottom:0 !important;max-width:none}
#sit_hhtml:empty{display:none}
.pd-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start;padding-top:28px}
/* 갤러리 */
.pd-gallery{position:sticky;top:150px;min-width:0}
.pd-main{position:relative;border-radius:10px;overflow:hidden;background:#f3f3f3}
#pt_wrap .pd-slides,#sit .pd-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0;padding:0}
.pd-slides::-webkit-scrollbar{display:none}
.pd-slides>li{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1/1}
.pd-slides a{display:block;height:100%}
.pd-slides img{width:100% !important;height:100% !important;object-fit:cover;display:block}
.pd-noimg{display:flex;height:100%;align-items:center;justify-content:center;color:#bbb;font-weight:700;letter-spacing:.1em}
.pd-nav{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.85);font-size:26px;line-height:40px;color:#222;box-shadow:0 2px 8px rgba(0,0,0,.08);opacity:0;transition:.2s}
.pd-main:hover .pd-nav{opacity:1}
.pd-nav.prev{left:14px}.pd-nav.next{right:14px}
.pd-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:5px}
.pd-dots i{width:6px;height:6px;border-radius:3px;background:rgba(0,0,0,.2);transition:.2s}
.pd-dots i.on{width:18px;background:#111}
#sit .pd-thumbs{display:flex;gap:8px;margin:10px 0 0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.pd-thumbs button{width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#f3f3f3;flex-shrink:0}
.pd-thumbs button.on{border-color:#111}
.pd-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
/* 정보 */
.pd-info{min-width:0;position:static !important;padding:0 !important;border:0 !important}
.pd-head{display:flex;justify-content:space-between;align-items:center;min-height:28px}
.pd-brand{font-size:14px;color:#777;font-weight:600}
.pd-brand span{font-size:16px}
.pd-share{position:relative}
.pd-share-btn{width:34px;height:34px;border:0;background:none;padding:6px;color:#333}
.pd-share .sns_area{display:none;position:absolute;right:0;top:38px;z-index:20;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.1);padding:10px;white-space:nowrap}
.pd-share .sns_area a{display:inline-block;vertical-align:middle;margin:0 3px}
.pd-share .sns_area img{width:30px;height:30px}
.pd-copyurl{font-size:12px;border:1px solid #ddd;border-radius:14px;padding:5px 10px;color:#333}
.pd-title{font-size:26px;font-weight:700;line-height:1.35;color:#111;margin:6px 0 10px;letter-spacing:-.03em}
.pd-rating{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#333}
.pd-rating em{font-style:normal;color:#888}
.pd-stars{position:relative;display:inline-block;color:#ddd;font-size:15px;letter-spacing:1px;line-height:1}
.pd-stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#ffb400;font-style:normal}
.pd-basic{font-size:14px;color:#777;margin:10px 0 0;line-height:1.5}
.pd-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:22px 0 22px;padding-top:22px;border-top:1px solid #eee}
.pd-price em{font-style:normal;color:var(--pt-red);font-size:26px;font-weight:800}
.pd-price strong{font-size:32px;font-weight:800;color:#111;letter-spacing:-.02em}
.pd-price strong small{font-size:22px;font-weight:600;margin-left:1px}
.pd-price del{font-size:17px;color:#aaa}
.pd-benefit{display:flex;align-items:center;gap:14px;background:#eef5ff;border:1px solid #dbe7fb;border-radius:12px;padding:16px 18px;margin-bottom:12px}
.pd-bf-ico{width:42px;height:42px;border-radius:50%;background:#fff;color:#2f6bff;display:flex;align-items:center;justify-content:center;padding:9px;box-sizing:border-box;flex-shrink:0}
.pd-benefit small{display:block;font-size:12px;color:#6a7a93}
.pd-benefit b{display:block;font-size:15px;color:#2f6bff;margin-top:2px}
#sit .pd-trust{list-style:none;margin:0 0 20px;padding:0 18px;border:1px solid #eaeaea;border-radius:12px}
.pd-trust li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #f0f0f0}
.pd-trust li:last-child{border-bottom:0}
.pd-tr-ico{width:42px;height:42px;border-radius:50%;background:#f4f4f4;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;color:#333;flex-shrink:0}
.pd-trust b{display:block;font-size:15px;color:#111}
.pd-trust p{font-size:13px;color:#777;margin:2px 0 0}
.pd-meta{display:grid;grid-template-columns:80px 1fr;gap:8px 10px;margin:0 0 18px;font-size:14px}
.pd-meta dt{color:#888}
.pd-meta dd{margin:0;color:#222}
.pd-meta select{height:32px;border:1px solid #ddd;border-radius:4px}
/* 옵션/수량 */
.pd-opt{border-top:1px solid #eee;padding-top:18px}
.pd-opt .sit_option{margin:0 0 14px;padding:0;border:0}
.pd-opt-tit{font-size:14px;color:#888;font-weight:500;margin:0 0 8px}
.pd-opt .sit_op_sl{display:flex;flex-direction:column;gap:8px}
.pd-opt .sit_op_sl label{font-size:13px;color:#555;margin:6px 0 -2px}
.pd-opt select{width:100%;height:48px;border:1px solid #ddd;border-radius:8px;padding:0 14px;font-size:15px;background:#fff;font-family:inherit;color:#222}
#sit_sel_option ul{list-style:none;margin:0;padding:0}
#sit_sel_option .sit_opt_list,#sit_sel_option .sit_spl_list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;background:#f7f7f7;border-radius:8px;padding:12px 14px;margin-bottom:8px;border:0;position:relative}
#sit_sel_option .opt_name{font-size:14px;color:#333;flex:1 1 100%}
#sit_sel_option .opt_count{display:flex;align-items:center;gap:0;width:100%}
#sit_sel_option .opt_count button{width:36px;height:36px;border:1px solid #ddd;background:#fff;color:#333;padding:0}
#sit_sel_option .opt_count .num_input{width:52px;height:36px;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;font-size:15px;padding:0;box-sizing:border-box}
#sit_sel_option .sit_opt_prc{margin-left:auto;font-size:14px;font-weight:700;color:#111}
#sit_sel_option .sit_opt_del{position:absolute;right:10px;top:10px;border:0;background:none;color:#999}
#sit_tot_price{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 4px;font-size:15px;color:#333}
#sit_tot_price:empty{display:none}
#sit_tot_price strong{font-size:24px;font-weight:800;color:#111;margin-left:auto;margin-right:2px}
#sit_ov_soldout{background:#fff4f4;color:var(--pt-red);text-align:center;padding:14px;border-radius:8px;font-weight:700}
/* 구매 버튼 */
.pd-buy{display:flex;gap:8px;margin:18px 0 14px}
.pd-buy .pd-btn-buy,.pd-buy .pd-btn-cart{flex:1;height:56px;border-radius:8px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:inherit;cursor:pointer}
.pd-btn-buy{background:#111;color:#fff !important;border:1px solid #111}
.pd-btn-buy.is-off{background:#ccc;border-color:#ccc;cursor:default;font-size:14px}
.pd-btn-cart{background:#fff;color:#111;border:1px solid #111}
.pd-btn-wish{width:56px;height:56px;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;flex-shrink:0;padding:0}
.pd-btn-wish svg{width:22px;height:22px}
.pd-btn-wish em{font-style:normal;font-size:10px;color:#999;line-height:1;margin-top:1px}
.pd-buy .naverpay-item{flex:1 1 100%}
.pd-about{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e5e5e5;border-radius:12px;padding:16px;font-size:15px;color:#222;margin-top:6px}
/* 하단 영역 */
.pd-bottom{max-width:900px;margin:56px auto 0}
.pd-tabs{position:sticky;top:122px;z-index:20;display:flex;background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:10px}
.pd-tabs a{flex:1;text-align:center;padding:15px 0 13px;font-size:15px;color:#888;border-bottom:2px solid transparent;margin-bottom:-1px}
.pd-tabs a.on{color:#111;font-weight:700;border-bottom-color:#111}
.pd-tabs em{font-style:normal;font-size:12px;color:#aaa}
.pd-sec{padding:34px 0;border-bottom:8px solid #f5f5f5;scroll-margin-top:180px}
.pd-sec:last-child{border-bottom:0}
.pd-sec-tit{font-size:20px;font-weight:700;color:#111;margin:0 0 16px}
.pd-sec-tit.is-center{text-align:center;font-size:15px;color:#777;font-weight:500}
.pd-sub-tit{font-size:16px;font-weight:700;margin:30px 0 12px;color:#111}
.pd-review{border:1px solid #eee;border-radius:12px;padding:24px 20px;margin:20px 0}
.pd-rv-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:2px solid #111;margin-bottom:14px}
.pd-rv-head h2{font-size:20px;font-weight:800;margin:0 auto 0 0}
.pd-rv-head h2 small{font-size:13px;color:#999;font-weight:500;margin-left:4px}
.pd-review #sit_use{display:block !important}
.pd-review #sit_use_ol,.pd-review #sit_use_list{border-top:0}
.pd-review .sit_use_btn,.pd-review #sit_use_wbtn{text-align:center;margin-top:14px}
.pd-review .itemuse_form,.pd-review .itemuse_list,.pd-review #sit_use_wbtn a{display:inline-block;border:1px solid #ddd;border-radius:6px;padding:10px 18px;font-size:14px;color:#333}
#pd_rel .pt-hlist>li{flex-basis:calc((100% - 14px*3)/4)}
.pd-desc-body{position:relative;overflow:hidden;line-height:1.8;font-size:15px;color:#333;text-align:center}
.pd-desc-body img{max-width:100% !important;height:auto !important}
.pd-desc-body.is-fold{max-height:900px}
.pd-desc-body.is-fold:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.pd-desc-body.is-open{max-height:none}
.pd-desc-body.is-open:after{display:none}
.pd-desc-more{display:block;width:100%;height:52px;margin-top:14px;border:1px solid #111;border-radius:8px;background:#fff;font-size:15px;font-weight:700;color:#111;font-family:inherit}
.pd-info-tbl{width:100%;border-collapse:collapse;font-size:13px;border-top:1px solid #ddd}
.pd-info-tbl th,.pd-info-tbl td{border-bottom:1px solid #eee;padding:10px 12px;text-align:left;vertical-align:top}
.pd-info-tbl th{width:34%;background:#fafafa;color:#666;font-weight:500}
.pd-acc{padding:0}
.pd-acc-btn{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;padding:22px 2px;font-size:16px;font-weight:700;color:#111;font-family:inherit}
.pd-acc-btn span{font-size:20px;font-weight:400;transition:.2s}
.pd-acc.on .pd-acc-btn span{transform:rotate(45deg)}
.pd-acc-body{display:none;padding:0 2px 26px;font-size:14px;line-height:1.7;color:#444}
.pd-acc.on .pd-acc-body{display:block}
.pd-acc #sit_qa,.pd-acc #sit_dvex{display:none}
.pd-acc.on #sit_qa,.pd-acc.on #sit_dvex{display:block}
.pd-empty{color:#aaa}
/* 반응형 */
@media (max-width:1023px){
  .pd-top{grid-template-columns:1fr;gap:0;padding-top:0}
  .pd-gallery{position:static;margin:0 calc(var(--pt-pad) * -1)}
  .pd-main{border-radius:0}
  .pd-thumbs{padding:0 var(--pt-pad) !important}
  .pd-nav{display:none}
  .pd-info{padding-top:18px !important}
  .pd-title{font-size:21px}
  .pd-price{margin:16px 0 18px;padding-top:16px}
  .pd-price strong{font-size:28px}
  .pd-price em{font-size:22px}
  /* 하단 고정 구매바 (사이트 탭바 대신) */
  body.pt-item-page .pt-tabbar{display:none}
  body.pt-item-page{padding-bottom:76px}
  body.pt-item-page .pt-totop{bottom:90px}
  .pd-buy{position:fixed;left:0;right:0;bottom:0;z-index:95;margin:0;background:#fff;padding:10px var(--pt-pad) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 14px rgba(0,0,0,.06);border-top:1px solid #eee}
  .pd-buy .pd-btn-buy,.pd-buy .pd-btn-cart{height:50px;font-size:15px}
  .pd-btn-wish{width:50px;height:50px}
  .pd-tabs{top:98px}
  .pd-bottom{margin-top:30px}
  #pd_rel .pt-hlist>li{flex-basis:calc((100% - 10px*2)/2.4)}
  .pd-review{padding:20px 14px}
}
@media (max-width:767px){ .pd-tabs{top:126px} .pd-tabs a{font-size:13px} }
/* 상품상세 : 기본 스킨 style.css 와 충돌 보정 */
#sit .pd-brand{color:#888;font-weight:500;font-size:14px}
#sit .pd-opt-tit{color:#111 !important;font-weight:700;font-size:15px;margin:0 0 10px !important;padding:0 !important;border:0 !important;background:none !important}
#sit .pd-opt .sit_op_sl label{display:block;font-size:13px;color:#777;margin:4px 0 6px;line-height:1.3;position:static}
#sit .pd-opt .sit_option h3:before,#sit .pd-opt .sit_option h3:after{display:none}
#sit_ov_btn.pd-buy{border:0;padding-left:0;padding-right:0}
#sit_ov_btn .pd-btn-wish{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;flex:0 0 56px;height:56px;position:static;background:#fff;border:1px solid #ddd;border-radius:8px;color:#555}
#sit_ov_btn .pd-btn-buy,#sit_ov_btn .pd-btn-cart{width:auto;margin:0;line-height:normal;padding:0}
#sit .pd-review .sit_use_btn a,#sit .pd-review #sit_use_wbtn a,#sit .pd-review .btn01,#sit .pd-review .btn02,#sit .pd-review .itemuse_form,#sit .pd-review .itemuse_list{background:#fff !important;color:#111 !important;border:1px solid #ddd !important;border-radius:8px !important;box-shadow:none !important;height:46px;line-height:44px;font-weight:600}
#sit .pd-review .itemuse_form{background:#111 !important;color:#fff !important;border-color:#111 !important}
@media (max-width:1023px){
  #sit_ov_btn.pd-buy{padding:10px var(--pt-pad) calc(10px + env(safe-area-inset-bottom))}
  #sit_ov_btn .pd-btn-wish{width:50px;flex-basis:50px;height:50px}
}
@media (max-width:1023px){ .pd-top{grid-template-columns:minmax(0,1fr)} .pd-info,.pd-opt,.pd-trust,.pd-benefit{max-width:100%;box-sizing:border-box} }
/* 옵션 추가행 : 한 줄 정리 (옵션명 / − 수량 + / 금액 / ×) — 2026-10-25 */
#sit_sel_option .sit_opt_list,#sit_sel_option .sit_spl_list{display:grid !important;grid-template-columns:1fr auto;grid-template-areas:"name del" "count price";align-items:center;gap:10px 12px;padding:14px 16px !important}
#sit_sel_option .opt_name,#sit_sel_option .sit_opt_subj{grid-area:name;font-size:14px;color:#222;line-height:1.4}
#sit_sel_option .opt_name .sit_opt_subj{grid-area:auto}
#sit_sel_option .opt_count{grid-area:count;display:flex !important;align-items:center;width:auto !important;flex-wrap:nowrap}
#sit_sel_option .opt_count .sit_opt_prc{display:none}
#sit_sel_option .sit_opt_prc{grid-area:price;justify-self:end;font-size:14px;font-weight:700;color:#111;margin:0 !important;white-space:nowrap}
#sit_sel_option .opt_count button.sit_qty_minus,#sit_sel_option .opt_count button.sit_qty_plus{width:34px !important;height:34px !important;border:1px solid #ddd !important;background:#fff !important;color:#333;padding:0 !important;margin:0 !important;border-radius:0;font-size:12px;line-height:32px;flex:0 0 34px}
#sit_sel_option .opt_count .num_input{width:46px !important;height:34px !important;border:1px solid #ddd !important;border-left:0 !important;border-right:0 !important;text-align:center;font-size:15px;padding:0 !important;margin:0 !important;border-radius:0;flex:0 0 46px;box-sizing:border-box}
#sit_sel_option button.sit_opt_del{grid-area:del;position:static !important;width:26px;height:26px;border:0 !important;background:none !important;color:#999;font-size:16px;padding:0 !important;justify-self:end}
#sit_sel_option .opt_count .sit_opt_del{position:absolute !important;right:12px;top:10px}
/* 영카트 기본 스크립트 마크업(글자 버튼)일 때도 같은 모양으로 */
#sit_sel_option li>div:not(.opt_name):not(.opt_count){grid-area:count;display:flex;align-items:center;gap:0}
#sit_sel_option li>div .frm_input{order:2;width:46px !important;height:34px !important;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;padding:0;font-size:15px;border-radius:0;box-sizing:border-box}
#sit_sel_option li>div .btn_frmline{width:34px !important;height:34px !important;padding:0 !important;border:1px solid #ddd !important;background:#fff !important;font-size:0 !important;position:relative;border-radius:0;margin:0 !important}
#sit_sel_option li>div .sit_qty_minus{order:1}
#sit_sel_option li>div .sit_qty_plus{order:3}
#sit_sel_option li>div .sit_qty_minus:before{content:"−";font-size:16px;color:#333}
#sit_sel_option li>div .sit_qty_plus:before{content:"+";font-size:16px;color:#333}
#sit_sel_option li>div .sit_opt_del{order:4;margin-left:auto !important;border:0 !important;width:26px !important}
#sit_sel_option li>div .sit_opt_del:before{content:"×";font-size:18px;color:#999}
#sit_sel_option .opt_count .sit_qty_minus{order:1}
#sit_sel_option .opt_count .num_input{order:2}
#sit_sel_option .opt_count .sit_qty_plus{order:3}
#sit_sel_option .opt_count .sit_opt_prc{display:block !important;order:4;margin-left:auto !important;padding-left:12px}
#sit_sel_option .opt_count{width:100% !important}
#sit_sel_option .sit_opt_list,#sit_sel_option .sit_spl_list{grid-template-columns:1fr;grid-template-areas:"name" "count";padding-right:40px !important}
#sit_sel_option .opt_count .sit_opt_del{order:5}

/* 카카오톡 상담 플로팅 버튼 (2026-10-27) — 맨위로 버튼은 그 위에 */
.pt-kakao{position:fixed;right:20px;bottom:30px;z-index:96;width:56px;height:56px;border-radius:50%;background:#fee500;color:#3c1e1e !important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}
.pt-kakao svg{width:30px;height:30px}
.pt-kakao:hover{transform:scale(1.06)}
.pt-kakao-tip{position:absolute;right:66px;top:50%;transform:translateY(-50%);background:#3c1e1e;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:6px 10px;border-radius:14px;opacity:0;pointer-events:none;transition:.2s}
.pt-kakao:hover .pt-kakao-tip{opacity:1}
.pt-kakao~.pt-totop{bottom:96px}
@media (max-width:1023px){
  .pt-kakao{bottom:72px;right:16px;width:52px;height:52px}
  .pt-kakao svg{width:28px;height:28px}
  .pt-kakao~.pt-totop{bottom:134px;right:19px}
  body.pt-item-page .pt-kakao{bottom:86px}
  body.pt-item-page .pt-kakao~.pt-totop{bottom:148px}
}