/* 마루·온담 공통. 기존 기능 스킨을 유지하며 표시 규칙만 덮어쓴다. */
/* 기기에 설치된 글꼴만 사용해 다운로드에 따른 글씨 교체를 없앤다. */
html.renewal.renew-design { --r-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; --d-image-radius: 12px; --d-heading-weight: 740; }
.renewal.renew-design body { font-family: var(--r-font); font-size: 14px; line-height: 1.65; }
.renewal.renew-design :is(button, input, select, textarea) { font-family: var(--r-font); }
.renewal.renew-design :is(h1, h2, h3, h4, h5, h6) { font-family: var(--r-font); font-weight: var(--d-heading-weight); letter-spacing: -.04em; }
.renewal.renew-design .renew-width, .renewal.renew-design .renew-main#wrapper { width: min(1200px, calc(100% - 80px)); max-width: 1200px; }
.renewal.renew-design .renew-main#wrapper { padding-block: 36px 64px; }
.renewal.renew-design .renew-header-main { min-height: 77px; gap: 40px; }
.renewal.renew-design .renew-primary { min-height: 77px; gap: 28px; font-size: 16px; }
.renewal.renew-design .renew-brand { font-size: 23px; letter-spacing: -.06em; }
.renewal.renew-design .renew-brand-mark { border-radius: 11px; }
.renewal.renew-design .renew-brand-mark svg { width: 28px; height: 28px; }
.renewal.renew-design .renew-header-control { height: 44px; min-width: 42px; padding-inline: 9px; font-size: 13px; }
.renewal.renew-design .renew-header-actions { gap: 5px; }
.renewal.renew-design .renew-header-appearance { border-left: 1px solid var(--r-line); width: 50px; margin-left: 5px; padding-left: 10px; }
.renewal.renew-design .renew-submenu { box-shadow: 0 12px 38px rgb(20 38 62 / 12%); padding: 10px; border-radius: 10px; }
.renewal.renew-design .renew-search-panel { padding: 23px; }
.renewal.renew-design .renew-search label { font-size: 18px; }
.renewal.renew-design .renew-search input { font-size: 16px; border-radius: 0 !important; border: 0 !important; border-bottom: 2px solid var(--r-accent) !important; }
.renewal.renew-design .renew-home-heading { margin-bottom: 32px; }
.renewal.renew-design .renew-home-heading h1 { font-size: 30px; letter-spacing: -.05em; }
.renewal.renew-design .renew-home-heading .renew-heading-description { font-size: 13px; margin-top: 10px; }
.renewal.renew-design .renew-eyebrow, .renewal.renew-design .renew-page-heading > p { font-size: 11px; font-weight: 650; letter-spacing: .025em; margin: 0 0 9px; }
.renewal.renew-design .renew-text-link { font-size: 12px; }
.renewal.renew-design .renew-text-link span { margin-left: 7px; }
.design-mobile-break { display: none; }
.renewal.renew-design .renew-home-layout { grid-template-columns: minmax(0, 1fr) 248px; gap: 36px; }
.renewal.renew-design .renew-board-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; }
.renewal.renew-design .renew-board-card-gallery { border: 0; padding: 0; }
.renewal.renew-design .design-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 20px; }
.renewal.renew-design .design-section-heading h2 { font-size: 21px; margin: 0; }
.renewal.renew-design .design-section-heading p { color: var(--r-muted); font-size: 12px; margin: 4px 0 0; }
.renewal.renew-design .design-photo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.renewal.renew-design .design-photo { min-width: 0; margin: 0; padding: 0; border: 0; }
.design-photo-image { display: block; overflow: hidden; border-radius: var(--d-image-radius); background: var(--r-raised); }
.renewal.renew-design .design-photo-image img { display: block; width: 100%; height: auto; aspect-ratio: 1.4; object-fit: cover; transition: transform .2s ease; }
.design-photo-image:hover img { transform: scale(1.03); }
.design-photo-copy { padding-top: 12px; min-width: 0; }
.renewal.renew-design .renew-photo-title { font-size: 14px; font-weight: 550; line-height: 1.6; }
.renewal.renew-design .design-badge { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; min-width: 17px; height: 18px; padding: 0 4px; border-radius: 4px; font-size: 10px; font-weight: 650; line-height: 1; }
.design-new { background: var(--d-new-bg); color: var(--d-new-text); }
.design-hot { background: var(--d-hot-bg); color: var(--d-hot-text); }
.design-count { background: var(--r-soft); color: var(--r-accent); }
.design-byline { display: flex; gap: 10px; margin-top: 8px; color: var(--r-muted); font-size: 11px; }
.renewal.renew-design .design-byline a { color: var(--r-muted); }
.design-photo-description { color: var(--r-muted); font-size: 12px; line-height: 1.8; margin: 9px 0 0; }
.renewal.renew-design .renew-latest-heading { margin-bottom: 13px; }
.renewal.renew-design .renew-latest-heading h2 { font-size: 21px; }
.renewal.renew-design .renew-latest-heading > a { display: flex; align-items: center; gap: 7px; width: auto; font-size: 12px; }
.renewal.renew-design .design-latest ul { border-top: 1px solid var(--r-line); }
.renewal.renew-design .design-latest li { display: flex; justify-content: space-between; align-items: center; min-height: 54px; gap: 20px; padding: 12px 0; }
.renewal.renew-design .renew-latest-title { display: flex; align-items: center; gap: 5px; min-width: 0; font-size: 14px; line-height: 1.7; }
.design-title-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renewal.renew-design .renew-latest-meta { flex-shrink: 0; gap: 20px; margin: 0; font-size: 11px; }
.renewal.renew-design .renew-sidebar { gap: 22px; }
.renewal.renew-design .renew-panel { padding: 23px; border-radius: var(--r-radius); }
.renewal.renew-design .design-login-description { color: var(--r-muted); font-size: 12px; margin: 0 0 16px; }
.renewal.renew-design #ol_before #ol_be_cate { margin-bottom: 8px; }
.renewal.renew-design #ol_before #ol_be_cate h2 { font-size: 20px; }
.renewal.renew-design #ol_before :is(#ol_id, #ol_pw) { font-size: 14px; min-height: 42px; height: 42px; margin-bottom: 8px; border-radius: 6px; }
.renewal.renew-design #ol_submit { height: 44px; min-height: 44px; font-size: 13px; border-radius: 6px; }
.renewal.renew-design #ol_before .ol_auto_wr { gap: 6px; }
.renewal.renew-design :is(#ol_auto label, #ol_svc > a) { font-size: 10px; }
.renewal.renew-design .renew-shortcuts { background: transparent; padding: 0 2px 17px; border-bottom: 1px solid var(--r-line); border-radius: 0; }
.renewal.renew-design .renew-shortcuts h2 { font-size: 14px; }
.renewal.renew-design .renew-shortcuts > a { font-size: 12px; padding-block: 10px; }
.renewal.renew-design .renew-popular { padding: 0; border: 0; background: transparent; }
.renewal.renew-design .renew-popular ol { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; list-style: none; }
.renewal.renew-design .renew-popular li { padding: 5px 9px; background: var(--r-raised); border-radius: 4px; font-size: 11px; }
.renewal.renew-design #poll .poll_con p { color: var(--r-text); font-size: 14px; line-height: 1.65; }
.renewal.renew-design #poll .btn_result { background: var(--r-soft); color: var(--r-accent); border: 0; border-radius: 4px; }
.renewal.renew-design #poll .chk_box label { color: var(--r-muted); }
.renewal.renew-design .renew-page-heading { padding-bottom: 22px; margin-bottom: 28px; border-bottom: 1px solid var(--r-line); }
.renewal.renew-design .renew-page-heading #container_title { font-size: 28px; font-weight: var(--d-heading-weight); }
.renewal.renew-design :is(.btn_submit, .btn_b02, .renew-button) { border-radius: var(--r-radius); font-size: 13px; min-height: 44px; }
.renewal.renew-design :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { border-radius: var(--r-radius); }
.renewal.renew-design :is(.tbl_head01, .tbl_head02) th { font-size: 12px; font-weight: 550; padding-block: 15px; }
.renewal.renew-design :is(.tbl_head01, .tbl_head02) td { padding-block: 17px; }
.renewal.renew-design #bo_list .bo_tit { display: flex; align-items: center; gap: 5px; min-width: 0; }
.renewal.renew-design #bo_list .bo_tit > a { flex: 0 1 auto; min-width: 0; }
.renewal.renew-design #bo_list .bo_tit > :is(span, i) { flex-shrink: 0; }
.renewal.renew-design #bo_v { border: 0; padding: 8px 0 0; background: transparent; }
.renewal.renew-design #bo_v_title .bo_v_tit { font-size: 27px; letter-spacing: -.04em; line-height: 1.5; }
.renewal.renew-design #bo_v_con { font-size: 16px; line-height: 1.95; padding-block: 18px; }
.renewal.renew-design #bo_v_info :is(.sv_member, .sv_guest) { color: var(--r-text); }
.renewal.renew-design .btn_bo_user > li { background: transparent; }
.renewal.renew-design .cmt_btn { background: transparent; color: var(--r-text); border-color: var(--r-line); }
.renewal.renew-design .cmt_btn b { color: var(--r-text); }
.renewal.renew-design .cmt_btn .total { color: var(--r-accent); }
.renewal.renew-design .cmt_btn .total:after { background: var(--r-accent); }
.renewal.renew-design #bo_vc .cmt_contents { border-radius: var(--r-radius); font-size: 14px; }
.renewal.renew-design .bo_vc_w_info { width: 100%; max-width: 100%; min-width: 0; }
.renewal.renew-design .bo_vc_w_info :is(input, #captcha, #captcha_info) { max-width: 100%; box-sizing: border-box; }
.renewal.renew-design .bo_vc_w_info #captcha_info { white-space: normal; overflow-wrap: anywhere; }
.renewal.renew-design :is(.mbskin, #bo_w, #qa_write) { border-radius: var(--r-radius); border-color: var(--r-line); }
.renewal.renew-design #mb_login { max-width: 440px; margin-inline: auto; box-shadow: none; }
.renewal.renew-design #mb_login h1 { font-size: 26px; }
.renewal.renew-design :is(.pg_page, .pg_current) { border-radius: 6px; }
.renewal.renew-design .renew-home-heading.renew-shop-heading { margin-bottom: 24px; }
.renewal.renew-design .renew-shop-banners { margin-bottom: 0; }
.renewal.renew-design .renew-promo { border-radius: var(--d-image-radius); border: 0; overflow: hidden; }
.renewal.renew-design .renew-promo-content { display: grid; grid-template-columns: 1fr 1.03fr; min-height: 276px; background: var(--d-hero); color: var(--d-hero-text); }
.renewal.renew-design .renew-promo-image { grid-column: 2; grid-row: 1; width: 100%; height: 276px; object-fit: cover; }
.renewal.renew-design .renew-promo-caption, .renewal.renew-design .renew-promo-ready .renew-promo-caption { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; grid-column: 1; grid-row: 1; gap: 14px; min-width: 0; padding: 30px 42px; border: 0; background: none; }
.renewal.renew-design .renew-promo-tag { display: block; background: transparent; color: inherit; opacity: .8; padding: 0; font-size: 11px; font-weight: 450; }
.renewal.renew-design .renew-promo-title { display: block; overflow: visible; white-space: normal; -webkit-line-clamp: unset; max-width: 380px; font-size: 30px; font-weight: var(--d-heading-weight); line-height: 1.4; letter-spacing: -.045em; color: inherit; }
.renewal.renew-design .design-promo-link { display: flex; align-items: center; gap: 13px; font-size: 12px; margin-top: 5px; }
.renewal.renew-design .renew-promo-arrow { margin: 0; font-size: 18px; color: inherit; }
.renewal.renew-design .renew-promo-controls { bottom: 12px; right: 12px; background: var(--r-surface); border: 1px solid var(--r-line); color: var(--r-text); box-shadow: 0 2px 6px rgb(0 0 0 / 5%); }
.design-shop-categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 36px; padding: 22px 0; margin-bottom: 34px; border-bottom: 1px solid var(--r-line); }
.design-shop-categories:empty { display: none; }
.design-shop-categories > a { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--r-muted); }
.design-shop-categories > a > span { display: grid; place-items: center; width: 38px; height: 38px; background: var(--r-raised); border-radius: 9px; color: var(--r-accent); }
.design-shop-categories .fa { font-size: 18px; }
.renewal.renew-design .renew-shop-section { margin-bottom: 42px; }
.renewal.renew-design .renew-section-heading { margin-bottom: 22px; }
.renewal.renew-design .renew-section-heading h2 { font-size: 22px; }
.renewal.renew-design .renew-section-heading > a { font-size: 12px; color: var(--r-muted); }
.renewal.renew-design .design-products { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px 22px; padding: 0; margin: 0; }
.renewal.renew-design .design-products .design-product { display: flex; flex-direction: column; background: transparent; min-width: 0; height: auto; border: 0; }
.design-product-image { position: relative; background: var(--r-raised); border-radius: var(--d-image-radius); overflow: hidden; }
.renewal.renew-design .design-product-image img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; display: block; }
.renewal.renew-design .design-wish-button { position: absolute; right: 8px; bottom: 8px; width: 35px; height: 35px; border: 0; border-radius: 50%; background: var(--r-surface); color: var(--r-text); font-size: 17px; }
.renewal.renew-design .design-wish-button:hover { background: var(--r-soft); color: var(--r-accent); }
.design-soldout { position: absolute; left: 10px; top: 10px; padding: 3px 9px; border-radius: 3px; background: var(--r-text); color: var(--r-bg); font-size: 11px; }
.design-product-copy { display: flex; flex-direction: column; flex: 1; padding: 12px 0 0; }
.design-product-id { margin: 0 0 5px; color: var(--r-muted); font-size: 10px; }
.renewal.renew-design .design-product-name { min-height: 45px; font-size: 14px; line-height: 1.6; font-weight: 580; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.design-product-description { min-height: 36px; color: var(--r-muted); font-size: 11px; line-height: 1.65; margin: 4px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.design-original-price { margin: 5px 0 0; color: var(--r-muted); font-size: 11px; }
.design-product-price { margin: auto 0 0; padding-top: 8px; font-size: 20px; line-height: 1.4; font-weight: 750; letter-spacing: -.025em; }
.design-product-meta { display: flex; justify-content: space-between; gap: 8px; align-items: center; min-height: 30px; margin-top: 5px; }
.design-rating { color: var(--r-muted); font-size: 11px; }
.design-rating > .fa { color: var(--d-star); margin-right: 4px; }
.design-product-tags { display: flex; flex-wrap: wrap; gap: 4px; min-height: 20px; margin-top: 4px; }
.renewal.renew-design .design-product-tags > span { margin: 0; padding: 1px 6px; background: var(--r-soft); color: var(--r-accent); font-size: 10px; border-radius: 3px; line-height: 1.6; }
.design-product-share { position: relative; }
.design-product-share > summary { list-style: none; padding: 5px 8px; cursor: pointer; font-size: 13px; color: var(--r-muted); }
.design-product-share > summary::-webkit-details-marker { display: none; }
.design-product-share > div { position: absolute; z-index: 15; right: 0; top: 100%; min-width: 150px; padding: 15px; border: 1px solid var(--r-line); border-radius: var(--r-radius); background: var(--r-surface); box-shadow: var(--r-shadow); }
.design-product-share strong { display: block; margin-bottom: 10px; font-size: 12px; }
.design-product-share a { display: inline-flex; margin-right: 8px; }
.renewal.renew-design .design-product-share img { width: 26px; height: 26px; }
.renewal.renew-design #sit_ov_wrap { padding: 28px; border-radius: var(--r-radius); background: var(--r-raised); border: 0; }
.renewal.renew-design #sit_pvi_big { float: none; width: 100%; }
.renewal.renew-design #sit_pvi_big img { width: 100%; max-width: 500px; }
.renewal.renew-design #sit_pvi_thumb { display: flex; flex-wrap: wrap; float: none; gap: 10px; padding-top: 12px; }
.renewal.renew-design #sit_pvi_thumb li { margin: 0; }
.renewal.renew-design #sit_pvi_big #popup_item_image { bottom: 5px; }
.renewal.renew-design #sit_tab { display: block; }
.renewal.renew-design #sit_buy { display: block; }
.renewal.renew-design #sit_info { border-radius: var(--r-radius); min-height: 0; }
.renewal.renew-design #sit_tab .tab_tit { display: flex; flex-wrap: wrap; }
.renewal.renew-design #sit_tab .tab_tit li { float: none; }
.renewal.renew-design #sit_tab .tab_tit li button { font-size: 14px; }
.renewal.renew-design #sit_rel { padding: 24px; margin-block: 24px; border-radius: var(--r-radius); }
.renewal.renew-design #sit_rel h2 { font-size: 19px; margin-bottom: 16px; }
.renewal.renew-design #sit_rel .sct_noitem { margin: 0; padding: 25px 10px; }
.renewal.renew-design #sit_title { font-size: 25px; letter-spacing: -.035em; line-height: 1.5; }
.renewal.renew-design #sit_ov #sit_price { color: var(--r-text); }
.renewal.renew-design #sit_ov .tr_price strong { color: var(--r-text); font-size: 24px; }
.renewal.renew-design :is(#sit_star_sns span, #sit_star_sns .btn_sns_share, .sit_option label, #sct_location a) { color: var(--r-muted); }
.renewal.renew-design :is(#sit_star_sns .sns_area, #sct_location .sct_bg) { background: var(--r-surface); border-color: var(--r-line); }
.renewal.renew-design #sit_star_sns .sns_area:after { border-bottom-color: var(--r-surface); }
.renewal.renew-design .shop_select_to_html .category_title { color: var(--r-muted); }
.renewal.renew-design .shop_select_to_html .menulist { background: var(--r-surface); box-shadow: 0 0 0 1px var(--r-line); }
.renewal.renew-design .shop_select_to_html :is(.option:hover, .option.focus, .option.selected.focus) { background: var(--r-raised); }
.renewal.renew-design .shop_select_to_html :is(.option.selected a, .option.selected) { color: var(--r-accent); }
.renewal.renew-design #sit_ov { background: transparent; }
.renewal.renew-design #sit_ov_btn { display: flex; flex-wrap: wrap; gap: 8px; }
.renewal.renew-design #sit_ov_btn :is(.sit_btn_cart, .sit_btn_buy) { float: none; flex: 1 1 80px; width: auto; min-width: 0; margin: 0; height: 46px; font-size: 13px; border-radius: var(--r-radius); }
.renewal.renew-design #sit_ov_btn .sit_btn_wish { float: none; flex: 0 0 44px; width: 44px; height: 46px; line-height: 44px; border-radius: var(--r-radius); }
.renewal.renew-design #sit_ov_btn .itemform-naverpay { flex-basis: 100%; }
.renewal.renew-design :is(#sit_ov_from, #sit) { background: transparent; }
.renewal.renew-design .sit_info, .renewal.renew-design .sit_info .tr_price { border-color: var(--r-line); }
.renewal.renew-design #sev { border-top: 1px solid var(--r-line); padding-top: 25px; }
.renewal.renew-design #sev > header h2 { font-size: 22px; margin-bottom: 20px; }
.renewal.renew-design #sev .ev_li_wr { border-radius: var(--r-radius); background: var(--r-raised); border: 0; }
.renewal.renew-design #sev > ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; margin: 0; }
.renewal.renew-design #sev .ev_li { float: none; width: auto; padding: 0; }
.renewal.renew-design #sev .ev_li_wr { overflow: hidden; }
.renewal.renew-design #sev .sev_img { display: block; }
.renewal.renew-design #sev .sev_img img { width: 100%; height: 180px; object-fit: cover; }
.renewal.renew-design #sev .ev_prd { border: 1px solid var(--r-line); background: var(--r-surface); }
.renewal.renew-design #sev .ev_prd li { display: flex; align-items: center; gap: 16px; border-color: var(--r-line); }
.renewal.renew-design #sev .ev_prd .ev_prd_img { float: none; flex: 0 0 70px; }
.renewal.renew-design #sev .ev_prd .ev_txt_wr { float: none; margin: 0; max-width: none; min-width: 0; }
.renewal.renew-design #sev .ev_prd .ev_prd_tit { color: var(--r-text); font-size: 13px; }
.renewal.renew-design #sev .ev_prd .ev_prd_price { margin: 0; font-size: 16px; }
.renewal.renew-design #sev .ev_prd .sev_more { width: 100%; background: transparent; color: var(--r-accent); font-size: 12px; }
.renewal.renew-design .renew-footer { background: var(--r-raised); padding-block: 32px; font-size: 11px; }
.renewal.renew-design .renew-footer-top > strong { font-size: 19px; }
.renewal.renew-design .renew-footer-top nav { font-size: 11px; }
.renewal.renew-design :is(.renew-wish-footer, #sod_bsk_tot, #sod_frm_pay, #sod_frm_taker) { border-radius: var(--r-radius); }
@media (max-width: 1100px) {
    .renewal.renew-design .renew-width, .renewal.renew-design .renew-main#wrapper { width: calc(100% - 48px); }
    .renewal.renew-design .renew-header-main { gap: 28px; }
    .renewal.renew-design :is(.renew-header-label, .renew-header-chevron) { display: none; }
    .renewal.renew-design .renew-home-layout { grid-template-columns: minmax(0, 1fr) 220px; gap: 25px; }
    .renewal.renew-design .design-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
    .renewal.renew-design .design-photo-image img { aspect-ratio: 1.8; }
    .renewal.renew-design .design-products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px 18px; }
    .renewal.renew-design .renew-promo-title { font-size: 27px; }
    .renewal.renew-design .renew-promo-caption, .renewal.renew-design .renew-promo-ready .renew-promo-caption { padding: 26px; }
}
@media (max-width: 760px) {
    .renewal.renew-design .renew-width, .renewal.renew-design .renew-main#wrapper { width: calc(100% - 40px); }
    .renewal.renew-design .renew-main#wrapper { padding-block: 27px 44px; }
    .renewal.renew-design .renew-header-main { min-height: 65px; gap: 20px; flex-wrap: nowrap; }
    .renewal.renew-design .renew-primary { min-height: 65px; gap: 18px; font-size: 14px; }
    .renewal.renew-design .renew-brand { font-size: 19px; }
    .renewal.renew-design .renew-brand-mark { width: 29px; height: 29px; border-radius: 8px; }
    .renewal.renew-design .renew-brand-mark svg { width: 24px; height: 24px; }
    .renewal.renew-design .renew-header-actions { gap: 0; }
    .renewal.renew-design .renew-header-control { min-width: 36px; padding-inline: 7px; }
    .renewal.renew-design .renew-header-appearance { width: 40px; padding: 0; margin: 0; border: 0; }
    .renewal.renew-design .renew-home-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .renewal.renew-design .renew-home-heading h1 { font-size: 27px; }
    .renewal.renew-design .renew-home-heading { margin-bottom: 26px; }
    .renewal.renew-design .renew-home-heading .renew-heading-description { font-size: 12px; max-width: 360px; }
    .renewal.renew-design .renew-home-heading > .renew-text-link { display: none; }
    .renewal.renew-design .design-section-heading h2, .renewal.renew-design .renew-latest-heading h2 { font-size: 20px; }
    .renewal.renew-design .design-photo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .renewal.renew-design .design-photo-image img { aspect-ratio: 1.25; }
    .renewal.renew-design .renew-photo-title { font-size: 13px; }
    .renewal.renew-design .renew-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .renewal.renew-design .design-account-panel { grid-row: span 2; }
    .renewal.renew-design .renew-page-heading #container_title { font-size: 25px; }
    .renewal.renew-design .renew-page-heading { margin-bottom: 23px; padding-bottom: 18px; }
    .renewal.renew-design #bo_v_title .bo_v_tit { font-size: 23px; }
    .renewal.renew-design #bo_v_con { font-size: 15px; }
    .renewal.renew-design .renew-shop-heading h1 { font-size: 26px; }
    .renewal.renew-design .renew-promo-content { min-height: 240px; grid-template-columns: 1.1fr 1fr; }
    .renewal.renew-design .renew-promo-image { height: 240px; }
    .renewal.renew-design .renew-promo-title { font-size: 26px; }
    .design-shop-categories { gap: 24px; padding-block: 20px; margin-bottom: 28px; }
    .design-shop-categories > a { flex-direction: column; gap: 7px; font-size: 11px; }
    .renewal.renew-design .design-products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px 16px; }
    .design-product-description { display: none; }
    .design-product-price { font-size: 19px; }
    .renewal.renew-design .renew-section-heading h2 { font-size: 20px; }
    .renewal.renew-design #sit_ov_wrap { padding: 22px; }
    .renewal.renew-design #sit_info { display: block; }
    .renewal.renew-design #sit_tab { width: 100%; }
    .renewal.renew-design #sit_buy { display: none; }
    .renewal.renew-design #sit_tab .tab_tit { padding-inline: 0; flex-wrap: nowrap; }
    .renewal.renew-design #sit_tab .tab_tit li { flex: 1; }
    .renewal.renew-design #sit_tab .tab_tit li button { font-size: 12px; padding-inline: 4px; white-space: nowrap; }
}
@media (max-width: 540px) {
    .renewal.renew-design .renew-width, .renewal.renew-design .renew-main#wrapper { width: calc(100% - 36px); }
    .renewal.renew-design .renew-header-main { gap: 17px; }
    .renewal.renew-design .renew-brand-name { display: none; }
    .renewal.renew-design .renew-primary { gap: 16px; font-size: 13px; }
    .renewal.renew-design .renew-header-control { min-width: 39px; padding-inline: 6px; }
    .renewal.renew-design .renew-header-control > .fa { font-size: 17px; }
    .renewal.renew-design .renew-submenu { position: fixed; top: 65px; left: 18px; right: 18px; width: auto; max-height: calc(100dvh - 85px); border-radius: 0 0 10px 10px; }
    .renewal.renew-design .renew-home-heading .renew-heading-description { max-width: 300px; line-height: 1.85; }
    .design-mobile-break { display: block; }
    .renewal.renew-design .design-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
    .renewal.renew-design .design-photo-image img { aspect-ratio: 1.32; }
    .design-photo-copy { padding-top: 10px; }
    .design-byline { font-size: 10px; margin-top: 7px; gap: 8px; }
    .renewal.renew-design .design-section-heading p { font-size: 11px; }
    .renewal.renew-design .renew-text-link, .renewal.renew-design .renew-latest-heading > a { font-size: 11px; }
    .renewal.renew-design .design-badge { font-size: 9px; min-width: 15px; height: 16px; padding-inline: 3px; }
    .renewal.renew-design .design-latest li { display: block; min-height: 65px; padding-block: 12px; }
    .renewal.renew-design .renew-latest-meta { margin-top: 5px; font-size: 10px; justify-content: flex-start; gap: 10px; }
    .renewal.renew-design .renew-sidebar { grid-template-columns: minmax(0, 1fr); }
    .renewal.renew-design .design-account-panel { grid-row: auto; }
    .renewal.renew-design .renew-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
    .renewal.renew-design .renew-shortcuts h2 { grid-column: 1/-1; }
    .renewal.renew-design .renew-shortcuts > a { flex-direction: column; gap: 6px; font-size: 11px; }
    .renewal.renew-design .renew-shortcuts > a > span { display: none; }
    .renewal.renew-design .renew-promo-content { grid-template-columns: 1.15fr .85fr; min-height: 250px; }
    .renewal.renew-design .renew-promo-image { height: 100%; min-height: 250px; object-position: 55% center; }
    .renewal.renew-design .renew-promo-caption, .renewal.renew-design .renew-promo-ready .renew-promo-caption { padding: 22px 17px; gap: 13px; }
    .renewal.renew-design .renew-promo-title { font-size: 23px; line-height: 1.5; }
    .renewal.renew-design .renew-promo-tag { font-size: 9px; }
    .renewal.renew-design .design-promo-link { font-size: 10px; gap: 7px; }
    .renewal.renew-design .renew-promo-controls { right: 7px; bottom: 8px; }
    .design-shop-categories { justify-content: space-around; gap: 12px; }
    .design-shop-categories > a { font-size: 10px; }
    .renewal.renew-design .design-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 14px; }
    .renewal.renew-design .design-product-name { font-size: 13px; min-height: 42px; }
    .design-product-copy { padding-top: 11px; }
    .design-product-price { font-size: 19px; }
    .design-rating { font-size: 10px; }
    .renewal.renew-design .design-product-tags > span { font-size: 9px; }
    .renewal.renew-design #sit_title { font-size: 23px; }
    .renewal.renew-design #sit_ov_wrap { padding: 20px; }
}
@media (max-width: 359px) {
    .renewal.renew-design .renew-width, .renewal.renew-design .renew-main#wrapper { width: calc(100% - 28px); }
    .renewal.renew-design .renew-header-main { gap: 10px; }
    .renewal.renew-design .renew-primary { gap: 11px; font-size: 12px; }
    .renewal.renew-design .renew-header-control { min-width: 34px; padding-inline: 5px; }
    .renewal.renew-design .renew-header-appearance { width: 36px; }
    .renewal.renew-design .renew-home-heading h1 { font-size: 25px; }
    .renewal.renew-design .renew-promo-caption, .renewal.renew-design .renew-promo-ready .renew-promo-caption { padding-inline: 14px; }
    .renewal.renew-design .renew-promo-title { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { .design-photo-image img { transition: none; } }

/* 쇼핑 마이페이지: 회원 요약, 주문 내역, 관심 상품을 같은 읽기 순서로 표시한다. */
.renewal.renew-design #smb_my.renew-mypage { display: grid; gap: 36px; min-width: 0; }
.renewal.renew-design #smb_my .renew-my-account { margin: 0; padding: 0; border-radius: var(--r-radius); }
.renewal.renew-design #smb_my .renew-my-account-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: center; gap: 32px; padding: 30px; }
.renewal.renew-design #smb_my .renew-my-profile { display: flex; align-items: center; gap: 18px; min-width: 0; }
.renewal.renew-design #smb_my .renew-my-profile > div:last-child { min-width: 0; }
.renewal.renew-design #smb_my .renew-my-avatar { display: grid; place-items: center; flex: 0 0 64px; width: 64px; height: 64px; overflow: hidden; border: 1px solid var(--r-line); border-radius: 50%; background: var(--r-raised); }
.renewal.renew-design #smb_my .renew-my-avatar :is(.profile_img, img) { display: block; position: static; width: 100%; height: 100%; margin: 0; object-fit: cover; }
.renewal.renew-design #smb_my .renew-my-eyebrow { margin: 0 0 5px; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my #renew-my-name { position: static; overflow: visible; margin: 0; padding: 0; border: 0; font-size: 22px; line-height: 1.5; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my #renew-my-name span { display: inline-block; margin-left: 5px; font-size: 16px; font-weight: 400; letter-spacing: -.03em; }
.renewal.renew-design #smb_my .renew-my-edit { display: inline-flex; align-items: center; gap: 12px; min-height: 32px; margin-top: 4px; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.renewal.renew-design #smb_my .renew-my-benefits > a { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0; padding: 8px 20px; border-left: 1px solid var(--r-line); }
.renewal.renew-design #smb_my .renew-my-benefits > a > span { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-benefits strong { display: flex; align-items: baseline; gap: 4px; color: var(--r-accent); font-size: 26px; line-height: 1.35; font-variant-numeric: tabular-nums; }
.renewal.renew-design #smb_my .renew-my-benefits strong > span { min-width: 0; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my .renew-my-benefits small { flex-shrink: 0; color: var(--r-muted); font-size: 12px; font-weight: 400; }
.renewal.renew-design #smb_my .renew-my-details { border-top: 1px solid var(--r-line); }
.renewal.renew-design #smb_my .renew-my-details summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 12px 30px; color: var(--r-muted); list-style: none; cursor: pointer; font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-details summary::-webkit-details-marker { display: none; }
.renewal.renew-design #smb_my .renew-my-details[open] summary { color: var(--r-text); }
.renewal.renew-design #smb_my .renew-my-details[open] summary i { transform: rotate(180deg); }
.renewal.renew-design #smb_my .renew-my-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 32px; margin: 0; padding: 8px 30px 20px; font-size: 13px; }
.renewal.renew-design #smb_my .renew-my-info > div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 8px; }
.renewal.renew-design #smb_my .renew-my-info dt { color: var(--r-muted); }
.renewal.renew-design #smb_my .renew-my-info dd { margin: 0; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my .renew-my-address { grid-column: 1 / -1; }
.renewal.renew-design #smb_my #smb_my_ovaddd { width: auto !important; }
.renewal.renew-design #smb_my #smb_my_act { display: flex; position: static; justify-content: flex-end; gap: 20px; padding: 0 30px 16px; }
.renewal.renew-design #smb_my #smb_my_act a { display: inline-flex; align-items: center; min-height: 32px; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: -20px; }
.renewal.renew-design #smb_my .renew-my-shortcuts a { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 16px 20px; background: var(--r-raised); border: 1px solid var(--r-line); border-radius: var(--r-radius); font-size: 14px; font-weight: 600; }
.renewal.renew-design #smb_my .renew-my-shortcuts i { color: var(--r-accent); font-size: 18px; }
.renewal.renew-design #smb_my .renew-my-shortcuts a > span:last-child { margin-left: auto; color: var(--r-muted); font-size: 14px; font-weight: 400; }
.renewal.renew-design #smb_my .renew-my-section { min-width: 0; margin: 0; }
.renewal.renew-design #smb_my .renew-my-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.renewal.renew-design #smb_my .renew-my-section-heading h2 { margin: 0; padding: 0; border: 0; font-size: 21px; line-height: 1.5; }
.renewal.renew-design #smb_my .renew-my-section-heading p { margin: 4px 0 0; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-section-heading > a { display: inline-flex; flex-shrink: 0; align-items: center; gap: 10px; min-height: 44px; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my :is(.renew-my-orders, .renew-my-wishes) { margin: 0; padding: 0; list-style: none; }
.renewal.renew-design #smb_my .renew-my-orders { border: 1px solid var(--r-line); border-radius: var(--r-radius); background: var(--r-surface); }
.renewal.renew-design #smb_my .renew-my-order { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) 100px; align-items: center; gap: 28px; padding: 22px 26px; }
.renewal.renew-design #smb_my .renew-my-order + .renew-my-order { border-top: 1px solid var(--r-line); }
.renewal.renew-design #smb_my .renew-my-order-id { min-width: 0; }
.renewal.renew-design #smb_my .renew-my-order-id time { display: block; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-order-id a { display: inline-flex; align-items: center; gap: 12px; min-height: 30px; font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my .renew-my-order-id a span { color: var(--r-muted); font-weight: 400; }
.renewal.renew-design #smb_my .renew-my-order-price > span { display: block; color: var(--r-muted); font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-order-price strong { font-size: 18px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my .renew-my-order-payment { display: grid; gap: 4px; margin: 0; font-size: 12px; }
.renewal.renew-design #smb_my .renew-my-order-payment > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px; }
.renewal.renew-design #smb_my .renew-my-order-payment dt { color: var(--r-muted); }
.renewal.renew-design #smb_my .renew-my-order-payment dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my .renew-my-order-payment .renew-my-unpaid dd { color: var(--r-accent); font-weight: 650; }
.renewal.renew-design #smb_my .renew-my-status { justify-self: end; padding: 5px 11px; border-radius: var(--r-radius); background: var(--r-raised); color: var(--r-muted); font-size: 12px; font-weight: 600; white-space: nowrap; }
.renewal.renew-design #smb_my .renew-my-status:is([data-status="주문"], [data-status="입금"], [data-status="준비"], [data-status="배송"]) { background: var(--r-soft); color: var(--r-accent); }
.renewal.renew-design #smb_my .renew-my-wishes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 20px; }
.renewal.renew-design #smb_my .renew-my-wishes li { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
.renewal.renew-design #smb_my .renew-my-product { display: block; }
.renewal.renew-design #smb_my .renew-my-product-image { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid var(--r-line); border-radius: var(--d-image-radius); background: var(--r-raised); }
.renewal.renew-design #smb_my .renew-my-product-image img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.renewal.renew-design #smb_my .renew-my-product h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 12px 0 6px; font-size: 14px; font-weight: 550; line-height: 1.65; overflow-wrap: anywhere; }
.renewal.renew-design #smb_my .renew-my-product-price { display: block; font-size: 18px; }
.renewal.renew-design #smb_my .renew-my-wish-date { margin: 4px 0 0; color: var(--r-muted); font-size: 11px; }
.renewal.renew-design #smb_my .renew-my-empty { display: flex; flex-direction: column; align-items: center; padding: 40px 20px; border: 1px solid var(--r-line); border-radius: var(--r-radius); text-align: center; background: var(--r-surface); }
.renewal.renew-design #smb_my .renew-my-empty > i { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 14px; border-radius: 50%; background: var(--r-raised); color: var(--r-muted); font-size: 21px; }
.renewal.renew-design #smb_my .renew-my-empty h3 { margin: 0; font-size: 16px; }
.renewal.renew-design #smb_my .renew-my-empty p { margin: 7px 0 18px; color: var(--r-muted); font-size: 13px; }
.renewal.renew-design #smb_my .renew-my-empty a { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; font-size: 13px; }
.renewal.renew-design #smb_my .renew-my-empty-link { color: var(--r-accent); }
.renewal.renew-design #smb_my :is(.renew-my-edit, .renew-my-section-heading > a, .renew-my-order-id a, .renew-my-product, .renew-my-account-actions a):hover { color: var(--r-accent); }
.renewal.renew-design #smb_my :is(.renew-my-shortcuts a, .renew-my-benefits a):hover { background: var(--r-soft); }
@media (max-width: 1100px) {
    .renewal.renew-design #smb_my .renew-my-account-top { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px; }
    .renewal.renew-design #smb_my .renew-my-benefits > a { padding-inline: 14px; }
    .renewal.renew-design #smb_my .renew-my-shortcuts a { padding-inline: 14px; font-size: 13px; }
    .renewal.renew-design #smb_my .renew-my-order { gap: 20px; padding-inline: 22px; }
}
@media (max-width: 760px) {
    .renewal.renew-design #smb_my.renew-mypage { gap: 30px; }
    .renewal.renew-design #smb_my .renew-my-account-top { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 22px 18px; }
    .renewal.renew-design #smb_my .renew-my-avatar { flex-basis: 54px; width: 54px; height: 54px; }
    .renewal.renew-design #smb_my .renew-my-benefits > a { padding: 4px 12px; }
    .renewal.renew-design #smb_my .renew-my-benefits > a:first-child { border-left: 0; padding-left: 0; }
    .renewal.renew-design #smb_my .renew-my-benefits > a:last-child { padding-right: 0; }
    .renewal.renew-design #smb_my .renew-my-benefits > a > span { font-size: 11px; }
    .renewal.renew-design #smb_my .renew-my-benefits strong { font-size: 20px; }
    .renewal.renew-design #smb_my .renew-my-details summary { padding-inline: 18px; }
    .renewal.renew-design #smb_my .renew-my-info { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-inline: 18px; }
    .renewal.renew-design #smb_my #smb_my_act { padding-inline: 18px; }
    .renewal.renew-design #smb_my .renew-my-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: -16px; }
    .renewal.renew-design #smb_my .renew-my-shortcuts a { min-height: 58px; gap: 10px; }
    .renewal.renew-design #smb_my .renew-my-section-heading { gap: 12px; margin-bottom: 14px; }
    .renewal.renew-design #smb_my .renew-my-section-heading h2 { font-size: 19px; }
    .renewal.renew-design #smb_my .renew-my-order { grid-template-columns: minmax(0, 1fr) minmax(104px, .85fr); gap: 16px 12px; padding: 20px 18px; }
    .renewal.renew-design #smb_my .renew-my-order-id { grid-column: 1; grid-row: 1; }
    .renewal.renew-design #smb_my .renew-my-status { grid-column: 2; grid-row: 1; padding: 4px 8px; font-size: 11px; }
    .renewal.renew-design #smb_my .renew-my-order-price { grid-column: 1; grid-row: 2; align-self: stretch; padding-top: 14px; border-top: 1px solid var(--r-line); }
    .renewal.renew-design #smb_my .renew-my-order-payment { grid-column: 2; grid-row: 2; align-self: stretch; align-content: center; padding-top: 14px; border-top: 1px solid var(--r-line); }
    .renewal.renew-design #smb_my .renew-my-wishes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
}
@media (max-width: 359px) {
    .renewal.renew-design #smb_my .renew-my-benefits { grid-template-columns: 1.35fr 1fr 1fr; }
    .renewal.renew-design #smb_my .renew-my-benefits > a { padding-inline: 8px; }
    .renewal.renew-design #smb_my .renew-my-benefits > a > span { gap: 3px; font-size: 10px; }
    .renewal.renew-design #smb_my .renew-my-benefits strong { font-size: 20px; }
    .renewal.renew-design #smb_my .renew-my-shortcuts a { gap: 8px; padding-inline: 10px; font-size: 12px; }
    .renewal.renew-design #smb_my .renew-my-order { grid-template-columns: minmax(0, 1fr) 82px; }
    .renewal.renew-design #smb_my .renew-my-order-id a { gap: 5px; font-size: 12px; }
}