@keyframes rotate-f9d12206{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading[data-v-f9d12206]{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading .loader[data-v-f9d12206]{animation:spin-f9d12206 1.5s linear infinite;border:15px solid #5bb49f;border-radius:50%;border-right-color:transparent;height:100px;width:100px}@keyframes spin-f9d12206{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading .loading-text[data-v-f9d12206]{color:#fff;font-family:Noto Sans TC;font-size:1.25rem;font-style:normal;font-weight:500;height:29px;line-height:29px;margin-top:10px;text-align:center;width:120px}.is-fullscreen[data-v-f9d12206]{background-color:#fafbff;height:100vh;left:0;opacity:.7;position:fixed;top:0;width:100vw;z-index:99999}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.map{display:flex;gap:74px;justify-content:space-between;margin-top:85px;width:100%}@media (max-width:1440px){.map{margin-top:60px}}@media (max-width:768px){.map{margin-top:30px}}.map .area-map{display:flex;flex-direction:column;justify-content:space-between;min-height:500px;position:relative;width:50%}@media (max-width:768px){.map .area-map .map-city{aspect-ratio:.88/1;width:100%}}.map .area-map .map-city .map-loading{height:100%;position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:100%}.map .area-map .map-color{display:flex;flex-direction:row;flex-wrap:wrap}.map .area-map .map-color li{color:#2e2e2e;font-size:clamp(.875rem,1vw + .5rem,1.1875rem);font-weight:400;letter-spacing:.03em;line-height:34.96px;margin-right:36.5px;padding-left:27.5px;position:relative}.map .area-map .map-color li:before{background-color:#224a3b;border-radius:50%;content:" ";height:20px;left:0;position:absolute;top:20%;width:20px}.map .area-map .map-color li:nth-child(2):before{background-color:#5bb49f}.map .area-map .map-color li:nth-child(3):before{background-color:#e8edf1}.map .area-map .map-color li:last-child{margin-right:0}.map .area-list-lg{flex:1}.map .area-list-lg .list{display:flex;flex-direction:column;gap:15px;max-height:703px;overflow-y:scroll;padding-bottom:15px;padding-right:10px}.map .area-list-lg .list::-webkit-scrollbar-track{background-color:transparent}.map .area-list-lg .list::-webkit-scrollbar{border-radius:10px;width:8px}.map .area-list-lg .list::-webkit-scrollbar-thumb{background-color:#dde9e7}.map .area-list-lg .list-county{background-color:#ecf6f5;border:1px solid #ecf6f5;border-radius:20px;cursor:default;padding:10px 23px;width:100%}.map .area-list-lg .list-county:hover{border:1px solid transparent}.map .area-list-lg .list-county h4{color:#5bb49f;cursor:default;font-size:1.1875rem;font-weight:700;letter-spacing:.07125rem;line-height:31.35px;text-align:left}.map .area-list-lg .list-county .list-region{-moz-column-gap:.625rem;column-gap:.625rem;cursor:default;display:grid;grid-template-columns:repeat(auto-fill,minmax(4.6875rem,1fr));text-align:left}.map .area-list-lg .list-county .region-item{color:#777;font-size:1.1875rem;font-weight:400;letter-spacing:.1em;line-height:34.96px;margin-right:1em;white-space:nowrap}.map .area-list-lg .cursor-pointer .list-region,.map .area-list-lg .cursor-pointer .region-item,.map .area-list-lg .cursor-pointer h4{cursor:pointer}.map .area-list-lg .cursor-default .list-region,.map .area-list-lg .cursor-default .region-item,.map .area-list-lg .cursor-default h4{cursor:default}.map .area-list-lg .interactive{background-color:#2e5c56;border:1px solid #2e5c56}.map .area-list-lg .interactive .region-item,.map .area-list-lg .interactive h4{color:#fff}.map .area-list-lg .interactive:hover{border:1px solid #2e5c56}.map .area-list-lg .list-county:last-child{margin-bottom:0}.map .area-list-lg .area-title h3{color:#2e2e2e;display:flex;flex-wrap:wrap;font-size:clamp(1.6875rem,1.875vw,1.875rem);font-weight:700;justify-content:space-between;letter-spacing:.13em;line-height:clamp(39.6px,3vw + 15px,48.6px);margin:0 0 10px;padding:0 40px 0 10px}.map .area-list-lg .area-title h3 span{margin:0;padding:0}@media (max-width:1440px){.map .area-list-lg .area-title h3{font-size:clamp(1.375rem,.78vw + 1rem,1.6875rem)}}@media (max-width:768px){.map .area-list-lg .area-title h3{justify-content:center;letter-spacing:.06em}}.map .area-list-lg .area-title p{font-size:clamp(1rem,1vw + .75rem,1.1875rem);font-weight:400;letter-spacing:.1em;margin:10px 0 10px 10px}@media (max-width:576px){.map .area-list-lg .area-title p{letter-spacing:.03rem;text-align:center}}.map .area-list-lg .area-title-lg{display:block}.map .area-list-sm,.map .area-title-sm{display:none}@media (max-width:1440px){.map .area-map{width:50%}.map .area-list-lg .list{max-height:50vw}}@media (max-width:992px){.map{gap:20px}}@media (max-width:768px){.map{flex-direction:column}.map .area-title-sm{display:block}.map .area-title-sm h3{text-align:center}.map .area-title-sm p{margin-bottom:30px}.map .area-title-lg{display:none}.map .area-map{width:100%}.map .area-map .map-color{justify-content:space-between;margin:0 auto;width:100%}.map .area-map .map-color li{margin-right:20.5px}.map .area-list-lg{display:none}.map .area-list-sm{display:block}.map .swiper-container{display:block;margin-left:-100px;margin-right:-100px;width:calc(100% + 180px)}.map .swiper-container .swiper-slide-next,.map .swiper-container .swiper-slide-prev{width:2rem!important}.map .swiper-container .swiper-list{background-color:#ecf6f5;border:1px solid #ecf6f5;border-radius:20px;display:flex;flex-direction:column;height:auto;margin-bottom:45px;min-height:200px;min-width:266px;padding:10px;width:266px}.map .swiper-container .swiper-list h4{color:#5bb49f;font-size:1.0625rem;font-weight:600;letter-spacing:.06em;line-height:33.66px;padding-left:7px;text-align:left}.map .swiper-container .swiper-list .list-region{-moz-column-gap:.3rem;column-gap:.3rem;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.map .swiper-container .swiper-list .region-item{color:#777;font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:34.96px;white-space:nowrap}.map .swiper-container .list-county:last-child{margin-bottom:0}.map .swiper-container .cursor-pointer .list-region,.map .swiper-container .cursor-pointer .region-item,.map .swiper-container .cursor-pointer h4{cursor:pointer}.map .swiper-container .cursor-default .list-region,.map .swiper-container .cursor-default .region-item,.map .swiper-container .cursor-default h4{cursor:default}.map .swiper-container .interactive{background-color:#2e5c56;border:1px solid #2e5c56}.map .swiper-container .interactive .region-item,.map .swiper-container .interactive h4{color:#fff}.map .swiper-container .interactive:hover{border:1px solid #2e5c56}.map .swiper{--swiper-pagination-color:#5eb6a2;--swiper-pagination-bullet-inactive-color:#5bb49f;--swiper-pagination-bullet-size:14px;--swiper-pagination-bullet-width:14px;--swiper-pagination-bullet-height:14px;--swiper-pagination-bullet-horizontal-gap:15px;--swiper-pagination-bullet-wrap:nowrap;--swiper-pagination-bullet-margin:0px 100px}}