/* umma 독립몰 시안 v7 — 2026-10-23 퍼스트셀러 (v1 + 대표님 피드백: NEW ARRIVAL 배너형·인스타 제거) */
:root{
  --text:#353535; --sub:#757575; --line:#e6e6e6; --bg:#fff; --soft:#f6f6f6;
  --accent:#008bcc; --dark:#2e2e2e; --tag:#8a5a2b; --baby:#e88fb0; --hot:#e94b35;
  --w:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:"Noto Sans JP",Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Sans",sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:min(var(--w),calc(100% - 32px));margin:0 auto}

/* ---------- 상단 유틸 ---------- */
.util{border-bottom:1px solid var(--line);font-size:12px;color:var(--sub)}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
.util a{padding:0 9px;border-left:1px solid var(--line)}
.util a:first-child{border:0;padding-left:0}
.util .l a{color:var(--sub)}
.util .r a.b2b{color:var(--tag);font-weight:600}
.util svg{width:14px;height:14px;fill:currentColor}

/* ---------- 헤더 ---------- */
.hd{padding:26px 0 14px}
.hd .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hd .logo{grid-column:2;text-align:center}
.hd .logo img{width:300px;margin:0 auto}
.hd .search{grid-column:3;justify-self:end;display:flex;border:1px solid #cfcfcf;border-radius:4px;overflow:hidden;width:240px;height:36px}
.hd .search input{flex:1;border:0;padding:0 12px;font:inherit;outline:0}
.hd .search button{width:38px;display:grid;place-items:center;background:var(--soft)}
.hd .search svg{width:16px;height:16px;fill:none;stroke:#555;stroke-width:2}
.hd .mbtn{display:none}

/* ---------- 메뉴 ---------- */
.gnb{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gnb ul{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
.gnb ul{flex-wrap:nowrap}
.gnb li a{display:block;padding:13px 11px;font-weight:700;font-size:13px;letter-spacing:0;white-space:nowrap;border-bottom:2px solid transparent}
.gnb li a:hover{border-color:var(--text)}
.gnb li.new a{color:var(--hot)}
.gnb li.b2b a{color:var(--tag)}
/* [2026-11-01 추가사항 2] PC 메뉴 hover 하위 분류 */
.gnb{position:relative}.gnb ul>li{position:static}
.gnb .gsub{display:none;position:absolute;left:0;top:100%;z-index:60;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.08);padding:14px 20px 16px;white-space:nowrap;text-align:left}
.gnb ul>li:hover .gsub,.gnb ul>li:focus-within .gsub{display:flex;gap:28px}
.gnb .gsub .gcol{min-width:96px}
.gnb .gsub a{display:block;padding:4px 0;font-weight:400;font-size:13px;line-height:1.5;border:0;color:var(--text)}
.gnb .gsub a.g2{font-weight:700}
.gnb .gsub ul{display:block;margin-top:2px}
.gnb .gsub ul li{position:static}
.gnb .gsub ul a{font-size:12.5px;color:var(--sub);padding:3px 0}
.gnb .gsub a:hover{text-decoration:underline;border:0}
.gnb .gsub.rt{left:auto;right:0}

/* ---------- 모바일 퀵바 ---------- */
.mquick{display:none;background:#4a5164;color:#fff}
.mquick ul{display:flex;justify-content:space-around}
.mquick a{display:block;padding:11px 4px;font-size:13px}

/* ---------- 히어로 ---------- */
.hero{margin:20px auto 0;position:relative;overflow:hidden;border-radius:6px;background:#eee}
.hero .track{display:flex;transition:transform .6s ease}
.hero .track li{flex:0 0 100%}
.hero .track img{width:100%;aspect-ratio:1014/520;object-fit:cover}
.hero .m{display:none}
.hero .dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
.hero .dots span{width:28px;height:4px;background:rgba(0,0,0,.25);border-radius:2px}
.hero .dots span.on{background:#222}
.hero .arr{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:20px;color:#333}
.hero .arr.prev{left:12px}.hero .arr.next{right:12px}

/* ---------- 모바일 카테고리 타일 ---------- */
.mcat{display:none}
.mcat a{aspect-ratio:124/80;border-radius:6px;background:#9a7444 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='68' cy='14' r='22' fill='rgba(255,255,255,.12)'/%3E%3C/svg%3E") no-repeat right top;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 14px}
.mcat a b{font-size:21px;font-weight:800;letter-spacing:.02em}
.mcat a small{font-size:10px;opacity:.85}

/* ---------- 안내 타일 5 (원본은 130px 저해상도 → 시안은 CSS 카드로 재구성) ---------- */
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px auto 0}
.tiles a{aspect-ratio:187/100;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;font-weight:800;font-size:14px;line-height:1.3;color:#fff;position:relative;overflow:hidden;transition:transform .25s}
.tiles a:hover{transform:translateY(-2px)}
.tiles a small{font-size:10px;font-weight:500;opacity:.9}
.tiles a .ic{font-size:22px;line-height:1}
.tiles .t1{background:linear-gradient(135deg,#d9e37e,#b9c94a);color:#3d4a12}
.tiles .t2{background:linear-gradient(135deg,#4a4a4a,#2e2e2e)}
.tiles .t3{background:linear-gradient(135deg,#f6c8d6,#eea2bb);color:#7a2b45}
.tiles .t4{background:linear-gradient(135deg,#fff,#f4f4f4);color:#222;border:1px solid #ddd}
.tiles .t4 b{color:var(--hot);font-size:17px}
.tiles .t5{background:linear-gradient(135deg,#6ec4cf,#3f9aa6)}

/* ---------- 섹션 제목 ---------- */
.sec{margin-top:44px}
.sec h2{font-size:24px;font-weight:800;letter-spacing:.02em;margin-bottom:14px}
.sec h2 small{font-size:13px;color:var(--sub);font-weight:500;margin-left:10px}

/* ---------- 상품 카드 ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}
.card .th{position:relative;overflow:hidden;border-radius:4px;background:#f2f2f2}
.card .th img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .4s}
.card:hover .th img{transform:scale(1.04)}
.card .hot{position:absolute;top:10px;right:10px;background:var(--hot);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:12px;transform:rotate(-8deg);box-shadow:0 2px 4px rgba(0,0,0,.2)}
.card .meta{display:flex;align-items:center;gap:6px;margin-top:9px}
.card .tag{font-size:10px;font-weight:700;color:#fff;background:var(--tag);padding:2px 7px;border-radius:2px;letter-spacing:.04em}
.card .tag.baby{background:var(--baby)}
.card .ico{margin-left:auto;display:flex;gap:4px}
.card .ico span{width:24px;height:24px;border:1px solid #d9d9d9;border-radius:3px;display:grid;place-items:center}
.card .ico svg{width:13px;height:13px;fill:none;stroke:#666;stroke-width:2}
.card .nm{font-size:13px;font-weight:700;margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.card .sz{font-size:12px;color:var(--sub);margin-top:2px}
.card .pr{font-size:14px;font-weight:800;color:var(--accent);margin-top:2px}
.card .pr.b2b{color:var(--tag);font-size:12px;font-weight:600}

/* ---------- NEW ARRIVAL = 상단 배너형 슬라이더(높이 절반 수준) ---------- */
.hero.na{margin-top:0;border-radius:6px;width:90%} /* [10-30] 80%→90%(사장님: 양옆 너무 빔, 100%는 너무 큼) · [10-29 §69-103 G] PC = 본문 폭의 90%·가운데(휴대폰 100%, 아래 미디어쿼리) */
.hero.na .track li a{display:block}
.hero.na .track img{aspect-ratio:1850/570}
.hero.na .dots{bottom:8px}
.hero.na .dots span{width:18px}
.hero.na .arr{width:34px;height:34px;font-size:18px}

/* ---------- ITEM BEST ---------- */
.best{margin-top:48px}
.best>h2{background:var(--soft);padding:14px 18px;font-size:22px;font-weight:800;border-radius:6px 6px 0 0}
.best>h2 small{font-size:13px;color:var(--sub);font-weight:600;margin-left:10px}
.best .bar small{font-size:12px;font-weight:600;opacity:.75;margin-left:10px;letter-spacing:.08em}
.best .bar{background:var(--dark);color:#fff;padding:10px 18px;font-size:17px;font-weight:800;letter-spacing:.03em;margin-top:14px;border-radius:4px}
.row{position:relative;margin-top:12px}
.row .trk{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/5);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.row .trk::-webkit-scrollbar{display:none}
.row .trk .card{scroll-snap-align:start;border:1px solid var(--line);border-radius:6px;padding:10px}
.row .nav{position:absolute;top:34%;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #ccc;display:grid;place-items:center;font-size:18px;z-index:2}
.row .nav.l{left:-10px}.row .nav.r{right:-10px}

/* ---------- 푸터 ---------- */
.fmenu{margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fmenu ul{display:flex;gap:26px;height:46px;align-items:center;font-size:12px}
.fmenu li.b a{font-weight:700}
.ft{padding:28px 0 34px;font-size:12px;color:var(--sub);line-height:1.9}
.ft .wrap{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}
.ft .flogo img{width:110px;opacity:.55}
.copy{background:var(--soft);padding:12px 0;font-size:11px;color:var(--sub);text-align:center}

/* ---------- 퀵 ---------- */
.quick{position:fixed;right:18px;bottom:24px;display:flex;flex-direction:column;gap:6px;z-index:9}
.quick a{background:#4a5164;color:#fff;font-size:11px;padding:8px 10px;border-radius:4px;text-align:center;min-width:72px}
.quick a.top{background:#fff;color:#333;border:1px solid #ccc}


/* ================= 모바일 ================= */
@media (max-width:1023px){
  body{font-size:13px}
  .wrap{width:calc(100% - 24px)}
  .util{display:none}
  .hd{padding:14px 0 10px}
  .hd .wrap{display:block;position:relative}
  .hd .logo img{width:150px}
  .hd .search{width:100%;margin-top:12px;height:38px}
  .hd .mbtn{display:grid;place-items:center;position:absolute;top:8px;width:36px;height:36px}
  .hd .mbtn svg{width:22px;height:22px;fill:none;stroke:#333;stroke-width:2}
  .hd .mbtn.menu{left:0}.hd .mbtn.cart{right:0}
  .hd .mbtn .n{position:absolute;top:2px;right:0;background:var(--hot);color:#fff;font-size:9px;border-radius:8px;padding:0 4px;line-height:14px}
  .gnb{display:none}
  .mquick{display:block}
  .hero{margin-top:0;border-radius:0}
  .hero .wrap-off{width:100%}
  .hero .track img{aspect-ratio:850/980}
  .hero .pc{display:none}.hero .m{display:flex}
  .hero .arr{display:none}
  .mcat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
  .mcat img{width:100%;aspect-ratio:124/80;object-fit:cover;border-radius:6px}
  .tiles{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
  .tiles a{grid-column:span 2;font-size:12px;aspect-ratio:auto;height:74px;gap:2px}
  .tiles a:nth-child(4),.tiles a:nth-child(5){grid-column:span 3}
  .tiles a .ic{font-size:18px}
  .tiles .t4 b{font-size:15px}
  .sec{margin-top:30px}
  .sec h2{font-size:22px}
  .grid{grid-template-columns:repeat(2,1fr);gap:22px 10px}
  .card .nm{font-size:14px}
  .card .ico{display:none}
  .card .cartbtn{display:inline-block;margin-top:8px;border:1px solid #bbb;border-radius:3px;font-size:12px;padding:5px 12px;color:#333}
  .hero.na{border-radius:6px;width:100%}
  .hero.na .track img{aspect-ratio:1850/570}
  .hero.na .dots{display:none}
  .best>h2{font-size:20px}
  .row .trk{grid-auto-columns:46%;gap:10px}
  .row .nav{display:none}
  .fmenu ul{flex-wrap:wrap;height:auto;padding:12px 0;gap:10px 16px}
  .ft .wrap{grid-template-columns:1fr;gap:14px}
  .ft .flogo img{width:90px}
  .quick{right:10px;bottom:14px}
  .quick a:not(.top){display:none}
}
@media (min-width:1024px){
  .card .cartbtn{display:none}
}

/* ---------- v7 확대 = 1600 안을 크롬 90% 배율로 본 크기(×0.9)를 기본으로(10-23 사장님) ---------- */
@media (min-width:1024px){
  :root{--w:1440px}
  .wrap{width:min(var(--w),calc(100% - 64px))}
  body{font-size:13.5px}
  .util{font-size:12px}.util .wrap{height:34px}
  .hd{padding:27px 0 16px}.hd .logo img{width:306px}.hd .search{width:260px;height:36px}
  .gnb li a{padding:13px 14px;font-size:13.5px}
  .hero{margin-top:22px;border-radius:8px}
  .hero:not(.na) .track img{max-height:calc(100vh - 207px);min-height:504px}
  .hero .arr{width:43px;height:43px;font-size:22px}
  .hero .dots span{width:30px;height:5px}
  .tiles{gap:14px;margin-top:18px}.tiles a{font-size:15px;gap:5px;border-radius:9px}.tiles a small{font-size:11px}.tiles a .ic{font-size:25px}.tiles .t4 b{font-size:19px}
  .sec{margin-top:50px}.sec h2{font-size:27px;margin-bottom:16px}.sec h2 small{font-size:13.5px}
  .grid{gap:32px 22px}
  .card .nm{font-size:13.5px}.card .sz{font-size:12px}.card .pr{font-size:15px}
  .card .tag{font-size:10px;padding:3px 8px}.card .ico span{width:25px;height:25px}
  .hero.na .arr{width:38px;height:38px;font-size:20px}
  .best{margin-top:54px}.best>h2{font-size:23px;padding:14px 20px}.best .bar{font-size:17px;padding:11px 20px}
  .row .trk{gap:22px;grid-auto-columns:calc((100% - 88px)/5)}
  .row .nav{width:36px;height:36px;font-size:18px}.row .nav.l{left:-12px}.row .nav.r{right:-12px}
  .fmenu{margin-top:63px}.fmenu ul{font-size:12px;height:47px;gap:27px}
  .ft{font-size:12px;padding:29px 0 36px}
}

/* umma 시안 v7 — BRAND LIST 페이지(2026-10-24, 대표님 요청: PC도 모바일처럼 알파벳별 펼침) */
.gnb li.on a{border-bottom-color:var(--text)}
.path{font-size:12px;color:var(--sub);margin-top:14px}
.path b{color:var(--text);font-weight:600}
.sec.brand{margin-top:22px}
.bfilter{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bfilter a{min-width:38px;height:34px;padding:0 12px;display:grid;place-items:center;background:var(--soft);border:1px solid #e3e3e3;border-radius:3px;font-size:12px;font-weight:700;color:#555}
.bfilter a:hover{background:#ececec}
.bfilter a.on{background:var(--dark);border-color:var(--dark);color:#fff}
.bsearch{margin:14px 0 6px;display:flex;justify-content:flex-end}
.bsearch input{width:260px;height:36px;border:1px solid #cfcfcf;border-radius:4px;padding:0 12px;font:inherit;outline:0}
.bsearch input:focus{border-color:var(--text)}
.bgrp{padding:22px 0 26px;border-bottom:1px solid var(--line)}
.bgrp h3{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 12px;background:var(--soft);border:1px solid #e3e3e3;border-radius:3px;font-size:16px;font-weight:800;color:#444;margin-bottom:18px}
.bgrp ul{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.bgrp li a{display:block;border:1px solid var(--line);border-radius:3px;padding:10px 8px;text-align:center;line-height:1.35;transition:border-color .15s,box-shadow .15s}
.bgrp li a:hover{border-color:#bdbdbd;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.bgrp li b{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bgrp li small{display:block;font-size:11px;color:var(--sub);margin-top:2px}
.bempty{padding:40px 0;text-align:center;color:var(--sub)}
@media (max-width:1023px){
  .bgrp ul{grid-template-columns:repeat(3,1fr)}
  .bsearch{justify-content:stretch}.bsearch input{width:100%}
  .bfilter a{min-width:34px;height:32px;padding:0 9px}
}
@media (max-width:560px){.bgrp ul{grid-template-columns:repeat(2,1fr)}}

/* ================= umma 테마 공통(서브페이지) — 2026-10-24 ================= */
.sound_only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.umma_body{min-height:40vh}
.gnb li.on a{border-bottom-color:var(--text)}
.path{font-size:12px;color:var(--sub);margin-top:14px}
.path b{color:var(--text);font-weight:600}
.card .pr.guest{color:var(--sub);font-size:12px;font-weight:500}
/* 모바일 전체메뉴 */
.mmenu{position:fixed;inset:0;z-index:50}
.mmenu .mm_bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.mmenu .mm_box{position:absolute;left:0;top:0;bottom:0;width:min(86%,360px);background:#fff;overflow-y:auto;font-size:13px}
.mm_top{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.mm_top .mm_login{background:var(--dark);color:#fff;padding:5px 12px;border-radius:3px}
.mm_top .mm_close{margin-left:auto;font-size:18px;width:32px;height:32px}
.mm_tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#4a5164;color:#fff;text-align:center}
.mm_tabs a{padding:10px 4px;font-size:12px}
.mm_h{padding:10px 14px 4px;font-size:11px;color:var(--accent);font-weight:700}
.mm_cate>li{border-bottom:1px solid var(--line);position:relative}
.mm_cate>li>a{display:block;padding:11px 44px 11px 14px;font-weight:700}
.mm_cate>li>a.new{color:var(--hot)}.mm_cate>li>a.b2b{color:var(--tag)}
.mm_tg{position:absolute;right:0;top:0;width:44px;height:42px;color:#777;font-size:14px}
.mm_sub{display:none;background:var(--soft);padding:6px 14px 10px}
.mm_cate>li.open>.mm_sub{display:block}
.mm_cate>li.open>.mm_tg{transform:rotate(180deg)}
.mm_c2{display:block;padding:7px 0;border-bottom:1px solid #eee}
.mm_ltr{font-weight:800;margin:10px 0 4px;color:#444}
.mm_brands{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.mm_brands a{display:block;padding:6px 0;border-bottom:1px solid #eee;font-size:12px}
body.mm_on{overflow:hidden}
@media (min-width:1024px){.mmenu{display:none !important}}

/* ---- 서브페이지 = um2a.com(cafe24) #container 1218 / #sidebar 180 / #contents 1014 원본 치수 ---- */
@media (min-width:1024px){
  .umma_body.is_sub{width:1218px;margin:27px auto 0;font-family:Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Noto Sans JP",sans-serif;font-size:12px;color:#353535;line-height:1.5}
  .umma_body.is_sub:after{content:"";display:block;clear:both}
}
@media (max-width:1023px){
  .umma_body.is_sub #sidebar{display:none}
  .umma_body.is_sub #contents{float:none;width:100%}
  .xans-product-listnormal ul.prdList{min-width:0}
}
/* v7 리셋(img block)이 cafe24 원본 마크업을 깨뜨리지 않도록 서브페이지는 원래 inline 으로 */
.umma_body.is_sub img{display:inline;max-width:none}
.umma_body.is_sub .prdList .thumb{max-width:208px}

/* ---- 10-24 사장님 지시: 서브페이지 사이드바 제거(메뉴·검색·로그인 중복) → 본문 폭 = 메인과 동일 1440 ---- */
@media (min-width:1024px){
  .umma_body.is_sub{width:min(var(--w),calc(100% - 64px))}
  .umma_body.is_sub #contents{float:none;width:auto}
  .xans-product-listnormal ul.column4 li.item{width:20%}
  /* [10-29 §69-103 J] 대표 이미지 700×700(PC) — 사진 칸 760, 글 칸 = 나머지 */
  .xans-product-detail .detailArea{padding-left:760px}
  .xans-product-detail .imgArea{width:760px;margin-left:-760px}
  .xans-product-detail .imgArea .keyImg{width:700px}
  .xans-product-detail .imgArea .keyImg img.BigImage{max-width:698px}
}
/* 검색창 글자 세로 가운데(사장님 지시) */
.hd .search input{height:36px;line-height:36px;padding:0 12px}
@media (max-width:1023px){.hd .search input{height:38px;line-height:38px}}

/* ---- 영카트 고정 페이지(주문서·주문조회·위시리스트·검색)를 um2a.com(cafe24) ec-base 표/버튼 모양으로 ---- */
.is_sub .tbl_head01 table,.is_sub .tbl_head03 table,.is_sub .tbl_frm01 table,.is_sub .tbl_wrap table{width:100%;border-collapse:collapse;margin:10px 0 0;border:1px solid #d7d5d5;border-top:0;position:relative}
.is_sub .tbl_wrap table:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d7d5d5}
.is_sub .tbl_wrap thead th{padding:11px 0 10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#353535;font-weight:normal;background:#fbfafa;text-align:center}
.is_sub .tbl_wrap thead th:first-child{border-left:0}
.is_sub .tbl_wrap tbody th{padding:11px 0 10px 18px;border:1px solid #dfdfdf;border-bottom-width:0;color:#353535;text-align:left;font-weight:normal;background:#fbfafa}
.is_sub .tbl_wrap td{padding:11px 10px 10px;border-top:1px solid #dfdfdf;color:#353535;vertical-align:middle}
.is_sub .tbl_wrap td.text_right,.is_sub .tbl_wrap td.td_numbig{text-align:right}
.is_sub .tbl_wrap td.empty_table{padding:50px 0;text-align:center;color:#707070}
.is_sub .frm_input,.is_sub .tbl_wrap input[type=text],.is_sub .tbl_wrap input[type=password],.is_sub .tbl_wrap select,.is_sub .tbl_wrap textarea{height:22px;line-height:22px;padding:2px 4px;border:1px solid #d5d5d5;color:#353535;font-size:12px;vertical-align:middle;background:#fff}
.is_sub .tbl_wrap textarea{height:auto}
.is_sub .btn_submit,.is_sub .btn01,.is_sub .btn02,.is_sub .btn_frmline,.is_sub .btn_cancel,.is_sub .btn_confirm button,.is_sub #sod_bsk_act button,.is_sub #sod_ws_act button{display:inline-block;box-sizing:border-box;padding:2px 8px;border:1px solid #d1d1d1;border-radius:2px;font-size:12px;font-weight:bold;color:#353535;text-decoration:none;vertical-align:middle;text-align:center;line-height:24px;background:#fff;cursor:pointer;height:auto}
.is_sub .btn_submit,.is_sub .btn02,.is_sub .btn_confirm .btn_submit{border:1px solid #333;background:#495164;color:#fff}
.is_sub .btn_submit.sizeL,.is_sub #sod_frm_pay .btn_submit,.is_sub #sod_bsk_act .btn_submit{min-width:160px;line-height:36px;font-size:14px}
.is_sub #sod_frm h2,.is_sub #sod_fin h2,.is_sub #sod_ws h2,.is_sub #sod_inquiry h2,.is_sub #ssch h2{font-size:14px;color:#2e2e2e;margin:24px 0 8px;padding:0 0 8px;border-bottom:1px solid #e8e8e8}
.is_sub #sod_frm h2:first-of-type{margin-top:0}
.is_sub #sod_bsk_tot{margin:10px 0;padding:15px 20px;border:1px solid #d7d5d5;background:#fbfafa}
.is_sub #sod_bsk_tot ul{display:flex;gap:40px;justify-content:flex-end}
.is_sub #sod_bsk_tot li span{color:#757575;margin-right:8px}
.is_sub #sod_bsk_tot li strong{color:#008bcc;font-size:14px}
.is_sub #sod_bsk_act,.is_sub #sod_ws_act,.is_sub .btn_confirm{margin:20px 0;text-align:center}
.is_sub #sod_bsk_act .btn01,.is_sub #sod_bsk_act .btn_submit{min-width:140px;line-height:34px}
.is_sub .sod_left,.is_sub .sod_right{display:inline-block;vertical-align:top;width:49%}
.is_sub #sod_frm_pay .sod_frm_paysel{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0}
.is_sub #sod_frm_pay label{margin-right:6px}
.is_sub .order_view_infos{margin:0 0 20px}
.is_sub .status_01,.is_sub .status_02,.is_sub .status_03,.is_sub .status_04,.is_sub .status_05,.is_sub .status_06{display:inline-block;padding:0 8px;border-radius:2px;background:#f0f2f2;color:#2e2e2e;font-size:11px;line-height:20px}
.is_sub #sod_ws .list_02{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:10px 0 0;list-style:none}
.is_sub #sod_ws .list_02 li{border:1px solid #ececec;padding:10px;text-align:center;position:relative}
.is_sub #sod_ws .sod_ws_img img{width:100%}
.is_sub #sod_ws .wish_del{position:absolute;top:8px;right:8px}
.is_sub #ssch_frm{border:1px solid #d7d5d5;background:#fbfafa;padding:16px;margin:0 0 20px}
.is_sub #ssch_frm .ssch_input{height:30px;line-height:30px;padding:0 8px;border:1px solid #d5d5d5}
.is_sub #ssch_cate ul,.is_sub #ssch_sort_all{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;list-style:none;font-size:12px}
.is_sub #ssch .tooltip{display:none}
.is_sub #sod_frm .tbl_frm01 th{width:150px}
/* 상세: 선택된 옵션 목록 = cafe24 totalProducts 표 모양 */
#sit_opt_added{list-style:none;margin:0;border:1px solid #dfdfdf;border-top:0}
#sit_opt_added li.sit_opt_list{display:grid;grid-template-columns:auto 130px 110px;align-items:center;padding:8px 10px;border-top:1px solid #dfdfdf;font-size:12px}
#sit_opt_added .opt_name{color:#353535}
#sit_opt_added .opt_count{display:flex;align-items:center;gap:4px;justify-content:center}
#sit_opt_added .opt_count .num_input{width:30px;height:20px;border:1px solid #d5d5d5;text-align:center;font-size:12px}
#sit_opt_added .opt_count button{padding:0;line-height:0}
#sit_opt_added .sit_opt_prc{text-align:right;color:#353535}
#sit_opt_added .sit_opt_del{margin-left:6px;color:#999}
#totalProducts table{margin-bottom:0}
#sit_tot_price{display:inline}
.totalPrice{margin:10px 0 0;padding:14px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:right;font-weight:bold;color:#353535}
.totalPrice .total em{font-style:normal;color:#008bcc;font-size:18px}
.xans-product-detail .infoArea .xans-product-action .ec-base-button{margin-top:16px}
.umma_guide_tabs{display:flex;flex-wrap:wrap;border:1px solid #d7d5d5;margin:0 0 20px;list-style:none}
.umma_guide_tabs li{flex:1;text-align:center;border-left:1px solid #d7d5d5}
.umma_guide_tabs li:first-child{border-left:0}
.umma_guide_tabs a{display:block;padding:10px 4px;font-size:12px;color:#353535;background:#fbfafa}
.umma_guide_tabs a.on{background:#fff;color:#008bcc;font-weight:bold}
.umma_guide_sec{display:none;line-height:1.8}
.umma_guide_sec h3{font-size:14px;color:#2e2e2e;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #e8e8e8}
.umma_wholesale h3{font-size:14px;margin:0 0 10px}.umma_wholesale ul{margin:10px 0 0 18px;line-height:1.8}
#ctt_con{line-height:1.8}
/* 주문서(orderform.sub) 추가 매핑 */
.is_sub #sod_frm .sod_left,.is_sub #sod_frm .sod_right{width:49%}
.is_sub #sod_frm_pay .pay_tbl th{width:150px}
.is_sub #sod_frm_paysel ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:10px 0}
.is_sub #sod_frm_paysel .lb_icon{display:inline-block;padding:6px 10px;border:1px solid #d1d1d1;border-radius:2px;background:#fff}
.is_sub #sod_frm .od_pay_buttons_el,.is_sub #sod_frm .btn_confirm{text-align:center;margin:20px 0}
.is_sub #sod_frm .btn_submit{min-width:200px;line-height:40px;font-size:14px}
.is_sub #sod_frm .frm_info{color:#757575;font-size:11px;margin:4px 0 0}
.is_sub #sod_frm .sod_img img{max-width:80px}
.is_sub #sod_frm .td_prd{text-align:left}
.is_sub #sod_frm .sod_img{display:inline-block;vertical-align:middle;margin-right:10px}
.is_sub #sod_frm .sod_name{display:inline-block;vertical-align:middle}
#hd_login_msg,#skip_to_container{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.quick a.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.umma_pay_title{font-size:13px;margin:0 0 10px}
.umma_pay_tbl{width:100%;border-collapse:collapse;margin:0 0 8px}
.umma_pay_tbl th{width:150px;text-align:left;padding:6px 0;color:#757575;font-weight:normal}
.umma_pay_tbl td{padding:6px 0;text-align:right;font-weight:bold;color:#2e2e2e}
.umma_pay_tbl td.txtWarn{color:#dc3545}
/* [10-29 §69-112] 일반 회원 결제수단 선택(PayPal / 銀行振込) · 振込 안내 */
.umma_pay_sel{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.umma_pay_sel label{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid #d5d5d5;border-radius:4px;font-size:13px;cursor:pointer;background:#fff;max-width:100%;box-sizing:border-box}
.umma_pay_sel label.on{border-color:#2e2e2e;font-weight:bold}
.umma_pay_bk .umma_bk_tbl td{word-break:break-all}
.umma_pay_bk .umma_bk_tbl input.umma_bk_name{width:100%;max-width:220px;height:32px;padding:0 8px;border:1px solid #d5d5d5;box-sizing:border-box;text-align:right;font-size:13px}
.umma_bk_box{margin:0 0 16px}
.umma_bk_box .umma_pay_tbl td{word-break:break-all}
.is_sub #sod_fin #sod_fin_cancelfrm .frm_input{min-width:0;width:100%} /* 휴대폰 390: size=40 입력칸 때문에 확인 단추가 화면 밖(407px)으로 밀리던 것 */
.is_sub #sod_fin #sod_fin_cancelfrm .btn_frmline{flex-shrink:0}
@media (max-width:480px){.umma_pay_bk .umma_bk_tbl th,.umma_bk_box .umma_pay_tbl th{width:110px}.umma_pay_sel label{width:100%}}

/* ---- 서브페이지 모바일(1023 이하): cafe24 PC 고정폭 해제 ---- */
@media (max-width:1023px){
  .umma_body.is_sub{width:calc(100% - 24px)}
  .umma_body.is_sub img{max-width:100%}
  .umma_body.is_sub .hd .logo img,.hd .logo img{width:150px;max-width:150px}
  .xans-product-listnormal ul.prdList{min-width:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px}
  .xans-product-listnormal ul.prdList li.item{width:auto;margin:16px 0 10px}
  .xans-product-listnormal ul.prdList li.item .box{width:auto}
  .xans-product-listnormal ul.prdList .thumb{max-width:100%;width:100%}
  .xans-product-listnormal ul.prdList .status{padding-right:60px}
  .xans-product-normalmenu .function{line-height:32px}
  .xans-product-normalmenu ul#type li{padding:0 4px 0 6px;font-size:11px}
  .xans-product-menupackage .menuCategory li{width:50%}
  .xans-product-detail .detailArea{padding-left:0}
  .xans-product-detail .imgArea{float:none;width:100%;margin:0 0 20px}
  .xans-product-detail .imgArea .keyImg{width:100%}
  .xans-product-detail .imgArea .keyImg img.BigImage{max-width:100%;width:100%}
  .xans-product-detail .imgArea .listImg{width:100%}
  .xans-product-detail .imgArea .listImg ul{min-width:0;height:auto}
  .xans-product-detail .imgArea .control{width:auto;max-width:100%}.xans-product-detail .imgArea .color,.xans-product-detail .imgArea .xans-product-action{width:100%;max-width:100%} /* [10-29 §69-103 J] PC 700 기준 폭이 폰에서 넘치지 않게 */
  .xans-product-detail .infoArea{width:100%}
  .ec-base-table,.orderListArea,.tbl_wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ec-base-table table{min-width:600px}
  .ec-base-box.gHalf ul{display:block}
  .xans-myshop-asyncbankbook li{float:none;width:100%;padding:8px 10px}
  .xans-myshop-asyncbankbook.gHalf:before{display:none}
  #myshopMain ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  #myshopMain li.shopMain{width:auto;margin:0}
  .xans-myshop-orderstate .state .order{display:flex}
  .xans-myshop-orderstate .state .order li{flex:1;padding:6px 2px;font-size:11px}
  .xans-myshop-orderstate .state .cs{position:static;padding:8px 0 0;display:flex;gap:14px;justify-content:center}
  .ec-base-box.typeThin{padding:14px}
  .xans-member-login .login{width:auto}
  .xans-member-login .login h3.boxTitle{font-size:16px}
  .ec-base-table.typeWrite col:first-child{width:100px}
  .ec-base-button.justify{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
  .ec-base-button.justify .gRight{float:none}
  .bgrp ul{grid-template-columns:repeat(2,1fr)}
  .is_sub .sod_left,.is_sub .sod_right{width:100%;display:block}
}
/* cafe24 #container/#contents id 규칙보다 우선 */
#container.umma_body{width:min(var(--w),calc(100% - 64px));margin:27px auto 0}
#container.umma_body.is_index{margin-top:0}
#contents.sub_main{float:none;width:auto}
@media (max-width:1023px){#container.umma_body{width:calc(100% - 24px);margin-top:10px}}
/* cafe24 body{min-width:1480px} 해제(반응형) */
body{min-width:0 !important;border:0 !important}
@media (max-width:1023px){.orderListArea table,.ec-base-table.typeList table{min-width:720px}}
/* 배송 요청 페이지 표: 모든 칸 가운데 정렬(사장님 10-24) */
.umma_center td,.umma_center th{text-align:center !important;vertical-align:middle}
.umma_center td .btnNormal{display:inline-block;margin-top:4px}
/* ---- 10-24 밤 상세 보정: 선택 상품 행을 cafe24 #totalProducts 표 모양으로(상품명 | 수량(위/아래 버튼) | 금액) ---- */
#sit_opt_added li.sit_opt_list{grid-template-columns:auto 76px 150px;padding:9px 0;border-top:1px solid #ebebeb;line-height:18px}
#sit_opt_added li.sit_opt_list:first-child{border-top:0}
#sit_opt_added .opt_name{padding:0 10px;position:relative}
#sit_opt_added .opt_name .sit_opt_prc{display:none}
#sit_opt_added .opt_name .sit_opt_del{position:absolute;right:6px;top:0;font-size:11px;color:#999}
#sit_opt_added .opt_count{display:block;position:relative;width:50px;height:23px;margin:0 auto}
#sit_opt_added .opt_count .num_input{position:absolute;left:0;top:0;width:22px;height:23px;padding:0 2px 0 3px;line-height:23px;border:1px solid #d4d8d9;border-radius:3px 0 0 3px;text-align:center}
#sit_opt_added .opt_count .sit_qty_plus,#sit_opt_added .opt_count .sit_qty_minus{position:absolute;left:28px;width:16px;height:11px;padding:0;line-height:0;overflow:hidden;border:1px solid #d4d8d9;background:#f5f5f5;font-size:0}
#sit_opt_added .opt_count .sit_qty_plus{top:0;border-radius:0 3px 0 0}
#sit_opt_added .opt_count .sit_qty_minus{top:12px;border-radius:0 0 3px 0}
#sit_opt_added .opt_count .sit_qty_plus:before,#sit_opt_added .opt_count .sit_qty_minus:before{content:"";position:absolute;left:5px;top:3px;border:3px solid transparent}
#sit_opt_added .opt_count .sit_qty_plus:before{border-bottom-color:#666;top:1px}
#sit_opt_added .opt_count .sit_qty_minus:before{border-top-color:#666;top:4px}
#sit_opt_added .opt_count .sit_opt_prc,#sit_opt_added .opt_count img{display:none}
#sit_opt_added .umma_row_price{padding-right:9px;font-weight:bold;color:#008bcc;text-align:right}
#totalProducts{margin:21px 0 0;border-top:1px solid #d7d5d5}
#totalProducts table,#totalProducts thead{display:none}
#totalProducts .ec-base-help{margin:8px 0}
@media (min-width:1024px){.xans-product-detail .imgArea .keyImg{width:700px}
.xans-product-detail .imgArea .keyImg img.BigImage{max-width:698px;width:auto;height:auto;display:block;margin:0 auto} /* [10-29 QA] 대표 사진만(お気に入り 하트 아이콘까지 698 로 늘어나던 것) · 원본(대부분 500×500)은 늘리지 않고 그대로, 700 넘는 것만 줄임 */
.xans-product-detail .imgArea .keyImg .thumbnail{display:block;text-align:center}
.xans-product-detail .imgArea .control{width:auto}
.xans-product-detail .imgArea .listImg{width:700px}.xans-product-detail .imgArea .listImg ul{min-width:700px}.xans-product-detail .imgArea .xans-product-action{width:700px}}
@media (min-width:1024px){.xans-product-detail .detailArea{padding-left:760px}.xans-product-detail .imgArea{width:760px;margin-left:-760px}} /* [10-29 §69-103 J] 700×700 */
/* ---- 10-24 밤 주문서 보정: cafe24 처럼 세로 1열, 표 정렬 ---- */
.is_sub #sod_frm .sod_left,.is_sub #sod_frm .sod_right{display:block;width:100%;float:none}
.is_sub #sod_frm{max-width:100%}
.is_sub #sod_frm section{margin:0 0 20px}
.is_sub #sod_frm h2{font-size:14px;color:#2e2e2e;margin:26px 0 8px;padding:0 0 8px;border-bottom:1px solid #e8e8e8}
.is_sub #sod_frm .tbl_frm01 th{width:150px;background:#fbfafa;text-align:left;padding-left:18px}
.is_sub #sod_frm .tbl_frm01 td{text-align:left}
.is_sub #sod_frm .tbl_frm01 .frm_input{height:24px;line-height:24px}
.is_sub #sod_frm .frm_address{width:360px;margin-top:4px;display:block}
.is_sub #sod_frm #od_zip,.is_sub #sod_frm #od_b_zip{width:90px}
.is_sub #sod_frm textarea{width:60%;height:60px}
.is_sub #sod_bsk_tot{margin:20px 0 0;padding:16px 20px;border:1px solid #d7d5d5;background:#fbfafa}
.is_sub #sod_bsk_tot ul{display:flex;justify-content:flex-end;gap:36px;list-style:none}
.is_sub #sod_bsk_tot li span{color:#757575;margin-right:6px}
.is_sub #sod_bsk_tot li strong{color:#008bcc;font-size:14px}
.is_sub #sod_bsk_tot li.sod_bsk_cnt strong{font-size:18px}
.is_sub #sod_frm_pay .pay_tbl{display:none}
.is_sub #od_tot_price{text-align:right;padding:12px 0;border-bottom:1px solid #e8e8e8;font-size:13px}
.is_sub #od_tot_price .print_price{font-size:18px;color:#008bcc;margin:0 2px 0 10px}
.is_sub #sod_frm_pt_alert{display:none}
.is_sub #od_pay_sl{margin-top:16px}
.is_sub .od_pay_buttons_el h3{display:none}
.is_sub #sod_frm_pt{margin-top:12px;padding:12px 16px;border:1px solid #d7d5d5;background:#fff}
.is_sub #sod_frm .btn_confirm,.is_sub #sod_frm .od_btn_confirm,.is_sub #sod_frm_pay + div,.is_sub #sod_frm #display_pay_button{text-align:center;margin:24px 0}
.is_sub #sod_frm .btn_submit{min-width:220px;line-height:44px;font-size:14px;background:#495164;border-color:#495164;color:#fff}
.is_sub #sod_frm .btn_cancel,.is_sub #sod_frm a.btn01{min-width:120px;line-height:44px;font-size:14px}
.is_sub #sod_list th{text-align:center}
.is_sub #sod_list td.td_prd{text-align:left}
.is_sub #sod_list .sod_img{display:inline-block;vertical-align:middle;margin-right:12px}
.is_sub #sod_list .sod_name{display:inline-block;vertical-align:middle}
.is_sub #sod_list .sod_opt{color:#757575;font-size:11px}
/* 마이페이지 注文状況 5칸(출고 대기 추가) 한 줄 */
.xans-myshop-orderstate .state .order{display:flex}
.xans-myshop-orderstate .state .order li{flex:1;width:auto;float:none}
#myshopMain ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#myshopMain li.shopMain{width:auto;float:none;margin:0}

/* 상세 구매 영역(10-25): 총금액 왼쪽 + 구매/카트/お気に入り 버튼 오른쪽 한 줄, 하단 분리 제거 · 拡大↔おすすめメール 간격 축소 · 비회원 금액 숨김 */
.xans-product-detail .infoArea .umma_buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 0;padding:16px 0 0;border-top:1px solid #dfdfdf}
.xans-product-detail .infoArea .umma_buy .totalPrice{margin:0;padding:0 0 0 9px;border:0;white-space:nowrap;text-align:left;font-size:13px}
.xans-product-detail .infoArea .umma_buy .totalPrice strong{margin-right:12px}
.xans-product-detail .infoArea .umma_buy .totalPrice .total em{font-size:22px;line-height:1}
.xans-product-detail .infoArea .umma_buy .xans-product-action{flex:0 0 auto;margin:0;padding:0;border:0}
.xans-product-detail .infoArea .umma_buy .ec-base-button{margin:0;padding:0}
.xans-product-detail .infoArea .umma_buy .ec-base-button [class^='btn']{flex:none;min-width:148px;margin:0 0 0 6px}
.xans-product-detail .detailArea:after{content:'';display:block;clear:both}
.xans-product-detail .detailArea{min-height:520px;padding-bottom:30px}
.xans-product-detail .infoArea.umma_guest #totalPrice,.xans-product-detail .infoArea.umma_guest #sit_opt_added .umma_row_price{display:none}
.xans-product-detail .infoArea.umma_guest .umma_buy{justify-content:flex-end}
.xans-product-detail .imgArea .xans-product-action{margin:8px auto 0;padding-bottom:0}
@media (max-width:1023px){.xans-product-detail .infoArea .umma_buy{flex-direction:column;align-items:stretch;gap:10px}.xans-product-detail .infoArea .umma_buy .totalPrice{text-align:right;padding:0}.xans-product-detail .infoArea .umma_buy .ec-base-button{display:flex}.xans-product-detail .infoArea .umma_buy .ec-base-button [class^='btn']{flex:1;min-width:0;margin:0 2px}}
/* 최고관리자 전용 상단 버튼(10-25) */
.util .r a.umma_adm{margin-left:6px;padding:4px 10px;border:0;border-radius:3px;background:#2f3542;color:#fff;font-weight:700}
.util .r a.umma_adm:hover{background:#008bcc;text-decoration:none}
/* 로그인 입력칸: 테두리 끝까지 클릭·입력 가능(10-25) */
.xans-member-login .login fieldset .id,.xans-member-login .login fieldset .password{cursor:text}
.xans-member-login .login fieldset input[type=text],.xans-member-login .login fieldset input[type=password]{width:100%;box-sizing:border-box;height:32px;line-height:28px;padding:2px 8px 2px 7px}
/* 로그인 버튼: 입력칸 2개 높이(테두리 포함 34+8+34=76px)에 맞춤, 입력칸과 12px 간격(10-25) */
.xans-member-login .login fieldset{width:382px}
.xans-member-login .login fieldset > a.btnLogin{top:0;right:9px;height:76px;line-height:76px;width:100px}
/* 주문상세(orderinquiryview) 합계·결제정보 블록: 기본 2단 float → 세로 1열 상자(10-25) */
.is_sub #sod_fin_tot,.is_sub #sod_fin_pay{float:none;width:auto;margin:14px 0 0;padding:14px 20px;border:1px solid #d7d5d5;background:#fbfafa;box-sizing:border-box}
.is_sub #sod_fin_tot ul{display:flex;flex-wrap:wrap;gap:8px 32px;list-style:none;margin:0;padding:0}
.is_sub #sod_fin_tot li{display:flex;gap:8px;align-items:baseline;color:#555}
.is_sub #sod_fin_tot li strong{color:#008bcc;font-size:14px}
.is_sub #sod_fin_tot .sod_fin_sum{width:100%;border-top:1px solid #d7d5d5;padding-top:8px;margin-top:4px}
.is_sub #sod_fin_pay table{width:100%;font-size:12px}
.is_sub #sod_fin_pay th{width:140px;text-align:left;color:#555;padding:6px 0;font-weight:normal}
.is_sub #sod_fin_pay td{padding:6px 0}
.is_sub #sod_fin_orderer,.is_sub #sod_fin_receiver,.is_sub #sod_fin_dvr,.is_sub #sod_fin_cancel{clear:both}
.is_sub .umma_pay_pp{margin:14px 0}
/* 주문상세(orderinquiryview) 전면 정리(10-25 사장님): 세로 1열, 합계·결제정보 상자, 취소 폼 인라인·X 제거, 상태설명 버튼 여백 */
.is_sub #sod_fin .sod_left,.is_sub #sod_fin .sod_right{float:none;width:100%;margin:0}
.is_sub #sod_fin #sod_sts_wrap{margin:16px 0 0;clear:both}
.is_sub #sod_fin #sod_sts_explan_open,.is_sub #sod_fin #sod_sts_explan_close{height:30px;line-height:28px;padding:0 14px;border:1px solid #d7d5d5;background:#fff;border-radius:2px;font-size:12px;cursor:pointer}
.is_sub #sod_fin #sod_sts_explan{margin:10px 0 0;padding:12px 16px;border:1px solid #e5e5e5;background:#fbfafa;font-size:12px}
.is_sub #sod_fin #sod_fin_legend dt{font-weight:700;margin-top:6px}.is_sub #sod_fin #sod_fin_legend dd{margin:0 0 2px;color:#666}
.is_sub #sod_fin #sod_bsk_tot2{margin:14px 0 0;padding:6px 20px;border:1px solid #d7d5d5;background:#fbfafa;list-style:none}
.is_sub #sod_fin #sod_bsk_tot2 li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #e3e3e3;font-size:13px;color:#555}
.is_sub #sod_fin #sod_bsk_tot2 li:last-child{border-bottom:0}
.is_sub #sod_fin #sod_bsk_tot2 li strong{color:#008bcc;font-size:14px}
.is_sub #sod_fin #sod_bsk_tot2 li.sod_bsk_cnt strong,.is_sub #sod_fin #sod_bsk_tot2 li.sod_fin_tot strong{font-size:16px}
.is_sub #sod_fin #sod_fin_pay{margin:14px 0 0;padding:6px 20px;border:1px solid #d7d5d5;background:#fff}
.is_sub #sod_fin #sod_fin_pay h3{margin:10px 0 6px;font-size:13px}
.is_sub #sod_fin #sod_fin_pay ul{list-style:none;margin:0;padding:0}
.is_sub #sod_fin #sod_fin_pay li{display:flex;gap:12px;padding:7px 0;border-bottom:1px dashed #eee;font-size:12.5px}
.is_sub #sod_fin #sod_fin_pay li:last-child{border-bottom:0}
.is_sub #sod_fin #sod_fin_pay li strong{flex:0 0 140px;color:#555;font-weight:normal}
.is_sub #sod_fin #sod_fin_cancel{margin:20px 0 0;clear:both}
.is_sub #sod_fin .sod_fin_c_btn,.is_sub #sod_fin .sod_cls_btn,.is_sub #sod_fin .sod_fin_bg{display:none !important}
.is_sub #sod_fin #sod_cancel_pop{display:block !important;position:static;width:auto}
.is_sub #sod_fin #sod_fin_cancelfrm{position:static;width:auto;margin:0;padding:16px 20px;border:1px solid #d7d5d5;background:#fbfafa;transform:none}
.is_sub #sod_fin #sod_fin_cancelfrm h2{margin:0 0 10px;font-size:13px}
.is_sub #sod_fin #sod_fin_cancelfrm form{display:flex;gap:8px;align-items:stretch}
.is_sub #sod_fin #sod_fin_cancelfrm .frm_input{flex:1;max-width:460px;height:36px;line-height:34px;padding:0 10px;border:1px solid #d7d5d5;box-sizing:border-box;font-size:13px}
.is_sub #sod_fin #sod_fin_cancelfrm .btn_frmline{height:36px;line-height:34px;padding:0 20px;border:1px solid #555;background:#555;color:#fff;font-size:13px;cursor:pointer;box-sizing:border-box}
.is_sub #sod_fin #sod_fin_orderer,.is_sub #sod_fin #sod_fin_receiver,.is_sub #sod_fin #sod_fin_dvr{margin-top:14px}
.is_sub #sod_fin #sod_fin_dvr .empty_table{padding:24px;text-align:center;color:#757575;border:1px solid #d7d5d5;background:#fbfafa}

/* [2026-10-24] 할인 표시: 원래 가격 취소선 + ○%OFF(관리자 가격 카드 할인율) */
.umma_org{color:#999;font-weight:400;font-size:.86em;text-decoration:line-through;margin-right:2px}
.umma_off{font-style:normal;color:#e0322e;font-weight:800;margin-right:3px}

/* [2026-10-25] 배너 관리(줄눈스토어 이식): 상단 띠배너 · 이미지 배너 자리 · 관리자 미리보기. 관리자 [디자인 > 배너 관리] */
.umma-promo{background:var(--dark);color:#fff;font-size:12.5px;overflow:hidden;height:34px;display:flex;align-items:center}
.umma-promo .track{display:flex;white-space:nowrap;will-change:transform;backface-visibility:hidden}
.umma-promo .track.mq-on{animation:ummamq var(--mq-dur,28s) linear infinite}
.umma-promo .track>span{padding-right:60px;flex:0 0 auto}
.umma-promo:hover .track,.umma-promo .track.is-hold{animation-play-state:paused}
.umma-promo b{color:#7fd0f5;font-weight:700}
@keyframes ummamq{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--mq-w,50%)))}}
@media (prefers-reduced-motion:reduce){.umma-promo .track.mq-on{animation:none}}
.jn-slot{margin-top:28px}
.jn-slot--list_top{margin:0 0 20px}
.jn-slot--foot_top{margin:40px auto 0;width:min(var(--w),calc(100% - 32px))}
.jn-slot__wrap{position:relative;display:grid;align-items:start}
.jn-slot__item{grid-area:1/1;display:block;position:relative;border-radius:6px;overflow:hidden;background:var(--soft);opacity:0;pointer-events:none;transition:opacity .7s}
.jn-slot__item.is-on{opacity:1;pointer-events:auto}
.jn-slot__item img{width:100%;height:auto;display:block}
.jn-slot__dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.jn-slot__dots i{width:18px;height:4px;border-radius:2px;background:rgba(0,0,0,.25);cursor:pointer}
.jn-slot__dots i.on{background:#222}
.jn-slot.is-preview .jn-slot__wrap{outline:2px dashed #0F5FD8;outline-offset:6px;border-radius:6px}
.jn-slot__tag,.jn-slot__state{position:absolute;z-index:3;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px;color:#fff;background:#0F5FD8;white-space:nowrap;font-family:sans-serif}
.jn-slot__tag{left:12px;top:-15px}
.jn-slot__state{right:12px;top:12px;background:#2e2e2e}
.jn-slot__ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px;aspect-ratio:var(--jn-slot-ar,1200/300);border:2px dashed #0F5FD8;border-radius:6px;background:#eef4fe;color:#0b4db3;text-align:center;font-family:sans-serif}
.jn-slot__ph b{font-size:15px;font-weight:800}
.jn-slot__ph span{font-size:12.5px;color:#555}
.jn-pvbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 12px 10px 18px;border-radius:999px;background:rgba(17,20,24,.94);color:#fff;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.28);font-family:sans-serif}
.jn-pvbar b{color:#9EC4FF;white-space:nowrap}
.jn-pvbar span{color:rgba(255,255,255,.75)}
.jn-pvbar__btn{padding:7px 13px;border-radius:999px;background:#0F5FD8;color:#fff !important;font-weight:700;white-space:nowrap}
.jn-pvbar__btn--x{background:rgba(255,255,255,.14)}
.jn-pv-target{position:relative;outline:3px solid #0F5FD8;outline-offset:-3px;box-shadow:0 0 0 6px rgba(15,95,216,.16)}
.jn-pv-target__tag{position:absolute;left:14px;top:14px;z-index:6;font-size:12.5px;font-weight:800;padding:6px 12px;border-radius:999px;color:#fff;background:#0F5FD8;white-space:nowrap;pointer-events:none;font-family:sans-serif}
.sec>.jn-pv-target__tag{position:relative;left:0;top:0;display:inline-block;margin-bottom:8px}
@media (max-width:1023px){
  .umma-promo{height:30px;font-size:12px}
  .jn-slot{margin-top:20px}.jn-slot--foot_top{margin-top:28px;width:calc(100% - 24px)}
  .jn-slot__ph{aspect-ratio:auto;min-height:88px;padding:14px}.jn-slot__ph span{display:none}
  .jn-pvbar{bottom:64px;flex-wrap:wrap;justify-content:center;border-radius:16px}.jn-pvbar span{display:none}
}

/* ---------- [10-27] 화면 밀림·겹침 정리(사장님 "메인 CSS 밀림·버튼과 글자 겹침") ---------- */
/* ① 노트북 폭 1024~1279: 메뉴 9개가 한 줄로 가운데 정렬되며 양옆으로 넘쳐 가로 스크롤이 생기던 것 */
@media (min-width:1024px) and (max-width:1279px){
  .gnb li a{padding:12px 7px;font-size:12.5px}
}
@media (min-width:1024px){
  .gnb ul{justify-content:safe center;overflow-x:auto;scrollbar-width:none}
  .gnb ul::-webkit-scrollbar{display:none}
}
/* ② 1620 미만: 오른쪽 떠 있는 버튼(Instagram·カート·TOP)이 본문 오른쪽 끝·슬라이더 화살표를 덮던 것 → 작게·바짝 */
@media (min-width:1024px) and (max-width:1619px){
  .quick{right:6px;bottom:90px;gap:4px}
  .quick a{min-width:0;padding:6px 7px;font-size:10px}
}
@media (max-width:1023px){
  /* ③ 휴대폰: TOP 버튼이 맨 아래 Copyright 줄을 가리던 것 → 아래 자리 비움 */
  .copy{padding-bottom:60px}
  /* 햄버거 메뉴 이름이 길면 ✕ 버튼이 밀리던 것 */
  .mm_top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* ④ 태블릿 600~1023: 큰 배너(세로형 850:980)가 화면을 넘게 커지던 것 */
@media (min-width:600px) and (max-width:1023px){
  .hero .track img{max-height:70vh;object-fit:cover}
}
/* [10-27 보강] 1024~1179 메뉴 더 좁게(9개가 945px 안에) · 1024~1619 떠 있는 버튼 = 28px 아이콘(바깥 여백 32px 안에 들어가 본문을 안 덮음, 글자는 title·화면낭독용으로 남김) */
@media (min-width:1024px) and (max-width:1179px){
  .gnb ul{gap:0}
  .gnb li a{padding:12px 4px;font-size:12px}
}
@media (min-width:1024px) and (max-width:1619px){
  .quick{right:2px;bottom:24px;gap:4px}
  .quick a{position:relative;width:28px;height:28px;min-width:0;padding:0;font-size:0;line-height:28px;border-radius:50%;overflow:hidden}
  .quick a:before{font:normal 14px/28px FontAwesome;display:block;text-align:center}
  .quick a.ig:before{content:"\f16d"}
  .quick a:not(.ig):not(.top):before{content:"\f07a"}
  .quick a.top:before{content:"\f106";font-size:16px}
}
/* [10-27] 상품 목록·상세·장바구니·주문서 겹침/넘침 정리 */
/* 목록: 장바구니·돋보기 아이콘 겹침·카드 밖 넘침 */
.xans-product-listnormal ul.prdList .button img{margin:0 0 6px 2px}
/* 장바구니: オプション変更 를 버튼 모양으로 · 수량 가운데 */
.sod_opt .mod_options{display:inline-block;margin-left:6px;padding:2px 8px;border:1px solid #d1d1d1;background:#fff;color:#333;font-size:11px;line-height:18px;vertical-align:middle}
@media (max-width:1023px){
  .xans-product-listnormal ul.prdList .button{margin-right:-60px}
  .xans-product-normalmenu .function{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;line-height:30px;padding:2px 6px}
  .xans-product-normalmenu .prdCount{float:none;padding:0}
  .xans-product-normalmenu ul#type{display:flex;flex-wrap:wrap;margin:0}
  .xans-product-normalmenu ul#type li{white-space:nowrap}
  /* 상세: 수량 ▲▼·삭제 누르기 쉽게 */
  #sit_opt_added .opt_count .sit_qty_plus,#sit_opt_added .opt_count .sit_qty_minus{width:24px;height:16px}
  #sit_opt_added .opt_count .sit_qty_minus{top:17px}
  #sit_opt_added .opt_count .sit_qty_plus:before,#sit_opt_added .opt_count .sit_qty_minus:before{left:8px}
  /* 장바구니: 하단 버튼 겹침 · 단계 그림 숨김 */
  .ec-base-button.justify .gRight,.ec-base-button.justify .gLeft{position:static;display:block;width:100%;text-align:center;margin-top:6px}
  .orderStep{display:none}
}
/* [10-27] 장바구니 オプション変更 창: PC 에 꾸밈이 없어 링크 글자와 겹치던 것 → 가운데 팝업 */
#mod_option_frm{z-index:10000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92vw);max-height:80vh;overflow-y:auto;border:1px solid #d7d5d5;border-radius:4px;background:#fff;text-align:left;box-shadow:0 8px 30px rgba(0,0,0,.15)}
#mod_option_frm h2{margin:0;padding:0 20px;border-bottom:1px solid #e8e8e8;line-height:50px;font-size:15px}
#mod_option_frm h3{margin:0 0 8px;font-size:13px;color:#2e2e2e}
#mod_option_frm .option_wr,#mod_option_frm #sit_sel_option,#mod_option_frm #sit_tot_price{margin:15px 20px}
#mod_option_frm .option_wr label{display:block;margin:0 0 5px}
#mod_option_frm .option_wr select{width:100%;height:34px;border:1px solid #d9d9d9}
#mod_option_frm #sit_opt_added{margin:0;padding:0;list-style:none}
#mod_option_frm #sit_opt_added li{position:relative;padding:10px 0;border-bottom:1px solid #eee}
#mod_option_frm .opt_name{display:block;margin:0 0 6px;padding-right:30px}
#mod_option_frm #sit_opt_added .opt_count{position:static;width:auto !important;height:auto;display:flex;align-items:center;gap:4px;width:auto;height:auto;margin:0}
#mod_option_frm #sit_opt_added .opt_count .sit_qty_plus,#mod_option_frm #sit_opt_added .opt_count .sit_qty_minus,#mod_option_frm .opt_count button{position:static;width:30px;height:30px;padding:0;border:1px solid #d4d8d9;background:#f5f5f5;font-size:12px;line-height:28px}
#mod_option_frm #sit_opt_added .opt_count .sit_qty_plus:before,#mod_option_frm #sit_opt_added .opt_count .sit_qty_minus:before{display:none}
#mod_option_frm #sit_opt_added .opt_count .sit_qty_plus i,#mod_option_frm #sit_opt_added .opt_count .sit_qty_minus i{font-size:12px}
#mod_option_frm #sit_opt_added .opt_count input{position:static;width:50px;height:30px;margin:0;padding:0;text-align:center;border:1px solid #d4d8d9}
#mod_option_frm #sit_opt_added .opt_count .sit_opt_prc{display:inline;margin-left:6px;color:#757575;white-space:nowrap}
#mod_option_frm #sit_opt_added .sit_opt_del{position:absolute;right:0;top:8px;width:28px;height:28px;border:1px solid #ddd;background:#fff}
#mod_option_frm #sit_tot_price{display:flex;justify-content:space-between;font-size:14px}
#mod_option_frm #sit_tot_price strong{color:#008bcc;font-size:16px}
#mod_option_frm .btn_confirm{display:flex;gap:6px;justify-content:center;padding:0 20px 20px}
#mod_option_frm .btn_submit{min-width:140px;height:40px;border:0;background:#4a5164;color:#fff;font-weight:bold}
#mod_option_frm .btn_close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;background:none;font-size:16px;color:#666}
.mod_option_bg{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.3)}
#mod_option_frm #sit_opt_added .opt_count button,#mod_option_frm #sit_opt_added .opt_count input{flex:none}
/* [10-27] 장바구니 휴대폰: 600px 표 가로 스크롤 → 상품별 카드(사진·상품정보 / 가격·수량·합계·배송비 / 버튼) */
@media (max-width:767px){
  form[name=frmcartlist] .orderListArea{overflow:visible}
  form[name=frmcartlist] .orderListArea table{min-width:0;border-top:1px solid #d7d5d5}
  form[name=frmcartlist] .orderListArea colgroup,form[name=frmcartlist] .orderListArea thead{display:none}
  form[name=frmcartlist] .orderListArea tbody tr{display:grid;grid-template-columns:26px 76px minmax(0,1fr);column-gap:8px;padding:12px 6px;border-bottom:1px solid #e3e3e3}
  form[name=frmcartlist] .orderListArea tbody td{display:block;border:0 !important;padding:2px 0;text-align:left}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(1){grid-column:1;grid-row:1 / span 6}
  form[name=frmcartlist] .orderListArea tbody td.thumb{grid-column:2;grid-row:1 / span 6}
  form[name=frmcartlist] .orderListArea tbody td.thumb img{width:76px;height:auto}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(n+3){grid-column:3}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(n+4):not(.button){display:flex;justify-content:space-between;font-size:12px}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(4):before{content:"販売価格";color:#757575}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(5):before{content:"数量";color:#757575}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(6):before{content:"合計";color:#757575}
  form[name=frmcartlist] .orderListArea tbody td:nth-child(7):before{content:"配送費";color:#757575}
  form[name=frmcartlist] .orderListArea tbody td.button{grid-column:1 / -1;display:flex;gap:6px;margin-top:8px}
  form[name=frmcartlist] .orderListArea tbody td.button a{flex:1;margin:0;text-align:center}
  form[name=frmcartlist] .orderListArea tfoot td{display:block;padding:10px 6px;text-align:right}
  form[name=frmcartlist] .orderListArea tfoot .gLeft{float:none;display:flex;gap:6px;margin:0 0 8px}
}
/* [10-27] 주문서: 제목이 위 표에 붙던 것 · 수량 가운데 · 주소 칸 간격 들쭉날쭉(br + 숨김 label) */
#forderform section > h2,#forderform .sod_left > h2,#forderform .sod_right > h2{margin:36px 0 10px !important}
#sod_list .td_num{text-align:center}
form[name=forderform] td:has(#od_addr1) br,form[name=forderform] td:has(#od_b_addr1) br{display:none}
form[name=forderform] td .frm_address{display:block;margin-top:6px}
/* [10-27] 주문서 휴대폰: 항목명 칸이 한 글자 폭으로 눌려 세로로 찍히고(お/名/前) 상품표가 옆으로 넘치던 것 */
@media (max-width:767px){
  #forderform .tbl_wrap{overflow:visible}
  #forderform .tbl_frm01 table{min-width:0;width:100%;table-layout:fixed}
  #forderform .tbl_frm01 th{width:92px;padding:10px 6px;font-size:12px;white-space:normal;vertical-align:top}
  #forderform .tbl_frm01 td{padding:8px 6px}
  #forderform .tbl_frm01 td .frm_input,#forderform .tbl_frm01 td select,#forderform .tbl_frm01 td textarea{width:100% !important;max-width:100%;box-sizing:border-box}
  #forderform #od_zip,#forderform #od_b_zip{max-width:140px}
  #sod_list{min-width:0 !important;width:100%}
  #sod_list thead{display:none}
  #sod_list tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;padding:10px 4px;border-bottom:1px solid #e3e3e3}
  #sod_list tbody td{display:flex;justify-content:space-between;border:0 !important;padding:2px 0;font-size:12px;text-align:right}
  #sod_list tbody td.td_prd{grid-column:1 / -1;display:block;text-align:left;margin-bottom:6px}
  #sod_list tbody td:nth-child(2):before{content:"数量";color:#757575}
  #sod_list tbody td:nth-child(3):before{content:"販売価格";color:#757575}
  #sod_list tbody td:nth-child(4):before{content:"オプション";color:#757575}
  #sod_list tbody td:nth-child(5):before{content:"小計";color:#757575}
  #sod_list tbody td:nth-child(6):before{content:"ポイント";color:#757575}
  #sod_list tbody td:nth-child(7):before{content:"送料";color:#757575}
}
/* [10-27] 상품 상세 탭: 본문 끝에 탭 막대가 붙던 것 · 후기 버튼만 빈 테두리 상자 안에 있던 것(Q&A 와 모양 통일) */
#prdReview.ec-base-tab,#prdQnA.ec-base-tab{margin-top:60px}
#sit_use_list #sit_use_wbtn{position:static;text-align:right;margin:0}
#sit_use_list .sit_use_top:has(> #sit_use_wbtn:only-child){border:0;padding:0;background:none}
.umma_use_note{display:inline-block;padding:8px 12px;background:#f7f7f7;border:1px solid #e3e3e3;font-size:12px;color:#757575;line-height:1.5}
/* [10-27] 마이페이지·찜·비밀번호 확인·게시판 글쓰기·商品Q&A·이용가이드·特定商取引法 정리(D·E 점검) */
#myshopMain ul{margin:0}
#myshopMain .shopMain h3:before{display:none}                 /* 아이콘 그림 파일이 서버에 없어 빈칸만 생기던 것 */
#myshopMain .shopMain p{color:#8f8f8f;font-size:12px}
.is_sub #sod_ws .list_02{display:block}
.is_sub #sod_ws .list_02 > ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.is_sub #sod_ws .list_02 li.empty_table{grid-column:1 / -1;padding:60px 0;color:#757575}
#mb_confirm .frm_input,#mb_confirm input[type=password]{height:40px;box-sizing:border-box}
#mb_confirm h1,#mb_confirm h2,#mb_confirm p{text-wrap:balance}
#wr_subject{width:100% !important;height:34px;box-sizing:border-box}
#ctt_con .xans-layout-footer{float:none;width:auto;height:auto;margin:0;overflow:visible}
.xans-member-findid .findId{width:auto;max-width:375px}
@media (max-width:1023px){
  #myshopMain ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  #myshopMain .shopMain{height:auto;min-height:0;padding:20px 10px}
  .xans-myshop-asyncbankbook ul li{float:none;width:100%;height:auto;padding:8px 10px;display:flex;justify-content:space-between}
  .xans-myshop-asyncbankbook .title,.xans-myshop-asyncbankbook .data{float:none;width:auto;padding:0}
  .xans-myshop-orderstate .order,.xans-myshop-orderstate .cs{float:none;width:100%}
  .xans-myshop-orderstate .order li strong{font-size:12px;white-space:nowrap}
  .xans-myshop-orderstate .cs li{margin:0;white-space:nowrap}
  .is_sub #sod_ws .list_02 > ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ec-base-table.typeWrite table{min-width:0}
  .ec-base-table.typeWrite td input[type=text],.ec-base-table.typeWrite td textarea{width:100% !important;max-width:100%;box-sizing:border-box}
  .umma-qa .sch{flex:1 1 100%;flex-wrap:wrap}
  .umma-qa .sch select{flex:1 1 100%;min-width:0}
  .umma-qa .sch input{flex:1 1 auto;width:auto;min-width:0}
  .umma_guide_tabs li{flex:0 0 33.333%;border-left:0;border-bottom:1px solid #d7d5d5;box-sizing:border-box}
  .umma_guide_tabs a{padding:10px 2px;font-size:11px}
}
@media (max-width:767px){
  /* [10-27] 商品Q&A 질문하기: 분류·상품 선택칸이 「① カテゴ」로 잘리던 것 → 한 줄씩 꽉 차게 */
  .umma-qa .row:has(#uqCat){flex-wrap:wrap}
  .umma-qa .row #uqCat,.umma-qa .row #uqItem{flex:1 1 100%;width:100%;max-width:100%;margin:0 0 6px;box-sizing:border-box}
  .umma-qa .row #uqNone{flex:1 1 100%;width:100%}
}
@media (max-width:1023px){
  /* [10-27] 안내 페이지(特定商取引法 등) 표가 휴대폰에서 600px 로 넘치던 것 */
  #ctt_con .ec-base-table table,#ctt_con table{min-width:0 !important;width:100%}
  #ctt_con .ec-base-table th{width:100px}
  #ctt_con td{word-break:break-word}
}
/* [10-27 사장님] 상세 리뷰·상품문의: 왼쪽 제목(レビュー·商品Q&A) 없앰(탭에 이미 있음) · 버튼(レビューを書く/もっと見る/質問する)과 구매 안내 상자를 같은 높이 36px 로 */
#sit_use_list > h3,#sit_qa_list > h3{display:none}
#sit_use_list #sit_use_wbtn,#sit_qa_list #sit_qa_wbtn{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px}
#sit_use_list #sit_use_wbtn > a,#sit_qa_list #sit_qa_wbtn > a,#sit_use_list #sit_use_wbtn > .umma_use_note{display:inline-flex;align-items:center;justify-content:center;height:36px;margin:0;padding:0 14px;line-height:1;box-sizing:border-box;font-size:12px;vertical-align:middle}
#sit_use_wbtn > .umma_use_note{padding:0 12px}
#sit_use_list #sit_use_wbtn > a,#sit_qa_list #sit_qa_wbtn > a{font-weight:bold}

/* [10-31 §69-137] 휴대폰 주문서 합계 칸: 한 줄 flex 라 クーポン割引·ポイント 가 한 글자씩 세로로 꺾이던 것 → 1023 이하에서 줄바꿈·합계는 아래 한 줄 */
@media (max-width:1023px){
.is_sub #sod_bsk_tot ul{flex-wrap:wrap;gap:8px 16px;justify-content:space-between}
.is_sub #sod_bsk_tot li{white-space:nowrap}
.is_sub #sod_bsk_tot li.sod_bsk_cnt{flex:0 0 100%;text-align:right;border-top:1px solid #e3e3e3;padding-top:8px}
}
/* [10-31 §69-137] 휴대폰 마이페이지 注文状況 6칸이 349px 에 365px 로 넘쳐 「配送完了」 잘림 → 1023 이하 3칸×2줄 */
@media (max-width:1023px){
.xans-myshop-orderstate .state ul.order{flex-wrap:wrap}
.xans-myshop-orderstate .state ul.order > li{flex:0 0 33.333%;width:33.333%;max-width:33.333%;box-sizing:border-box;margin-bottom:10px}
}
/* [11-01 점검] 로그인 입력 칸 묶음이 382px 고정 → 360px 폭 휴대폰에서 넘칠 수 있음(넓은 화면엔 영향 없음) */
@media (max-width:1023px){
.xans-member-login .login fieldset{max-width:100%;box-sizing:border-box}
}
/* [11-02 모바일 점검] 열이 3~4개뿐인 표(お知らせ 목록·문의 이력)는 폰에서 720px 최소폭 대신 화면 폭에 맞춤 */
@media (max-width:640px){.umma_fit table{min-width:0 !important;width:100%;table-layout:fixed}.umma_fit col{width:auto !important}.umma_fit th,.umma_fit td{padding-left:4px;padding-right:4px;font-size:12px;word-break:break-all}.umma_fit col:first-child{width:52px !important}.umma_fit col:last-child{width:56px !important}}
/* [11-02 모바일 점검] 옆으로 스크롤하는 표(出荷依頼·預かり金 이력)의 「없습니다」 안내 줄은 화면 폭에 고정해 잘리지 않게 */
@media (max-width:640px){.ec-base-table.typeList:not(.umma_fit) td[colspan]{position:sticky;left:0;display:block;width:calc(100vw - 52px);max-width:100%;box-sizing:border-box;white-space:normal}}