#main {overflow-x: hidden;}
.scrlLock {overflow: hidden !important;}
#header {width: 100%; position: sticky; top: 0; left: 0; z-index: 9998; border-bottom: 0; transition: background-color 0.3s ease, box-shadow 0.3s ease;}
#header.sub-header {position: sticky !important;}
#header .container {display: flex; align-items: center; max-width: 1850px; margin: auto; padding: 0 2rem; justify-content: space-between;}
#header .logo {width: 15%;}
#header .logo a {display: inline-block;}
#header .logoImg_on {display: none;}
#header #menu {width: 65%; font-family: var(--notoSans), serif;}
#header #menu .menu {display: block !important; width: calc(100% / 10); position: relative; top: 0;}
#header #menu .depth01 {display: block; padding: 25px 0; font-weight: 500; text-align: center;}
#header #menu .depth01 span {position: relative;}
#header #menu .depth02 {display: none; width: 100%; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
#header.board {position: fixed; top: 0; left: 0; width: 100%; z-index: 9998; background-color: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}
.sub.board {padding-top: 74px;}
#header.sticky {background-color: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}
#header.sticky #menu .depth01 {color: #484848;}
.nav_btn {display: none; width: 30px; height: 20px; position: absolute; top: 17px; right: 5%; z-index: 10002; cursor: pointer; transition: transform 0.3s ease;}
.nav_btn span {display: block; width: 100%; height: 2px; position: absolute; right: 0; border-radius: 5px; background-color: #46423a; transition: all 0.3s ease;}
.nav_btn .border1 {top: 0;}
.nav_btn .border2 {top: 0; bottom: 0; margin: auto;}
.nav_btn .border3 {bottom: 0;}
.nav_btn.act {transform: rotate(360deg);}
.nav_btn.act span {background-color: #000;}
.nav_btn.act .border1 {top: -13px; width: 100%; transform: translateY(16px) rotate(-45deg);}
.nav_btn.act .border2 {opacity: 0;}
.nav_btn.act .border3 {width: 100%; transform: translateY(-16px) rotate(45deg);}
.header_bgm {display: none !important;}
#sitemap, #lnb_m {display: none;}

@media (min-width: 991px) {
    .dropdown {position: relative; top: 0; left: 0;}
    .dropdown-menu {width: 100%; position: absolute;}
    #header .container {position: relative; top: 0; left: 0;}
    #header .dropdown-menu {display: block !important; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease;}
    #header .dropdown-menu.visible {opacity: 1; visibility: visible;}
    #header .tel {display: none;}
    #header .logo {display: flex; align-items: center; width: 210px; padding: 10px 0;}
    #header #menu {margin-right: 3%; margin-left: auto;}
    #header #menu .depth01 {transition: color 0.3s ease;}
    #header #menu .depth02 {width: 180px;}
    #header #menu #lnb .depth02 {margin-top: 1px; padding: 10px; background-color: #fbfaf6; text-align: center;}
    #header .depth02 a {display: inline-block; position: relative; padding: 10px; color: #484848; font-weight: 500; transition: color 0.3s ease;}
    #header .depth02 a:hover {color: var(--pointcolor); text-decoration: underline; text-underline-offset: 4px;}
    #header .depth01.on span::after {display: block; width: 6px; height: 6px; position: absolute; top: -5px; left: -10px; border-radius: 50%; background-color: #be875f; content: "";}
}
@media (max-width: 1800px) {
     #header #menu {width: calc(100% - 250px); margin: 0;}
}
@media (max-width: 1580px) {
    #header .container {width: 100%; padding: 0 15px;}
    #header #menu {width: calc(100% - 200px); margin: 0;}
    #header .logo {width: 100px;}
    #header #menu .depth02 {width: 150px;}
    #header .depth02 a {padding: 0.9375rem 0;}
    #ctt {width: 90%;}
}

@media (max-width: 1240px) {
    #header #menu {width: calc(100% - 150px);}
}
@media (max-width: 1080px) {
    #header #menu {width: calc(100% - 80px);}
}
@media (max-width: 1024px) {
    #header #menu {width: calc(100% - 50px);}
}
@media (max-width: 990px) {
    #header {border-bottom: 0;}
    #header .container {width: 90%; padding: 0;}
    #header .logo {width: auto; padding: 15px 0 15px 5%;}
    #header .logo img {max-width: 70%;}
    #header.sitemapOn .logo img {max-width: 45%;}
    #header #menu {width: 100%;}
    #header .nav-menu {width: 100%; position: relative; top: auto; right: auto; padding: 0;}
    .nav_btn {display: inline-block; top: 25px;}
    .nav_btn.sticky.act span {background-color: #000;}
    #header.sitemapOn {width: 100% !important; height: 100vh !important; height: 100dvh !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; background-color: #fff;}
    #header.sitemapOn .container {width: 100%; max-width: none; position: relative; z-index: 10001; padding: 0 5%;}
    #header.sitemapOn .logo.visible-sm {visibility: hidden;}
    #sitemap, #lnb_m {display: block; width: 100%; height: 100vh; height: 100dvh; position: fixed; top: 0; right: 0; z-index: 10000; overflow-x: hidden; overflow-y: auto; background-color: #fff; transform: translateX(100%); pointer-events: none; transition: transform 0.35s ease-in-out; -webkit-overflow-scrolling: touch;}
    #header.sitemapOn #sitemap, #header.sitemapOn #lnb_m {transform: translateX(0); pointer-events: auto;}
    #sitemap::-webkit-scrollbar, #lnb_m::-webkit-scrollbar {width: 0;}
    #sitemap #site-nav, #lnb_m #site-nav {width: 100%; min-height: 100%; padding: 90px 0 40px;}
    #sitemap #site-nav > ul, #lnb_m #site-nav > ul {width: 100%; margin: 0; padding: 0;}
    #sitemap .menu, #lnb_m .menu {display: block !important; width: 100% !important; text-align: left;}
    #sitemap .menu::after, #lnb_m .menu::after {display: none;}
    #sitemap .depth01, #lnb_m .depth01 {display: block; padding: 15px 10%; color: #46423a; font-family: var(--mainfont), sans-serif; font-size: 2rem; font-weight: 500; text-align: left;}
    #sitemap .depth01 span, #lnb_m .depth01 span {position: relative;}
    #sitemap .depth02, #lnb_m .depth02 {display: none; width: 100% !important; position: relative; top: auto; left: auto; padding: 10px 0; border-radius: 0; background-color: #fff; font-size: 1.5rem; transform: none;}
    #sitemap .depth02 a, #lnb_m .depth02 a {display: block; padding: 10px 12%; color: #46423a;}
    #sitemap .depth02 a.void_link, #lnb_m .depth02 a.void_link {display: flex; align-items: center; justify-content: space-between;}
    #header #menu #lnb {padding: 30px 0; background-color: #fff;}
    #header #menu #lnb .menu {width: 100% !important; text-align: left;}
    #header #menu #lnb .depth01 {padding: 15px 10%; color: #46423a; font-family: var(--mainfont), sans-serif; font-size: 2rem; font-weight: 500; text-align: left;}
    #header #menu #lnb .depth02 {width: 100% !important; position: relative; top: 0; left: 0; border-radius: 0; background-color: #fbfaf6; font-size: 1.5rem; transform: none;}
    #header #menu #lnb .depth02 a {display: block; padding: 10px 12%; color: #46423a;}
    #header #menu #lnb .depth02 a.void_link {display: flex; align-items: center; justify-content: space-between;}
    #header #menu #lnb .depth02 a.void_link span {transition: transform 0.5s ease;}
    #header #menu #lnb .depth02 > li.active > a span {transform: rotate(270deg);}
}

#footer{background-color: #141414; padding: 50px 0; color: #fff;}
#footer .line{background-color: #434343; width: 100%; height: 1px;}

#topQuick {position: fixed; right: 40px; bottom: 40px; z-index: 99999; display: none;}
#topQuick .top_quick_btn {display: block; width: 70px; height: 70px; padding: 0; overflow: hidden; border: 0; border-radius: 50%; background: transparent; cursor: pointer;}
#topQuick .top_quick_btn img {display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease;}
#topQuick .top_quick_btn:hover img {transform: translateY(-4px);}

@media (max-width: 990px) {
#topQuick {right: 25px; bottom: 25px;}
#topQuick .top_quick_btn {width: 60px; height: 60px;}

#footer .time .visible-sm a{border-radius: 60px; padding: 1rem;}
}

@media (max-width: 768px) {
#topQuick {right: 15px; bottom: 20px;}
#topQuick .top_quick_btn {width: 52px; height: 52px;}

#footer .time .width80.xs-w100{margin-top: .5rem;}
}