:root{
    --color-primary: #8C6849;
    --color-secondary: #1F1712;
    --color-text: #444444;
    --color-title: #463730;
    --color-gray-light: #EBEBEB;
    --color-gray-dark: #A4A4A4;
    --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); --fz-52: min(13.3vw, 52px); --fz-58: min(14.9vw, 58px); --fz-128: min(33.6vw, 128px);
    --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', sans-serif;
    --ff-notoserif: 'Noto Serif KR', serif;
    --ff-maecenas: 'Maecenas', serif;
    --ff-pinyon: 'Pinyon Script', cursive;
}


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);}

body, button, input, select, textarea, a{color: var(--color-text); font-family: var(--ff-pretendard);}
body{background: #FFFEFA;}
.ff-notoserif{font-family: var(--ff-notoserif);}
.ff-maecenas{font-family: var(--ff-maecenas);}
.ff-pinyon{font-family: var(--ff-pinyon);}

.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;}
#main_header{background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,0.07); transition: transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;}
#main_header.hide{transform: translateY(-100%); box-shadow: none;}
#main_header .logo-wh{display: none;}
#main_header .logo-bk{display: block;}
#main_header #main_gnb .gnb-left li a{color: #332721; transition: color 0.3s;}
#main_header #main_gnb .btn-beauty{background: #8C6849; border: 1px solid #8C6849; color: #fff; transition: background-color 0.3s, border-color 0.3s, color 0.3s;}
#main_header #main_gnb .btn-beauty:hover{background: #6b4f35; border-color: #6b4f35;}
#main_header #main_menu_toggle span{background: #332721;}
#main_header.tr{background: transparent; box-shadow: none;}
#main_header.tr .logo-wh{display: block;}
#main_header.tr .logo-bk{display: none;}
#main_header.tr #main_gnb .gnb-left li a{color: #fff;}
#main_header.tr #main_gnb .btn-beauty{background: transparent; border-color: #fff; color: #fff;}
#main_header.tr #main_gnb .btn-beauty:hover{background: #fff; color: #332721;}
#main_header.tr #main_menu_toggle span{background: #fff;}

#main_header{position: fixed; top: 0; left: 0; z-index: 1000; display: flex; justify-content: center; width: 100%; padding: 35px 60px;}
#main_gnb{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1920px; height: 66px;}
#main_gnb .gnb-left{display: flex; align-items: center; padding-left: 60px; gap: 60px;}
#main_gnb .gnb-left li a{font-size: var(--fz-18); font-weight: 600; font-family: var(--ff-notoserif);}
#main_logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main_gnb .gnb-right{display: flex; align-items: center; gap: 40px;}
#main_gnb .btn-beauty{display: flex; align-items: center; height: 40px; padding: 0 30px; border-radius: 5px; font-size: var(--fz-15); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px; gap: 5px;}
#main_menu_toggle{display: flex; flex-direction: column; justify-content: center; width: 30.4px; height: 30.4px; gap: 6.4px;}
#main_menu_toggle span{display: block; width: 30.4px; height: 2.53px; transition: transform 0.35s ease, opacity 0.35s ease, background-color 0.3s;}
#main_header.is-active #main_menu_toggle span:nth-child(1){transform: translateY(9px) rotate(45deg);}
#main_header.is-active #main_menu_toggle span:nth-child(2){opacity: 0;}
#main_header.is-active #main_menu_toggle span:nth-child(3){transform: translateY(-9px) rotate(-45deg);}

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: 500; line-height: normal;}
header .menu-item a span{font-size: 17px; font-weight: 400;}
header .menu-item:after{position: absolute; content: ''; bottom: -30px; 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; cursor: pointer; z-index: 999; list-style: none; padding: 0; margin: 0; gap: 6px; padding: 4px 8px; border: 1px solid var(--hd-text); border-radius: 100px;}
header .hd-btn-wrap .lang-list li{display: none;}
header .hd-btn-wrap .lang-list li.active{display: flex; justify-content: start; align-items: center;}
header .hd-btn-wrap .lang-list:hover li{display: flex; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; border: 1px solid #ddd; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); box-sizing: border-box; padding: 6px 0;}
header .hd-btn-wrap .lang-list:hover li.active{position: static; transform: none; box-shadow: none; border: none; padding: 0;}
header .hd-btn-wrap .lang-list:hover li:not(.active){top: 35px; display: none;}
header .hd-btn-wrap .lang-list li a{display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--hd-text); font-family: var(--ff-cormorant); font-size: 12px; font-style: normal; font-weight: 500; line-height: normal;}
header .hd-btn-wrap .lang-list li a path{stroke: var(--hd-text)}
header .hd-btn-wrap .lang-list:hover li:not(.active) a{color: var(--color-text);}
header .hd-btn-wrap .lang-list li a img{width: 20px; height: auto;}
header .hamburger-button{width: 31px; height: 18px; flex-direction: column; justify-content: space-between; align-items: end; display: inline-flex; background: none; border: none; cursor: pointer; padding: 0; position: relative;}
header .bar{width: 100%; height: 2px; background: var(--hd-ham); transition: all 0.3s;}
header .bar:nth-child(2){width: 80%;}
header.is-active .bar:nth-child(1){transform: translateY(8px) rotate(45deg);}
header.is-active .bar:nth-child(2){opacity: 0;}
header.is-active .bar:nth-child(3){transform: translateY(-8px) rotate(-45deg);}

#main_gnb_menu{position: fixed; top: 0; right: 0; z-index: 1001; width: 50%; max-width: 851px; height: 100svh; background: #fff; pointer-events: none; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; overflow-x: hidden;}
#main_gnb_menu.open{pointer-events: auto; transform: translateX(0);}
#main_gnb_menu .gnb-menu-inner{display: flex; flex-direction: column; min-height: 100%; padding: 50px 50px 60px 100px;}
#main_gnb_menu .gnb-menu-top{display: flex; justify-content: end; align-items: center; gap: 50px; margin-bottom: 50px;}
#main_gnb_menu .gnb-station{display: flex; align-items: center; gap: 6px; color: #555; font-size: var(--fz-13); font-weight: 500; font-family: var(--ff-notoserif);}
#main_gnb_menu .gnb-station svg{flex-shrink: 0;}
#main_gnb_menu .gnb-menu-body{display: flex; flex-direction: column; gap: 50px; padding-right: 79px;}
#main_gnb_menu .gnb-menu-col{display: flex; flex-direction: column; gap: 24px;}
#main_gnb_menu .gnb-col-title{position: relative; padding-bottom: 16px; color: #272523; font-size: var(--fz-24); font-weight: 600; font-family: var(--ff-notoserif);}
#main_gnb_menu .gnb-col-title::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, #DDD0D0 0%, #DDD0D0 49.52%, rgba(221, 208, 208, 0.00) 100%); content: '';}
#main_gnb_menu .gnb-col-links{display: flex; flex-wrap: wrap; gap: 16px 60px; padding-right: 34px;}
#main_gnb_menu .gnb-col-links li.br-start{width: 95px;}
#main_gnb_menu .gnb-col-links li a{color: #666; font-size: var(--fz-16); font-weight: 400; font-family: var(--ff-pretendard); line-height: 24px; transition: color 0.3s;}
#main_gnb_menu .gnb-col-links li a:hover{color: var(--color-primary);}
#main_gnb_menu .btn-beauty{display: none;}
#gnb_menu_close{display: flex; justify-content: center; align-items: center; position: relative; flex-shrink: 0; width: 26px; height: 26px; background: none; border: none; cursor: pointer; padding: 0;}
#gnb_menu_close span{position: absolute; width: 20px; height: 1.5px; background: #555; border-radius: 1px;}
#gnb_menu_close span:first-child{transform: rotate(45deg);}
#gnb_menu_close span:last-child{transform: rotate(-45deg);}



.sec-location{display: flex; width: 100%;}
.sec-location .location-info{display: flex; flex-direction: column; width: 50%; padding: 120px 100px 100px; gap: 80px; background: url(../img/ft_bg.webp) center/cover no-repeat;}
.sec-location .location-details{display: flex; flex-direction: column; gap: 30px;}
.sec-location .location-details h2{color: #fff; font-size: var(--fz-28); font-weight: 600; font-family: var(--ff-pretendard); line-height: 1.4;}
.sec-location .location-transport{display: flex; align-items: center; gap: 24px;}
.sec-location .location-transport strong{color: #fff; font-size: var(--fz-24); font-weight: 600; font-family: var(--ff-pretendard);}
.sec-location .location-transport span{color: var(--color-gray-light); font-size: var(--fz-20); font-weight: 400; font-family: var(--ff-pretendard);}
.sec-location .location-btns{display: flex; gap: 20px;}
.sec-location .btn-direction{display: inline-flex; justify-content: center; align-items: center; height: 50px; padding: 10px 30px; border: 1px solid #fff; border-radius: 5px; color: #fff; font-size: var(--fz-16); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px; gap: 10px; transition: background-color 0.3s, color 0.3s;}
.sec-location .btn-direction:hover{background: #fff; color: #332721;}
.sec-location .btn-direction:hover img{filter: brightness(0);}
.sec-location .location-parking{display: flex; align-items: center; gap: 24px;}
.sec-location .location-parking strong{width: 89px; color: #fff; font-size: var(--fz-24); font-weight: 600; font-family: var(--ff-pretendard);}
.sec-location .location-parking span{color: var(--color-gray-light); font-size: var(--fz-20); font-weight: 400; font-family: var(--ff-pretendard);}

.sec-location .location-hours { display: flex; flex-direction: column; gap: 20px; }
.sec-location .location-hours h3 { margin-bottom: 20px; color: #fff; font-size: var(--fz-24); font-weight: 600; font-family: var(--ff-pretendard); letter-spacing: -0.24px; }
.sec-location .hours-table { display: flex; gap: 50px; }
.sec-location .hours-left { display: flex; flex-direction: column; gap: 4px; }
.sec-location .hours-right { display: flex; flex-direction: column; gap: 4px; width: 323px; }
.sec-location .hours-row { display: flex; align-items: center; gap: 50px; }
.sec-location .hours-row dt { color: #fff; font-size: var(--fz-20); font-weight: 500; font-family: var(--ff-pretendard); line-height: 36px; word-break: keep-all; }
.sec-location .hours-left dt { letter-spacing: 4px; }
.sec-location .hours-right dt { letter-spacing: 10px; }
.sec-location .hours-row dd { color: var(--color-gray-light); font-size: var(--fz-20); font-weight: 400; font-family: var(--ff-pretendard); line-height: 36px; }
.sec-location .hours-divider { width: 658px; max-width: 100%; height: 0; border-top: 1px solid rgba(126,126,126,0.5); }
.sec-location .hours-lunch { display: flex; gap: 87px; }
.sec-location .hours-lunch div { display: flex; gap: 24px; }
.sec-location .hours-lunch div span { color: var(--color-gray-light); font-size: var(--fz-16); font-family: var(--ff-pretendard); line-height: 36px; word-break: keep-all; }
.sec-location .hours-lunch div span:first-child { font-weight: 500; letter-spacing: 0.8px; }
.sec-location .hours-lunch div span:last-child { font-weight: 400; }
.sec-location .btn-reservation{display: inline-flex; justify-content: center; align-items: center; align-self: flex-start; height: 50px; padding: 10px 30px; background: var(--color-primary); border-radius: 5px; color: #fff; font-size: var(--fz-16); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px; gap: 10px; transition: background-color 0.3s, transform 0.3s;}
.sec-location .btn-reservation:hover{background: #6b4f35; transform: translateY(-2px);}
.sec-location .location-map{width: 50%;}
.sec-location .location-map img{width: 100%; height: 100%; object-fit: cover;}

#main_footer{padding: 80px 119px; background-color: #121111;}
#main_footer .footer-logo img{width: 153px; height: auto;}
#main_footer .footer-inner{display: flex; justify-content: space-between; align-items: flex-end; max-width: 1682px; margin: 0 auto;}
#main_footer .footer-left{display: flex; flex-direction: column; gap: 30px;}
#main_footer .footer-links{display: flex; flex-direction: column; gap: 15px;}
#main_footer .policy-links{display: flex; gap: 20px;}
#main_footer .policy-links li a{color: #fff; font-size: var(--fz-16); font-weight: 500; font-family: var(--ff-pretendard);}
#main_footer .company-info{display: flex; align-items: center; gap: 15px;}
#main_footer .company-info li{position: relative; color: var(--color-gray-dark); font-size: var(--fz-14); font-weight: 400; font-family: var(--ff-pretendard);}
#main_footer .company-info li + li::before{content: ''; position: absolute; top: 50%; left: -8px; display: block; width: 1px; height: 9px; background: var(--color-gray-dark); transform: translateY(-50%);}
#main_footer .footer-copyright{color: var(--color-gray-dark); font-size: var(--fz-14); font-weight: 400; font-family: var(--ff-pretendard);}

footer .fixed-cont { position: fixed; right: 20px; bottom: 132px; z-index: 90; display: flex; flex-direction: column;}
footer .fixed-cont .quick-store{position: relative; display: flex; flex-direction: column; z-index: 1; border-radius: 20px; background: linear-gradient(180deg, #604229 0%, #8C6849 100%); box-shadow: 0 4px 4px 0 #8C6849;}
footer .fixed-cont .quick-store .quick-bg{position: absolute; border-radius: 20px; background: rgba(137, 109, 85, 0.70); width: 80px; height: 80px; z-index: 3; bottom: 0; left: 0; pointer-events: none; transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s;}
footer .fixed-cont .quick-store.active .quick-bg{opacity: 0;}
footer .fixed-cont .quick-store ul{position: relative; padding-bottom: 20px; margin-bottom: -20px; width: 80px; list-style: none; border: 0; border-radius: 20px 20px 0 0; overflow: hidden;}
footer .fixed-cont .quick-store ul li{position: relative; text-align: center; height: 80px; z-index: 4;}
footer .fixed-cont .quick-store ul li a{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 4; height: 80px;}
footer .fixed-cont .quick-store ul img{position: relative; margin-bottom: 6px; z-index: 5;}
footer .fixed-cont .quick-store ul p{position: relative; z-index: 5; color: #FFF; text-align: center; font-family: Pretendard; font-size: var(--fz-14); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.14px;}
footer .fixed-cont .quick-store button{position: relative; display: flex; justify-content: center; align-items: center; padding: 0; font-size: 12px; width: 80px; height: 80px; border: none; cursor: pointer; border-radius: 20px;}
footer .fixed-cont .quick-store button img{position: relative; z-index: 5;}
footer .fixed-cont .quick-store button .quick-close{display: block;}
footer .fixed-cont .quick-store button .quick-close p{position: relative; z-index: 5; color: #FFF; text-align: center; font-family: Pretendard; font-size: var(--fz-14); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.14px;}
footer .fixed-cont .quick-store button .quick-logo{display: none;}
footer .fixed-cont .quick-store button.active .quick-close{display: none;}
footer .fixed-cont .quick-store button.active .quick-logo{display: block;}
footer #top_btn{display: flex; flex-direction: column; gap: 6px; border: 0; border-radius: 20px; background: linear-gradient(180deg, rgba(244, 229, 211, 0.10) 0%, rgba(244, 229, 211, 0.00) 112.06%), linear-gradient(178deg, #FFF 53.46%, rgba(255, 255, 255, 0.00) 187.66%), rgba(255, 255, 255, 0.10); box-shadow: 0 7px 10px 0 rgba(227, 217, 208, 0.20); align-items: center; justify-content: center; width: 80px; height: 80px; transition: 0.5s; color: #6E4E33; text-align: center; font-family: var(--ff-maecenas); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.18px;}
footer #top_btn svg path{transition: 0.5s;}
footer #top_btn:hover{background-color: var(--color-primary);}
footer #top_btn:hover svg path{stroke: #fff;}

@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 .hamburger-button{width: 28px;}
    header .bar{height: 2px;}
    #main_logo{left: 0; transform: translate(0, -50%);}
    #main_gnb_menu{width: 100%; max-width: 100%;}
    #main_gnb_menu .gnb-menu-inner{padding: 30px 20px 50px 40px;}
    #main_gnb_menu .gnb-menu-top{margin-bottom: 35px; justify-content: space-between;}
    #main_gnb_menu .gnb-menu-body{gap: 35px; padding-right: 0;}
    #main_gnb_menu .gnb-col-links{gap: 12px;}
    #main_gnb_menu .gnb-col-links li.br-start{width: auto;}
    
    #main_header{padding: 20px;}
    #main_gnb{justify-content: end; height: 40px;}
    #main_gnb .gnb-left{display: none;}
    #main_gnb .btn-beauty{display: none;}
    #main_gnb_menu .btn-beauty{display: flex; justify-content: center; align-items: center; width: calc(100% - 20px); height: 40px; padding: 0 30px; border-radius: 5px; font-size: var(--fz-15); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px; gap: 5px; background: #8C6849; border: 1px solid #8C6849; color: #fff; transition: background-color 0.3s, border-color 0.3s, color 0.3s;}
    #main_logo img{height: 44px; width: auto;}

    .sec-location{flex-direction: column;}
    .sec-location .location-info{width: 100%; padding: 60px 20px 50px; gap: 40px;}
    .sec-location .location-details h2{font-size: var(--fz-18); line-height: 1.5;}
    .sec-location .location-transport{flex-direction: column; align-items: flex-start; gap: 8px;}
    .sec-location .location-transport strong{font-size: var(--fz-18);}
    .sec-location .location-transport span{font-size: var(--fz-15);}
    .sec-location .location-btns{flex-direction: column; gap: 10px;}
    .sec-location .location-parking{flex-direction: column; align-items: flex-start; gap: 8px;}
    .sec-location .location-parking strong{width: auto; font-size: var(--fz-18);}
    .sec-location .location-parking span{font-size: var(--fz-15);}
    
    .sec-location .hours-table { flex-direction: column; gap: 0; }
    .sec-location .hours-right { width: 100%; }
    .sec-location .hours-row { gap: 20px; }
    .sec-location .hours-row dt { font-size: var(--fz-16); }
    .sec-location .hours-left dt { letter-spacing: 2px; }
    .sec-location .hours-right dt { letter-spacing: 5px; }
    .sec-location .hours-row dd { font-size: var(--fz-16); }
    .sec-location .hours-divider { width: 100%; }
    .sec-location .hours-lunch { flex-direction: column; gap: 10px; }
    .sec-location .hours-lunch div { gap: 20px; }
    .sec-location .hours-lunch div span { font-size: var(--fz-16); line-height: 26px; }
    .sec-location .location-map{width: 100%; height: 280px;}
    #main_footer{padding: 40px 20px;}
    #main_footer .footer-inner{flex-direction: column; align-items: flex-start; gap: 30px;}
    #main_footer .footer-logo img{width: 100px; height: auto;}
    #main_footer .policy-links{flex-wrap: wrap;}
    #main_footer .company-info{flex-wrap: wrap;}
    #main_footer .company-info li:nth-child(2){width: 50%;}
    #main_footer .company-info li:nth-child(2) + li::before{display: none;}
    #main_footer .footer-copyright{font-size: var(--fz-12);}
    footer .fixed-cont{right: 15px; bottom: 95px;}
    footer .fixed-cont .quick-store{border-radius: 10px;}
    footer .fixed-cont .quick-store .quick-bg{width: 60px; height: 60px; border-radius: 10px;}
    footer .fixed-cont .quick-store ul{width: 60px; padding-bottom: 6px; margin-bottom: -6px; border-radius: 10px 10px 0 0;}
    footer .fixed-cont .quick-store ul li{height: 60px;}
    footer .fixed-cont .quick-store ul li a{height: 60px;}
    footer .fixed-cont .quick-store ul img{width: 20px; height: auto; margin-bottom: 8px;}
    footer .fixed-cont .quick-store ul p{font-size: 10px; letter-spacing: 0;}
    footer .fixed-cont .quick-store button{width: 60px; height: 60px; border-radius: 10px;}
    footer .fixed-cont .quick-store button img{width: 20px; height: auto; margin-bottom: 4px;}
    footer .fixed-cont .quick-store button img.quick-logo{margin-bottom: 0;}
    footer .fixed-cont .quick-store button .quick-close p{font-size: 10px;}
    footer #top_btn{right: 15px; bottom: 15px; width: 60px; height: 60px; font-size: 12px; gap: 4px; border-radius: 10px;}
    footer #top_btn svg{width: 8px; height: auto;}
    
}