/* BASIC css start */
body, #contents, #container, .xans-product, .ec-base-table, .ec-base-button { font-family:'Crimson Text','Noto Serif KR',serif; }
button, input, select, textarea, a { font-family:inherit; }
h1,h2,h3,h4,h5, .title, .name, .price, .headline, .tabName, .titleArea, .heading { font-family:'Crimson Text','Noto Serif KR',serif; letter-spacing:.3px; }
/* 상품 이름·가격 세리프 통일 (cafe24가 고딕 강제하는 것 덮어쓰기) */
.deco_price, .deco_price *, .price, .price *, .salePrice, .salePrice *, [id^=span_product_price], [id*=product_price], [class*=_price] strong, [class*=_price] span,
.prdList .name, .prdList .name *, .prdList .name a, ul.prdList li .description .name, ul.prdList li .description .name *,
#leboLookbook .ll-style-auto .nm, #leboLookbook .ll-style-auto .nm *, #leboLookbook .ll-style-auto .pr, #leboLookbook .ll-style-auto .pr * { font-family:'Crimson Text','Noto Serif KR',serif !important; font-weight:300 !important; }
/* 상품명·가격 얇게 (Noto Serif KR Light) */
.prdList .name, .prdList .name *, .prdList .name a, .deco_price, .deco_price *, .salePrice, .salePrice *, [id^=span_product_price], [id^=span_product_price] *, #leboLookbook .ll-style-auto .nm a, #leboLookbook .ll-style-auto .pr li, .xans-product-detail .headingArea h2 { font-weight:300 !important; }
/* ===== 상세페이지 shopm 톤 (detail only) ===== */
.xans-product-detail .headingArea h2 { font-size:26px; font-weight:400; letter-spacing:1px; line-height:1.3; }
.xans-product-detail #span_product_price_text { font-size:18px; letter-spacing:.5px; }
.xans-product-detail .btnEm.sizeL, .xans-product-detail .btnSubmit.sizeL { border-radius:0 !important; letter-spacing:1px; font-weight:400 !important; min-height:54px !important; height:54px !important; line-height:54px !important; padding:0 !important; box-sizing:border-box !important; }
.xans-product-detail a.btn_cart { background:#fff !important; color:#000 !important; border:1px solid #000 !important; }
.xans-product-detail a.btn_buy { background:#000 !important; color:#fff !important; border:1px solid #000 !important; }
.xans-product-detail a.btn_wish { background:#fff !important; color:#555 !important; border:1px solid #ccc !important; }
/* 메인 이미지 호버 확대(줌) 패널 제거 (cafe24 JS 동적위치라 좌측이동 불안정 → 제거, shopm도 호버줌 없음) */
.image_zoom_large, .xans-product-detail .image_zoom_large, .xans-product-detail .btnZoom { display:none !important; }
.xans-product-detail .keyImg, .xans-product-detail .keyImg img, .xans-product-detail .BigImage { cursor:default !important; }
/* 상세: shopm 에디토리얼   정보(좌)+이미지(우), 데스크톱만 (시각적 순서, 폼 안전) */
@media(min-width:1024px){
    .xans-product-detail .detailArea { gap:6% !important; align-items:flex-start !important; }
    .xans-product-detail .detailArea .imgArea { order:2 !important; width:57% !important; }
    .xans-product-detail .detailArea .infoArea { order:1 !important; width:36% !important; }
    .xans-product-detail .detailArea .headingArea { text-align:left !important; }
    /* 큰 이미지 꽉 차게, 썸네일은 이미지 아래 가로 (기본 유지) */
    .xans-product-detail .imgArea .keyImg { width:100% !important; }
    .xans-product-detail .imgArea .keyImg img { width:100% !important; height:auto !important; }
    /* 상세설명 = LOOKBOOK (에디토리얼 센터 컬럼) */
    #prdInfo, #prdDetail { max-width:940px; margin-left:auto; margin-right:auto; }
    #prdInfo img, #prdDetail img { max-width:100%; height:auto; }
}
/* LOOKBOOK + STYLE ITEMS 데모 갤러리 (shopm 콘텐츠) */
#leboLookbook { max-width:1100px; margin:90px auto 40px; padding:0 20px; box-sizing:border-box; }
#leboLookbook .ll-head { text-align:center; font-family:'Crimson Text','Noto Serif KR',serif; font-size:13px; letter-spacing:2px; color:#999; margin:0 0 36px; text-transform:uppercase; }
#leboLookbook .ll-grid { font-size:0 !important; line-height:0 !important; text-align:left; letter-spacing:0; }
#leboLookbook .ll-grid img { width:30% !important; max-width:30% !important; display:inline-block !important; vertical-align:top; height:auto; margin:0 4.5% 18px 0 !important; }
#leboLookbook .ll-grid img:nth-child(3n) { margin-right:0 !important; }
#leboLookbook .ll-style { font-size:0 !important; text-align:center; max-width:780px; margin:0 auto; }
#leboLookbook .ll-style a { text-decoration:none; color:#000; display:inline-block !important; vertical-align:top; width:31% !important; margin:0 1% !important; }
#leboLookbook .ll-style img { width:100%; display:block; background:#f3f1ed; }
#leboLookbook .ll-style p { font-family:'Crimson Text','Noto Serif KR',serif; font-size:14px; margin:14px 0 3px; letter-spacing:.36px; }
#leboLookbook .ll-style span { font-size:12px; color:#888; letter-spacing:.36px; }
#leboLookbook .ll-style-auto { max-width:1000px; margin:0 auto; }
#leboLookbook .ll-style-auto .ll-auto-list { font-size:0 !important; text-align:center; margin:0; padding:0; }
#leboLookbook .ll-style-auto li.item { display:inline-block !important; vertical-align:top; width:22% !important; max-width:22% !important; margin:0 1% !important; list-style:none; }
#leboLookbook .ll-style-auto li.item img { width:100% !important; display:block; background:#f3f1ed; }
#leboLookbook .ll-style-auto li.item .nm { margin:14px 0 4px; font-size:14px !important; line-height:1.5 !important; }
#leboLookbook .ll-style-auto li.item .nm a { font-family:'Crimson Text','Noto Serif KR',serif; font-size:14px !important; letter-spacing:.36px; color:#000; text-decoration:none; }
#leboLookbook .ll-style-auto li.item .pr { margin:0; padding:0; font-size:12px !important; line-height:1.5 !important; }
#leboLookbook .ll-style-auto li.item .pr li { font-size:12px !important; color:#888; letter-spacing:.36px; list-style:none; }
#leboLookbook .ll-style-auto li.item > ul.pr ~ ul.pr { display:none !important; }
@media(max-width:1023px){
    #leboLookbook { margin-top:50px; }
    #leboLookbook .ll-grid img { width:47% !important; max-width:47% !important; margin:0 4% 14px 0 !important; }
    #leboLookbook .ll-grid img:nth-child(3n) { margin-right:4% !important; }
    #leboLookbook .ll-grid img:nth-child(2n) { margin-right:0 !important; }
    #leboLookbook .ll-style a { width:48%; }
    #leboLookbook .ll-style-auto li.item { width:47% !important; max-width:47% !important; margin:0 4% 24px 0 !important; }
    #leboLookbook .ll-style-auto li.item:nth-child(2n) { margin-right:0 !important; }
}
/* ===== 장바구니 2단 (shopm: 좌 요약 sticky + 우 테이블) ===== */
#leboBagWrap .bag-side { border-top:1px solid #000; padding-top:22px; }
#leboBagWrap .bag-side-h { font-family:'Crimson Text','Noto Serif KR',serif; font-size:17px; letter-spacing:1px; margin:0 0 18px; }
#leboBagWrap .bag-side .total_price { font-size:14px !important; line-height:1.9; margin:0 0 22px !important; text-align:left !important; }
#leboBagWrap .bag-side .ec-base-button, #leboBagWrap .bag-side .btnArea { margin:0 !important; text-align:center; }
#leboBagWrap .bag-side a, #leboBagWrap .bag-side .btnSubmit, #leboBagWrap .bag-side .btnNormal { display:block !important; width:100% !important; box-sizing:border-box; text-align:center; margin:0 0 8px !important; border-radius:0 !important; letter-spacing:1px; min-height:52px; line-height:52px; padding:0 !important; float:none !important; }
#leboBagWrap .bag-side .btnSubmit, #leboBagWrap .bag-side .btnSubmitFix, #leboBagWrap .bag-side a.btnSubmit, #leboBagWrap .bag-side a.btnSubmitFix { background:#000 !important; color:#fff !important; border:1px solid #000 !important; }
#leboBagWrap .bag-side .btnNormal, #leboBagWrap .bag-side .btnEmFix, #leboBagWrap .bag-side a.btnNormal, #leboBagWrap .bag-side a.btnEmFix { background:#fff !important; color:#000 !important; border:1px solid #000 !important; }
/* ===== Bag 슬라이드 드로어 (shopm 미니장바구니) ===== */
#leboBagDrawer { position:fixed; inset:0; z-index:100000; visibility:hidden; }
#leboBagDrawer.on { visibility:visible; }
#leboBagDrawer .bd-ov { position:absolute; inset:0; background:rgba(0,0,0,.35); opacity:0; transition:opacity .3s; }
#leboBagDrawer.on .bd-ov { opacity:1; }
#leboBagDrawer .bd-panel { position:absolute; top:0; right:0; width:420px; max-width:88vw; height:100%; background:#fff; box-sizing:border-box; padding:30px 28px; overflow:auto; transform:translateX(100%); transition:transform .35s; display:flex; flex-direction:column; font-family:'Crimson Text','Noto Serif KR',serif; }
#leboBagDrawer.on .bd-panel { transform:translateX(0); }
#leboBagDrawer .bd-top { display:flex; justify-content:space-between; align-items:center; font-size:15px; letter-spacing:.5px; margin-bottom:30px; }
#leboBagDrawer .bd-close { cursor:pointer; }
#leboBagDrawer .bd-body { flex:1 1 auto; }
#leboBagDrawer .bd-item { display:flex; justify-content:space-between; gap:14px; padding:18px 0; border-top:1px solid #eee; }
#leboBagDrawer .bd-item:first-child { border-top:1px solid #000; }
#leboBagDrawer .bd-info { flex:1; min-width:0; }
#leboBagDrawer .bd-nm { font-size:14px; margin:0 0 6px; letter-spacing:.36px; }
#leboBagDrawer .bd-opt { font-size:12px; color:#888; margin:0 0 6px; }
#leboBagDrawer .bd-pr { font-size:13px; margin:0; }
#leboBagDrawer .bd-item img { width:78px; height:100px; object-fit:cover; flex:0 0 78px; background:#f3f1ed; }
#leboBagDrawer .bd-empty, #leboBagDrawer .bd-load { text-align:center; color:#999; padding:70px 0; font-size:14px; }
#leboBagDrawer .bd-foot { border-top:1px solid #000; padding-top:18px; margin-top:14px; }
#leboBagDrawer .bd-total { display:flex; justify-content:space-between; font-size:15px; margin:0 0 16px; }
#leboBagDrawer .bd-foot a { display:block; text-align:center; padding:15px; letter-spacing:1px; font-size:14px; text-decoration:none; border-radius:30px; margin-top:8px; }
#leboBagDrawer .bd-checkout { background:#000; color:#fff; }
#leboBagDrawer .bd-view { background:#fff; color:#000; border:1px solid #000; }
@media(min-width:1024px){
    #leboBagWrap { display:flex; gap:6%; align-items:flex-start; margin-top:12px; }
    #leboBagWrap .bag-main { width:60%; order:2; min-width:0; }
    #leboBagWrap .bag-side { width:34%; order:1; position:sticky; top:110px; }
}
/* STYLE ITEMS (상세 하단 관련상품) shopm 톤 */
.xans-product-relation .relation h3 { font-family:'Crimson Text','Noto Serif KR',serif !important; font-size:13px !important; letter-spacing:2px !important; color:#999 !important; text-align:center !important; font-weight:400 !important; margin-bottom:38px !important; text-transform:uppercase; }
.xans-product-relation .relation .relation_slide { overflow:visible !important; }
.xans-product-relation .relation ul.prdList { display:flex !important; flex-wrap:wrap; justify-content:center; gap:24px !important; }
.xans-product-relation .relation ul.prdList li.item { width:calc((100% - 80px)/4) !important; }
.xans-product-relation .relation ul.prdList li.item .box p a { font-weight:400 !important; font-size:14px !important; letter-spacing:.36px; color:#000 !important; }
.xans-product-relation .relation ul.prdList li.item .box ul li strong { font-weight:400 !important; font-size:12px !important; letter-spacing:.36px; color:#000 !important; }
@media(max-width:1023px){ .xans-product-relation .relation ul.prdList li.item { width:calc((100% - 24px)/2) !important; } }
/* ===== 푸터 shopm 톤 (법적정보 유지, 미니멀) ===== */
#footer.footer_E { border-top:1px solid #eee; padding-top:46px; margin-top:80px; }
#footer.footer_E, #footer.footer_E a, #footer.footer_E p, #footer.footer_E span, #footer.footer_E li { font-family:'Crimson Text','Noto Serif KR',serif; letter-spacing:.2px; }
#footer.footer_E .cs_info, #footer.footer_E address, #footer.footer_E .info, #footer.footer_E [class*=copyright] { font-size:12px; color:#999; line-height:1.9; }
#footer.footer_E a { color:#333; text-decoration:none; }
#footer.footer_E a:hover { color:#000; }
/* ===== 섹션(리스트) 페이지 shopm 톤 ===== */
#leboCatNav { text-align:center; padding:34px 16px 46px; }
#leboCatNav a { display:inline-block; margin:6px 15px; font-family:'Crimson Text','Noto Serif KR',serif; font-size:14px; font-weight:300; letter-spacing:.5px; color:#aaa; text-decoration:none; }
#leboCatNav a.on { color:#000; }
#leboCatNav a:hover { color:#000; }
@media(max-width:1023px){ #leboCatNav { padding:24px 12px 30px; } #leboCatNav a { margin:5px 9px; font-size:13px; } }
.xans-product-menupackage { display:none !important; }
.xans-product-normalpackage > .xans-element-:first-child,
.xans-product-normalmenu, .ec-base-prdSort, .prdCount { display:none !important; }
.xans-product-normalpackage ul.prdList { padding-top:10px; }
.xans-product-normalpackage ul.prdList > li { margin-bottom:34px; }
.xans-product-normalpackage ul.prdList > li .thumbnail { background:#f3f1ed; }
.xans-product-normalpackage ul.prdList > li .description { display:flex !important; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:3px 10px; text-align:left !important; padding:14px 2px 0 !important; }
.xans-product-normalpackage ul.prdList > li .description .option { display:none !important; }
.xans-product-normalpackage ul.prdList > li .description .name.deco_title { order:1; flex:1 1 auto; margin:0 !important; }
.xans-product-normalpackage ul.prdList > li .description > ul { order:2; flex:0 0 auto; margin:0 !important; }
.xans-product-normalpackage ul.prdList > li .description .promotion,
.xans-product-normalpackage ul.prdList > li .description .icon { order:3; flex-basis:100%; }
.xans-product-normalpackage ul.prdList > li .description .name a,
.xans-product-normalpackage ul.prdList > li .description .name a *,
.xans-product-normalpackage ul.prdList > li .description .name { font-weight:300 !important; font-size:13px !important; letter-spacing:.36px !important; color:#000 !important; line-height:1.5; }
.xans-product-normalpackage ul.prdList > li .description .deco_price,
.xans-product-normalpackage ul.prdList > li .description .deco_price strong,
.xans-product-normalpackage ul.prdList > li .description .deco_price *,
.xans-product-normalpackage ul.prdList > li .description [class*=price] { font-weight:300 !important; font-size:12px !important; letter-spacing:.36px !important; color:#000 !important; }
/* ===== 전역 미니멀 헤더 + 풀스크린 MENU (전 페이지 통일) ===== */
#header .menu_box.pc, #header .top_category, #header .top_nav, #header .top_mypage, #header .eSearch { display:none !important; }
#header .logo_area, #header .top_logo { text-align:center !important; float:none !important; margin:0 auto !important; }
#leboMenuBtn { position:absolute; top:50%; right:30px; transform:translateY(-50%); font-family:'Crimson Text','Noto Serif KR',serif; font-size:14px; letter-spacing:.42px; cursor:pointer; z-index:100; color:#000; }
/* 데스크톱 인라인 내비 (shopm) */
#leboTopNav { display:none; }
@media(min-width:1024px){
    #header .logo_area, #header .top_logo { display:none !important; }
    #leboMenuBtn { display:none !important; }
    #header #leboTopNav { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; box-sizing:border-box; padding:18px 44px; }
    #leboTopNav .ltn-logo { font-family:'Crimson Text','Noto Serif KR',serif; font-size:20px; letter-spacing:1px; white-space:nowrap; color:#000; text-decoration:none; }
    #leboTopNav .ltn-logo i { font-style:italic; font-size:13px; color:#888; margin-left:8px; }
    #leboTopNav .grp { display:flex; gap:5px; white-space:nowrap; }
    #leboTopNav a, #leboTopNav span { font-family:'Crimson Text','Noto Serif KR',serif; font-size:14px; letter-spacing:.3px; color:#000; text-decoration:none; white-space:nowrap; }
    #leboTopNav a:hover { color:#999; }
    #leboTopNav .ltn-lang { font-style:italic; color:#999; }
}
#leboFullMenu { display:none; position:fixed; inset:0; background:#fff; z-index:99999; padding:60px; box-sizing:border-box; overflow:auto; }
#leboFullMenu.on { display:block; }
#leboFullMenu .fm-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:60px; }
#leboFullMenu .fm-util { display:flex; gap:22px; align-items:center; }
#leboFullMenu .fm-util a, #leboFullMenu .fm-util span { font-family:'Crimson Text','Noto Serif KR',serif; font-size:14px; color:#000; text-decoration:none; letter-spacing:.3px; }
#leboFullMenu .fm-lang { font-style:italic; color:#888; }
#leboFullMenu .fm-logo { font-family:'Crimson Text','Noto Serif KR',serif; font-size:20px; letter-spacing:2px; }
#leboFullMenu .fm-logo i { font-style:italic; font-size:14px; color:#888; margin-left:10px; }
#leboFullMenu .fm-close { font-family:'Crimson Text',serif; font-size:15px; letter-spacing:1px; cursor:pointer; }
#leboFullMenu .fm-body { display:flex; gap:8%; }
#leboFullMenu .fm-col1 { width:30%; }
#leboFullMenu .fm-col2 { width:40%; }
#leboFullMenu .fm-col1 a, #leboFullMenu .fm-col2 a { display:block; font-family:'Crimson Text','Noto Serif KR',serif; color:#000; text-decoration:none; padding:7px 0; letter-spacing:.5px; }
#leboFullMenu .fm-col1 a { font-size:22px; }
#leboFullMenu .fm-col2 a { font-size:15px; }
#leboFullMenu .fm-col2 .gap { height:24px; }
@media(max-width:1023px){
    #leboFullMenu { padding:30px; }
    #leboFullMenu .fm-top { flex-direction:column; align-items:flex-start; gap:16px; margin-bottom:40px; }
    #leboFullMenu .fm-util { flex-wrap:wrap; gap:14px; }
    #leboFullMenu .fm-body { flex-direction:column; gap:30px; }
    #leboFullMenu .fm-col1, #leboFullMenu .fm-col2 { width:100%; }
}
/* BOEN editorial layout 2026-09-17 */
:root{--boen-serif:'Crimson Text','Noto Serif KR',Georgia,serif;--boen-paper:#fff;--boen-ink:#302f2b;--boen-muted:#777;--boen-rule:#dedbd5;}
html,body{overflow-x:clip;}
.boen-announcement{display:flex;align-items:center;justify-content:center;height:35px;box-sizing:border-box;background:#3b3021;color:#fff;font:12px/1.4 var(--boen-serif);letter-spacing:.5px;text-align:center;padding:0 16px;}
#header.layout3.header_A{position:relative!important;top:auto!important;margin:0!important;width:100%!important;max-width:none!important;background:#fff!important;border:0!important;box-shadow:none!important;z-index:50;}
#header #leboTopNav{height:105px;min-height:105px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-sizing:border-box;}
#header #leboTopNav a,#header #leboTopNav span,#header #leboTopNav summary{font:14px/1.5 var(--boen-serif);color:var(--boen-ink);letter-spacing:0;text-decoration:none;}
#header #leboTopNav .ltn-logo{display:flex;align-items:center;gap:16px;}
#header #leboTopNav .ltn-logo>span{font:32px/1 Georgia,serif;letter-spacing:1px;}
#header #leboTopNav .ltn-logo i{font:italic 13px/1.3 var(--boen-serif);color:#777;letter-spacing:0;margin:0;}
#header #leboTopNav .grp{display:flex;gap:5px;align-items:center;white-space:nowrap;}
#header #leboTopNav .ltn-lang{font-style:italic;color:#888;}
#header #leboTopNav a:hover,#header #leboTopNav summary:hover{color:#999;}
#header #leboTopNav details{position:relative;}
#header #leboTopNav summary{cursor:pointer;list-style:none;}
#header #leboTopNav summary::-webkit-details-marker{display:none;}
#header #leboTopNav .ltn-categories{position:absolute;top:100%;left:-18px;min-width:170px;display:flex;flex-direction:column;gap:8px;padding:24px 18px;background:#fff;border:1px solid #eee;z-index:60;}
#header #leboTopNav details:not([open]) .ltn-categories{display:none;}
#leboMenuBtn,#leboMenuClose{border:0;background:transparent;color:var(--boen-ink);padding:0;}
#leboFullMenu{font-family:var(--boen-serif);}
#leboFullMenu .fm-close{margin-left:auto;}
#leboFullMenu a:focus-visible,#header a:focus-visible,#header summary:focus-visible{outline:1px solid #5c5145;outline-offset:5px;}
@media(min-width:1024px){#header>.inner{display:none!important;}#header #leboMenuBtn{display:none!important;}}
@media(max-width:1200px) and (min-width:1024px){#header #leboTopNav{padding:0 40px;gap:20px;}#header #leboTopNav .ltn-logo i{display:none;}}
@media(max-width:1023px){#header #leboTopNav{display:none!important;}#header>.inner{display:block!important;width:100%!important;padding:0 20px!important;box-sizing:border-box;}#header .top_nav_box{height:80px!important;padding:0!important;display:flex!important;align-items:center;justify-content:flex-start;}#header .logo_area,#header .top_logo{display:block!important;margin:0!important;text-align:left!important;}#header .top_logo a{font:30px/1 Georgia,serif!important;color:var(--boen-ink)!important;letter-spacing:1px;}#header #leboMenuBtn{display:block!important;right:20px;font:13px var(--boen-serif);}#leboFullMenu{padding:28px 20px;}#leboFullMenu .fm-util{gap:14px;}#leboFullMenu .fm-close{position:absolute;right:20px;top:30px;}.boen-announcement{font-size:11px;}}

#container>#lebo_topBan{display:none!important;}
#header.layout3.header_A{position:sticky!important;top:0!important;}

/* Reference header proportions */
.boen-announcement{font-style:italic;font-size:14px;}
@media(min-width:1024px){#header #leboTopNav{display:grid!important;grid-template-columns:29% 28% 23% 17% 3%;gap:0;}#header #leboTopNav .ltn-logo>span{font-size:25px;}#header #leboTopNav .ltn-lang{text-align:right;}}
@media(max-width:1023px){.boen-announcement{font-size:11px;}}

/* BASIC css end */

