@charset "utf-8";
/* 모달 */
.modal {scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.1) transparent; display: none; width: 90%; max-width: 711px; max-height: 80vh; overflow-y: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 30px; border-radius: 30px; background-color: #fff; z-index: 999999;}
.modal-bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 999998;}
.modal.open,
.modal.open+.modal-bg {display: block !important;}
.modal::-webkit-scrollbar {display: none;}
.modal .modal-close-btn {position: absolute; top: 30px; right: 30px; width: 32px; height: 32px; margin-left: auto;}
/* 색 */
.txt-green {color: #00C896;}
.txt-navy {color: #1F2937;}
.bg-red {background-color: #E5484D; color: #fff;}
.bg-green {background-color: #10B981; color: #fff;}
.bg-gray {background-color: #EEEEEE; color: #1F2937;}
.bg-navy {background-color: #1F2937; color: #fff;}
.bg-white {background-color: #fff; color: #1F2937;}
.bg-black-20 {background-color: rgba(0, 0, 0, 0.2); color: #fff;}
.bg-black-50 {background-color: rgba(0, 0, 0, 0.5); color: #fff;}
.line-gray {border-color: #e5e5e5 !important;}
.line-navy {border-color: #1F2937 !important;}
/* 인풋 */
input[type="url"],input[type="tel"],input[type="file"],input[type="text"],input[type="password"],input[type="email"],input[type="number"] {transition: box-shadow 0.3s; font-size: 16px; background-color: #fff; border: 1px solid #E4E4E4; border-radius: 10px; padding: 14px;}
input[type="url"]:focus,input[type="tel"]:focus,input[type="file"]:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus {outline: 0; border: 1px solid #000;}
input[type="submit"] {cursor: pointer;}
textarea {font-size: 16px; border: 1px solid #E4E4E4; background-color: #FDFDFD; border-radius: 10px; padding: 12px; width: 100%; min-height: 150px; resize: none; overflow: auto;}
.input-list {display: flex; flex-direction: column; row-gap: 18px;}
.input-row {display: flex; align-items: center; column-gap: 8px;}
.input-wrap {width: 100%; display: flex; flex-direction: column; row-gap: 8px;}
.input-wrap .review-count {margin-top: -4px; font-size: 14px; color: #C7C7CC; text-align: right; transition: color 0.2s;}
.input-wrap .review-count.max {color: #FF4D4F;}
.input-wrap .input-guide {font-size: 15px; margin-top: -4px; color: #AEAEB2;}
.input-row > .custom-select {flex: 1;}
.input-wrap label,
.input-wrap label span {font-size: 15px; font-weight: 700; color: #6C6C70;}
.input-wrap label .required {color: #00C896;}
.search-form {transition: box-shadow 0.3s; width: clamp(260px,20vw,360px); display: flex; align-items: center; column-gap: 8px; font-size: 16px; background-color: #fff; border: 1px solid #E4E4E4; border-radius: 10px; position: relative; padding-left: 38px;}
.search-form:has( > input[type="text"]:focus) {border: 1px solid #000;}
.search-form > button {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 14px; transform: translateY(-50%);}
.search-form > input[type="text"] {padding: 12px 12px 12px 0; width: 100%; border: 0; border-radius: 0; background-color: transparent;}
.search-form > input[type="text"]:focus {outline: 0;}
.input-password-box {position: relative;}
.input-password-box input[type="password"],
.input-password-box input[type="text"] {width: 100%;}
.input-password-box .input-toggle-btn {position: absolute; top: 50%; right: 4px; transform: translateY(-50%); z-index: 10; padding: 10px; display: flex; align-items: center; justify-content: center;}
.input-password-box .input-toggle-btn svg path {transition: stroke 0.2s;}
.input-password-box .input-toggle-btn.is-show svg path {stroke: #FF4D4F;}
/* 입력값 유효성 체크*/
.input-relative {position: relative;}
.input-relative input {width: 100%;}
.input-relative .input-ico {width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}
.input-relative .input-ico svg:not(.ico-eye) {display: none;}
.input-wrap .desc {font-size: 13px; text-align: right; margin-top: -4px; color: #878787;}
.input-wrap .desc.msg-static {display: block;}
.input-wrap .desc:not(.msg-static) {display: none;}
.input-wrap.is-valid .msg-valid {display: block; color: #29B87B;}
.input-wrap.is-invalid .msg-invalid {display: block; color: #E0454A;}
.input-wrap.is-valid input,
.is-valid .input-relative input {border-color: #29B87B;}
.input-wrap.is-invalid input,
.is-invalid .input-relative input {border-color: #E0454A;}
.is-valid .btn-pw-toggle,
.is-invalid .btn-pw-toggle,
.input-wrap:not(.is-valid):not(.is-invalid) .input-ico:not(.btn-pw-toggle) {display: none;}
.is-valid .input-relative .input-ico .ico-valid {display: block;}
.is-invalid .input-relative .input-ico .ico-invalid {display: block;}
.input-relative .btn-pw-toggle.active svg path {stroke: #00C896;}
/* 데이트피커 */
.datepicker {font-size: 14px; width: 100%; height: 50px; padding: 0 16px; border: 1px solid #E4E4E4; border-radius: 10px; font-size: 16[x]; color: #1A1A18; background-color: #FDFDFD; outline: none; appearance: none; -webkit-appearance: none; box-sizing: border-box; transition: border-color 0.3s ease;}
.datepicker:focus {border-color: #000;}
.datepicker::-webkit-calendar-picker-indicator {cursor: pointer; background: url('../img/calendar.svg') no-repeat center; background-size: 20px; width: 24px; height: 24px;}
.datepicker::-webkit-datetime-edit-text,
.datepicker::-webkit-datetime-edit-month-field,
.datepicker::-webkit-datetime-edit-day-field,
.datepicker::-webkit-datetime-edit-year-field {color: #1A1A18;}
/* 박스스타일 체크박스&라디오박스 */
.radio-wrap {width: 100%; display: flex; flex-direction: column; row-gap: 10px;}
.radio-wrap label {font-size: 15px; font-weight: 600;}
.radio-group {width: 100%; display: flex; column-gap: 8px; row-gap: 10px; flex-wrap: wrap;}
.radio-item {transition: box-shadow 0.2s; padding: 12px 15px; width: fit-content; background-color: #fff; position: relative; display: inline-flex; align-items: center; cursor: pointer; border-radius: 30px; border: 1px solid #E3E3E3;}
.radio-item.active,
.radio-item.checked {border-color: #FF4D4F;}
.radio-item input[type="radio"],.radio-item input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;}
.radio-item span {font-size: 15px; text-align: center; width: 100%; display: flex; align-items: center; column-gap: 4px;}
/* 커스텀 라디오 */
.radio-group > .custom-radio {flex: 1;}
.radio-group > .custom-radio label {width: 100%;}
.custom-radio {display: flex;  align-items: center; font-size: 14px;}
.custom-radio input[type="radio"] {display: none;}
.custom-radio label {transition: box-shadow 0.3s;max-height: 50px; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 12px 4px; border: 1px solid #E4E4E4; border-radius: 10px; background-color: #fff; text-align: center; font-size: 16px; font-weight: 500;}
.custom-radio label span {display: none;}
.custom-radio input[type="radio"]:checked + label {background-color: #FF4D4F; border-color: #FF4D4F; color: #fff;}
/* 커스텀 체크박스 */
.custom-chk {display: flex; align-items: center; gap: 7px; font-size: 15px; color: #636366; font-weight: 400;}
.custom-chk input[type="checkbox"] {display: none;}
.custom-chk label {cursor: pointer; display: flex; align-items: center;}
.custom-chk label span {margin-right: 10px; flex-shrink: 0; border: 1px solid #D1D1D6; background-color: #fff; background-size: 60%; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 20px; height: 20px; border-radius: 5px; position: relative; transition: all 0.2s ease; background-image: url(../img/check-ico.svg);}
.custom-chk input[type="checkbox"]:checked + label span {border-color: #FF4D4F; background-color: #FF4D4F;}
/* .custom-chk input[type="checkbox"]:checked + label span::after {content: ""; position: absolute; top: 48%; left: 50%; width: 10px; height: 6px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: translate(-50%, -60%) rotate(-45deg);} */
.custom-chk label em {font-style: normal;}
/* 커스텀셀렉트(기본)  */
.custom-select {position: relative; width: 100%;}
.custom-select select {transition: box-shadow 0.3s; color: #1A1A18; width: 100%; border: 1px solid #E4E4E4; background-color: #fff; cursor: pointer; padding: 12px 16px; font-size: 15px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; outline: none; appearance: none;}
.custom-select select:focus {border: 1px solid #000; transition: all 0.3s;}
.custom-select::after { position: absolute; width: 12px; height: 7px; background: url(../img/select-arrow.svg) no-repeat; top: 50%; right: 12px; transform: translate(0, -50%) rotate(0deg); transition: transform 0.3s ease; display: block; content: '';}
/* 개인정보수집동의 */
.privacy-wrap {margin: 50px 0 20px; padding: 16px 20px; border-radius: 10px; background-color: #F7F8FB; border: 1px solid #EDEDED;}
.privacy-wrap .custom-chk p {color: #6B6B67; font-size: 14px; word-break: keep-all;}
.privacy-wrap .custom-chk p a {transition: color 0.2s; color: #383838; font-weight: 500;}
.privacy-wrap .custom-chk p b {font-weight: 600;}
.privacy-wrap:has(>a) {display: flex; align-items: center; justify-content: space-between;}
.privacy-wrap > a {font-size: 15px; color: #37475C; border-bottom: 1px solid #37475C; font-weight: 500;}
.privacy-wrap > a:hover {color: #000; border-color: #000;}
/* 라벨 */
.label {width: fit-content; padding: 10px 20px; border-radius: 100px; display: flex; align-items: center; justify-content: center; column-gap: 8px; border: 1px solid transparent; font-size: 15px; font-weight: 500;}
.label.status {padding: 5px 10px; column-gap: 5px; font-size: 12px; font-weight: 500;}
.label.status .dot {width: 6px; height: 6px; border-radius: 50%;}
.label.status.confirmed {background-color: #EFF6FF; border-color: #BFDBFE; color: #1D4ED8;}
.label.status.confirmed .dot {background-color: #1D4ED8;}
.label.status.completed {background-color: #F0FDF4; border-color: #BBF7D0; color: #16A34A;}
.label.status.completed .dot {background-color: #16A34A;}
.label.status.canceled {border-color: #F0F0F0; background: #F8F9FA; color: #FF4D4F;}
.label.status.canceled .dot {background-color: #FF4D4F;}
.label.is-open {padding: 4px 8px; font-size: 16px; font-weight: 400; background-color: #DCFCE7; color: #166534;}
.label.is-close {padding: 4px 8px; font-size: 16px; font-weight: 400; background-color: #F0F0F0; color: #4D4D4D;}
.label.recommend {padding: 4px 10px; font-size: 12px; font-weight: 400; background-color: #FF4D4F; color: #fff;}
/* 버튼 */
.btn-wrap {display: flex; align-items: center; column-gap: 24px;}
.btn-list {display: flex; flex-direction: column; align-items: center; row-gap: 20px;}
.circle-btn {transition: box-shadow 0.3s; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid transparent;}
.round-btn {transition: box-shadow 0.3s; width: fit-content; padding: 8px 16px; border-radius: 100px; display: flex; align-items: center; justify-content: center; column-gap: 6px; border: 1px solid transparent; font-size: 16px; font-weight: 500;}
.square-btn {transition: box-shadow 0.3s; width: fit-content; padding: 8px 16px; border-radius: 10px; display: flex; align-items: center; justify-content: center; column-gap: 2px; border: 1px solid transparent; font-size: 16px; font-weight: 500; background-color: #F4F4F4;}
.square-btn.big {column-gap: 8px; width: 100%; border-radius: 14px; padding: 15px; font-size: 16px; font-weight: 500;}
.icon-btn {transition: box-shadow 0.3s; width: 40px; height: 40px; border-radius: 12px; border: 1px solid #E4E4E4; display: flex; align-items: center; justify-content: center;}

.gradient-btn {color: #fff; background: #FFB900; background: linear-gradient(178deg, rgba(255, 185, 0, 1) 0%, rgba(242, 153, 74, 1) 100%);}
.emblem-btn {border-radius: 5px; background-color: #272525; color: #FFF; position: relative; padding: 17px 32px;}
.emblem-btn::after,
.emblem-btn::before {position: absolute; top: 50%; transform: translateY(-50%); width: 15px; height: 38px; content: ''; display: block; background-repeat: no-repeat; background-position: center center; }
.emblem-btn::before {background-image: url(../img/lees-emblem-left.svg); left: 6px;}
.emblem-btn::after {background-image: url(../img/lees-emblem-right.svg); right: 6px;}

/* 서브페이지 공통 */
.breadcrumb-wrap {padding-block: 20px; display: flex; align-items: center; gap: 12px; font-size: 14px; color: #8A8A8A;}
.pagination-wrap {display: flex; align-items: center; justify-content: center; gap: 10px;}
.pagination-wrap .page-num, 
.pagination-wrap .page-nav {width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #000; font-weight: 600;}
.pagination-wrap .page-num.active {background: #111; color: #fff;}
.pagination-wrap .page-nav.disabled {pointer-events: none;}
/* Flatpickr */
.flatpickr-rContainer,
.flatpickr-weekdays,
.flatpickr-days,
.dayContainer {width: 100%; max-width: unset;}
.stay-count {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: #fff; border: 1px solid #eee; padding: 5px 12px; border-radius: 20px; font-size: 14px;}
.dayContainer {gap:  0 !important;}
.rangeMode .flatpickr-day {margin: 0 !important; padding: 0 !important; border: 0 !important;}
.flatpickr-weekdays {height: fit-content;}
.flatpickr-weekdays .flatpickr-weekday {display: flex; align-items: center; justify-content: center; aspect-ratio: 3/2;}
.flatpickr-calendar { box-shadow: none; width: 100% !important; border: none; }
.flatpickr-day {width: calc(100% / 7); max-width: unset; height: auto; aspect-ratio: 3/2; display: flex; align-items: center; justify-content: center;}
.flatpickr-day.inRange {background: #F8F8F8 !important; box-shadow: none !important; border: 0 !important;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {position: relative; background: unset; border: 0; z-index: 1;}
.flatpickr-day.selected::after, .flatpickr-day.startRange::after, .flatpickr-day.endRange::after, .flatpickr-day.selected.inRange::after, .flatpickr-day.startRange.inRange::after, .flatpickr-day.endRange.inRange::after, .flatpickr-day.selected:focus::after, .flatpickr-day.startRange:focus::after, .flatpickr-day.endRange:focus::after, .flatpickr-day.selected:hover::after, .flatpickr-day.startRange:hover::after, .flatpickr-day.endRange:hover::after, .flatpickr-day.selected.prevMonthDay::after, .flatpickr-day.startRange.prevMonthDay::after, .flatpickr-day.endRange.prevMonthDay::after, .flatpickr-day.selected.nextMonthDay::after, .flatpickr-day.startRange.nextMonthDay::after, .flatpickr-day.endRange.nextMonthDay::after {border-radius: 50%; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #6787CF; content: ''; z-index: -1;}
.flatpickr-day.inRange::after, .flatpickr-day.prevMonthDay.inRange::after, .flatpickr-day.nextMonthDay.inRange::after, .flatpickr-day.today.inRange::after, .flatpickr-day.prevMonthDay.today.inRange::after, .flatpickr-day.nextMonthDay.today.inRange::after, .flatpickr-day:hover::after, .flatpickr-day.prevMonthDay:hover::after, .flatpickr-day.nextMonthDay:hover::after, .flatpickr-day:focus::after, .flatpickr-day.prevMonthDay:focus::after, .flatpickr-day.nextMonthDay:focus::after {border-radius: 50%; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #E8E8E8; content: ''; z-index: -1;}
.w-100 { width: 100%; }
/* 검색 */
.gt-search-form {max-width: 470px; margin-inline: auto;}
.gt-search-row {display: flex; align-items: center; column-gap: 20px;}
.gt-search-row .select-wrap {flex: 1;}
.gt-search-row .search-btn {background-color: #FF4D4F; color: #fff;}
.gt-current-location {border-radius: 12px; font-size: 16px; font-weight: 500; color: #2A2A2A; display: flex; align-items: center; justify-content: center; column-gap: 10px; padding: 16px; background-color: #FDFDFD; border: 1px solid #E4E4E4;}
.gt-current-location .icon {display: flex; align-items: center; justify-content: center;}
.gt-search-row + .gt-current-location {margin-top: 20px;}

/* 카테고리 */
.cate-filter {display: flex; flex-direction: column; row-gap: 40px;}
.cate-filter .nation-list {display: flex; column-gap: 30px;}
.cate-filter .nation-list li {display: flex; flex-direction: column; row-gap: 10px;}
.cate-filter .nation-list .nation-icon {transition: box-shadow 0.3s; width: 80px; height: 80px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background-color: #E4E4E4; color: #fff; font-size: 20px; font-weight: 500;}
.cate-filter .nation-list .nation-icon.kr {background-color: #FFD771;}
.cate-filter .nation-list .nation-icon.th {background-color: #5B87EA;}
.cate-filter .nation-list .nation-icon.cn {background-color: #00C896;}
.cate-filter .nation-list .nation-icon.vn {background-color: #9DD0FF;}
.cate-filter .nation-list .nation-text {margin-top: 4px; line-height: 26px; font-size: 18px; font-weight: 500; color: #202020;}
.cate-filter .nation-list .active .nation-text {color: #1D4ED8; border-bottom: 1px solid #1D4ED8;}
.cate-filter .category-list {display: flex; align-items: center; column-gap: 20px;}
.cate-filter .category-list .round-btn {transition: all 0.3s; background-color: #fff; border-color: #E0E0E0; color: #666666;}
.cate-filter .category-list .round-btn.active {background-color: #FF4D4F; border-color: #FF4D4F; color: #fff;}

/* 가게리스트 */
.shop-list {flex-wrap: wrap; margin-top: 20px; display: flex; column-gap: 24px; row-gap: 20px;}
.shop-list .shop-card {width: calc(100% / 4 - (24px * 3) /4); border-radius: 16px; border: 1px solid #F0F0F0; overflow: hidden;}
.shop-list .shop-card.premium {border: 2px solid #FFC8C8;}
.shop-list .shop-card a {display: flex; flex-direction: column;}
.shop-list .shop-card .shop-thumb {position: relative; aspect-ratio: 260 / 190; width: 100%; overflow: hidden;}
.shop-list .shop-card .shop-thumb img {width: 100%; height: 100%; object-fit: cover;}
.shop-list .shop-card .shop-thumb .label {position: absolute; top: 10px; font-size: 14px; font-weight: 400; padding: 4px 8px; column-gap: 6px;}
.shop-list .shop-card .shop-thumb .shop-distance {left: 10px; background-color: rgba(0, 0, 0, 0.8); color: #fff;}
.shop-list .shop-card .shop-thumb .shop-badge {right: 10px;}
.shop-list .shop-card .shop-thumb .shop-badge.is-open {background-color: #DCFCE7; color: #166534;}
.shop-list .shop-card .shop-thumb .shop-badge.is-close {background-color: #E8E8E8; color: #676767;}
.shop-list .shop-card .shop-thumb .shop-like {position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #D4D4D4; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.shop-list .shop-card .shop-body {padding: 12px 14px; display: flex; flex-direction: column; row-gap: 12px;}
.shop-list .shop-card .shop-body .shop-tit-wrap {display: flex; align-items: center; column-gap: 10px;}
.shop-list .shop-card .shop-body .shop-dong {flex-shrink: 0; font-size: 16px; font-weight: 500; color: #1D4ED8;}
.shop-list .shop-card .shop-body .shop-name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 500; color: #111111;}
.shop-list .shop-card .shop-body .shop-addr-wrap {display: flex; align-items: center; column-gap: 6px;}
.shop-list .shop-card .shop-body .shop-address {font-size: 15px; color: #888888;}
.shop-list .shop-card .shop-body .trans-btn {display: flex;}
.shop-list .shop-card .shop-body .shop-meta-wrap {display: flex; align-items: center; justify-content: space-between;}
.shop-list .shop-card .shop-body .shop-meta {font-size: 16px; font-weight: 500; color: #4D4D4D;}
.shop-list .shop-card .shop-body .shop-price {font-size: 17px; font-weight: 600; color: #FF4D4F;}

@media (hover: hover) {
    .radio-item:hover,
    input[type="url"]:hover,input[type="tel"]:hover,input[type="file"]:hover,input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="number"]:hover,
    .custom-radio label:hover,
    .custom-select select:hover,
    .search-form:hover,
    .circle-btn:hover,
    .round-btn:hover,
    .square-btn:hover,
    .icon-btn:hover {box-shadow: 0 0 0 5px #ADADAD4D;}
    .cate-filter .nation-list button:hover .nation-icon {box-shadow: 0 0 0 5px #ADADAD4D;}
    .cate-filter .category-list .round-btn:not(.active):hover {border-color: #FF4D4F; color: #FF4D4F;}
    .input-password-box .input-toggle-btn:hover svg path {stroke: #FF4D4F;}
    .search-form > input {box-shadow: none !important;}
}
@media screen and (max-width: 1024px) {
    .shop-list .shop-card {width: calc(50% - 12px);}
}
@media screen and (max-width: 768px) {
    /* input[type="url"],input[type="tel"],input[type="file"],input[type="text"],input[type="password"],input[type="email"],input[type="number"] {padding: 10px;} */
    /* .search-form > input[type="text"] {padding: 9px 10px 9px 0;} */
    .cate-filter {row-gap: 0; padding: 0; position: unset; transform: unset; border-radius: 0; box-shadow: unset;}
    .cate-filter .filter-label {text-align: left; width: 100%; display: block; font-size: 13px; color: #888; margin-bottom: 14px;}
    .cate-filter .nation-list {padding-bottom: 18px;}
    .cate-filter .category-list {padding-top: 18px; column-gap: 12px; position: relative;}
    .cate-filter .category-list::after {content: ''; width: 100vw; height: 1px; background-color: #F5F5F5; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    .cate-filter .nation-list {column-gap: 10px;}
    .cate-filter .nation-list li {width: calc(100% / 5 - 40px / 5);}
    .cate-filter .nation-list .nation-icon {width: 100%; height: auto; aspect-ratio: 1/1; padding: 10px; font-size: 20px;}
    .cate-filter .nation-list .nation-icon img {width: 100%; height: 100%; object-fit: contain;}
}

@media screen and (max-width: 600px) {
    .flatpickr-weekdays .flatpickr-weekday,
    .flatpickr-day {aspect-ratio: 1/1;}
}

@media screen and (max-width: 480px) {
    .cate-filter .nation-list .nation-text {font-size: 16px; line-height: 23px;}
    .shop-list .shop-card {width: 100%;}
}