:root{
    --color-primary: #C5A059;
    --color-secondary: #3C3C3C;
    --color-text: #141414;
    --mn-sec-padding: 100px;
    --sub-sec-padding: 120px;
    --fz-10: min(2.1vw, 10px); --fz-11: min(2.4vw, 11px); --fz-12: min(2.7vw, 12px); --fz-13: min(2.9vw, 13px); --fz-14: min(3.2vw, 14px); --fz-15: min(3.5vw, 15px); --fz-16: min(3.7vw, 16px); --fz-17: min(4.0vw, 17px); --fz-18: min(4.3vw, 18px); --fz-19: min(4.5vw, 19px); --fz-20: min(4.8vw, 20px); --fz-21: min(5.1vw, 21px); --fz-22: min(5.3vw, 22px); --fz-23: min(5.6vw, 23px); --fz-24: min(5.9vw, 24px); --fz-25: min(6.1vw, 25px); --fz-26: min(6.4vw, 26px); --fz-27: min(6.7vw, 27px); --fz-28: min(6.9vw, 28px); --fz-29: min(7.2vw, 29px); --fz-30: min(7.5vw, 30px); --fz-31: min(7.7vw, 31px); --fz-32: min(8.0vw, 32px); --fz-33: min(8.3vw, 33px); --fz-34: min(8.5vw, 34px); --fz-35: min(8.8vw, 35px); --fz-36: min(9.1vw, 36px); --fz-37: min(9.3vw, 37px); --fz-38: min(9.6vw, 38px); --fz-39: min(9.9vw, 39px); --fz-40: min(10.1vw, 40px); --fz-41: min(10.4vw, 41px); --fz-42: min(10.7vw, 42px); --fz-43: min(10.9vw, 43px); --fz-44: min(11.2vw, 44px); --fz-45: min(11.5vw, 45px); --fz-46: min(11.7vw, 46px); --fz-47: min(12.0vw, 47px); --fz-48: min(12.3vw, 48px); --fz-49: min(12.5vw, 49px); --fz-50: min(12.8vw, 50px);
    --h1-fz: 36px;
    --h2-fz: 28px;
    --h3-fz: 24px;
    --h4-fz: 20px;
    --h5-fz: 18px;
    --tit-desc-fz: 18px;
    --detail-fz: 18px;
    --ff-pretendard: 'Pretendard Variable',serif;
    --ff-cormorant: 'Cormorant Garamond',serif;
    --ff-nanummyeongjo: 'Nanum Myeongjo',serif;
    --ff-notosans: "Noto Sans KR", sans-serif;
    --ff-notoserif: "Noto Serif KR", serif;
}


h1{font-size: 0;}
h2{font-size: var(--fz-28);}
h3{font-size: var(--fz-24);}
h4{font-size: var(--fz-20);}
h5{font-size: var(--fz-18);}
html, body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #FFFEFA; cursor: none;}
body, button, input, select, textarea, a{color: var(--color-text); font-family: var(--ff-pretendard);}
a, a *, button, button *, [type="button"], [type="submit"], [type="reset"], select, label, [role="button"], .pointer, .pointer *{cursor: none;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], textarea{cursor: text;}
#custom_cursor{position: fixed; top: 0; left: 0; z-index: 99999; display: block; width: 0; height: 0; opacity: 0; pointer-events: none; transition: opacity 0.2s ease;}
#custom_cursor .cursor-dot{position: absolute; top: 0; left: 0; width: 14px; height: 14px; border-radius: 50%; background-color: #EDCE93; transform: translate(-50%, -50%); transition: background-color 0.25s ease;}
#custom_cursor .cursor-circle{position: absolute; top: 0; left: 0; width: 36px; height: 36px; border: 1px solid #EDCE93; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(0); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.2s ease, border-color 0.25s ease;}
#custom_cursor.pointer-mode .cursor-circle{opacity: 1; transform: translate(-50%, -50%) scale(1);}
#custom_cursor.is-white .cursor-dot{background-color: #ffffff;}
#custom_cursor.is-white .cursor-circle{border-color: #ffffff;}
.ff-cormo{font-family: var(--ff-cormorant);}
.ff-nanum{font-family: var(--ff-nanummyeongjo);}
.ff-notosans{font-family: var(--ff-notosans);}

.mo{display: none !important;}
.mo-ib{display: none !important;}
.mo-if{display: none !important;}
.mo-f{display: none !important;}
.mo-g{display: none !important;}


header{position: fixed; top: 0; width: 100%; margin: 0 auto;z-index: 999; --hd-text: var(--color-text); --hd-ham: #524A43; background: #FFFEFA; transition: 0.5s ease; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);}
header.hide{ transform: translateY(-100%); box-shadow: unset;}
header.tr{background: transparent; --hd-text: #fff; --hd-ham: #fff; box-shadow: unset;}
header .hd-cont{position: relative; width: 100%; max-width: 1920px; height: 130px; padding-inline: 80px; background-color: #FFFEFA; justify-content: space-between; align-items: center; display: flex; box-sizing: border-box; margin-inline: auto; z-index: 998;}
header.tr .hd-cont{background-color: transparent;}
header .logo-area{width: 250px;}
header .logo-image {width: 103px; height: auto;}
header .logo-image.cl{display: block;}
header .logo-image.wh{display: none;}
header.tr .logo-image.cl{display: none;}
header.tr .logo-image.wh{display: block;}
header .navigation{flex-grow: 1; display: flex; justify-content: center; align-items: center; height: 100%; opacity: 1; transition: 0.3s;}
header.is-active .navigation{opacity: 0; pointer-events: none;}
header .menu-list {display: flex; gap: 32px; justify-content: end; width: 100%; list-style: none; padding: 0; margin: 0; white-space: nowrap;}
header .menu-item{position: relative; width: fit-content; transition: width 0.5s; text-align: center;}
header .menu-item a{color: var(--hd-text); font-family: var(--ff-cormorant); font-size: 19px; font-style: normal; font-weight: 700; line-height: normal;}
header .menu-item a span{font-size: 17px; font-weight: 600;}
header .menu-item:after{position: absolute; content: ''; bottom: -13px; left: 0; width: 0; height: 2px; background-color: var(--color-primary); transition: width 0.5s ease; z-index: 100;}
header .menu-item:hover:after{width: 100%;}
header .hd-btn-wrap{display: flex; justify-content: end; align-items: center; gap: 28px; margin-left: 84px;}
header .hd-btn-wrap .lang-list{position: relative; z-index: 999; display: inline-flex; align-items: center; padding: 6px 14px; border: 1px solid var(--hd-text); border-radius: 100px; list-style: none; margin: 0; cursor: pointer; background: transparent; transition: all 0.3s ease;}
header .hd-btn-wrap .lang-list li{display: none;}
header .hd-btn-wrap .lang-list li.active{display: flex; align-items: center;}
header .hd-btn-wrap .lang-list li a{display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--hd-text); font-family: var(--ff-cormorant); font-size: 13px; font-weight: 700; line-height: normal; text-decoration: none; white-space: nowrap;}
header .hd-btn-wrap .lang-list li a img{width: 18px; height: auto;}
header .hd-btn-wrap .lang-list li.active a svg{transition: transform 0.3s ease; margin-left: 4px;}
header .hd-btn-wrap .lang-list li.active a svg path{stroke: var(--hd-text);}
header .hd-btn-wrap .lang-list.open li.active a svg{transform: rotate(180deg);}
header .hd-btn-wrap .lang-list.open li:not(.active){display: flex; position: absolute; left: 50%; transform: translateX(-50%); min-width: 80px; background: #FFFEFA; border: 1px solid #EFEFEF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); box-sizing: border-box; padding: 8px 12px; justify-content: center; z-index: 1000; border-radius: 8px;}
header.tr .hd-btn-wrap .lang-list.open li:not(.active) a{color: #141414;}
header .hd-btn-wrap .lang-list.open li:not(.active){top: calc(100% + 8px);}
header .hd-btn-wrap .lang-list.open li:not(.active) ~ li:not(.active){top: calc(100% + 42px);}

header .hd-btn-wrap .hamburger-button {display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;width: 26px;height: 18px;background: transparent;border: none;padding: 0;cursor: pointer;outline: none;}
header .hd-btn-wrap .hamburger-button:focus,
header .hd-btn-wrap .hamburger-button:active {outline: none;box-shadow: none;}
header .hd-btn-wrap .hamburger-button .bar {display: block;width: 100%;height: 2px;background-color: var(--hd-text);border-radius: 2px;transition: all 0.3s ease;transform-origin: center;}
header .hd-btn-wrap .hamburger-button .bar:nth-child(2) {width: 60%;}
header .hd-btn-wrap .hamburger-button.active .bar:nth-child(1),
header.is-active .hd-btn-wrap .hamburger-button .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
header .hd-btn-wrap .hamburger-button.active .bar:nth-child(2),
header.is-active .hd-btn-wrap .hamburger-button .bar:nth-child(2) {opacity: 0;transform: translateX(-10px);}
header .hd-btn-wrap .hamburger-button.active .bar:nth-child(3),
header.is-active .hd-btn-wrap .hamburger-button .bar:nth-child(3) {width: 100%;transform: translateY(-8px) rotate(-45deg);}

#side_menu{position: fixed; top: -100svh; right: 0; width: 100%; height: 100svh; padding-inline: 46px; transition: top 0.5s ease; z-index: 997; background: #FFFEFA; border-top: 1px solid #EFEFEF;}
#side_menu.open{right: 0; top: 130px;}
#side_menu .nav-head{display: flex; align-items: center; justify-content: end; padding-block: 31px; border-bottom: 1px solid rgba(60, 60, 60, 0.50); color: #3C3C3C;font-size: 18px; font-style: normal; font-weight: 500; line-height: normal;}
#side_menu .nav-head a{color: #3C3C3C;font-size: 18px; font-style: normal; font-weight: 500; line-height: normal;}
#side_menu .nav-head span{display: inline-block; margin-inline: 10px; color: #3C3C3C;font-size: 18px; font-style: normal; font-weight: 500; line-height: normal;}
#side_menu .nav-head button{padding: 0; margin: 0; margin-left: 35px; background-color: transparent; border: 0;}
#side_menu .nav-body{padding-block: 80px;}
#side_menu .nav-body ul{display: flex; justify-content: center;}
#side_menu .nav-body ul li{display: flex; flex-direction: column; align-items: center; width: calc(100% / 5); max-width: 270px; padding-inline: 40px; border-right: 1px solid #EFEFEF; box-sizing: content-box;}
#side_menu .nav-body ul li:first-child{padding-left: 0;}
#side_menu .nav-body ul li:last-child{padding-right: 0; border-right: 0;}
#side_menu .nav-body ul li .title{margin-bottom: 44px; transition: color 0.3s; color: #141414; font-family: var(--ff-cormorant); font-size: var(--fz-30); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.3px;}
#side_menu .nav-body ul li:has(a:hover) .title{color: var(--color-primary);}
#side_menu .nav-body ul li a{display: inline-block; margin-bottom: 35px; color: #141414; text-align: center; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.18px; white-space: nowrap;}
#side_menu .nav-body ul li a .menu-info{color: #868686; font-family: var(--ff-pretendard); font-size: var(--fz-16); font-style: normal; font-weight: 400; line-height: 1.75; letter-spacing: 0.16px;}
#side_menu .nav-body ul li a:hover{text-decoration: underline; text-underline-offset: 5px;}
#side_menu .nav-body ul li a:last-child{margin-right: 0;}

footer{width: 100%; padding: 0; min-height: auto; margin: 0; background: #FFFEFA;}
footer .ft-content{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; padding: 0; box-sizing: border-box; border-top: 1px solid #D9D9D9; background: #FFFEFA;}
footer .ft-content .ft-inner{display: flex; justify-content: flex-start; align-items: stretch; width: 100%; max-width: 1568px; box-sizing: border-box; margin: 0 auto;}
footer .ft-content .ft-inner .ft-col{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
footer .ft-content .ft-inner .ft-col-time{display: flex; flex-direction: column; justify-content: start; align-items: flex-start; flex: 1 1 0; gap: 50px; padding: 80px 0; box-sizing: border-box;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-title{margin: 0; font-family: var(--ff-nanummyeongjo); font-size: 22px; font-weight: 700; letter-spacing: 0.66px; color: #383838;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; width: 100%;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row{display: flex; justify-content: flex-start; align-items: center; gap: 29px; width: 100%;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row .ft-time-day{font-family: var(--ff-nanummyeongjo); font-size: 18px; font-weight: 600; color: #383838;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row .ft-time-day-weekday{letter-spacing: 6.12px;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row .ft-time-day-sat{letter-spacing: 2.88px;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row .ft-time-val{font-family: var(--ff-nanummyeongjo); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; color: #383838;}
footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-holiday{margin: 0; font-family: var(--ff-nanummyeongjo); font-size: 15px; font-weight: 400; letter-spacing: 0.45px; color: #383838;}
footer .ft-content .ft-inner .ft-col-time .ft-btn-booking{display: inline-flex; justify-content: center; align-items: center; padding: 10px 28px; border: 1px solid #383838; border-radius: 10px; background-color: transparent; transition: background-color 0.3s, color 0.3s; font-family: var(--ff-nanummyeongjo); font-size: 16px; font-weight: 400; letter-spacing: 0.48px; text-decoration: none; color: #383838;}
footer .ft-content .ft-inner .ft-col-time .ft-btn-booking:hover{background-color: #383838; color: #FFFEFA;}
footer .ft-content .ft-inner .ft-col-route{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-shrink: 0; gap: 50px; width: 626px; padding: 80px 60px; box-sizing: border-box; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; width: 100%;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-title{margin: 0; font-family: var(--ff-nanummyeongjo); font-size: 22px; font-weight: 600; letter-spacing: 0.66px; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-address{width: 100%; margin: 0; font-family: var(--ff-nanummyeongjo); font-size: 18px; font-weight: 600; letter-spacing: 0.54px; font-style: normal; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; width: 100%;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-traffic-row{display: flex; justify-content: flex-start; align-items: center; gap: 29px; width: 100%;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-traffic-row .ft-traffic-label{flex-shrink: 0; font-family: var(--ff-nanummyeongjo); font-size: 18px; font-weight: 600; letter-spacing: 0.54px; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-traffic-row .ft-traffic-desc{font-family: var(--ff-nanummyeongjo); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row{align-items: flex-start;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row .ft-parking-desc{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row .ft-parking-desc .ft-parking-main{font-family: var(--ff-nanummyeongjo); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row .ft-parking-desc .ft-parking-sub{opacity: 0.8; font-family: var(--ff-nanummyeongjo); font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0.45px; word-break: keep-all; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap{display: flex; justify-content: flex-start; align-items: center; gap: 28px;}
footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap .ft-btn-map{display: inline-flex; justify-content: center; align-items: center; padding: 10px 28px; border: 1px solid #383838; border-radius: 10px; background-color: transparent; transition: background-color 0.3s, color 0.3s; font-family: var(--ff-nanummyeongjo); font-size: 16px; font-weight: 400; letter-spacing: 0.48px; text-decoration: none; color: #383838;}
footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap .ft-btn-map-google{width: 155px; padding: 10px 0;}
footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap .ft-btn-map:hover{background-color: #383838; color: #FFFEFA;}
footer .ft-content .ft-inner .ft-col-info{display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; flex: 1 1 0; gap: 16px; padding: 80px 0 80px 60px; box-sizing: border-box;}
footer .ft-content .ft-inner .ft-col-info .ft-policy-nav{display: flex; justify-content: flex-start; align-items: flex-end; gap: 20px;}
footer .ft-content .ft-inner .ft-col-info .ft-policy-nav a{font-family: var(--ff-pretendard); font-size: 15px; font-weight: 500; letter-spacing: 0.60px; text-decoration: none; color: #383838;}
footer .ft-content .ft-inner .ft-col-info .ft-corp-info{margin: 0; opacity: 0.7; font-family: var(--ff-pretendard); font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: 0.56px; font-style: normal; color: #383838;}
footer .ft-content .ft-inner .ft-col-info .ft-corp-info a{text-decoration: none; color: inherit;}
footer .ft-content .ft-inner .ft-col-info .ft-copyright{margin: 0; opacity: 0.7; font-family: var(--ff-pretendard); font-size: 14px; font-weight: 400; letter-spacing: 0.56px; color: #383838;}
footer .ft-bottom{display: flex; justify-content: center; align-items: center; width: 100%; padding: 32px 0; box-sizing: border-box; background-color: #4A4540;}
footer .ft-bottom .ft-bottom-logo{display: block; width: 105px; height: auto;}

footer .btm-fix-area{position: fixed; right: 50px; bottom: 74px; z-index: 90; display: flex; flex-direction: column; align-items: flex-end; gap: 5px;}
footer .btm-fix-area .fixed-cont{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-end;}
footer .btm-fix-area .fixed-cont .quick-store{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 5px;}
footer .btm-fix-area .fixed-cont .quick-store ul{display: flex; flex-direction: column; gap: 5px; padding: 0; margin: 0; list-style: none;}
footer .btm-fix-area .fixed-cont .quick-store ul li{position: relative;}
footer .btm-fix-area .fixed-cont .quick-store ul li a{position: relative; display: flex; justify-content: center; align-items: center; width: 69px; height: 68px; border-radius: 10px; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.06); background-color: #ffffff; transition: transform 0.3s; text-decoration: none;}
footer .btm-fix-area .fixed-cont .quick-store ul li a .quick-title{position: absolute; right: calc(100% + 10px); top: 50%; display: inline-flex; justify-content: center; align-items: center; padding: 8px 10px; border-radius: 5px; background-color: #c5a059; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-50%) translateX(6px); transition: all 0.3s ease; font-family: var(--ff-pretendard); font-size: 14px; font-weight: 400; letter-spacing: 0.14px; white-space: nowrap; color: #ffffff;}
footer .btm-fix-area .fixed-cont .quick-store ul li a:hover .quick-title{opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0);}
footer .btm-fix-area .fixed-cont .quick-store ul li a img{position: relative; transition: 0.3s; width: 30px;}
footer .btm-fix-area .fixed-cont .quick-store ul li a .ico-off{display: block;}
footer .btm-fix-area .fixed-cont .quick-store ul li a .ico-on{display: none;}
footer .btm-fix-area .fixed-cont .quick-store ul li a:hover img{width: 33px;}
footer .btm-fix-area .fixed-cont .quick-store ul li a:hover .ico-off{display: none;}
footer .btm-fix-area .fixed-cont .quick-store ul li a:hover .ico-on{display: block;}
footer .btm-fix-area .fixed-cont .quick-store button{position: relative; display: flex; justify-content: center; align-items: center; width: 69px; height: 68px; padding: 0; border: none; border-radius: 10px; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.06); background-color: #c5a059;}
footer .btm-fix-area .fixed-cont .quick-store button img{position: relative; display: block;}
footer .btm-fix-area .fixed-cont .quick-store button .quick-close{display: block;}
footer .btm-fix-area .fixed-cont .quick-store button .quick-logo{display: none;}
footer .btm-fix-area .fixed-cont .quick-store button.active .quick-close{display: none;}
footer .btm-fix-area .fixed-cont .quick-store button.active .quick-logo{display: block;}
footer .btm-fix-area #top_btn{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 69px; height: 68px; padding: 0; border: 0; border-radius: 10px; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.06); background-color: #ffffff; transition: background-color 0.3s; font-family: var(--ff-pretendard); font-size: var(--fz-14); font-weight: 400; letter-spacing: 0.14px; text-align: center; color: #000000;}
footer .btm-fix-area #top_btn svg path{transition: stroke 0.3s;}
footer .btm-fix-area #top_btn:hover{background-color: var(--color-primary); color: #ffffff;}
footer .btm-fix-area #top_btn:hover svg path{stroke: #ffffff;}
footer .quick-wechat-popup{position: fixed; top: 0; left: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
footer .quick-wechat-popup.is-open{opacity: 1; visibility: visible;}
footer .quick-wechat-popup .popup-dim{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
footer .quick-wechat-popup .popup-box{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: fit-content; max-width: calc(100% - 40px); padding: 40px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); background-color: #E4DED5; transform: translateY(20px); transition: transform 0.3s ease;}
footer .quick-wechat-popup.is-open .popup-box{transform: translateY(0);}
footer .quick-wechat-popup .popup-box .popup-close-btn{position: absolute; top: 20px; right: 20px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0; border: none; background-color: transparent;}
footer .quick-wechat-popup .popup-box .popup-close-btn svg{width: 13px; height: 13px;}
footer .quick-wechat-popup .popup-box .popup-logo{width: 90px; height: auto;}
footer .quick-wechat-popup .popup-box .popup-qr-img{width: 244px; height: 244px; object-fit: contain;}
footer .quick-wechat-popup .popup-box .popup-info-txt{margin: 0; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; text-align: center; color: #484848; word-break: break-word;}

@media(max-width: 1024px){
    :root{--mn-sec-padding: 80px; --sub-sec-padding: 20px; --h1-fz: var(--fz-25); --h2-fz: var(--fz-22); --h3-fz: var(--fz-20); --h4-fz: var(--fz-18); --h5-fz: var(--fz-16); --tit-desc-fz: var(--fz-16); --detail-fz: var(--fz-18);}
    .pc{display: none !important;}
    .mo{display: block !important;}
    .mo-ib{display: inline-block !important;}
    .mo-if{display: inline-flex !important;}
    .mo-f{display: flex !important;}
    .mo-g{display: grid !important;}
    header{background: #ffffff;}
    header .hd-cont{height: 60px; padding-inline: 20px;}
    header .logo-image{width: 80px;}
    header .navigation{display: none;}
    header .hd-btn-wrap{margin-left: 0; gap: 15px;}
    header .hd-btn-wrap .btn-login{display: none;}
    header .hamburger-button{width: 28px; gap: 5px;}
    header .bar{height: 2px;}
    #side_menu{max-width: 100%; padding-inline: 20px; height: calc(100svh - 60px); z-index: 997;}
    #side_menu.open{right: 0; top: 60px;}
    #side_menu .nav-head a{font-size: var(--fz-14);}
    #side_menu .nav-body{padding: 20px 0;}
    #side_menu .nav-body ul{height: calc(100svh - 120px); overflow-y: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex;}
    #side_menu .nav-body ul li{width: 100%; max-width: 100%; padding-inline: 0; padding-bottom: 25px; margin-bottom: 25px; border-right: 0; border-bottom: 1px solid #efeef0; flex-direction: column; align-items: flex-start; gap: 10px; display: flex; box-sizing: border-box;}
    #side_menu .nav-body ul li:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
    #side_menu .nav-body ul li .title{margin-bottom: 15px; font-size: var(--fz-23); text-align: left; width: 100%;}
    #side_menu .nav-body ul li a{font-size: var(--fz-16); margin-bottom: 10px; margin-right: 0; display: block; text-align: left;}
    #side_menu .nav-body ul li a .menu-info{font-size: var(--fz-12); display: block; line-height: 1.4; margin-top: 4px;}
    footer .btm-fix-area{right: 15px; bottom: 20px; gap: 4px;}
    footer .btm-fix-area .fixed-cont .quick-store ul{gap: 4px;}
    footer .btm-fix-area .fixed-cont .quick-store ul li a{width: 50px; height: 50px; border-radius: 8px;}
    footer .btm-fix-area .fixed-cont .quick-store ul li a .quick-title{display: none;}
    footer .btm-fix-area .fixed-cont .quick-store ul li a img{width: 20px; height: auto;}
    footer .btm-fix-area .fixed-cont .quick-store ul li a:hover img{width: 22px;}
    footer .btm-fix-area .fixed-cont .quick-store button{width: 50px; height: 50px; border-radius: 8px;}
    footer .btm-fix-area .fixed-cont .quick-store button img{width: 20px; height: auto;}
    footer .btm-fix-area #top_btn{gap: 4px; width: 50px; height: 50px; border-radius: 8px; font-size: 8px;}
    footer .btm-fix-area #top_btn svg{width: 8px; height: auto;}
    footer .quick-wechat-popup .popup-box{gap: 15px; padding: 30px 20px;}
    footer .quick-wechat-popup .popup-box .popup-close-btn{top: 15px; right: 15px;}
    footer .quick-wechat-popup .popup-box .popup-logo{width: 75px;}
    footer .quick-wechat-popup .popup-box .popup-qr-img{width: 180px; height: 180px;}
    footer .quick-wechat-popup .popup-box .popup-info-txt{font-size: var(--fz-15);}
    footer{background: #FFFEFA;}
    footer .ft-content{width: 100%;}
    footer .ft-content .ft-inner{flex-direction: column; align-items: flex-start; gap: 40px; width: 100%; max-width: 100%; padding: 40px 20px;}
    footer .ft-content .ft-inner .ft-col-time{gap: 30px; width: 100%; padding: 0;}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap{gap: 20px;}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-title{font-size: var(--fz-20);}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list{gap: 12px; width: 100%;}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row{gap: 15px;}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row .ft-time-day{font-size: var(--fz-15);}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-row .ft-time-val{font-size: var(--fz-15);}
    footer .ft-content .ft-inner .ft-col-time .ft-time-info-wrap .ft-time-list .ft-time-holiday{font-size: var(--fz-13);}
    footer .ft-content .ft-inner .ft-col-time .ft-btn-booking{padding: 8px 20px; border-radius: 8px; font-size: var(--fz-14);}
    footer .ft-content .ft-inner .ft-col-route{gap: 30px; width: 100%; padding: 35px 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-left: 0; border-right: 0;}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap{gap: 20px;}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-title{font-size: var(--fz-20);}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-address{font-size: var(--fz-16);}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info{gap: 12px;}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-traffic-row{gap: 15px;}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-traffic-row .ft-traffic-label{font-size: var(--fz-15);}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-traffic-row .ft-traffic-desc{font-size: var(--fz-15);}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row .ft-parking-desc{gap: 6px;}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row .ft-parking-desc .ft-parking-main{font-size: var(--fz-15);}
    footer .ft-content .ft-inner .ft-col-route .ft-route-info-wrap .ft-traffic-info .ft-parking-row .ft-parking-desc .ft-parking-sub{font-size: var(--fz-13); line-height: 1.4;}
    footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap{gap: 12px;}
    footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap .ft-btn-map{padding: 8px 20px; border-radius: 8px; font-size: var(--fz-14);}
    footer .ft-content .ft-inner .ft-col-route .ft-map-btn-wrap .ft-btn-map-google{width: auto; padding: 8px 20px;}
    footer .ft-content .ft-inner .ft-col-info{gap: 14px; width: 100%; padding: 0;}
    footer .ft-content .ft-inner .ft-col-info .ft-policy-nav{gap: 15px; flex-wrap: wrap;}
    footer .ft-content .ft-inner .ft-col-info .ft-policy-nav a{font-size: var(--fz-13);}
    footer .ft-content .ft-inner .ft-col-info .ft-corp-info{font-size: var(--fz-12); line-height: 1.6;}
    footer .ft-content .ft-inner .ft-col-info .ft-copyright{font-size: var(--fz-12);}
    footer .ft-bottom{padding: 24px 0;}
    footer .ft-bottom .ft-bottom-logo{width: 80px;}
    html, body, a, a *, button, button *, select, label{cursor: auto;}
    #custom_cursor{display: none !important;}
}