/* Site header (drt-design-guide 12번). Colors: brand #36B77C, hover/selected text #1F7A55, ink #020F16, text #313436, line #E6E8E7, soft #F0FAF5. */

/* PC: Elementor Nav Menu dropdown pieces added by drt-manage. Elementor's widget CSS is more specific, hence !important. */
.elementor-nav-menu li.drt-nav-book > a{font-weight:700 !important;color:#020F16 !important;}
.elementor-nav-menu li.drt-nav-sep{pointer-events:none;}
.elementor-nav-menu li.drt-nav-sep > a{display:block !important;height:1px !important;min-height:0 !important;margin:6px 12px !important;padding:0 !important;border:0 !important;background:#E6E8E7 !important;font-size:0 !important;line-height:0 !important;overflow:hidden;}
.elementor-nav-menu li.drt-nav-account > a{border:1px solid #2E9970;border-radius:4px;color:#1F7A55 !important;padding:9px 14px !important;margin-left:14px;}

/* PC pinning: the logo + menu row stays, the 32px green band scrolls away. Only with the new header (it contains .drt-snav). */
@media (min-width:1025px){
  body.drt-hdr-pin .elementor-location-header:has(.drt-snav){position:sticky;top:calc(-1 * var(--drt-hdr-band,32px));z-index:1000;}
  body.admin-bar.drt-hdr-pin .elementor-location-header:has(.drt-snav){top:calc(32px - var(--drt-hdr-band,32px));}
  body.drt-hdr-pin:has(.elementor-location-header .drt-snav){--drt-toc-top:96px;--drt-toc-offset:100px;}
  .drt-snav,.drt-stools{display:none !important;}
}

/* Mobile strip: green band with the menu, panels drop down below it. */
.drt-snav{position:relative;height:40px;}
.drt-snav__bar{position:relative;z-index:1001;background:#36B77C;}
.drt-snav__bar.is-pinned{position:fixed;top:0;left:0;right:0;transform:translateY(-100%);transition:transform .2s ease;box-shadow:0 2px 8px rgba(2,15,22,.1);}
.drt-snav__bar.is-pinned.is-shown{transform:none;}
@media (min-width:601px) and (max-width:782px){.admin-bar .drt-snav__bar.is-pinned{top:46px;}}
@media (min-width:783px){.admin-bar .drt-snav__bar.is-pinned{top:32px;}}
.drt-snav__strip{display:flex;height:40px;padding:0 5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.drt-snav__strip::-webkit-scrollbar{display:none;}
.drt-snav__strip.is-fade{-webkit-mask-image:linear-gradient(to right,#000 0,#000 84%,transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 84%,transparent 100%);}
.drt-snav__top{flex:none;position:relative;height:40px;padding:0 11px;margin:0;border:0;border-radius:0;background:none;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;}
.drt-snav__top:hover,.drt-snav__top:focus{background:none;color:#fff;}
.drt-snav__top::after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:3px;border-radius:2px 2px 0 0;background:#fff;opacity:0;}
.drt-snav__top[aria-expanded="true"]::after{opacity:1;}
.drt-snav__top.is-current::after{opacity:.55;}
.drt-snav__top:focus-visible{outline:2px solid #fff;outline-offset:-4px;}
.drt-snav__panel{position:absolute;left:0;right:0;top:100%;max-height:min(470px,calc(100vh - 120px));overflow-y:auto;padding:6px 0 10px;background:#fff;border-bottom:1px solid #E6E8E7;box-shadow:0 10px 18px rgba(2,15,22,.12);}
.drt-snav__panel a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 18px;color:#313436;font-size:15px;line-height:1.4;text-decoration:none;}
.drt-snav__panel a.is-book{font-weight:700;color:#020F16;}
.drt-snav__panel a[aria-current]{color:#1F7A55;font-weight:600;}
.drt-snav__panel a svg{flex:none;width:16px;height:16px;color:#1F7A55;}
.drt-snav__panel a:hover,.drt-snav__panel a:active{background:#F0FAF5;}
.drt-snav__panel a:focus-visible,.drt-snav__all a:focus-visible,.drt-snav__tool:focus-visible{outline:2px solid #2E9970;outline-offset:-2px;}
.drt-snav__panel hr{height:0;margin:6px 18px;border:0;border-top:1px solid #E6E8E7;}
.drt-snav__back{position:fixed;inset:0;z-index:1000;background:rgba(2,15,22,.35);}

/* Logo row tools and the 전체 메뉴 dialog. */
.drt-stools{display:flex;justify-content:flex-end;}
.drt-snav__tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:48px;height:50px;padding:0;margin:0;border:0;border-radius:0;background:none;color:#313436;font-family:inherit;font-size:11px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;}
.drt-snav__tool:hover,.drt-snav__tool:focus{background:none;color:#313436;}
.drt-snav__tool svg{width:21px;height:21px;}
.drt-snav__all{position:fixed;inset:0;z-index:1000001;display:flex;flex-direction:column;background:#fff;color:#313436;}
.drt-snav__all[hidden]{display:none;}
.drt-snav-lock,.drt-snav-lock body{overflow:hidden;}
.admin-bar .drt-snav__all{top:var(--wp-admin--admin-bar--height,0px);}
.drt-snav__all-head{flex:none;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 2px 0 18px;border-bottom:1px solid #E6E8E7;}
.drt-snav__all-head strong{font-size:17px;color:#020F16;}
.drt-snav__all-body{overflow-y:auto;padding:4px 18px 28px;}
.drt-snav__group{padding:14px 0 12px;border-bottom:1px solid #E6E8E7;}
.drt-snav__gh{margin:0 0 4px;font-size:16px;font-weight:700;color:#020F16;}
.drt-snav__all a{display:block;padding:6px 0;color:#313436;font-size:14px;line-height:1.45;text-decoration:none;}
.drt-snav__all a.is-book{font-weight:700;color:#020F16;font-size:15px;}
.drt-snav__all a[aria-current]{color:#1F7A55;font-weight:600;}
.drt-snav__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:2px 0 6px;}
.drt-snav__contact{display:flex;flex-direction:column;margin-top:16px;padding:12px 16px;border-radius:8px;background:#F0FAF5;font-size:14px;line-height:1.7;}
.drt-snav__all .drt-snav__contact a{padding:0;}
.drt-snav__contact b{font-size:16px;color:#020F16;}
.drt-snav__auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.drt-snav__all .drt-snav__auth a{display:flex;align-items:center;justify-content:center;height:44px;padding:0;border-radius:4px;font-size:15px;font-weight:600;}
.drt-snav__all .drt-snav__auth a.is-line{border:1px solid #2E9970;color:#1F7A55;}
.drt-snav__all .drt-snav__auth a.is-fill{background:#36B77C;color:#fff;}
body:not(.logged-in) .drt-if-in,body.logged-in .drt-if-out{display:none;}

@media (prefers-reduced-motion:reduce){.drt-snav__bar.is-pinned{transition:none;}}