/* =================================================== [1. 색상 수정 구간] - 원하는 색상 코드(#)로 변경하세요=================================================== *//* [표준/파이어폭스] (막대: 부드러운 흰색, 배경: 은은한 어두운 톤) */.qu_box pre { scrollbar-color: rgba(255, 255, 255, 0.6) rgba(0, 0, 0, 0.12);}/* [크롬/사파리/웨일] 스크롤바 트랙(배경) - 배경색에 자연스럽게 스며드는 반투명 */.qu_box pre::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.12);}/* [크롬/사파리/웨일] 스크롤바 막대 - 쨍하지 않은 은은한 소프트 화이트 */.qu_box pre::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.6);}/* [크롬/사파리/웨일] 스크롤바 마우스 오버 - 또렷한 선명한 화이트 */.qu_box pre::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.9);}/* =================================================== [2. 기존 기본 스타일] - 아래는 수정 없이 그대로 사용=================================================== */#contents { width: 100%; }.recommendation_group { padding: 20px 0 0; width: 100%; max-width: 980px; margin: 0 auto;}.cont_wrap .swiper-container-wrapper { width: 100%; max-width: 500px; margin: 0 auto; padding: 15px 0; position: relative;}.cont_wrap .swiper { width: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(204, 255, 0, 0.15); position: relative;}.cont_wrap .swiper-slide { width: 100%; position: relative; background: #1a1a1a; overflow: hidden;}.cont_wrap .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}.cont_wrap .swiper-slide-active img { transform: scale(1.03);}.cont_wrap .swiper-pagination-progressbar { background: rgba(255, 255, 255, 0.1) !important; height: 3px !important; top: 0 !important;}.cont_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #ccff00 !important; box-shadow: 0 0 10px #ccff00;}.custom-counter { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 0; padding: 0px 6px; border-radius: unset; font-size: 12px; font-weight: 700; letter-spacing: 1px; color: #ffffff;}.cont_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next { right: auto; left: -7vw;}.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -7vw; left: auto;}.custom-counter .current { color: #ccff00;}.cont_wrap .swiper-button-next,.cont_wrap .swiper-button-prev { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 50%; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; position: absolute; top: 50%;}.cont_wrap .swiper-button-next:after,.cont_wrap .swiper-button-prev:after { font-size: 16px; font-weight: bold;}.cont_wrap .swiper-button-next:hover,.cont_wrap .swiper-button-prev:hover { background: #ccff00; color: #000000; border-color: #ccff00; box-shadow: 0 0 15px rgba(204, 255, 0, 0.6);}.box_modInfo, #btm_team_team_marg { max-width: 980px; margin: 0 auto;}.cont_wrap { width: 100%; background-color: #87bf5c; padding: 5% 0%;}.market_logo { position: absolute; left: -15vw; bottom: 0; width: 100%; max-width: 150px;}.market_logo img { width: 100%;}.qu_box pre { width: 100%; max-width: 500px; font-size: inherit; font-family: initial; white-space: pre-line; margin: 0 auto; color: #fff; height: 200px; display: block; margin-bottom: 5%; overflow-y: scroll; scrollbar-width: thin;}.qu_box pre::-webkit-scrollbar { width: 10px; height: 10px;}.qu_box pre::-webkit-scrollbar-thumb { border-radius: 8px;}.qu_box pre::-webkit-scrollbar-track { border-radius: 8px;}@media (max-width: 640px) { .swiper-container-wrapper { width: 100%; max-width: 100%; padding: 3%; } .swiper { border-radius: 0; box-shadow: none; } .swiper-button-next, .swiper-button-prev { display: none; } .con_wrap { padding: 3%; } .market_logo { display: none; } .qu_box { padding: 5%; } .qu_box pre { height: unset; }}.linkbox a { color: #fff !important; }.cta-floating-btn { position: absolute; text-align: center; z-index: 10; display: inline-block; align-items: center; background: rgb(0 0 0); color: #fff !important; font-weight: 500; font-size: 14px; opacity: 0.4;}@keyframes fadeInButton { 0% { opacity: 0; transform: scale(0.8) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); }}.cta-floating-btn:hover { transform: scale(1.1); background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);}.cta-floating-btn.circle-btn { width: 72px; height: 72px; border-radius: 50%; padding: 0; text-align: center;}.cta-floating-btn.blob-btn { padding: 0.5% 1%;}#link01, #link02 { top: 14%; left: 27%; }#link03 { top: 14%; left: 31%; }#link04 { top: 12%; left: 70%; }#link05 { top: 17%; left: 70%; }#link06 { top: 33%; left: 5%; }#link07 { top: 33%; right: 38%; }#link08 { bottom: 24%; left: 5%; }#link09 { bottom: 24%; right: 38%; }@media screen and (max-width: 800px) { .cta-floating-btn { font-size: 2.5vw; }} 01 / 02 2026 K-관광마켓과 함께하는 『스마일 캠페인』 K-관광마켓 2기에 선정된 11개 시장은 우리 전통시장 고유의 정과 매력에 글로벌 수준의 신뢰를 더하기 위해 '스마일 캠페인'을 적극적으로 실천해 나갑니다. 💡스마일 캠페인 4대 슬로건 ✅ 친절은 기본! 언제나 밝은 미소로 맞이하기 ✅ 청결·위생 철저! 안심하고 먹을 수 있는 깨끗한 환경 ✅ 카드결제환영! 눈치 보지 않고 편리하게 슥- 결제 ✅ 가격정찰제 도입! 바가지요금 걱정 없이 믿고 구매 📆캠페인 기간 : 2026년 6월~11월 var swiper = new Swiper('.mySwiper', { direction: 'horizontal', loop: true, speed: 700, touchRatio: 1.2, resistanceRatio: 0.8, pagination: { el: '.swiper-pagination', type: 'progressbar' }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, on: { init: function() { var totalSlides = this.slides.length - (this.params.loop ? 2 : 0); var totalEl = document.querySelector('.custom-counter .total'); if (totalEl) { totalEl.textContent = totalSlides