@charset "utf-8";
.inner {width: calc(100% - 100px); margin-inline: auto; max-width: 1522px;}
.main-container {padding-top: 96px; overflow-x: hidden;}
.site-header {z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #EEEEEE; background-color: #fff;}
.site-header .inner {display: flex; align-items: center; justify-content: space-between;}
.site-header .sub-header {display: none;}
.site-header .top-nav {padding-block: 26px;}
.site-header .top-nav ul {display: flex; align-items: center;}
.site-header .top-nav ul li a {padding: 13px; font-size: 16px; font-weight: 500; color: #252525; transition: color 0.3s;}
.site-header .top-nav ul li.active a {color: #FF4D4F;}
.site-header .top-nav {position: static;}
.site-header .top-nav .top-nav-list {display: flex; align-items: center;}
.site-header .top-nav .top-nav-list > li {position: relative;}
.site-header .top-nav .top-nav-list > li > a {display: block; padding: 8px 40px; font-size: 16px; font-weight: 500; color: #1A1919; transition: color 0.3s;}
.site-header .top-nav .top-nav-list > li:last-child > a {display: flex; align-items: center; column-gap: 4px; margin-inline: 14px; padding-inline: 16px; border: 1px solid transparent; border-radius: 999px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #FFB900 0%, #F2994A 100%) border-box; box-shadow: 0 1px 10px 2px #ADADAD4D;}
.site-header .top-nav .top-nav-list > li:last-child > a::before {display: inline-block; content: ''; width: 16px; height: 19px; background-image: url(../img/menu-ico01.svg); background-repeat: no-repeat; background-position: center center;}
.site-header .top-nav .top-nav-list > li.active > a {color: #FF9F1C;}
.site-header .top-nav .top-nav-depth2 {opacity: 0; visibility: hidden; pointer-events: none; z-index: 10001; position: absolute; top: calc(100% + 26px); left: 50%; transform: translateX(-50%); width: 100%; display: flex; flex-direction: column; align-items: center; transition: opacity 0.25s, visibility 0.25s;}
.site-header .top-nav .top-nav-depth2 li a {padding-block: 14px; display: block; font-size: 15px; font-weight: 500; color: #4C5D74; white-space: nowrap; transition: color 0.3s;}
.site-header .gnb-depth-bg {opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; position: absolute; top: 100%; left: 0; width: 100%; height: 245px; background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-shadow: 0 10px 20px rgba(0,0,0,0.04); transition: opacity 0.25s, visibility 0.25s;}
.site-header:has(.top-nav:hover) .gnb-depth-bg,
.site-header:has(.top-nav:hover) .top-nav-depth2 {opacity: 1; visibility: visible; pointer-events: auto;}
.site-header .top-nav .top-nav-list > li:hover > a,
.site-header .top-nav .top-nav-depth2 li a:hover {color: #FF9F1C;}

.site-header .head-btns .all-menu-btn {display: none; position: relative;}
.site-header .head-btns .all-menu-btn span,
.site-header .head-btns .all-menu-btn span:before,
.site-header .head-btns .all-menu-btn span:after {display:block; position:absolute; left:0; transform:translate(0,-50%); width:18px; height:1.8px;border-radius: 2px; background:#111111; transition:all 0.3s;}
.site-header .head-btns .all-menu-btn span {width: 14px; left: 12px; top:50%; transform:translate(0,-50%);}
.site-header .head-btns .all-menu-btn span:before,
.site-header .head-btns .all-menu-btn span:after {content:'';}
.site-header .head-btns .all-menu-btn span:before {top:-4px;}
.site-header .head-btns .all-menu-btn span:after {top:6px;}
.site-header .head-btns .all-menu-btn.open span {background:transparent !important;}
.site-header .head-btns .all-menu-btn.open span:before {top:0;transform:translate(0,-50%) rotate(45deg);}
.site-header .head-btns .all-menu-btn.open span:after {top:0;transform:translate(0,-50%) rotate(-45deg);}

/* 전체메뉴 */
html:has(.all-menu.open) {overflow-y: hidden;}
.all-menu {transition: right 0.3s; z-index: 99999; display: flex; flex-direction: column; justify-content: space-between; background-color: #1A1A2E; position: fixed; top: 84px; right: -300px; height: calc(100vh - 84px); width: 300px; padding: 40px 20px;}
.all-menu.open {right: 0;}
.all-menu + .all-menu-bg {display: none; z-index: 99998; width: 100%; height: calc(100vh - 84px); position: fixed; top: 84px; left: 0; background-color: rgba(0, 0, 0, 0.6);}
.all-menu.open + .all-menu-bg {display: block;}
.all-menu .nav-list {display: flex; flex-direction: column; row-gap: 20px;}
.all-menu .nav-list li:last-child {display: none;}
.all-menu .nav-list li a {transition: background-color 0.2s; padding: 14px 20px; border-radius: 10px; display: flex; align-items: center; column-gap: 10px;}
.all-menu .nav-list li.active a {background-color: rgba(0, 0, 0, 0.2);}
.all-menu .nav-list li a .icon {display: flex;}
.all-menu .nav-list li a .icon svg path {transition: fill 0.3s; fill: #fff;}
.all-menu .nav-list li a span {transition: color 0.3s; font-size: 18px; color: #fff;}
.all-menu .nav-list li.active a .icon svg path {fill: #FF4D4F;}
.all-menu .nav-list li.active a span {color: #FF4D4F;}
.all-menu .info-wrap {padding: 20px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.2);}
.all-menu .info-wrap p {font-size: 13px; line-height: 24px; color: #fff;}
.all-menu .info-wrap .hotel-info {margin-bottom: 10px; display: flex; flex-direction: column; row-gap: 4px;}
.all-menu .info-wrap .hotel-info li {display: flex; align-items: center; column-gap: 12px;}
/* 푸터 */
.site-footer {background-color: #FBFBFB; padding-block: 60px;}
.site-footer .footer-top {margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.site-footer .footer-top .footer-policy {display: flex; align-items: center; column-gap: 30px;}
.site-footer .footer-top .footer-policy a {font-size: 15px; color: #4B4B4B;}
.site-footer .footer-top .footer-policy .line {width: 1px; height: 13px; background-color: #C5C5C5;}
.site-footer .footer-info,
.site-footer .footer-bot {display: flex; align-items: flex-start; justify-content: space-between;}
.site-footer .footer-info p {display: flex; align-items: center; column-gap: 10px; font-size: 15px; color: #434343;}
.site-footer .footer-info .left {display: flex; flex-direction: column; row-gap: 10px;}
.site-footer .footer-info .right {display: flex; flex-direction: column; row-gap: 12px;}
.site-footer .footer-bot p {display: flex; align-items: center; column-gap: 10px; font-size: 15px; color: #747474;}
.site-footer .footer-line {margin: 34px 0; border: 0; height: 1px; background: #EFEFEF;}
.site-footer .bottom-nav {display: none;}

@media (hover: hover) {
    .site-header .top-nav ul li a:hover {color: #FF4D4F;}
    .all-menu .nav-list li:hover a {background-color: rgba(0, 0, 0, 0.2);}
}

@media screen and (max-width: 1600px) {
    .inner {width: calc(100% - 72px);}
}
@media screen and (max-width: 1440px) {
    .inner {width: calc(100% - 72px);}
}
@media screen and (max-width: 1280px) {
    .inner {width: calc(100% - 64px);}
    .main-container {padding-top: 87px;}
    .site-header {padding-block: 20px;}
    .site-header .top-nav {display: none;}
    .site-header .head-btns .all-menu-btn {display: flex; width: 46px; height: 46px;}
}
@media screen and (max-width: 1024px) {
    .inner {width: calc(100% - 56px);}
}
@media screen and (max-width: 768px) {
    .inner {width: calc(100% - 48px);}
    .main-container {padding-top: 69px;}
    .site-header {padding-block: 14px;}

    .site-footer {z-index: 9999; position: fixed; bottom: 0; left: 0; width: 100%; padding-block: 20px; background-color: #fff; border-top: 1px solid #F0F0F0;}
}
@media screen and (max-width: 480px) {
    .inner {width: calc(100% - 32px);}
    .site-header .logo.hide {display: none;}
}