#hd_login_msg{display:none!important}
#hd,#tnb,#hd_wrapper,#side_menu,#hd_menu{display:none!important}

img{max-width:100%;height:auto}
.hero-slide,.product-image img,.category-card img,.mega-card img,.brand-media img,.brand-entry img.brand-entry__bg,.brand-entry>img,.story-compact img,.about-essence__visual{
  width:100%;height:100%;object-fit:cover
}
.logo img,.ap-logo img,#sod_bsk img,.tbl_wrap img,.smb_me img{width:auto;height:auto;object-fit:contain}

.logo{
  display:inline-flex;align-items:center;line-height:1;max-width:120px
}
.logo img{
  display:block!important;width:auto!important;height:32px!important;max-width:100%!important;object-fit:contain
}
.footer-logo{
  display:inline-flex;align-items:center;line-height:1
}
.footer-logo img{
  display:block!important;height:58px!important;width:auto!important;max-width:200px!important;
  filter:brightness(0) invert(1);opacity:.95
}

footer{
  padding:78px 0 40px!important;
  background:#171714;color:#eee
}
.footer-inner{
  width:min(1440px,calc(100% - 80px));
  margin:0 auto
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr repeat(4,1fr);
  gap:40px;
  align-items:start
}
.footer-biz{
  margin-top:48px;
  padding-top:28px;
  border-top:1px solid #34342f;
  text-align:center;
  font-size:11px;
  line-height:1.9;
  color:#9a978f;
  letter-spacing:.02em
}
.footer-biz__row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px 0;
  margin:0 0 4px
}
.footer-biz__row span{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:0 14px;
  position:relative
}
.footer-biz__row span + span:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:10px;
  background:#4a4944;
  transform:translateY(-50%)
}
.footer-biz__row--contact{margin-top:10px}
.footer-biz a{
  color:#c7c5bf;
  text-decoration:none;
  border-bottom:1px solid transparent
}
.footer-biz a:hover{border-bottom-color:rgba(199,197,191,.45)}
.footer-legal{
  display:flex;
  justify-content:center;
  gap:22px;
  margin-top:18px;
  font-size:11px;
  letter-spacing:.08em
}
.footer-legal a{
  color:#c7c5bf;
  text-decoration:none;
  border-bottom:1px solid transparent
}
.footer-legal a:hover{border-bottom-color:rgba(199,197,191,.45)}
footer .copy{
  margin-top:26px!important;
  padding-top:0!important;
  border-top:0!important;
  text-align:center;
  font-size:9px;
  color:#7a7872;
  letter-spacing:.12em
}

@media(max-width:900px){
  .logo{max-width:100px}
  .logo img{height:28px!important}
  .footer-inner{width:calc(100% - 40px)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
  .footer-biz{margin-top:36px;padding-top:22px;font-size:10.5px}
  .footer-biz__row span{
    white-space:normal;
    padding:0 10px;
    text-align:center
  }
  .footer-biz__row span + span:before{display:none}
  .footer-biz__row{gap:4px 12px}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-biz__row{flex-direction:column;gap:2px}
  .footer-biz__row span{padding:0}
  footer .copy{letter-spacing:.08em;line-height:1.7}
}

.ap-burger{
  display:none;width:36px;height:36px;border:0;background:transparent;padding:8px;margin-left:2px;cursor:pointer;
  position:relative;z-index:320;-webkit-tap-highlight-color:transparent
}
.ap-burger span{display:block;height:1.5px;background:currentColor;margin:5px 0;pointer-events:none}
.ap-drawer{
  position:fixed;inset:0;z-index:400;background:rgba(23,23,20,.42);
  -webkit-overflow-scrolling:touch
}
.ap-drawer[hidden]{display:none!important}
.ap-drawer.is-open{display:block!important}
.ap-drawer__panel{
  position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);
  background:#f8f6f1;padding:0;
  display:flex;flex-direction:column;
  z-index:401;box-shadow:-12px 0 40px rgba(0,0,0,.12)
}
body.ap-drawer-open{overflow:hidden!important}
.ap-drawer__top{
  display:flex;justify-content:space-between;align-items:center;
  flex:0 0 auto;padding:22px 22px 14px;
  letter-spacing:.16em;font-size:11px;border-bottom:1px solid rgba(0,0,0,.06)
}
.ap-drawer__top button{border:0;background:transparent;cursor:pointer;letter-spacing:.12em;font:inherit;color:inherit}
.ap-drawer__nav{
  flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;
  padding:8px 22px 20px;display:flex;flex-direction:column
}
.ap-drawer__group{border-bottom:1px solid rgba(0,0,0,.06)}
.ap-drawer__toggle{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;border:0;background:transparent;cursor:pointer;
  font:inherit;color:inherit;letter-spacing:.12em;font-size:15px;font-weight:600;text-align:left
}
.ap-drawer__toggle i{
  display:block;width:10px;height:10px;position:relative;opacity:.55
}
.ap-drawer__toggle i::before,
.ap-drawer__toggle i::after{
  content:"";position:absolute;background:currentColor;transition:transform .2s ease
}
.ap-drawer__toggle i::before{width:10px;height:1.5px;top:4px;left:0}
.ap-drawer__toggle i::after{width:1.5px;height:10px;top:0;left:4px}
.ap-drawer__group.is-open .ap-drawer__toggle i::after{transform:scaleY(0)}
.ap-drawer__sub{
  padding:0 0 14px 2px;display:flex;flex-direction:column;gap:2px
}
.ap-drawer__sub[hidden]{display:none!important}
.ap-drawer__sub>a{
  padding:9px 0 9px 2px;font-size:13px;letter-spacing:.04em;color:#444;line-height:1.35
}
.ap-drawer__sub>a:hover{color:#171714}
.ap-drawer__all{font-weight:600;color:#171714!important;letter-spacing:.08em!important}
.ap-drawer__col-title{
  margin:12px 0 4px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05);
  font-size:10px;letter-spacing:.16em;color:#8a857c;text-transform:uppercase
}
.ap-drawer__col-title:first-of-type{border-top:0;margin-top:4px;padding-top:0}
.ap-drawer__link{
  display:block;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.06);
  font-size:15px;font-weight:600;letter-spacing:.12em
}
.ap-drawer__foot{
  flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;border-top:1px solid rgba(0,0,0,.08);
  background:#f1eee7;padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px))
}
.ap-drawer__icon{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;padding:10px 4px;min-height:64px;color:#171714;text-align:center
}
.ap-drawer__icon-svg{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border:1px solid rgba(0,0,0,.12);background:#f8f6f1
}
.ap-drawer__icon-svg em{
  position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;
  border-radius:8px;background:#171714;color:#fff;
  font-size:8px;font-style:normal;line-height:14px;text-align:center;letter-spacing:0
}
.ap-drawer__icon>span:last-child{
  font-size:9px;letter-spacing:.14em;line-height:1.2
}

.ap-search{
  position:fixed;top:50px;left:0;right:0;z-index:320;
  display:flex;gap:10px;align-items:center;
  padding:16px 42px;background:#f6f3ed;border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.06)
}
.ap-search[hidden]{display:none!important}
.ap-search input{
  flex:1;height:44px;border:0;border-bottom:1px solid #171714;background:transparent;
  font:inherit;letter-spacing:.04em;outline:none
}
.ap-search button{
  border:0;background:transparent;letter-spacing:.16em;font-size:11px;cursor:pointer
}

header{z-index:200!important}
header{
  padding-left:clamp(40px,6vw,88px)!important;
  padding-right:clamp(40px,6vw,88px)!important;
  background:rgba(248,246,241,.48)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom-color:rgba(0,0,0,.04)!important
}
.actions{position:relative;z-index:80;padding-right:4px;align-items:center}
.nav{
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
  gap:32px!important
}
.nav-item>a{font-size:15px!important;font-weight:600!important}
.actions{
  font-size:12px!important;
  letter-spacing:.1em!important;
  gap:16px!important
}
.actions .action-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;color:inherit;position:relative;
  opacity:.92;transition:opacity .15s ease
}
.actions .action-icon:hover{opacity:1}
.actions .action-icon svg{display:block;width:20px;height:20px}
.actions .action-care,
.actions .action-text{
  font-size:12px;letter-spacing:.1em;line-height:34px
}
.actions a.action-care.action-icon{
  width:34px;height:34px;line-height:normal;letter-spacing:0
}
.actions .action-cart__count{
  position:absolute;top:2px;right:0;
  min-width:14px;height:14px;padding:0 3px;
  border-radius:8px;background:#171714;color:#fff;
  font-size:8px;line-height:14px;text-align:center;letter-spacing:0
}
.login-wrap .action-icon{display:inline-flex}
.logo{padding-left:4px}

/* mega menu — keep open while moving into / across panel */
.nav{
  height:50px!important;
  align-items:stretch!important
}
.nav-item{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:100%!important
}
.nav-item>a{
  display:flex!important;
  align-items:center!important;
  height:100%!important
}
.mega{
  left:50%!important;
  right:auto!important;
  top:50px!important;
  width:min(860px,calc(100% - 48px))!important;
  padding:26px 28px 28px!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 18px 40px rgba(23,23,20,.12)!important;
  /* do NOT force pointer-events:none — it cancels hover before delayed close */
  pointer-events:auto!important;
  transform:translateX(-50%)!important;
  z-index:210!important;
  transition:opacity .18s ease,visibility .18s ease!important
}
.mega::before{
  content:"";
  position:absolute;
  left:0;right:0;
  top:-18px;
  height:18px;
  background:transparent
}
.mega.mega-shop{
  width:min(960px,calc(100% - 48px))!important
}
.nav-item:hover .mega,
.nav-item:focus-within .mega,
.nav-item.is-mega-open .mega{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%)!important;
  transition-delay:0s!important
}
.nav-item:not(:hover):not(:focus-within):not(.is-mega-open) .mega{
  transition-delay:.28s!important
}

/* brand entry logo overlay */
.brand-entry a{min-height:420px!important;background:#1a1814!important}
.brand-entry__shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(0,0,0,.04),rgba(0,0,0,.12) 70%,rgba(0,0,0,.2)),
    linear-gradient(180deg,rgba(0,0,0,.02),transparent 48%,rgba(0,0,0,.26))!important
}
.brand-entry__logo{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  display:flex;align-items:center;justify-content:center;padding:0 16% 10%
}
.brand-entry__logo img{
  position:static!important;inset:auto!important;
  width:min(52%,260px)!important;height:auto!important;max-height:48%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.45)) drop-shadow(0 8px 28px rgba(0,0,0,.35));
  opacity:1
}
.brand-entry .be-copy{
  position:absolute!important;
  left:0!important;right:auto!important;bottom:0!important;
  z-index:3!important;
  width:auto!important;max-width:78%;
  padding:18px 20px 20px!important;
  background:linear-gradient(180deg,transparent,rgba(20,22,18,.38))!important;
  color:#fff!important;
  pointer-events:none
}
.brand-entry .be-copy .eyebrow{
  font-size:9px!important;letter-spacing:.16em!important;
  margin-bottom:6px!important;opacity:.9
}
.brand-entry .be-copy p{
  margin:0!important;font-size:11px!important;line-height:1.55!important;
  opacity:.88;max-width:28ch!important;font-weight:400
}
.login-wrap{position:relative}
.login-drop{
  position:absolute;right:0;top:calc(100% + 16px);width:280px;z-index:90;
  padding:22px 20px 18px;background:#f8f6f1;border:1px solid rgba(0,0,0,.08);
  box-shadow:0 18px 40px rgba(23,23,20,.12)
}
.login-drop[hidden]{display:none!important}
.login-drop form{display:grid;gap:10px}
.login-drop input{
  height:42px;border:1px solid #dfddd7;background:#fff;padding:0 12px;font:inherit;outline:none
}
.login-drop button{
  height:44px;border:0;background:#171714;color:#fff;letter-spacing:.16em;font-size:11px;cursor:pointer
}
.login-drop a{display:block;text-align:center;margin-top:4px;font-size:11px;letter-spacing:.08em;color:#79756d}

/* gnuboard default_shop.css: #wrapper/#ft min-width:1200px — mobile 깨짐 원인 */
html,body{
  overflow-x:hidden!important;
  max-width:100%!important;
  min-width:0!important
}
#hd,#wrapper,#ft,
#wrapper.ap-wrapper,#container.ap-container,.shop-content,footer{
  min-width:0!important;max-width:100%!important
}
#wrapper.ap-wrapper,#container.ap-container,.shop-content{
  width:100%!important;padding:0!important;margin:0!important;background:transparent!important;
  overflow-x:hidden!important
}
.shop-content{padding-bottom:40px!important}
body:not(.is-home) .shop-content{min-height:40vh}
#container_title,
body.is-item .ap-page-title,
body:has(#sit) .ap-page-title,
#sct_location.view_location{display:none!important}

/* gnuboard default.css (Malgun / white / blue) → main tokens */
html{font-size:16px}
html,body{
  background:var(--paper,#f8f6f1)!important;
  color:var(--ink,#171714)!important;
  font-family:Manrope,"Noto Sans KR",sans-serif!important;
  font-size:14px!important
}
h1,h2,h3,h4,h5,h6,
input,button,select,textarea,label,table,th,td,a,p,span,li,strong{
  font-family:inherit
}
input,button,select,textarea{
  font-family:Manrope,"Noto Sans KR",sans-serif!important;
  color:var(--ink,#171714)
}
.serif,h1.serif,h2.serif,.ap-page-title{
  font-family:"Cormorant Garamond",serif!important
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{
  box-shadow:none!important;border-color:#171714!important
}
.btn_submit,a.btn_submit,.btn01,a.btn01,.btn02,a.btn02,button.btn_submit{
  background:#171714!important;color:#fff!important;border:0!important;border-radius:0!important;
  letter-spacing:.14em;font-weight:500!important;font-size:11px!important
}
a.btn01,a.btn02,.btn01{
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent!important;color:#171714!important;
  border:1px solid #171714!important
}
.chk_box input[type="checkbox"]:checked + label span,
.chk_box input[type="radio"]:checked + label span{
  background-color:#171714!important;border-color:#171714!important
}

.ap-page-title{
  width:min(1100px,calc(100% - 80px));margin:0 auto;padding:120px 0 8px;
  font-family:"Cormorant Garamond",serif!important;
  font-size:clamp(36px,5vw,56px)!important;font-weight:400!important;
  letter-spacing:-.03em;line-height:1;color:var(--ink,#171714)
}
body:has(#ssch) .ap-page-title{display:none}

.ap-util-head{margin:0 0 36px}
.ap-util-head .eyebrow{
  font-size:10px;letter-spacing:.22em;color:var(--muted,#79756d);margin-bottom:14px
}
.ap-util-head .serif,.ap-util-head h1,.ap-util-head h2{
  font-family:"Cormorant Garamond",serif!important;
  font-size:clamp(40px,6vw,72px)!important;font-weight:400!important;
  letter-spacing:-.03em;line-height:1;margin:0 0 14px;color:var(--ink,#171714)
}
.ap-util-head p,.ssch_result_total{
  float:none!important;max-width:46ch;margin:0;
  font-size:14px;line-height:1.85;color:var(--muted,#79756d);font-weight:400
}

/* cart */
#sod_bsk{
  width:min(1100px,calc(100% - 80px));margin:24px auto 80px;
  background:transparent!important;padding:0 0 40px
}
#sod_bsk .tbl_head03,#sod_bsk .tbl_wrap{background:transparent}
#sod_bsk table{width:100%;border-collapse:collapse;border-top:1px solid var(--line,#dfddd7)}
#sod_bsk th{
  background:transparent!important;color:var(--muted,#79756d)!important;
  font-size:10px!important;letter-spacing:.16em;font-weight:500!important;
  border-bottom:1px solid var(--line,#dfddd7)!important;padding:16px 10px
}
#sod_bsk td{
  background:transparent!important;border-bottom:1px solid var(--line,#dfddd7)!important;
  padding:18px 10px;font-size:13px;color:var(--ink,#171714)
}
#sod_bsk .empty_table{text-align:center;padding:64px 16px!important;color:var(--muted,#79756d)}
#sod_bsk img{width:80px!important;height:80px!important;object-fit:cover}
#sod_bsk .sod_name a,#sod_bsk .prd_name{font-size:13px;letter-spacing:.02em}
#sod_bsk .btn_cart_del{margin:16px 0 28px}
#sod_bsk .btn_cart_del button{
  height:36px;padding:0 14px;margin-right:6px;border:1px solid var(--line,#dfddd7);
  background:transparent;color:var(--ink,#171714);letter-spacing:.1em;font-size:11px;cursor:pointer
}
#sod_bsk #sod_bsk_tot{
  border:1px solid var(--line,#dfddd7)!important;margin:0 0 28px!important;background:#efeae1!important
}
#sod_bsk #sod_bsk_tot ul{display:flex;margin:0;padding:0;list-style:none}
#sod_bsk #sod_bsk_tot li{
  float:none!important;flex:1;width:auto!important;
  background:transparent!important;color:var(--ink,#171714)!important;
  border:0!important;border-right:1px solid var(--line,#dfddd7)!important;
  text-align:left!important;padding:28px 24px!important;font-size:13px!important
}
#sod_bsk #sod_bsk_tot li:last-child{border-right:0!important}
#sod_bsk #sod_bsk_tot li span{display:block;float:none!important;font-size:10px;letter-spacing:.16em;color:var(--muted,#79756d);margin-bottom:10px}
#sod_bsk #sod_bsk_tot li strong{font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:400}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt{
  background:#171714!important;color:#f8f6f1!important
}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt span{color:rgba(248,246,241,.7)}
#sod_bsk_act{text-align:center;margin:0 0 40px}
#sod_bsk_act .btn_submit,#sod_bsk_act .btn01{
  min-width:180px;height:52px!important;line-height:52px;padding:0 22px!important;
  font-size:11px!important;letter-spacing:.16em;margin:0 4px
}

/* search page */
#ssch{
  width:min(1440px,calc(100% - 80px));margin:110px auto 80px;background:transparent
}
#ssch_frm{
  background:transparent!important;border:0!important;border-top:1px solid var(--line,#dfddd7)
}
#ssch_frm .ssch_scharea{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:22px 0!important;border-bottom:1px solid var(--line,#dfddd7)!important
}
#ssch_frm .ssch_input,#ssch_q{
  height:48px!important;border:0!important;border-bottom:1px solid #171714!important;
  border-radius:0!important;box-shadow:none!important;background:transparent!important;
  font-size:15px!important;letter-spacing:.02em;padding:0 4px!important
}
#ssch_frm .ssch_scharea .btn_submit{
  width:auto!important;min-width:96px;height:48px!important;padding:0 18px!important;
  background:#171714!important;border:0!important;letter-spacing:.16em
}
#ssch_frm .tooltip_icon{display:none}
#ssch_frm .ssch_option{
  padding:16px 0!important;border-bottom:1px solid var(--line,#dfddd7)!important;
  color:var(--muted,#79756d);font-size:13px
}
#ssch_frm .ssch_option .ssch_input{height:36px!important;width:110px}
#ssch_cate{background:transparent!important;border-bottom:1px solid var(--line,#dfddd7)!important;padding:8px 0!important}
#ssch_cate ul{display:flex;flex-wrap:wrap;gap:4px 18px}
#ssch_cate li{float:none!important;width:auto!important;border:0!important}
#ssch_cate a{line-height:2.2!important;padding:0!important;font-size:13px}
#ssch_cate a:hover,#ssch_sort_all li:hover a,#ssch_sort li:hover a{color:#171714!important}
#ssch_sort_all,#ssch_sort{
  padding:8px 0!important;margin:0!important;border-bottom:1px solid var(--line,#dfddd7)
}
#ssch_sort_all li,#ssch_sort li{height:auto!important;padding:10px 0!important}
#ssch_sort_all li a,#ssch_sort li a{
  border:0!important;font-size:11px;letter-spacing:.12em;color:var(--muted,#79756d)
}
#ssch_sort_all li:hover:after,#ssch_sort li:hover:after{background:#171714!important}
#ssch h2 strong{color:inherit!important}

/* login page */
.ap-auth-shell{
  min-height:auto!important;
  padding:130px 16px 80px!important;
  background:transparent!important
}
.ap-auth-top{display:none}
#mb_login.ap-login,#mb_login.mbskin{
  width:min(440px,92vw)!important;margin:0 auto!important;padding:0!important;text-align:left!important
}
#mb_login.mbskin:after,#mb_login.ap-login:after{display:none!important}
#mb_login .mbskin_box{
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important
}
#mb_login h1,#mb_login h1.serif{
  position:static!important;overflow:visible!important;line-height:1!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:clamp(40px,6vw,64px)!important;font-weight:400!important;
  letter-spacing:-.03em;margin:0 0 12px!important;color:var(--ink,#171714);text-align:left
}
#mb_login .eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted,#79756d);margin-bottom:14px}
.ap-login .ap-auth-desc{
  margin:0 0 36px;color:var(--muted,#79756d);font-size:14px;line-height:1.75
}
#mb_login .mb_log_cate{
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--line,#dfddd7);margin-bottom:22px;padding-bottom:12px
}
#mb_login .mb_log_cate h2,#mb_login .mb_log_cate .join{
  float:none!important;width:auto!important;padding:0!important;background:transparent!important
}
#mb_login .mb_log_cate h2{font-size:11px;letter-spacing:.16em;color:var(--muted,#79756d);font-weight:500}
#mb_login .mb_log_cate .join{
  font-size:11px;letter-spacing:.14em;color:var(--ink,#171714)!important;
  border-bottom:1px solid #171714;line-height:1.4
}
#login_fs{padding:0!important;border:0}
#mb_login #login_fs .frm_input,#mb_login .frm_input{
  width:100%!important;height:48px!important;margin:0 0 10px!important;
  border:0!important;border-bottom:1px solid var(--line,#dfddd7)!important;
  border-radius:0!important;background:transparent!important;padding:0 2px!important;font-size:14px
}
#mb_login .btn_submit,.ap-login .btn_submit{
  width:100%;height:52px!important;margin:18px 0 0!important;
  background:#171714!important;color:#fff!important;border:0!important;border-radius:0!important;
  letter-spacing:.16em;font-size:11px!important;font-weight:500!important
}
#login_info{margin-top:16px;font-size:12px;color:var(--muted,#79756d)}
#login_info .login_if_lpl a,#login_password_lost{
  color:var(--muted,#79756d)!important;border:0!important;padding:0!important;text-decoration:underline
}
#mb_login_notmb,#mb_login_od_wr{
  margin-top:28px;padding:24px 0;border:0;border-top:1px solid var(--line,#dfddd7);background:transparent
}

/* shop lists like main cards */
.register,#smb_my,#sod_frm{
  width:min(1100px,calc(100% - 48px));margin:24px auto 80px
}

.sct_wrap{width:min(1440px,calc(100% - 80px));margin:20px auto 80px}
.sct_10,.sct.sct_10{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin:0}
.sct_10 .sct_li{width:auto!important;float:none!important;height:auto!important}
.sct_10 .sct_img img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover}
.sct_10 .sct_txt,.sct_10 .sct_cost{font-size:12px;letter-spacing:.02em}
.pg_wrap{text-align:center;margin:40px 0}
.pg_page,.pg_start,.pg_end{border:0!important;background:transparent!important;color:var(--muted,#79756d)!important}
.pg_current{background:#171714!important;border-color:#171714!important;color:#fff!important;border-radius:0!important}

.brand-media img{width:100%;height:100%;object-fit:cover;min-height:620px}
.page-hero{background:#f4efe7}
.story-compact{gap:56px}
body.is-home .ap-page-title{display:none!important}

@media(max-width:900px){
  .ap-burger{display:inline-block}
  .actions .action-cart{display:none!important}
  .ap-search{padding:14px 16px}
  .sct_10,.sct.sct_10{grid-template-columns:1fr 1fr}
  .sct_wrap,.ap-page-title,#sod_bsk,#ssch{width:calc(100% - 32px);max-width:1440px}
  #sod_bsk #sod_bsk_tot ul{display:block}
  #sod_bsk #sod_bsk_tot li{width:100%!important;border-right:0!important;border-bottom:1px solid var(--line,#dfddd7)!important}
  #sod_bsk #sod_bsk_tot li:last-child{border-bottom:0!important}
  .brand-media img{min-height:48vh}

  /* header: aroma-shop !important padding이 모바일에서도 40px+로 남는 문제 */
  header{
    padding-left:16px!important;
    padding-right:16px!important;
    grid-template-columns:1fr auto!important;
    gap:8px
  }
  .nav,.mega{display:none!important}
  .actions{gap:10px!important;font-size:10px!important;flex-wrap:nowrap;align-items:center}
  .logo{max-width:96px!important;padding-left:0!important}
  .logo img{height:26px!important}

  .wrap{
    width:calc(100% - 32px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important
  }

  .hero{
    height:100svh!important;
    min-height:560px!important;
    max-height:none
  }
  .hero-copy{
    left:20px!important;
    right:20px!important;
    max-width:none!important;
    width:auto!important;
    top:46%!important;
    transform:translateY(-50%)!important
  }
  .hero h1{font-size:clamp(32px,9vw,44px)!important}
  .hero p{max-width:100%!important;font-size:12px!important}

  .section{padding:64px 0!important}
  .section-head{display:block!important;margin-bottom:28px!important}
  .section-head h2{
    font-size:clamp(32px,9.5vw,48px)!important;
    line-height:1.05!important;
    word-break:keep-all
  }
  .section-head p{margin-top:14px!important;max-width:100%!important;font-size:12.5px!important}

  .products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important
  }
  .product-card,.category-card{min-width:0!important;max-width:100%}
  .product-name{font-size:11px!important;word-break:keep-all}
  .product-sub{font-size:9px!important}

  .brand-entry{
    grid-template-columns:1fr!important;
    gap:12px!important
  }
  .brand-entry a{min-height:280px!important}
  .brand-entry .be-copy{padding:14px 16px 16px!important;max-width:85%}
  .brand-entry .be-copy .eyebrow{font-size:8px!important}
  .brand-entry .be-copy p{font-size:10px!important}

  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important
  }
  .category-label{left:14px!important;bottom:14px!important;right:10px}
  .category-label strong{font-size:22px!important}

  footer{padding:48px 20px 28px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}
  .footer-logo img{height:44px!important;max-width:160px!important}
  .footer-biz{margin-top:28px;padding-top:18px;font-size:10px;line-height:1.75}
  .footer-biz span{display:block;margin-right:0;white-space:normal;margin-bottom:2px}

  .page-hero .wrap{width:calc(100% - 32px)!important}
  .collection-head h2,.story-minimal__copy h2{
    font-size:clamp(32px,9vw,48px)!important
  }
}
@media(max-width:560px){
  .actions .action-cart{display:none!important}
  .hero{min-height:520px!important}
  .hero h1{font-size:34px!important}
  .section-head h2{font-size:clamp(28px,8.5vw,40px)!important}
  .products,.category-grid{gap:8px!important}
  .category-label strong{font-size:18px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:22px!important}
  .brand-entry a{min-height:240px!important}
  .brand-entry__logo img{width:min(52%,160px)!important}
}


/* === 2026-08 customer feedback refinement === */
.page-intro-note{max-width:520px;color:var(--muted);font-size:13px;line-height:1.85}
.collection-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}
.collection-head h2{font-family:"Cormorant Garamond",serif;font-size:clamp(48px,5vw,76px);font-weight:400;line-height:.92;letter-spacing:-.04em;margin:0}
.collection-head p{max-width:420px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.brand-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.brand-products .product-card{display:block}
.brand-products .product-image{aspect-ratio:4/5}
.brand-products .product-meta{padding-top:14px}
.brand-products .product-name{font-size:12px}
.brand-products .product-sub{font-size:10px}
.brand-products .product-price{font-size:11px}
.brand-endcap{margin-top:72px;display:grid;grid-template-columns:1.15fr .85fr;min-height:440px;background:#ede7dd}
.brand-endcap__media{min-height:440px;overflow:hidden}
.brand-endcap__copy{padding:54px clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:center}
.brand-endcap__copy .eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted)}
.brand-endcap__copy h3{font-family:"Cormorant Garamond",serif;font-size:clamp(44px,4.8vw,70px);font-weight:400;line-height:.9;margin:18px 0}
.brand-endcap__copy p{max-width:40ch;font-size:13px;line-height:1.9;color:var(--muted)}
.story-minimal{padding:88px 0 120px}
.story-minimal__intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;margin-bottom:52px}
.story-minimal__copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(54px,6vw,88px);font-weight:400;line-height:.88;letter-spacing:-.045em;margin:12px 0 24px}
.story-minimal__copy p{max-width:44ch;font-size:13px;line-height:1.95;color:var(--muted)}
.story-minimal__visual{aspect-ratio:4/3;overflow:hidden}
.story-brand-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.story-brand-links a{position:relative;display:block;min-height:380px;overflow:hidden}
.story-brand-links img{position:absolute;inset:0}
.story-brand-links a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.5))}
.story-brand-links .copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}
.story-brand-links .copy .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:8px}
.story-brand-links .copy h3{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:42px;line-height:1;margin:0 0 8px}
.story-brand-links .copy p{font-size:11px;line-height:1.65;margin:0;opacity:.9;max-width:38ch}
@media(max-width:900px){.brand-products{grid-template-columns:repeat(2,1fr)}.brand-endcap,.story-minimal__intro{grid-template-columns:1fr}.brand-endcap__media{min-height:48vh}.story-brand-links{grid-template-columns:1fr}.collection-head{display:block}.collection-head p{margin-top:20px}}
@media(max-width:560px){.brand-products{grid-template-columns:1fr 1fr;gap:10px}.story-brand-links a{min-height:300px}}

/* === hero scent atmosphere === */
.hero{
  --hx:0;--hy:0;
  isolation:isolate
}
.hero-slides{
  transform:translate3d(calc(var(--hx) * -14px),calc(var(--hy) * -10px),0) scale(1.06);
  will-change:transform;
  transition:none
}
.hero-slide{
  opacity:0;
  transition:opacity 1.6s ease;
  background-size:cover;
  background-position:center;
  transform:scale(1.04);
  filter:saturate(1.04) contrast(1.02)
}
.hero-slide.is-on{
  opacity:1;
  z-index:1
}
.hero-slide.is-on.is-breathing{
  animation:apHeroKen 14s ease-in-out forwards
}
@keyframes apHeroKen{
  0%{transform:scale(1.04) translate3d(0,0,0)}
  100%{transform:scale(1.12) translate3d(-1.2%,.6%,0)}
}

.hero-atmosphere{
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden
}
.hero-mist{
  position:absolute;border-radius:50%;
  filter:blur(48px);opacity:.42;
  mix-blend-mode:screen;
  will-change:transform,opacity
}
.hero-mist--a{
  width:min(58vw,640px);height:min(58vw,640px);
  left:8%;top:18%;
  background:radial-gradient(circle,rgba(255,248,235,.55) 0%,rgba(232,214,180,.18) 42%,transparent 70%);
  animation:apMistA 16s ease-in-out infinite alternate;
  transform:translate3d(calc(var(--hx) * 24px),calc(var(--hy) * 18px),0)
}
.hero-mist--b{
  width:min(46vw,520px);height:min(46vw,520px);
  right:4%;bottom:8%;
  background:radial-gradient(circle,rgba(210,196,160,.4) 0%,rgba(170,150,110,.12) 48%,transparent 72%);
  animation:apMistB 19s ease-in-out infinite alternate;
  transform:translate3d(calc(var(--hx) * -18px),calc(var(--hy) * -14px),0)
}
.hero-mist--c{
  width:min(36vw,380px);height:min(36vw,380px);
  left:42%;top:42%;
  background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(245,236,220,.1) 45%,transparent 70%);
  animation:apMistC 13s ease-in-out infinite alternate;
  transform:translate3d(calc(var(--hx) * 12px),calc(var(--hy) * 20px),0)
}
@keyframes apMistA{
  0%{opacity:.28;transform:translate3d(calc(var(--hx) * 24px),calc(var(--hy) * 18px),0) scale(1)}
  100%{opacity:.5;transform:translate3d(calc(var(--hx) * 24px + 3%),calc(var(--hy) * 18px - 2%),0) scale(1.12)}
}
@keyframes apMistB{
  0%{opacity:.22;transform:translate3d(calc(var(--hx) * -18px),calc(var(--hy) * -14px),0) scale(1.05)}
  100%{opacity:.4;transform:translate3d(calc(var(--hx) * -18px - 2%),calc(var(--hy) * -14px + 3%),0) scale(.94)}
}
@keyframes apMistC{
  0%{opacity:.16;transform:translate3d(calc(var(--hx) * 12px),calc(var(--hy) * 20px),0) scale(.9)}
  100%{opacity:.34;transform:translate3d(calc(var(--hx) * 12px + 2%),calc(var(--hy) * 20px - 3%),0) scale(1.18)}
}

.hero-veil{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 30% 40%,rgba(255,250,240,.08),transparent 45%),
    linear-gradient(180deg,rgba(18,16,12,.08),transparent 28%,transparent 62%,rgba(18,16,12,.28));
  transform:translate3d(calc(var(--hx) * 8px),calc(var(--hy) * 6px),0)
}
.hero-glow{
  position:absolute;inset:-10%;
  background:radial-gradient(ellipse at 70% 30%,rgba(255,236,200,.14),transparent 42%);
  animation:apGlow 10s ease-in-out infinite alternate;
  mix-blend-mode:soft-light
}
@keyframes apGlow{
  0%{opacity:.45;transform:translate3d(-1%,1%,0) scale(1)}
  100%{opacity:.85;transform:translate3d(2%,-1%,0) scale(1.06)}
}
.hero-scent{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  opacity:.9;mix-blend-mode:screen;pointer-events:none
}

.hero-copy{
  --copy-x:0px;--copy-y:0px;
  z-index:3!important;
  transform:translate3d(var(--copy-x),calc(-46% + var(--copy-y)),0)!important;
  will-change:transform;
  transition:none
}
.hero .scroll{
  z-index:3;
  animation:apScrollPulse 2.8s ease-in-out infinite;
  letter-spacing:.28em
}
@keyframes apScrollPulse{
  0%,100%{opacity:.55;transform:translateX(-50%) translateY(0)}
  50%{opacity:1;transform:translateX(-50%) translateY(4px)}
}

@media(max-width:900px){
  .hero-mist{filter:blur(36px);opacity:.32}
  .hero-slides{transform:translate3d(calc(var(--hx) * -8px),calc(var(--hy) * -6px),0) scale(1.05)}
  .hero-copy{
    transform:translate3d(var(--copy-x),calc(-50% + var(--copy-y)),0)!important
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-slide.is-on.is-breathing,
  .hero-mist--a,.hero-mist--b,.hero-mist--c,
  .hero-glow,.hero .scroll{animation:none!important}
  .hero-scent{display:none}
}


/* === reusable scent atmosphere (brand cards / heroes) === */
[data-scent]{
  --sx:0;--sy:0;--sboost:0;
  position:relative;
  isolation:isolate;
  overflow:hidden
}
.ap-scent{
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden
}
.ap-scent__mist{
  position:absolute;border-radius:50%;
  filter:blur(42px);opacity:.38;
  mix-blend-mode:screen;
  will-change:transform,opacity
}
.ap-scent__mist--a{
  width:58%;height:58%;left:4%;top:22%;
  background:radial-gradient(circle,rgba(255,248,235,.55) 0%,rgba(232,214,180,.16) 42%,transparent 70%);
  animation:apScentMistA 15s ease-in-out infinite alternate;
  transform:translate3d(calc(var(--sx) * 22px),calc(var(--sy) * 16px),0)
}
.ap-scent__mist--b{
  width:48%;height:48%;right:0;bottom:6%;
  background:radial-gradient(circle,rgba(210,196,160,.38) 0%,rgba(170,150,110,.1) 48%,transparent 72%);
  animation:apScentMistB 18s ease-in-out infinite alternate;
  transform:translate3d(calc(var(--sx) * -16px),calc(var(--sy) * -12px),0)
}
.ap-scent__mist--c{
  width:36%;height:36%;left:40%;top:40%;
  background:radial-gradient(circle,rgba(255,255,255,.26) 0%,rgba(245,236,220,.08) 45%,transparent 70%);
  animation:apScentMistC 12s ease-in-out infinite alternate;
  transform:translate3d(calc(var(--sx) * 10px),calc(var(--sy) * 18px),0)
}
[data-scent="angel"] .ap-scent__mist--a{
  background:radial-gradient(circle,rgba(255,252,248,.5) 0%,rgba(230,220,210,.14) 42%,transparent 70%)
}
[data-scent="angel"] .ap-scent__mist--b{
  background:radial-gradient(circle,rgba(220,200,180,.34) 0%,rgba(201,136,106,.1) 48%,transparent 72%)
}
[data-scent="luna"] .ap-scent__mist--b{
  background:radial-gradient(circle,rgba(180,200,230,.28) 0%,rgba(91,127,168,.1) 48%,transparent 72%)
}
.ap-scent__glow{
  position:absolute;inset:-12%;
  background:radial-gradient(ellipse at 65% 28%,rgba(255,236,200,.16),transparent 44%);
  animation:apScentGlow 9s ease-in-out infinite alternate;
  mix-blend-mode:soft-light;
  opacity:calc(.55 + var(--sboost) * .35)
}
[data-scent="angel"] .ap-scent__glow{
  background:radial-gradient(ellipse at 40% 35%,rgba(255,248,240,.18),transparent 46%)
}
.ap-scent__canvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  mix-blend-mode:screen;opacity:.95
}
[data-scent] .brand-entry__bg,
[data-scent] .bs-card__bg{
  transition:transform 1.2s ease;
  transform:scale(1.04) translate3d(calc(var(--sx) * -10px),calc(var(--sy) * -8px),0);
  will-change:transform
}
[data-scent]:hover .brand-entry__bg,
[data-scent]:hover .bs-card__bg,
[data-scent].is-scenting .brand-entry__bg,
[data-scent].is-scenting .bs-card__bg{
  transform:scale(1.08) translate3d(calc(var(--sx) * -14px),calc(var(--sy) * -10px),0)
}
.luna-hero__visual[data-scent],
.angel-hero__visual[data-scent]{
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
  transition:transform 1.4s ease
}
.luna-hero__visual[data-scent].is-scenting,
.angel-hero__visual[data-scent].is-scenting{
  transform:scale(1.06)
}
@keyframes apScentMistA{
  0%{opacity:.24;transform:translate3d(calc(var(--sx) * 22px),calc(var(--sy) * 16px),0) scale(1)}
  100%{opacity:.52;transform:translate3d(calc(var(--sx) * 22px + 3%),calc(var(--sy) * 16px - 2%),0) scale(1.14)}
}
@keyframes apScentMistB{
  0%{opacity:.18;transform:translate3d(calc(var(--sx) * -16px),calc(var(--sy) * -12px),0) scale(1.04)}
  100%{opacity:.4;transform:translate3d(calc(var(--sx) * -16px - 2%),calc(var(--sy) * -12px + 3%),0) scale(.93)}
}
@keyframes apScentMistC{
  0%{opacity:.12;transform:translate3d(calc(var(--sx) * 10px),calc(var(--sy) * 18px),0) scale(.92)}
  100%{opacity:.34;transform:translate3d(calc(var(--sx) * 10px + 2%),calc(var(--sy) * 18px - 3%),0) scale(1.2)}
}
@keyframes apScentGlow{
  0%{opacity:.4;transform:translate3d(-1%,1%,0) scale(1)}
  100%{opacity:.85;transform:translate3d(2%,-1%,0) scale(1.05)}
}
@media(max-width:900px){
  .ap-scent__mist{filter:blur(30px);opacity:.28}
}
@media(prefers-reduced-motion:reduce){
  .ap-scent__mist--a,.ap-scent__mist--b,.ap-scent__mist--c,.ap-scent__glow{animation:none!important}
  .ap-scent__canvas{display:none}
}

h1.ko-title,h2.ko-title,h3.ko-title,.serif.ko-title{
  font-family:"Noto Serif KR","Cormorant Garamond",serif!important;
  font-weight:400!important;
  word-break:keep-all;
  overflow-wrap:break-word;
  line-height:1.28!important;
  letter-spacing:-.01em!important
}
.hero h1.ko-title{
  font-size:clamp(32px,4.4vw,50px)!important;
  line-height:1.2!important
}
.hero-copy{max-width:440px!important}
.section-head h2.ko-title{
  font-size:clamp(36px,4.4vw,64px)!important;
  line-height:1.18!important
}
.brand-item-count{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.5;
  color:#8a867e;
  letter-spacing:0;
  font-weight:400
}