/* 상단 메뉴: 흰 배경, 메뉴 구분선과 파란 강조색 */
.site-header {--header-accent:#005ead;border-bottom:1px solid #e6e6e6;background:#fff}
.site-header .top-header {border-bottom:0;background:#fff}
.site-header .top-header-nav {margin-bottom:0}
.site-header .top-header-nav li > a {height:32px;line-height:32px;font-size:12px;color:#666}
.site-header .top-header-nav li > a:hover {color:var(--header-accent)}
.site-header .top-header-nav li .eyoom-form {margin-top:3px}
.site-header .top-header-nav .cs-nav a span {height:32px;line-height:32px}
.site-header .header-title {border-bottom:0}
.site-header .header-title .title-logo img {max-width:303px;object-fit:contain}
.site-header a:focus-visible,.site-header button:focus-visible {outline:2px solid var(--header-accent);outline-offset:4px}

@media (min-width:992px) {
    .site-header {display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);padding:0 max(24px,calc((100% - 1400px)/2))}
    .site-header .top-header {position:absolute;top:0;left:0;width:100%;padding:0 max(24px,calc((100% - 1400px)/2));z-index:21}
    .site-header > .top-header > .container,.site-header > .header-title > .container,.site-header > .nav-wrap > .container {width:100%;max-width:none;padding:0}
    .site-header .header-title .container {height:120px}
    .site-header .nav-wrap {min-width:0;align-self:center}
    .site-header .navbar,.site-header .sidebar-left,.site-header .sidebar-left-content {width:100%}
    .site-header .navbar-nav {position:relative;justify-content:flex-end;align-items:center;max-height:none;padding-right:62px}
    .site-header .navbar-nav > .navbar-nav-home {display:none}
    .site-header .navbar-nav > li > .nav-link {height:102px;padding:39px 35px 41px !important;font-size:20px;font-weight:600;letter-spacing:-.07em;white-space:nowrap;line-height:30px;color:#222;box-sizing:border-box}
    .site-header .navbar-nav > .dropdown:not(.dropdown-mega-menu)::before {content:"";position:absolute;right:0;top:44px;height:18px;width:1px;background:#e6e6e6}
    .site-header .navbar-nav > .dropdown:nth-last-child(2)::before {display:none}
    .site-header .navbar-nav > li > .dropdown-toggle::after {display:none}
    .site-header .navbar-nav > li > .nav-link:hover,.site-header .navbar-nav > li:focus-within > .nav-link {color:var(--header-accent)}
    .site-header .navbar-nav > .dropdown-mega-menu > .nav-link {top:39px;height:42px;line-height:28px;padding:7px 14px !important;border:0;border-radius:0;background:transparent;color:#222;font-size:20px}
    .site-header .navbar-nav .dropdown-menu {min-width:220px;padding:0;background:#f8f8f8;border:1px solid #e6e6e6;box-shadow:none}
    .site-header .navbar-nav > .dropdown:not(.dropdown-mega-menu) > .dropdown-menu {left:10px;width:220px;top:100%}
    .site-header .navbar-nav .dropdown-menu > ul {padding:0;margin:0}
    .site-header .navbar-nav .dropdown-item {padding:0 20px !important;font-size:17px;letter-spacing:-.07em;line-height:51px;color:#222;border-bottom:1px solid #e6e6e6;white-space:normal;transition:background-color .15s,color .15s,text-indent .15s}
    .site-header .navbar-nav .dropdown-menu > ul > li:last-child > .dropdown-item {border-bottom:0}
    .site-header .navbar-nav .dropdown-item:hover,.site-header .navbar-nav .dropdown-item:focus {background:var(--header-accent);color:#fff;text-indent:5px}
    .site-header .navbar-nav > li > .nav-link.active,.site-header .navbar-nav > .dropdown:hover > .nav-link {color:var(--header-accent)}
    .site-header .navbar-nav .dropdown:focus-within > .dropdown-menu {top:100%;opacity:1;visibility:visible;z-index:10}
    .site-header .navbar-nav .dropdown-submenu:focus-within > .dropdown-menu {top:-1px;opacity:1;visibility:visible;z-index:11}
    .site-header .navbar-nav .dropdown-mega-menu .dropdown-menu {left:auto;right:0;width:min(900px,calc(100vw - 48px));padding:16px}
    .site-header .navbar-nav .mega-menu-col h5 a:hover,.site-header .navbar-nav .mega-menu-col .mega-menu-item:hover {color:var(--header-accent)}
}
@media (min-width:992px) and (max-width:1199px) {
    .site-header {grid-template-columns:190px minmax(0,1fr)}
    .site-header .header-title .title-logo img {max-width:175px;height:40px}
    .site-header .navbar-nav > li > .nav-link {font-size:16px;padding-right:12px !important;padding-left:12px !important}
}
@media (max-width:991px) {
    .site-header .header-title .container {height:76px;padding-right:68px}
    .site-header .header-title .title-logo img {max-width:calc(100vw - 100px);height:40px}
    .site-header .header-title-mobile-btn {top:20px;right:12px}
    .site-header .header-title-mobile-btn .navbar-toggler {height:40px;width:44px;padding:0;border:0;color:var(--header-accent)}
    .site-header .sidebar-left .navbar-nav > .navbar-nav-home > a {background:var(--header-accent);border-color:var(--header-accent)}
}