.inner  {width:min(1240px,calc(100% - 40px)); margin:0 auto; }


/* HEADER */
.header {position:absolute; top:0; left:0; z-index:30; width:100%; height:90px; transition:background .25s;  z-index:999999}
.header:hover,.header.fixed {background:rgba(7,29,25,.95); backdrop-filter:blur(12px); }
.header.fixed {position:fixed; }
.header .inner {display:flex; align-items:center; height:90px; width: min(1500px, calc(100% - 40px));   }

.logo {display:flex; align-items:center;  font-family:serif;} 
.logo img:nth-child(1) {display:none;}
.header:hover .logo img:nth-child(1),.header.fixed .logo img:nth-child(1) {display:none;}
.header:hover .logo img:nth-child(2),.header.fixed .logo img:nth-child(2) {display:block;}


.gnb {margin:auto; }
.gnb_list {display:flex; align-items:stretch; gap:clamp(20px,3vw,42px); margin:0; padding:0; list-style:none; }
.gnb_item {position:relative; }
.gnb_link {position:relative;  font-size:1.7rem; display:flex; align-items:center; height:90px; padding:0; background:none; color:#fff; font-weight:700; cursor:pointer; }
.gnb_link:after {content:""; position:absolute; left:50%; bottom:23px; width:0; height:2px; background:var(--gold); transition:.25s; transform:translateX(-50%); }
.gnb_item:hover .gnb_link:after,.gnb_item.open .gnb_link:after {width:100%; }
.header:hover .gnb_link,.header.fixed .gnb_link {color:#fff; }

.utils {display:flex; align-items:center; gap:5px;}

.icon_btn {position:relative; display:grid; padding:7px 10px; border:1px solid rgba(255,255,255,.5); border-radius:4px; background:transparent; color:#fff; font-size:1.35rem; cursor:pointer;}

.lang {position:relative;}
.lang_menu {position:absolute; top:calc(100% + 7px); left:50%; z-index:100; min-width:110px; padding:12px 6px; border:1px solid #e5e5e5; border-radius:5px; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.12); opacity:0; visibility:hidden; transform:translate(-50%,-5px); transition:.2s ease;}
.lang_menu:before {position:absolute; top:-8px; left:0; width:100%; height:8px; content:"";}
.lang_menu a {display:block; padding:4px 12px; border-radius:3px; color:#333; font-size:1.5rem; text-align:center; white-space:nowrap; transition:.2s;}
.lang_menu a:hover {background:#f5f5f5; color:#111;}
.lang:hover .lang_menu {opacity:1; visibility:visible; transform:translate(-50%,0);}

/* .header:hover .icon_btn,.header.fixed .icon_btn {border-color:#fff; color:#fff; }
 */
 
 
 .cart_count {position:absolute; top:-4px; right:-4px; display:grid; place-items:center; min-width:18px; height:18px; padding:0 4px; border-radius:10px; background:var(--gold); color:var(--green); font-size:1.1rem; font-weight:800; }
.menu_btn {display:none; }

/* MEGA MENU */
.mega_menu {position:fixed; top:90px; left:0; width:100%; background:rgba(250,247,239,.98); color:var(--ink); box-shadow:0 22px 45px rgba(0,0,0,.16); opacity:0; visibility:hidden; transform:translateY(-10px); transition:.25s; pointer-events:none; }
.gnb_item:hover .mega_menu,.gnb_item.open .mega_menu {opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.mega_menu:before {content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--green),var(--gold),var(--green)); }
.mega_inner {display:grid; grid-template-columns:260px 1fr; gap:54px; width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:42px 0 46px; }
.mega_title {padding-right:10px; border-right:1px solid rgba(16,34,28,.12); }
.mega_title small {display:block; color:#9b7b3e; font-size:1.1rem; font-weight:800; letter-spacing:.24em; }
.mega_title strong {display:block; margin:10px 0 16px; font-family:serif; font-size:3.3rem; font-weight:600}
.mega_title p {margin:0; color:#727970; font-size:1.35rem; line-height:1.75; }
.depth2_grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 20px; }
.depth2_group {min-width:0; }
.depth2_link {display:flex; align-items:center; justify-content:space-between; min-height:39px; padding:0 0 12px; border-bottom:1px solid #ddd; color:var(--green); font-size:1.65rem; font-weight:800; white-space:nowrap; }
.depth3 {display:grid; gap:5px; margin:13px 0 0; padding:0; list-style:none; }
.depth3 a {display:block; padding:0; color:#697169; font-size:1.35rem; line-height:1.55; transition:.2s; }
.depth3 a:before {content:"–"; margin-right:7px; color:#b4965c; }
.depth3 a:hover {color:var(--green); transform:translateX(3px); }



.cart_toast {position:fixed; right:24px; bottom:24px; z-index:120; padding:16px 22px; background:var(--gold); color:var(--green); font-weight:800; opacity:0; transform:translateY(20px); transition:.3s; pointer-events:none; }
.cart_toast.show {opacity:1; transform:none; }



/* FOOTER */
.footer  {padding:60px 0 30px; background:#041512; color:rgba(255,255,255,.65); }
.footer_top  {display:grid; grid-template-columns:1fr 1.3fr .8fr; gap:50px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer_logo  {color:#fff; font-family:'BookkMyungjo'; font-size:2.8rem; }
.footer p  {font-size:1.35rem; line-height:1.8; }
.footer_links  {display:flex; gap:18px; margin-top:20px; color:#fff; font-size:1.3rem; }
.footer_copy  {padding-top:24px; font-size:1.2rem; text-align:center; }
.footer .inquiry_phone {font-size:1.3em; color:#fff; margin-bottom:5px}


/* 모바일 메뉴 전용 - 기존 PC CSS 유지 */
.mobile_menu_util,.mobile_menu_dim{display:none;}

@media (max-width:1240px){
 	.inner {width:94%}
}

@media (max-width:900px){
    body.menu_open{overflow:hidden;}

    .header,.header.fixed {height:70px;background:rgba(7,29,25,.97);backdrop-filter:blur(12px);}
    .header .inner {height:70px; }
    .logo {position:relative;z-index:1002;margin-right:auto;}
    .logo img {width:85px;}
    .header .logo img:nth-child(1) {display:none;}
    .header .logo img:nth-child(2) {display:block;}

    .utils {position:relative;z-index:1002;gap:7px;}
	.utils .icon_btn {padding:0px 13px;  height:35px; display:flex; align-items:center; justify-content:center; font-size:1.35rem;}
	.utils .icon_btn[aria-label="로그인"],
	.utils .icon_btn[aria-label="마이페이지"],
	.utils .icon_btn[aria-label="로그아웃"],
	.utils .icon_btn[aria-label="장바구니"],
	.utils .icon_btn[aria-label="언어선택"] {display:none;}
    .menu_btn {display:grid;border-color:rgba(255,255,255,.42);font-size:2rem;line-height:1;}

    .mobile_menu_dim {position:fixed;top:70px;left:0;z-index:998;width:100%;height:calc(100vh - 70px);background:rgba(0,0,0,.46);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.28s;}
    .mobile_menu_dim.open {display:block;opacity:1;visibility:visible;}

    .gnb {position:fixed;top:70px;right:0;z-index:999;width:min(88%,390px);height:calc(100vh - 70px);margin:0;background:#faf8f2;border-left:1px solid rgba(16,34,28,.08);box-shadow:-18px 0 45px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .32s ease,visibility .32s;}
    .gnb.open {transform:translateX(0);visibility:visible;}
    .gnb::-webkit-scrollbar {width:4px;}
    .gnb::-webkit-scrollbar-thumb {background:rgba(16,34,28,.18);border-radius:10px;}

     .gnb_list {display:block; margin:0; padding:20px 20px}
    .gnb_item {display:block;border-bottom:1px solid rgba(16,34,28,.1);}

    .gnb_link {position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 35px 0 2px;background:none;color:var(--green); font-weight:700;text-align:left;}
    .header:hover .gnb_link,.header.fixed .gnb_link {color:var(--green);}
    .gnb_link:after {content:"";position:absolute;top:50%;right:6px;bottom:auto;left:auto;width:7px;height:7px;border-right:1.5px solid #7f877e;border-bottom:1.5px solid #7f877e;background:none;transform:translateY(-70%) rotate(45deg);transition:.22s;}
    .gnb_item:hover .gnb_link:after {width:7px;}
    .gnb_item.open .gnb_link {color:#9b7b3e;}
    .gnb_item.open .gnb_link:after {width:7px;border-color:#9b7b3e;transform:translateY(-20%) rotate(225deg);}

    .mega_menu {position:static;width:100%;max-height:0;background:#f1eee5; color:var(--ink);box-shadow:none;opacity:1;visibility:visible;overflow:hidden;transform:none;transition:max-height .35s ease,margin .25s;pointer-events:none;}
    .gnb_item:hover:not(.open) .mega_menu {max-height:0;pointer-events:none;}
    .gnb_item.open .mega_menu {max-height:1300px; pointer-events:auto;}
    .mega_menu:before {display:none;}
    .mega_inner {display:block;width:100%;margin:0;padding:20px;  }
    .mega_title {display:none;}
    .depth2_grid {display:block;}
    .depth2_group {margin:0;padding:0;}
    .depth2_link {display:block; border:none; min-height:0; padding:8px 3px; color:#263d35; font-weight:700;white-space:normal;}
    .depth2_group:last-child>.depth2_link {border-bottom:0;}
    .depth3 {display:block;margin:0; margin-bottom:10px }
    .depth3 li {margin:2px 0}
    .depth3 a {position:relative;display:block; color:#747a74; transition:.15s;}
    
    .depth3 a:hover {color:var(--green);transform:none;}

   
    .mobile_menu_util {display:block;margin:0 20px 30px 20px; }
    .mobile_menu_util_title {margin-bottom:9px;color:#9b7b3e; font-weight:800;letter-spacing:.14em;}
    .mobile_menu_util_grid {display:grid;grid-template-columns:repeat(2,1fr);gap:7px;}
    .mobile_menu_util_grid a {display:flex;align-items:center;gap:8px; padding:15px 11px;border:1px solid #dfdacd;border-radius:6px;background:#fff;color:#3a4741; font-weight:600;box-shadow:0 2px 8px rgba(16,34,28,.03);}
    .mobile_menu_util_grid a i {width:17px;color:#9b7b3e; text-align:center;}
    .mobile_menu_util_grid a:active {background:#f1ede3;}


    .footer {padding:45px 0 25px;}
    .footer_top {grid-template-columns:1fr;gap:28px;padding-bottom:30px;}
    .footer_links {flex-wrap:wrap;gap:10px 16px;}
    .footer_copy {padding-top:20px;}
}