@charset "utf-8";

/* 03 Mellow — calm, contained and readable */
:root {
    --ml-bg:#f7f4ed;
    --ml-surface:#fffdf8;
    --ml-surface-2:#f1eadf;
    --ml-ink:#3e463b;
    --ml-muted:#7a8176;
    --ml-line:#ded8cc;
    --ml-sage:#8ea68b;
    --ml-sage-dark:#637b62;
    --ml-sage-soft:#dce8d9;
    --ml-coral:#e98b72;
    --ml-coral-soft:#f7ddd4;
    --ml-yellow:#f2ce73;
    --ml-radius:18px;
    --ml-shadow:0 12px 35px rgba(75,70,55,.07);
    --ml-max:1120px;
    --ml-font:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    --kr-bg:var(--ml-bg);
    --kr-surface:var(--ml-surface);
    --kr-surface-2:var(--ml-surface-2);
    --kr-text:var(--ml-ink);
    --kr-muted:var(--ml-muted);
    --kr-line:var(--ml-line);
    --kr-line-strong:#c9c2b5;
    --kr-primary:var(--ml-sage-dark);
    --kr-primary-hover:#50664f;
    --kr-primary-soft:var(--ml-sage-soft);
    --kr-danger:#c95d54;
    --kr-radius:var(--ml-radius);
    --kr-shadow:var(--ml-shadow);
    --kr-max:var(--ml-max);
}

html[data-theme="dark"] {
    --ml-bg:#20251f;
    --ml-surface:#282e27;
    --ml-surface-2:#30372f;
    --ml-ink:#eef0e9;
    --ml-muted:#abb1a6;
    --ml-line:#424b40;
    --ml-sage:#9db49a;
    --ml-sage-dark:#b5c9b1;
    --ml-sage-soft:#394738;
    --ml-coral:#ef9c86;
    --ml-coral-soft:#503830;
    --ml-yellow:#d7b965;
    --ml-shadow:0 14px 40px rgba(0,0,0,.16);
    --kr-bg:var(--ml-bg);
    --kr-surface:var(--ml-surface);
    --kr-surface-2:var(--ml-surface-2);
    --kr-text:var(--ml-ink);
    --kr-muted:var(--ml-muted);
    --kr-line:var(--ml-line);
    --kr-line-strong:#596257;
    --kr-primary:var(--ml-sage-dark);
    --kr-primary-hover:#c5d7c1;
    --kr-primary-soft:var(--ml-sage-soft);
}

html{background:var(--ml-bg);scroll-behavior:smooth}
body{min-width:0!important;margin:0;background:var(--ml-bg);color:var(--ml-ink);font-family:var(--ml-font);font-size:14px;line-height:1.65;letter-spacing:-.018em}
a{color:inherit}
button,input,select,textarea{font-family:var(--ml-font)}
::selection{background:var(--ml-sage);color:#fff}

#hd,#wrapper,#ft{min-width:0!important}
#hd_pop,#hd_wrapper,#tnb .inner,#gnb .gnb_wrap,#container_wr,#ft_wr{width:min(var(--ml-max),calc(100% - 40px))!important;margin-right:auto!important;margin-left:auto!important}

/* contained header */
#hd{padding-top:10px;border:0;background:var(--ml-bg)}
#tnb{height:32px;border:0;background:transparent}
#tnb .inner{height:32px}
#hd_define li,#hd_qnb li{margin-right:16px;padding:0;border:0;font-size:11px;line-height:32px}
#hd_define li a,#hd_qnb li a{color:var(--ml-muted)}
#hd_define li.active a,#hd_define li a:hover,#hd_qnb li a:hover{color:var(--ml-sage-dark)}
#hd_qnb .visit .visit-num{min-width:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:var(--ml-coral);color:#fff}
#hd_wrapper{display:grid;height:92px;grid-template-columns:280px minmax(280px,1fr) 280px;gap:24px;align-items:center;padding:0 22px;border:1px solid var(--ml-line);border-radius:22px 22px 0 0;background:var(--ml-surface);box-shadow:0 8px 30px rgba(75,70,55,.035)}
#logo{float:none;width:auto!important;padding:0}
#logo a{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center;min-height:0!important;padding:0!important}
#logo a::before,#logo a::after{display:none!important;content:none!important}
#logo img{display:none!important}
.mellow_mark{display:grid!important;width:42px;height:42px;margin:0!important;border-radius:50% 50% 48% 52%/55% 46% 54% 45%;background:var(--ml-coral);color:#fff!important;font-family:Georgia,serif;font-size:27px!important;font-style:italic;line-height:42px!important;letter-spacing:0!important;place-items:center;transform:rotate(-5deg)}
.mellow_brand{display:block!important;margin:0!important}
.mellow_brand strong{display:block;color:var(--ml-ink);font-size:19px;font-weight:750;line-height:1.25;letter-spacing:-.04em}
.mellow_brand small{display:block;margin-top:3px;color:var(--ml-muted);font-size:10px;line-height:1.35;letter-spacing:.01em}
.hd_sch_wr{position:static;float:none;width:100%;max-width:400px;margin:0 auto;padding:0;justify-self:center}
#hd_sch{height:44px;border:1px solid var(--ml-line);border-radius:22px;background:var(--ml-bg);overflow:hidden}
#hd_sch form{display:flex;width:100%;height:42px;align-items:center}
#hd_sch #sch_stx,#hd_sch #sch_str{float:none;flex:1 1 auto;width:auto;min-width:0;height:42px;padding:0 5px 0 18px;border:0!important;background:transparent!important;color:var(--ml-ink);font-size:12px;line-height:42px;box-shadow:none!important}
#hd_sch #sch_submit{float:none;flex:0 0 46px;width:46px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--ml-sage-dark)}
#hd_sch #sch_submit:hover{background:var(--ml-sage-soft);color:var(--ml-sage-dark)}
.hd_sch_wr .sch_word{display:none!important}
.hd_login{position:static;display:flex;gap:7px;align-items:center;justify-self:end}
.hd_login li{margin:0}
.hd_login a,.kr_theme_toggle{display:grid;min-width:42px;height:38px;padding:0 13px;border:1px solid var(--ml-line);border-radius:19px;background:var(--ml-surface);color:var(--ml-ink);font-size:11px;line-height:36px;place-items:center}
.hd_login a:hover,.kr_theme_toggle:hover{border-color:var(--ml-sage);background:var(--ml-sage-soft);color:var(--ml-sage-dark)}
.hd_login>.shop_login{position:relative;min-width:0}
.shop_login .btn_member_mn{display:inline-flex;width:auto;min-width:0;max-width:180px;height:38px;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px 0 5px;border:1px solid var(--ml-line)!important;border-radius:19px;background:var(--ml-surface);color:var(--ml-ink);text-align:left}
.shop_login .btn_member_mn:hover,.shop_login .btn_member_mn:focus-visible,.shop_login .btn_member_mn.btn_member_mn_on{border-color:var(--ml-sage)!important;background:var(--ml-sage-soft);color:var(--ml-sage-dark);outline:0}
.shop_login .btn_member_mn .profile_img{display:inline-flex;flex:0 0 auto;margin:0}
.shop_login .btn_member_mn .profile_img img{width:28px;height:28px;border:1px solid var(--ml-line);border-radius:50%;background:var(--ml-surface-2);object-fit:cover}
.shop_login .btn_member_mn .profile_identity{display:inline-flex;min-width:0;align-items:center}
.shop_login .btn_member_mn .profile_name{display:block;max-width:80px;overflow:hidden;color:inherit;font-size:12px;font-weight:700;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.shop_login .btn_member_mn .profile_suffix{flex:0 0 auto;margin-left:2px;color:inherit;font-size:11px}
.shop_login .btn_member_mn .member_toggle_icon{flex:0 0 auto;margin:0;color:var(--ml-muted);font-size:12px;transition:transform .18s ease}
.shop_login .btn_member_mn[aria-expanded="true"] .member_toggle_icon{color:var(--ml-sage-dark);transform:rotate(180deg)}
.shop_login .member_mn{position:absolute;z-index:250;top:calc(100% + 10px);right:0;left:auto;width:270px;overflow:hidden;padding:0;border:1px solid var(--ml-line)!important;border-radius:16px;background:var(--ml-surface)!important;color:var(--ml-ink);box-shadow:0 18px 45px rgba(50,55,46,.16)}
.shop_login .member_mn>h2{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;clip:rect(0,0,0,0)}
.shop_login .member_mn_head{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid var(--ml-line);background:var(--ml-surface-2)}
.shop_login .member_mn_head .profile_img{display:inline-flex;margin:0}
.shop_login .member_mn_head .profile_img img{display:block;width:42px;height:42px;border:1px solid var(--ml-line);border-radius:50%;object-fit:cover}
.shop_login .member_mn_head>div{min-width:0}
.shop_login .member_mn_head strong{display:block;overflow:hidden;color:var(--ml-ink);font-size:13px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.shop_login .member_mn_head>div>span{display:block;margin-top:2px;color:var(--ml-muted);font-size:10px;line-height:16px}
.shop_login #ol_after_private{padding:8px;text-align:left}
.shop_login #ol_after_private li{margin:0}
.shop_login #ol_after_private a{display:flex;height:38px;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:9px;color:var(--ml-ink);font-size:11px;line-height:1.4}
.shop_login #ol_after_private a:hover{background:var(--ml-sage-soft);color:var(--ml-sage-dark)}
.shop_login #ol_after_private a i{width:16px;color:var(--ml-muted);text-align:center}
.shop_login #ol_after_private a strong{margin-left:auto;padding:1px 6px;border-radius:9px;color:#fff;font-size:9px;font-weight:650}
.shop_login #ol_after_ft{padding:8px;border-top:1px solid var(--ml-line)}
.shop_login #ol_after_logout{display:flex;height:36px;align-items:center;justify-content:center;border:0;border-radius:9px;color:var(--ml-coral);font-size:11px;line-height:1.4}
.shop_login #ol_after_logout:hover{background:var(--ml-coral-soft)}

#gnb{border:0;background:transparent}
#gnb .gnb_wrap{height:56px;padding:0 13px;border:1px solid var(--ml-line);border-top:0;border-radius:0 0 22px 22px;background:var(--ml-surface)}
#gnb_1dul{display:flex;height:55px;align-items:center}
#gnb_1dul>.gnb_1dli{float:none;height:42px;margin-right:3px}
#gnb .gnb_1da{height:42px;padding:0 17px;border-radius:21px;color:var(--ml-ink);font-size:12px;font-weight:600;line-height:42px}
#gnb .gnb_1da:hover,#gnb .gnb_1dli:hover>a{background:var(--ml-sage-soft);color:var(--ml-sage-dark)}
.gnb_menu_btn{width:42px;height:42px;border-radius:50%;background:var(--ml-sage);color:#fff}
.gnb_menu_btn:hover{background:var(--ml-sage-dark)}
.gnb_2dul,#gnb_all{border:1px solid var(--ml-line);border-radius:15px;background:var(--ml-surface);box-shadow:var(--ml-shadow);overflow:hidden}
.gnb_2da{border-color:var(--ml-line);color:var(--ml-ink);line-height:1.5}

/* centered content: never spans the viewport */
#wrapper{padding:0;background:transparent}
#container_wr{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;padding:42px 0 76px}
#container{float:none;width:auto;min-width:0;min-height:520px;margin:0;padding:0}
#aside{float:none;width:auto;margin:0}
#container_title{height:auto;margin:0 0 24px;padding:25px 28px;border:1px solid var(--ml-line);border-radius:var(--ml-radius);background:var(--ml-surface);color:var(--ml-ink);font-size:27px;font-weight:750;line-height:1.3;letter-spacing:-.045em;box-shadow:0 8px 26px rgba(75,70,55,.04)}
#container_title span{border:0}

/* home */
.mellow_hero{position:relative;display:grid;min-height:430px;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);overflow:hidden;border-radius:30px;background:var(--ml-sage-soft);box-shadow:var(--ml-shadow)}
.mellow_hero_copy{position:relative;z-index:2;padding:58px 30px 56px 58px}
.mellow_eyebrow{display:block;margin-bottom:15px;color:var(--ml-sage-dark);font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.13em}
.mellow_hero h2{margin:0;color:var(--ml-ink);font-size:clamp(38px,4.5vw,56px);font-weight:760;line-height:1.25;letter-spacing:-.06em;word-break:keep-all}
.mellow_hero_copy>p{margin-top:23px;color:var(--ml-muted);font-size:14px;line-height:1.75;word-break:keep-all}
.mellow_hero_actions{display:flex;gap:22px;align-items:center;margin-top:32px}
.mellow_primary{display:inline-flex;height:46px;align-items:center;padding:0 22px;border-radius:23px;background:var(--ml-sage-dark);color:#fff;font-size:12px;font-weight:700}
.mellow_primary:hover{background:var(--ml-coral);color:#fff}
.mellow_text_link{color:var(--ml-ink);font-size:12px;font-weight:650}
.mellow_text_link span{display:inline-block;margin-left:7px;color:var(--ml-coral);transition:transform .2s}
.mellow_text_link:hover span{transform:translateX(4px)}
.mellow_hero_art{position:relative;min-height:430px;background:var(--ml-coral-soft)}
.mellow_sun{position:absolute;top:46px;right:54px;width:82px;height:82px;border-radius:50%;background:var(--ml-yellow)}
.mellow_leaf{position:absolute;width:86px;height:150px;border-radius:100% 0 100% 0;background:var(--ml-sage);transform:rotate(28deg)}
.leaf_one{right:142px;bottom:44px}
.leaf_two{right:72px;bottom:20px;transform:rotate(65deg) scale(.75);background:var(--ml-sage-dark)}
.mellow_flower{position:absolute;top:144px;left:64px;width:148px;height:148px}
.mellow_flower i{position:absolute;top:50%;left:50%;width:58px;height:58px;border-radius:50% 50% 46% 54%;background:var(--ml-surface);transform-origin:0 0}
.mellow_flower i:nth-child(1){transform:rotate(0deg) translate(-5px,-50%)}
.mellow_flower i:nth-child(2){transform:rotate(90deg) translate(-5px,-50%)}
.mellow_flower i:nth-child(3){transform:rotate(180deg) translate(-5px,-50%)}
.mellow_flower i:nth-child(4){transform:rotate(270deg) translate(-5px,-50%)}
.mellow_flower b{position:absolute;top:52px;left:52px;width:44px;height:44px;border-radius:50%;background:var(--ml-coral)}
.mellow_smile{position:absolute;right:38px;bottom:35px;color:var(--ml-ink);font-family:Georgia,serif;font-size:74px;line-height:1;transform:rotate(-7deg)}
.mellow_section_head,.kr_home_head{display:flex!important;min-height:0;align-items:flex-end;justify-content:space-between;margin:54px 0 20px!important;padding:0!important;border:0!important;background:transparent!important}
.mellow_section_head .mellow_eyebrow{margin-bottom:8px}
.kr_home_head h2{color:var(--ml-ink)!important;font-size:27px!important;font-weight:750!important;line-height:1.3!important;letter-spacing:-.045em!important}
.kr_home_head p{margin-top:6px;color:var(--ml-muted)!important;font-size:12px!important;line-height:1.65!important}
.mellow_section_head>a{padding-bottom:3px;border-bottom:1px solid var(--ml-sage);color:var(--ml-sage-dark);font-size:11px;font-weight:650}
.latest_top_wr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.latest_top_wr:after,.latest_wr:after{display:none}
.latest_top_wr .lt,.latest_wr .lt{float:none;width:auto!important;margin:0!important;padding:23px!important;border:1px solid var(--ml-line)!important;border-radius:var(--ml-radius)!important;background:var(--ml-surface)!important;box-shadow:0 8px 28px rgba(75,70,55,.04)!important}
.latest_top_wr .lt:nth-child(3){grid-column:1/-1}
.lt_title{padding-bottom:14px!important;border-bottom:1px solid var(--ml-line)!important;color:var(--ml-ink)!important;font-size:16px!important;font-weight:720!important;line-height:1.45!important}
.lt_more{top:24px!important;right:22px!important;color:var(--ml-sage-dark)!important;font-size:11px!important}
.lt ul{padding-top:10px!important}
.lt li{padding:8px 0!important;color:var(--ml-muted)!important;font-size:12px!important;line-height:1.5!important}
.lt li a{color:var(--ml-ink)!important}
.lt li a:hover{color:var(--ml-coral)!important}
.latest_wr{margin-top:16px}
.latest_wr .lt{width:100%!important}
.mellow_invite{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:48px;padding:34px 38px;border-radius:24px;background:var(--ml-coral-soft)}
.mellow_invite .mellow_eyebrow{margin-bottom:8px;color:#ad5d4d}
.mellow_invite h2{font-size:24px;font-weight:750;line-height:1.35;letter-spacing:-.045em}
.mellow_invite p{margin-top:6px;color:var(--ml-muted);font-size:12px;line-height:1.65}
.mellow_invite>a{flex:none;padding:13px 20px;border-radius:22px;background:var(--ml-coral);color:#fff;font-size:12px;font-weight:700}

/* sidebar */
#aside>section,#aside>div{margin:0 0 18px!important;padding:19px!important;border:1px solid var(--ml-line)!important;border-radius:var(--ml-radius)!important;background:var(--ml-surface)!important;box-shadow:0 8px 24px rgba(75,70,55,.04)!important}
#aside h2{color:var(--ml-ink)!important;font-size:14px!important;font-weight:720!important;line-height:1.45!important}
#ol_before .ol_wr{border:0!important;background:transparent!important}
#ol_before .frm_input{border:1px solid var(--ml-line)!important;border-radius:10px!important;background:var(--ml-bg)!important}

/* all community surfaces */
.tbl_head01 table,.tbl_wrap table{overflow:hidden;border:1px solid var(--ml-line)!important;border-collapse:separate!important;border-spacing:0;border-radius:14px;background:var(--ml-surface)}
.tbl_head01 thead th,.tbl_head01 tbody td,.tbl_wrap th,.tbl_wrap td{border-color:var(--ml-line)!important;background:transparent!important;color:var(--ml-ink)!important;line-height:1.55!important}
.tbl_head01 thead th,.tbl_wrap th{height:44px;background:var(--ml-surface-2)!important;font-size:11px;font-weight:700}
.tbl_head01 tbody td{padding-top:12px!important;padding-bottom:12px!important}
.tbl_head01 tbody tr:hover{background:var(--ml-sage-soft)!important}
.bo_tit a{font-size:13px;font-weight:600;line-height:1.55}
#bo_list,#bo_v,#bo_w,.register,.mbskin,#faq_wrap,#new_sch,.new_win,.sch_res_list,.qa_list{border-radius:var(--ml-radius)!important}
.btn,.btn_b01,.btn_b02,.btn_b03,.btn_submit,a.btn_admin,.btn_admin{border-radius:20px!important;box-shadow:none!important;font-size:11px!important;font-weight:650!important}
.btn_submit,.btn_b02{border-color:var(--ml-sage-dark)!important;background:var(--ml-sage-dark)!important;color:#fff!important}
.btn_submit:hover,.btn_b02:hover{border-color:var(--ml-coral)!important;background:var(--ml-coral)!important}
.btn_b01,.btn_b03{border:1px solid var(--ml-line)!important;background:var(--ml-surface)!important;color:var(--ml-ink)!important}
.btn_b01:hover,.btn_b03:hover{border-color:var(--ml-sage)!important;background:var(--ml-sage-soft)!important;color:var(--ml-sage-dark)!important}
.pg_page,.pg_current{border-radius:50%!important;font-size:11px}
.pg_current{background:var(--ml-sage-dark)!important;color:#fff!important}
.frm_input,input[type=text],input[type=password],input[type=email],input[type=tel],select,textarea{border:1px solid var(--ml-line)!important;border-radius:11px!important;background:var(--ml-surface)!important;color:var(--ml-ink)!important;line-height:1.5!important;box-shadow:none!important}
.frm_input:focus,input:focus,select:focus,textarea:focus{border-color:var(--ml-sage)!important;box-shadow:0 0 0 3px rgba(142,166,139,.16)!important}
#bo_v{padding:28px!important;border:1px solid var(--ml-line)!important;background:var(--ml-surface)!important;box-shadow:0 10px 30px rgba(75,70,55,.04)!important}
#bo_v_title .bo_v_tit{margin-top:10px;color:var(--ml-ink);font-size:27px;font-weight:750;line-height:1.4;letter-spacing:-.04em;word-break:keep-all}
#bo_v_title .bo_v_cate{border-radius:10px;background:var(--ml-sage-soft);color:var(--ml-sage-dark)}
#bo_v_info{border-color:var(--ml-line);color:var(--ml-muted);line-height:1.6}
#bo_v_atc{padding:35px 4px}
#bo_v_con{min-height:220px;color:var(--ml-ink);font-size:15px;line-height:1.85}
.bo_v_nb{border-color:var(--ml-line)!important;border-radius:14px!important;background:var(--ml-bg)!important;overflow:hidden}
.bo_vc_w{border-radius:14px!important;background:var(--ml-bg)!important}
#bo_w{padding:26px!important;border:1px solid var(--ml-line)!important;background:var(--ml-surface)!important;box-shadow:var(--ml-shadow)!important}

/* member and utility pages */
#mb_login,.register,#find_info,.mbskin,.memo_list,.point_list,#faq_wrap,.qa_list{max-width:none;border:1px solid var(--ml-line)!important;border-radius:var(--ml-radius)!important;background:var(--ml-surface)!important;box-shadow:0 10px 30px rgba(75,70,55,.045)!important}
#mb_login h1,.register h2,.mbskin h1,.new_win h1{font-size:26px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:-.04em!important}
.register_form_inner,.tbl_frm01,.mbskin>form{background:transparent!important}
.required,.required:focus{background-color:var(--ml-surface)!important;background-image:none!important}

/* shop */
#hd_menu{display:grid!important;width:min(var(--ml-max),calc(100% - 40px))!important;height:64px!important;grid-template-columns:220px minmax(0,1fr);align-items:center;margin:0 auto;border:1px solid var(--ml-line)!important;border-top:0!important;border-radius:0 0 22px 22px;background:var(--ml-surface)!important;overflow:hidden}
#hd_menu button#menu_open{float:none!important;width:calc(100% - 16px)!important;height:48px!important;margin:8px!important;padding:0 20px!important;border:0!important;border-radius:24px!important;background:var(--ml-sage)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:48px!important;text-align:left}
#hd_menu button#menu_open i{margin-right:10px!important;color:rgba(62,70,59,.5)!important;line-height:1!important}
#hd_menu .hd_menu{display:grid!important;width:100%!important;height:64px!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;margin:0!important;padding:0!important;font-size:12px!important}
#hd_menu .hd_menu li{display:flex!important;float:none!important;width:100%!important;height:64px!important;align-items:stretch;justify-content:center;margin:0!important;padding:0!important;line-height:normal!important}
#hd_menu .hd_menu a{display:flex!important;float:none!important;width:100%!important;height:64px;align-items:center;justify-content:center;padding:0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ml-ink)!important;font-size:12px;font-weight:700;line-height:1.4;text-align:center;white-space:nowrap}
#hd_menu .hd_menu a:hover,#hd_menu .hd_menu .is_active a{background:var(--ml-sage-soft)!important;color:var(--ml-sage-dark)!important}
#category{top:64px!important}
.shop_main_intro{overflow:hidden;border:0!important;border-radius:28px!important;background:var(--ml-sage-soft)!important;box-shadow:var(--ml-shadow)!important}
.shop_main_intro_text{padding:52px!important}
.shop_main_kicker{color:var(--ml-sage-dark)!important;font-size:10px!important;font-weight:750!important;line-height:1.4!important;letter-spacing:.12em!important}
.shop_main_intro h2{font-size:clamp(35px,4vw,50px)!important;font-weight:760!important;line-height:1.28!important;letter-spacing:-.055em!important;word-break:keep-all}
.shop_main_intro_text p{line-height:1.7!important}
.shop_main_shortcuts a{border-color:rgba(99,123,98,.18)!important;border-radius:16px!important;background:rgba(255,255,255,.35)!important}
.shop_main_shortcuts a:hover{background:var(--ml-surface)!important;color:var(--ml-sage-dark)!important}
.sct_wrap{margin-top:55px!important}
.sct_wrap>header{display:flex!important;min-height:58px;align-items:center!important;justify-content:space-between!important;gap:20px;padding:0 0 16px!important;border-bottom:1px solid var(--ml-line)!important}
.sct_wrap>header h2{font-size:26px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:-.04em!important}
.sct_wrap>header p,.shop_section_more{font-size:11px!important;line-height:1.6!important}
.sct,.sct_10,.sct_20,.sct_30,.sct_40,.shop_product_grid{align-items:stretch;gap:14px!important}
.sct li,.sct_10 li,.sct_20 li,.sct_30 li,.sct_40 li{padding:14px!important;border:1px solid var(--ml-line)!important;border-radius:16px!important;background:var(--ml-surface)!important;box-shadow:0 7px 24px rgba(75,70,55,.035)!important}
.sct_img img,.sct_img_wrap img{border-radius:12px!important}
.sct_txt a,.sct_name a{font-size:14px!important;font-weight:650!important;line-height:1.5!important}
.sct_cost,.sct_cost strong{color:var(--ml-sage-dark)!important}
.shop_product_card{display:flex!important;height:100%;flex-direction:column}
.shop_product_body{display:flex;flex:1;flex-direction:column}
.shop_product_name{min-height:42px;white-space:normal!important}
.shop_product_basic{flex:1}
.shop_product_price{margin-top:auto}
#sit,#sit_ov_wrap,#sit_ov,#sit_pvi{border-color:var(--ml-line)!important;border-radius:var(--ml-radius)!important;background:var(--ml-surface)!important;box-shadow:none!important}
#sit_title{font-size:29px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:-.04em!important}
#sit_tab .tab_tit{border-radius:12px!important}
#sit_buy,.sit_btn_buy{border-radius:22px!important;background:var(--ml-sage-dark)!important}
#side_menu{font-family:var(--ml-font)}
#quick .btn_sm{border-radius:12px!important;background:var(--ml-surface)!important;color:var(--ml-sage-dark)!important;box-shadow:var(--ml-shadow)!important}
.shop_container{background:transparent!important}
#sod_bsk,#sod_frm,#sod_fin,#sod_v,.sod_left,.sod_right,#sod_frm_orderer,#sod_frm_taker,#sod_frm_pay{border-color:var(--ml-line)!important;border-radius:var(--ml-radius)!important;background:var(--ml-surface)!important;box-shadow:none!important}

/* shop has its own #container and #gnb; keep both inside the same 1120px frame */
#wrapper>#container{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;width:min(var(--ml-max),calc(100% - 40px));margin:0 auto;padding:30px 0 70px}
#wrapper>#container #aside{display:block;position:static;width:auto;margin:0}
#wrapper>#container #aside #gnb{min-height:0;overflow:hidden;margin:0 0 14px;border:1px solid var(--ml-line);border-radius:var(--ml-radius);background:var(--ml-surface)}
#wrapper>#container #aside #gnb h2{display:none}
#wrapper>#container #aside #gnb_1dul{display:block;width:auto;height:auto;overflow:visible}
#wrapper>#container #aside #gnb .gnb_1dli{float:none;height:48px;margin:0;border-top:1px solid var(--ml-line)}
#wrapper>#container #aside #gnb .gnb_1da{display:block;height:47px;padding:0 15px;border-radius:0;color:var(--ml-ink);font-size:12px;line-height:47px}
#wrapper>#container #aside #gnb .gnb_1da:hover{background:var(--ml-sage-soft);color:var(--ml-sage-dark)}

/* footer */
#ft{padding-top:0;border:0;background:transparent;color:var(--ml-ink)}
#ft_wr{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px!important;border:1px solid var(--ml-line);border-bottom:0;border-radius:24px 24px 0 0;background:var(--ml-surface)}
#ft_link{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px 16px}
#ft_link a{margin:0!important;padding:0!important;color:var(--ml-muted)!important;font-size:11px;line-height:1.6}
#ft_link a:hover{color:var(--ml-sage-dark)!important}
#ft_company{padding:0!important}
#ft_company h2{margin-bottom:10px;color:var(--ml-ink);font-size:16px;font-weight:750;line-height:1.4}
#ft_company .ft_info{color:var(--ml-muted);font-size:11px;line-height:1.75}
#ft_copy{width:min(var(--ml-max),calc(100% - 40px));margin:0 auto;padding:14px 38px;border:1px solid var(--ml-line);border-top:0;background:var(--ml-surface);color:var(--ml-muted);font-size:10px;text-align:left}
#top_btn{right:22px;bottom:22px;border:0;border-radius:50%;background:var(--ml-sage-dark);color:#fff;box-shadow:var(--ml-shadow)}

@media (max-width:920px){
    #hd_wrapper{grid-template-columns:210px 1fr 210px;gap:16px}
    #container_wr{grid-template-columns:minmax(0,1fr) 220px;gap:20px}
    .shop_login .btn_member_mn{width:38px;min-width:38px;max-width:38px;padding:0;justify-content:center}
    .shop_login .btn_member_mn .profile_identity,.shop_login .btn_member_mn .member_toggle_icon{display:none}
    .mellow_hero_copy{padding:48px 25px 46px 42px}
    .mellow_flower{left:25px}
}

@media (max-width:768px){
    html,body{max-width:100%;overflow-x:hidden}
    #hd_pop,#hd_wrapper,#tnb .inner,#gnb .gnb_wrap,#container_wr,#ft_wr{width:calc(100% - 28px)!important}
    #hd{padding-top:0}
    #tnb{display:none}
    #hd_wrapper{display:grid;height:auto;min-height:112px;padding:18px;grid-template-columns:1fr auto;gap:16px;border-radius:0 0 18px 18px}
    #logo{grid-column:1}
    .mellow_mark{width:38px;height:38px;font-size:24px!important;line-height:38px!important}
    .mellow_brand strong{font-size:17px}
    .hd_login{grid-column:2;grid-row:1}
    .hd_login a{display:none}
    .hd_sch_wr{grid-column:1/-1;grid-row:2;max-width:none}
    .hd_sch_wr .sch_word{display:none}
    #gnb{max-width:100%;overflow:hidden}
    #gnb .gnb_wrap{overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--ml-line);border-radius:16px;margin-top:10px}
    #gnb_1dul{width:max-content}
    #gnb .gnb_1da{padding:0 14px}
    #hd_menu{display:flex!important;width:calc(100% - 28px)!important;height:58px!important;padding:0 8px;overflow-x:auto}
    #hd_menu button#menu_open{flex:0 0 130px;width:130px!important;height:42px!important;margin:8px 6px 8px 0!important;line-height:42px!important}
    #hd_menu .hd_menu{display:flex!important;flex:0 0 500px;width:500px!important;height:58px!important}
    #hd_menu .hd_menu li{flex:0 0 100px!important;width:100px!important;height:58px!important}
    #hd_menu .hd_menu a{height:58px!important;padding:0 8px!important;font-size:11px}
    #category{top:0!important}
    #hd_wrapper{grid-template-columns:minmax(0,1fr) 42px;overflow:hidden}
    #logo,.hd_sch_wr,#hd_sch,#hd_sch form{min-width:0;max-width:100%}
    .hd_login{width:42px;overflow:hidden;justify-self:end}
    .hd_login>li:not(.shop_theme){display:none}
    #container_wr{display:block;padding:28px 0 54px}
    #aside{display:none}
    #container_title{margin-bottom:18px;padding:20px;font-size:23px;line-height:1.4}
    .mellow_hero{display:block;min-height:0;border-radius:22px}
    .mellow_hero_copy{padding:38px 26px 40px}
    .mellow_hero h2{font-size:28px;line-height:1.42;letter-spacing:-.045em}
    .mellow_hero_copy>p{font-size:13px;line-height:1.75}
    .mellow_hero_actions{display:block;margin-top:26px}
    .mellow_primary{height:44px}
    .mellow_text_link{display:inline-block;margin:18px 0 0 4px}
    .mellow_hero_art{min-height:230px}
    .mellow_sun{top:25px;right:30px;width:60px;height:60px}
    .mellow_flower{top:45px;left:70px;transform:scale(.8)}
    .leaf_one{right:110px;bottom:15px;transform:rotate(28deg) scale(.8)}
    .leaf_two{right:45px;bottom:3px;transform:rotate(65deg) scale(.55)}
    .mellow_smile{right:25px;bottom:18px;font-size:52px}
    .mellow_section_head,.kr_home_head{align-items:flex-start;margin-top:42px!important}
    .mellow_section_head>a{display:none}
    .kr_home_head h2{font-size:23px!important;line-height:1.4!important}
    .latest_top_wr{grid-template-columns:1fr}
    .latest_top_wr .lt:nth-child(3){grid-column:auto}
    .mellow_invite{display:block;margin-top:34px;padding:28px 24px}
    .mellow_invite h2{font-size:21px;line-height:1.45}
    .mellow_invite>a{display:inline-block;margin-top:18px}
    #bo_v{padding:20px!important}
    #bo_v_title .bo_v_tit{font-size:23px;line-height:1.45}
    #bo_v_con{font-size:14px;line-height:1.8}
    #bo_w{padding:18px!important}
    .shop_main_intro_text{padding:32px 25px!important}
    .shop_main_intro h2{font-size:34px!important;line-height:1.35!important}
    #wrapper>#container{display:block;width:calc(100% - 28px);padding:26px 0 54px}
    #wrapper>#container #aside{display:none}
    #ft_wr{grid-template-columns:1fr;gap:24px;padding:28px!important}
    #ft_copy{width:calc(100% - 28px);padding:12px 28px}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}