html, body {scroll-behavior: smooth;}

/* intro */
.scroll-lock {/*height:100%;*/ min-height:100%; overflow:hidden !important; touch-action:none;}
.intro-page {position: absolute; bottom: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; z-index: -1; overflow: hidden;}
.intro-page.on {z-index: 10000; opacity: 1;}
.intro-circle {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100vw; height: 101vh; overflow: hidden;}
.intro-circle::after {content: ''; display: block; position: fixed; left: 50%; top: calc(100vh + 20px); transform: translate(-50%, -50%); width: 174px; height: 174px; border-radius: 50%; border: 1000vw solid #fff; padding: 10px;}
.intro-down-txt {position: absolute; left: 50%; bottom: 110px; transform: translateX(-50%); font-size: 0.875rem; font-weight: 400; color: #0f0f0f; letter-spacing: 2px; animation: introScrollDown 1.5s infinite linear;}
.intro-page.animation .intro-circle::after {animation: intro 15s forwards;}
.intro-page.animation .mainvs-txt.black {color: #fff;}
.intro-page.animation .intro-down-txt {opacity: 0;}
.intro-page.animation .mainvs-txt > img {opacity: 0; transition: 1.2s;}

@keyframes intro {
  0% {width: 174px; height: 174px;}
  70% {border-color: transparent;}
  100% {width: 1000vw; height: 1000vw;}
}

@keyframes introScrollDown {
  0% {bottom: 105px;}
  50% {bottom: 95px;}
  100% {bottom: 105px;}
}

/* loading */
.loading {display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); z-index: 9999; display: none;}
/* header */
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 400; transition: .3s;}
.hd-wr {display: flex; align-items: center; justify-content: space-between; width: min(100%, calc(1720px + 6vw)); padding: 0 3vw; margin: auto; height: 80px; z-index:10000; }
.hd-logo {display: flex; align-items: center; width: 185.25px;}
.gnb-tnb-wr {display: flex; align-items: center; gap: 10.5vw;}
.hd-gnb-ul {display: flex; gap: min(5vw, 80px);}
.hd-gnb-li {display: flex; align-items: center; position: relative; height: 80px;}
.hd-gnb-li a {font-size: 1.125rem; font-weight: 600; transition: .2s;}
.hd-gnb2-ul {display: none; position: absolute; top: calc(100% - 10px); left: 50%; transform: translateX(-50%); border-radius: 1rem; border: 2px solid #00E8E8; text-align: center; overflow: hidden;}
.hd-gnb2-li > a {display: block; padding: 11px 0; min-width: 170px; font-size: 1.125rem; font-weight: 300; color: #666; background-color: #fff;}

.hd-tnb-ul {display: flex; gap: 0 30px;}
.hd-tnb-li {display: flex; align-items: center; position: relative;}
.hd-tnb-li a {font-size: 1rem; font-weight: 600; color: #fff; transition: .2s;}
.hd-tnb-li--login {display: flex; align-items: center; gap: 30px;}
.hd-tnb-li--login img {margin: 0 5px -2px 0; width: 13px; height: 16px;}
.hd-tnb-li--store img {margin: 0 0 -0.1vw 5px; width: 14px;}
.hd-tnb-li--store a {display: block; padding: 7px 24px; background-color: #00E8E8; border-radius: 50px;}
.hd-sch-open {width: 24px; height: 24px; background: none; border: 0; transition: .2s;}
.hd-tnb-li--sch {position: relative; z-index: 10;}
.hd-sch-form {position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 20px); display: none;}
.hd-sch {padding: 0 60px 0 30px; width: 560px; height: 70px; border-radius: 35px; border: 0; background-color: #fff; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .1); font-size: 1.25rem; font-weight: 300;}
.hd-sch::placeholder {color: rgba(187, 187, 187, 85%);}
.hd-sch:focus {outline: 0;}
.hd-sch-btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 30px; height: 30px; background-color: transparent; border: 0;}
.hd-ham {display: none;}
.hd-lang-btn {display: flex; align-items: center; gap: 0 8px; justify-content: space-between; width: 80px; border: 0; background: none;}
.hd-lang-img {width: 18px;}
.hd-langarrow-img {width: 10px;}
.hd-tnb-li--lang {position: relative;}
.hd-lang-ul {width: 80px;}
.hd-my-ul {width: 100px;}
.tnb-ul {position: absolute; left: 50%; transform: translateX(-50%); top: calc(100%); border: 1px solid #f2f2f2; border-radius: 0.3rem; overflow: hidden; display: none; z-index: 10;}
.tnb-li a {display: block; padding: 5px; color: #666; background-color: #fff; font-weight: 300; transition: .2s; font-size: 0.9375rem; text-align: center;}

/* google translator */
.goog-te-gadget {font-size: 0 !important;}
.VIpgJd-ZVi9od-l4eHX-hSRGPd {display: none;}
.goog-te-gadget .goog-te-combo {padding: 5px 10px; width: auto; margin: 0 !important; background-color: transparent;  font-family: 'Pretendard'; font-size: 1rem; appearance: none; border-radius: 5px; }
.goog-te-gadget .goog-te-combo option {color: #0f0f0f; }

/* header-black */
.header.black {background-color: #fff;}
.header.black .hd-white {display: none;}
.header.black .hd-black {display: inline-block;}
.header.black .hd-gnb-li > a {color: #0f0f0f;}
.header.black .hd-tnb-li--login a {color: #666;}
.header.black .goog-te-gadget .goog-te-combo {border: 1px solid #ddd; color: #666; background: url('/source/img/icon-lang_black.png') no-repeat center right 10px / 18px !important}
.header.black .hd-tnb-li--sch {opacity: 1; visibility: visible; pointer-events: auto;}
.header.black .hd-lang-btn {color: #333;}


/* header-white */
.header.white .hd-black {display: none;}
.header.white .hd-white {display: inline-block;}
.header.white .hd-gnb-li > a {color: #fff;}
.header.white .hd-tnb-li--login > a {color: #fff;}
.header.white .goog-te-gadget .goog-te-combo {border: 1px solid rgba(255, 255, 255, .5); color: #fff; background: url('/source/img/icon-lang_white.png') no-repeat center right 10px / 18px !important}
.header.white .hd-tnb-li--sch {opacity: 0; visibility: hidden; pointer-events: none;}
.header.white .hd-lang-btn {color: #fff;}

/* main */
.mainsec .fp-tableCell {padding-top: 5vh;}

/* .mainvs-slide-1 {background: url('/source/img/img-mainvisual1.jpg') no-repeat center / cover;} */

.no-drag {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.mainvs-txt-wr {position: absolute; top: 48vh; left: 50vw; transform: translate(-50%, -50%); padding: 0 3vw; width: 100%; font-size: 4rem; font-weight: 700; line-height: 1.3125; z-index: 10;}
.mainvs-txt {text-align: center; transition: 1s; transition-delay: .5s;}
.mainvs-txt.black {color: #0f0f0f;}
.mainvs-txt.white {color: #fff;}
.mainvs-txt > img {width: 62px; transition: 5s; animation: flower 10s infinite linear;}
.mainsec-1 .mainvs-txt > img {animation: none;}
.mainvs-inner {display: flex; flex-direction: column; gap: min(35vh, 300px); align-items: center; position: absolute; top: 43vh; left: 50vw; transform: translate(-50%, -50%); padding: 0 3vw; width: min(100%, calc(900px + 6vw)); z-index: 10;}
.mainvs-sch-wr {position: relative; width: 100%;}
.mainvs-sch {padding: 0 70px 0 30px; width: 100%; height: 70px; border-radius: 35px; border: 2px solid #fff; background-color: transparent; font-size: 1.375rem; font-weight: 600; color: #fff;}
.mainvs-sch:focus {outline: 0; box-shadow: 0 0 30px 15px rgba(255, 255, 255, .2);}
.mainvs-sch::placeholder {color: rgba(255, 255, 255, .8);}
.mainvs-sch-btn {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 34px; height: 34px; background-color: transparent; border: 0;}

.mainvs-slider {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mainvs-slide img {width: 100%; height: 100%; object-fit: cover;}
.mainvs-pagination {position: static; display: flex; gap: 0 40px;}
.mainvs-pagination .swiper-pagination-bullet {position: relative; width: 5px; height: 5px; background-color: #fff; opacity: 1; margin: 0 !important;}
.mainvs-pagination .swiper-pagination-bullet::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-radius: 50%; background-color: rgba(255, 255, 255, .35); transition: .5s; opacity: 0;}
.mainvs-pagination .swiper-pagination-bullet-active::after {width: 35px; height: 35px; transition: .5s; opacity: 1;}
.mainvs-ctr-wr {display: flex; align-items: center; gap: 0 28px;}
.mainvs-btn {width: 15px; height: 15px; border: 0;}
.mainvs-btn.pause {background: url('/source/img/icon-pause.png') no-repeat center / 8px;}
.mainvs-btn.play {background: url('/source/img/icon-play.png') no-repeat center / 10px;}
.mainvs-arrow {display: block; position: absolute; top: 48vh; transform: translateY(-50%); width: 100px; height: 30px; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent; border: 0; z-index: 20;}
.mainvs-arrow.prev {left: 4.1vw; background-image: url('/source/img/icon-mainvs_sl_btn_prev.png');}
.mainvs-arrow.next {right: 4.1vw; background-image: url('/source/img/icon-mainvs_sl_btn_next.png');}
.mainvs-scroll-down {display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 70px; width: 120px; height: 120px; z-index: 20; opacity: 0;}
.mainvs-scroll-down img {width: 100%; animation: circle 12s infinite linear; transition: 4s;}
.mainvs-scroll-down::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url('/source/img/icon-arrowdown_white.png') no-repeat center / 20px;}

.main-sl-ctr-wr {display: flex; align-items: center; justify-content: center; gap: 0 30px;}
.main-sl-in-wr {display: flex; align-items: center; gap: 0 10px;}
.main-arrow {display: block; width: 80px; height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent; border: 0; z-index: 20;}
.main-arrow.prev {background-image: url('/source/img/icon-black_sl_btn_prev.png');}
.main-arrow.next {background-image: url('/source/img/icon-black_sl_btn_next.png');}
.main-sl-btn {width: 15px; height: 15px; border: 0;}
.main-sl-btn.pause {background: url('/source/img/icon-pause_black.png') no-repeat center / 8px;}
.main-sl-btn.play {background: url('/source/img/icon-play_black.png') no-repeat center / 10px;}

.main-tit-wr {position: relative; padding-bottom: clamp(10px, 2.1vw, 40px); text-align: center;}
.main-tit {display: inline-block; font-size: 3.375rem; font-weight: 700; color: #0f0f0f;}
.main-subtit {padding-top: min(1vw, 15px); font-size: 1.125rem; font-weight: 300; color: #666;}
#map { width:100%;height:450px; }
/* mainsec2 */
/* 라이브 슬라이드 */
.mainsec-2 .main-tit-wr {padding-bottom: 0;}
.live-slider {padding-top: calc(12vh + 40px);} 
.live-slider::after {content: ''; position: absolute; top: 20px; left: 29%; width: min(20vw, 120px); height: min(20vw, 120px); background: url('/source/img/circle-liveweather.png')no-repeat center / contain; animation: circle 12s infinite linear;}
.live-slide {position: relative; transition: .5s;}
.live-sl-inner {
    display: block;
    text-decoration: none;
    color: inherit;
}

.live-sl-inner:active {
    /* 클릭 시 흰색 변하는 것을 방지 */
    background-color: transparent !important;
    opacity: 1 !important;
}

.live-fav-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
.live-sl-video {position: relative; padding-bottom: 56.25%; overflow: hidden; border-radius: 1.25rem; transition: .2s; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);}
.live-sl-video > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 5;}
.live-sl-video iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
/* .live-slider .swiper-wrapper {margin-left: 38.15%;} */
.live-fav-btn {width: 60px; height: 60px; border-radius: 50%; background: #00E7BD url('/source/img/icon-star.png') no-repeat center / 50%; border: 0; transition: .2s; /*z-index: 1000;*/ z-index: 300;}
.mainsec-2 .live-fav-btn {position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: none;}
.live-fav-btn img {width: 18.5px;}
.live-info-wr {position: absolute; left: 25px; bottom: 5px; color: #fff; opacity: 0; transition: .2s; z-index: 10;}
.live-temperature {font-size: 2.1rem; font-weight: 700;}
.live-weather {font-size: 1.1rem; font-weight: 600;}
.live-sl-tit {padding-top: 12px; font-size: 1.125rem; font-weight: 500; color: #0f0f0f; text-align: center;}
.live-sl-ctr-wr {padding-top: 13vh;}
.main-sl-fr-wr {font-weight: 400; color: #999;}
.main-sl-fr-wr .swiper-pagination-current {color: #0f0f0f;}
.live-sl-thumb {opacity: 0; transition: .2s;}
.live-slide.swiper-slide-active {transform: translateY(-10px) scale(1.5); z-index: 10;}
.live-slide.swiper-slide-active .live-fav-btn {display: block;}
.live-slide.swiper-slide-active .live-sl-tit {padding-top: 8px; font-size: 0.9rem;}
.live-slide.swiper-slide-active .live-info-wr {opacity: 1;}
.live-slider.slide--0 {padding: calc(2vh + 10px) 3vw 0; max-width: 1600px; margin: 0 auto;}
.live-slider.slide--0 .swiper-slide {flex: 1; max-width: 700px;}

.live-slide .ytp-title-text {font-size: 12px !important;}

/*슬라이드 갯수에 따른 레이아웃*/
.swiper.slide--0 .swiper-wrapper {display: flex; gap: 0 3vw; align-items: center; justify-content: center;}
.swiper.slide--0 .main-sl-ctr-wr {display: none}
.swiper.slide--0 .live-slide .live-sl-tit {font-size: 1.25rem;}

/* mainsec3 */
.mainsec-3 .fp-tableCell {display: flex; flex-direction: column; justify-content: space-between; padding-top: 80px; padding-bottom: 10vh;}
/* 캘린더 슬라이드 */
.main-calendar-wr {position: relative; padding: clamp(10px, 2.1vw, 40px) 0 clamp(15px, 2.7vw, 50px); background-color: #FBFCFC; border-radius: 0 0 5rem 5rem;}
.main-calendar-wr::after {content: ''; position: absolute; bottom: -80px; right: 24%; width: min(20vw, 120px); height: min(20vw, 120px);  background: url('/source/img/circle-liveweather.png')no-repeat center / contain;
  animation: circle 12s infinite linear;}
.main-calendar-wr > .wrapper {position: relative;}
.calendar-today-wr {padding-bottom: 30px; text-align: center;}
.calendar-today-btn {border: 0; background: none;}
.calendar-today-icon {display: inline-block; margin-right: 12px; padding: 2px 6px; font-size: 14px; font-weight: 600; color: #0f0f0f; border: 1px solid #0f0f0f; border-radius: 30px;}
.calendar-today-txt {font-weight: 600; color: #0f0f0f;}
.calendar-slider {position: relative; margin: 0 110px;}
.calendar-slider::after {content: ''; position: absolute; top: 62%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; border-top: 1px dashed #D9D9D9;}
.calendar-slide {position: relative; padding-bottom: 65px;}
.calendar-day-wr {text-align: center; color: #0f0f0f; opacity: .2; transition: .5;}
.calendar-day {font-weight: 400;}
.calendar-date {font-size: 1.875rem; font-weight: 600; cursor: pointer;}
.calendar-info {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: min(100vw, 1600px); text-align: center; display: none; font-size: 1.25rem; font-weight: 500; color: #0f0f0f;}

.calendar-slide.swiper-slide-active .calendar-day-wr {opacity: 1;}
.calendar-slide.swiper-slide-active .calendar-info {display: block;}
.calendar-slide.today::after {content: ''; position: absolute; left: 50%; top: 62%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; background-color: #ddd;}
.calendar-slide.swiper-slide-active.today::after {background-color: #F65656;}
.calendar-slide.saturday .calendar-day-wr {color: #12A8B1;}
.calendar-slide.sunday .calendar-day-wr {color: #F65656;}
.calendar-arrow {top: 72%; transform: translateY(-50%);}
.calendar-arrow.prev {left: 0;}
.calendar-arrow.next {right: 0;}

.circle-arrow {position: absolute; width: 57px; height: 57px; border-radius: 50%; border: 1px solid #333; z-index: 20;}
.circle-arrow.prev {background: url('/source/img/icon-cal_prev.png') no-repeat center / 11px;}
.circle-arrow.next {background: url('/source/img/icon-cal_next.png') no-repeat center / 11px;}
.circle-arrow.swiper-button-disabled {opacity: .2;}

.festival-arrow {position: absolute; top: 50%;}
.festival-arrow.prev {left: 80px;}
.festival-arrow.next {right: calc((100% - 524px) / 4 * 0.89);}
.festival-slider {top: 0; margin-left: 224px; padding: 0 0;}
.festival-slider::after {content: ''; position: absolute; left: 15%; bottom: 0; width: 163px; height: 140px; background: url('/source/img/img-mainsec4_bg3.png') no-repeat center / contain}
.festival-slider::before {content: ''; position: absolute; right: 22%; bottom: 8%; width: min(20vw, 120px); height: min(20vw, 120px); background: url('/source/img/circle-liveweather.png')no-repeat center / contain; animation: circle 12s infinite linear;}
.festival-sl-inner {display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: clamp(15px, 2vw, 30px); height: clamp(100px, 20.2vh, 435px); border-radius: 1.9rem; overflow: hidden; box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);}
.festival-sl-img img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.festival-sl-img::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); transition: .2s;}
.festival-sl-info-wr {position: relative; z-index: 5; color: #fff; padding: 0 0.5em;}
.festival-sl-field {position: absolute; top: 0; left: 0; padding: 9.5px 20.5px; font-size: 1.125rem; font-weight: 600; color: #fff; background-color: #333; z-index: 20; border-radius: 1.9rem 0 1.9rem 0;}
.festival-slide.swiper-slide-next {top: 0px;}
.festival-slide.swiper-slide-next + .festival-slide {margin-right: 160px !important; top: 0px;}
.festival-slider-wr.slide--0 .festival-ctr-wr {display: none;}
.festival-slider-wr.slide--0 .festival-slider {margin-left: 0; top: 0;}
.festival-slider-wr.slide--0 .swiper-wrapper {justify-content: center; gap: 0 70px;}
.festival-slider-wr.slide--0 .festival-slide {max-width: 375px; flex: 1;}
.festival-slider-wr.slide--0 .festival-slide:nth-child(1) {top: -10px;}
.festival-slider-wr.slide--0 .festival-slide:nth-child(2) {top: 40px;}
.festival-slider-wr.slide--0 .festival-slide:nth-child(3) {top: -60px;}

.notice-wr .main-tit-wr {text-align: left;}
.notice-slider {padding: 0 1vw; margin: 0 -1vw;}
.notice-slide {max-width: 100% !important;}
.notice-sl-link {display: block; padding: clamp(15px, 2vw, 30px); border-radius: 1rem; border: 1px solid #D9D9D9;}
.notice-sl-top {padding-bottom: clamp(5px, 1.4vw, 25px);}
.notice-sl-date {padding-bottom: clamp(1px, 1vw, 16px); font-weight: 400; color: #999; line-height: 1;}
.notice-sl-subj {font-size: 1.25rem; font-weight: 600; color: #0f0f0f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;}
.notice-sl-btm {padding: clamp(5px, 1.4vw, 26px) 0 0; border-top: 1px dashed #d9d9d9;}
.notice-sl-cnt {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; word-break: break-word;}
.btn-more {position: relative; padding-right: 20px; font-weight: 500; color: #0f0f0f; z-index: 20;}
.btn-more::after, .btn-more::before {content: ''; position: absolute; right: 0; top: 50%; width: 12px; height: 1px; background-color: #0f0f0f; transition: .2s;}
.btn-more::after {transform: translateY(-50%);}
.btn-more::before {transform: translateY(-50%) rotate(90deg);}
.main-sl-more {position: absolute; bottom: 40px; right: 0; }
.notice-sl-ctr-wr {padding-top: clamp(15px, 3vw, 50px);}
.notice-slider.slide--0 .notice-slide {width: calc(100% / 3 - 6vw / 3); flex: 1;}

/* mainsec4 */
/* 핫플레이스 슬라이드 */
.mainsec-4 .main-tit-wr {top: 45px;}

.mainsec-4 .main-tit-wr::after {content: ''; position: absolute; top: -10%; right: -10.5%; width: 145px; height: 80px; background: url('/source/img/img-mainsec4_bg2.png') no-repeat center / contain; z-index: -1;}
.mainsec-4 .main-tit {position: relative;}
.mainsec-4 .main-tit::after {content: ''; position: absolute; top: -150%; left: -90%; width: 275px; height: 280px; background: url('/source/img/img-mainsec4_bg1.png') no-repeat center / contain;}
.place-slider {top: -35px; margin-left: 224px; padding: 50px 0;}
.place-slider::after {content: ''; position: absolute; left: 15%; bottom: 0; width: 163px; height: 140px; background: url('/source/img/img-mainsec4_bg3.png') no-repeat center / contain}
.place-slider::before {content: ''; position: absolute; right: 22%; bottom: 8%; width: min(20vw, 120px); height: min(20vw, 120px); background: url('/source/img/circle-liveweather.png')no-repeat center / contain; animation: circle 12s infinite linear;}
.place-slide {transition: .5s;}
.place-slide.swiper-slide-next {top: 50px;}
.place-slide.swiper-slide-next + .place-slide {margin-right: 160px !important; top: -50px;}
.place-sl-inner {display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: clamp(15px, 2vw, 30px); height: clamp(300px, 45.2vh, 435px); border-radius: 1.9rem; overflow: hidden; box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);}
.place-sl-img img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.place-sl-img::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); transition: .2s;}
.place-sl-info-wr {position: relative; z-index: 5; color: #fff;}
.place-sl-condition {display: inline-block; padding: 6px 13.5px; font-weight: 400; border: 1px solid #fff; border-radius: 20px; line-height: 1;}
.place-sl-weather-wr {display: flex; align-items: center; gap: 10px;}
.place-sl-temperature {font-size: 3.75rem; font-weight: 700;}
.place-sl-sky-wr {font-weight: 500; font-size: 14px;}
.place-sl-sky-wr .place-sl-sky {font-size: 1.5rem;}
.place-sl-name {font-size: 1.375rem; font-weight: 700; word-break: break-word;}
.place-sl-field {position: absolute; top: 0; left: 0; padding: 9.5px 20.5px; font-size: 1.125rem; font-weight: 600; color: #fff; background-color: #333; z-index: 20; border-radius: 1.9rem 0 1.9rem 0;}
.place-sl-mark-wr {display: flex; gap: 6px; margin-top: 8px; margin-right: 20px;}
.place-sl-mark {display: flex; align-items: center; justify-content: center; width: 47px; height: 47px; font-size: 14px; font-weight: 600; color: #fff; border-radius: 50%;}
.place-sl-mark--pop {background-color:#F65656 ;}
.place-sl-mark--rec {background-color:#339DFF ;}
.place-sl-num {font-size: 6.25rem; font-weight: 900; color: rgba(0, 0, 0, .03); line-height: 1.2;}
.place-arrow {position: absolute; top: 65%;}
.place-arrow.prev {left: 80px;}
.place-arrow.next {right: calc((100% - 524px) / 4 * 0.89);}
.place-slider-wr.slide--0 .place-ctr-wr {display: none;}
.place-slider-wr.slide--0  .place-slider {margin-left: 0; top: 0;}
.place-slider-wr.slide--0 .swiper-wrapper {justify-content: center; gap: 0 70px;}
.place-slider-wr.slide--0 .place-slide {max-width: 375px; flex: 1;}
.place-slider-wr.slide--0 .place-slide:nth-child(1) {top: -10px;}
.place-slider-wr.slide--0 .place-slide:nth-child(2) {top: 40px;}
.place-slider-wr.slide--0 .place-slide:nth-child(3) {top: -60px;}

.card-icon-wr {display: flex; position: absolute; top: 0; right: 0;}

/* mainsec5 */
.mainsec-5 {background: url('/source/img/img-mainsec5_bg.png') no-repeat center bottom / 100%;}
.mainsec-5 .main-tit-wr::after {content: ''; position: absolute; left: 14%; bottom: -30%; width: min(20vw, 120px); height: min(20vw, 120px); background: url('/source/img/circle-cafe.png')no-repeat center / contain; animation: circle 12s infinite linear;}
.cafe-sl-wr {max-width: 1640px; margin: auto;}
.cafe-slider {padding: 10px 20px 20px;}
.cafe-sl-inner {display: block; position: relative; border-radius: 1.9rem; overflow: hidden; box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .1); transition: .3s;}
.cafe-slide.swiper-slide-active {top: 30px;}
.cafe-slide.swiper-slide-prev, .cafe-slide.swiper-slide-next {top: 20px;}
.cafe-sl-img {position: relative; height: clamp(100px, 35vw, 280px); overflow: hidden;}
.cafe-sl-img img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; transition: .5s;}
.cafe-sl-info {padding: 18px 20px 30px; min-height: 158px; background-color: #fff;}
.cafe-sl-name {font-size: 1.25rem; font-weight: 600;}
.cafe-sl-hash-wr {display: flex; flex-wrap: wrap; gap: 7px 6px; padding-top: 15px;}
.cafe-sl-hash {padding: 4px 9px; border-radius: 20px; background-color: #F4F4F4; font-size: 14px; color: #333;}
.cafe-sl-ctr-wr {padding-top: 80px;}
.cafe-slider.slide--0 .cafe-slide {max-width: 350px;}

/* mainsec6 */

@keyframes flower {
  0% {rotate: 0deg;}
  100% {rotate: 360deg;}
}

@keyframes circle {
  0% {rotate: 0deg;}
  100% {rotate: -360deg;}
}

/* footer */
.footer {background: url('/source/img/img-mainsec6_bg.jpg') no-repeat center / cover;}
.footer > .wrapper {overflow: hidden;}

.foot-tit {font-size: 3.375rem; font-weight: 800; color: #fff; line-height: 1.4; text-shadow: 4px 4px 4px rgba(0, 0, 0, .1);}
.foot-app-link-wr {display: flex; gap: 10px; padding-top: clamp(20px, 3.125vw, 60px);}
.foot-app-link {display: flex; align-items: center; justify-content: center; width: 220px; height: 60px; background-color: #121212; text-align: center; font-size: 1.625rem; font-weight: 600; color: #fff; border-radius: 60px;}
.foot-app-link--google {letter-spacing: -1px;}
.foot-app-link img {margin-right: 10px; width: 35px;}
.foot-box {display: flex; justify-content: space-between; position: relative; padding: 40px 0 50px; color: #fff; border-top: 1px solid #fff;}
.foot-box-in--l {display: flex; flex-direction: column; gap: 6px;}
.foot-info-wr {display: flex; gap: 0 20px;}
.foot-sns-link-wr {display: flex; align-items: center; gap: 0 18px; margin-top: -15px;}
.foot-sns-link--facebook img {width: 13px;}
.foot-sns-link--youtube img {width: 35px;}
.foot-sns-link--instagram img {width: 26px;}
.foot-sns-link--blog img {width: 31px;}
.foot-info {position: relative; font-weight: 300; color: #fff;}
.foot-info:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 1px; height: 12px; background-color: rgba(255, 255, 255, .5);}
.foot-info span {margin-right: 8px;} 
.foot-copyright {font-weight: 200;}
.main-foot-top {display: block; position: absolute; top: -174px; right: 48px; z-index: 100; animation: topBtn 3s infinite linear;}
.main-foot-top img {position: relative; height: 80px;}
.main-foot-top::before {content: ''; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0, 232, 232, .6);}

.mainsec-6 .fp-tableCell {padding-top: 0;}
.main-foot {padding-top: calc(80px + 3vh); height: 100%;}
.main-foot > .wrapper {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.main-foot .foot-tit-wr {padding-top: clamp(100px, 10vw, 120px)}

.sub-foot {position: relative;}
.sub-foot::after {content: ''; position: absolute; top: max(-10vw, -60px); right: 20vw; width: min(20vw, 120px); height: min(20vw, 120px); background: url('/source/img/circle-liveweather.png')no-repeat center / contain; animation: circle 12s infinite linear;}
.sub-foot .foot-tit-wr {padding-top: clamp(30px, 6vw, 100px)}
.sub-foot .foot-box {margin-top: clamp(30px, 6vw, 200px);}

@keyframes topBtn {
  0% {transform: translateY(0);}
  50% {transform: translateY(30px);}
  100% {transform: translateY(0);}
}

.ytp-show-cards-title {display: none !important; color: transparent;}
.ytp-title-enable-channel-logo .ytp-title-channel {display: none !important;}

/* sub */
.content {position: relative;}
.sub {margin-top: 80px; padding-bottom: clamp(60px, 10vw, 140px);}
.body-in {overflow: hidden;}

.sub-visual {margin: 0 auto clamp(25px, 7vw, 50px); padding: 0 3vw; max-width: calc(1820px + 6vw); width: 100%; height: clamp(120px, 26.1vw, 500px);}
.sub-visual-bg {display: flex; align-items: center; padding: 0 16%; width: 100%; height: 100%; border-radius: 1rem; box-shadow: 0 7px 10px -3px rgba(0, 0, 0, .2);}
.sub-visual1 .sub-visual-bg {background: url('/source/img/img-subvis1.jpg') no-repeat center / cover;}
.sub-visual2 .sub-visual-bg {background: url('/source/img/img-subvis2.jpg') no-repeat center / cover;}
.sub-visual3 .sub-visual-bg {background: url('/source/img/img-subvis3.jpg') no-repeat center / cover;}
.sub-visual-txt-wr {margin-bottom: 20px; color: #fff;}
.sub-visual-txt1 {font-size: 3.375rem; font-weight: 800;}
.sub-visual-txt2 {padding-top: 10px; font-size: 1.125rem; font-weight: 400;}

.sub-cate-ul {display: flex; align-items: center; justify-content: center; gap: 0 min(4vw, 50px); line-height: 1;}
.sub-cate-li {}
.sub-cate-li a {position: relative; font-size: 1.625rem; font-weight: 800; color: rgba(0, 0, 0, .2); transition: .3s;}
.sub-cate-li a::after {content: ''; position: absolute; top: -18px; right: 0; width: 9px; height: 9px; border-radius: 50%; background-color: #00E8E8; opacity: 0; transition: .3s;}
.sub-cate-li a::before {content: ''; position: absolute; bottom: -8px; left: 0; width: 0%; height: 2px; background-color: #0f0f0f; opacity: 0; transition: .3s;}
.sub-cate-li.active a {color: #0f0f0f;}
.sub-cate-li.active a::after {opacity: 1;}
.sub-cate-li.active a::before {opacity: 1; width: 100%;}

.sub-sch-wr {padding: clamp(20px, 10vw, 50px) 0 clamp(25px, 10vw, 50px);}
.sub-sch-in {display: flex; align-items: center; margin: auto; width: min(100%, 440px); height: 66px; border-bottom: 1px solid #333;}
.sub-sch-input {width: calc(100% - 44px); border: 0; font-size: 1.5rem; font-weight: 700; color: #333; outline: none; background-color: transparent;}
.sub-sch-input::placeholder {color: #333;}
.sub-sch-btn {width: 44px; height: 44px; border-radius: 50%; background: #00E8E8 url('/source/img/icon-search_white.png') no-repeat center / 20px; border: 0;}

.sub-list-order-ul {display: flex; gap: 0 25px;}
.sub-list-order-li {position: relative;}
.sub-list-order-li:not(:last-child)::after {content: ''; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #D9D9D9;}
.sub-list-order-li a {font-weight: 400; color: #999;}
.sub-list-order-li.active a {color: #0f0f0f;}

.sub-main-tit-wr {display: flex; align-items: flex-end; justify-content: space-between; padding: 0 0 25px;}
.sub-main-tit {font-size: 2.25rem; font-weight: 800; color: #0f0f0f; line-height: 1.4rem;}
.sub-main-more {margin-bottom: 5px;}

.sub-card-ul {display: flex; flex-wrap: wrap;}

.sub-paging-wr {padding-top: min(10vw, 50px);}
.sub-paging-ul {display: flex; align-items: center; justify-content: center;}
.sub-paging-li a {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; color: #ccc; font-size: 1.125rem; font-weight: 400;}
.sub-paging-li.circle a {width: clamp(30px, 5vw, 57px); height: clamp(30px, 5vw, 57px); background-color: #fff; border-radius: 50%; border: 1px solid #333;}
.sub-paging-li.circle a img {height: clamp(15px, 1.2vw, 22px);}
.sub-paging-li.active a {background-color: #00E8E8; color: #fff; font-weight: 600;}
.sub-paging-li.start {margin-right: 10px;}
.sub-paging-li.prev {margin-right: 20px;}
.sub-paging-li.end {margin-left: 10px;}
.sub-paging-li.next {margin-left: 20px;}

/* 검색결과 */
.search-result-wr {padding: clamp(30px, 5.3vw, 100px) 0 clamp(35px, 6.8vw, 130px); text-align: center;}
.search-result {font-size: 3.375rem; font-weight: 500; color: #0f0f0f; line-height: 1.2;}
.search-result b {font-weight: 800;}
.search-tit-num {font-size: 1.625rem; font-weight: 500;}

/* 날갬투어 */
.quick-banner {position: fixed; top: 70%; transform: translateY(100%); right: 0; z-index: 100; width: clamp(70px, 10vw, 110px); height: clamp(70px, 10vw, 110px);}
.sub-main-wr:not(:last-child) {padding-bottom: 75px;}
.region-sl-wr {position: relative; margin-top: clamp(25px, 7vw, 50px); padding: 0 0 clamp(15px, 5vw, 30px); border-bottom: 1px solid #d9d9d9;}
.region-slider {margin: 0 85px; padding-left: 10px;}
/* .region-slider > .swiper-wrapper {gap: 20px;} */
/* .region-slide {width: 100px;} */
.region-arrow {top: 50px; transform: translateY(-50%);}
.region-arrow.prev {left: 0;}
.region-arrow.next {right: 0;}
.region-sl-img {position: relative; margin: auto; width: 100px; height: 100px; border-radius: 0.5rem; overflow: hidden;}
.region-sl-img img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.region-sl-txt {padding-top: 5px; font-size: 1.125rem; font-weight: 400; color: #0f0f0f; text-align: center;}
.place-card-ul {gap: 34px;}
.place-card-li {width: calc(100% / 4 - (34px * 3) / 4);}

/* 날갬투어 상세 */
.nalgaem-view {padding-top: clamp(25px, 6vw, 100px);}
.nalgaem-view-top {margin-bottom: 40px;}
.nalgaem-view-top-info {padding-top: 20px;}
.nalgaem-view-top-info .cafe-sl-hash-wr {padding-top: 0;}
.nalgaem-view-tit-wr {display: flex; gap: 25px; align-items: flex-end;}
.nalgaem-view-tit {font-size: 2.25rem; font-weight: 800; color: #0f0f0f; line-height: 1.2; word-break: break-word;}
.nalgaem-view-addr {display: flex; align-items: center; gap: 3px; flex-shrink: 0; margin-bottom: 0.4rem; line-height: 1.2;}
.nalgaem-view-addr img {width: 13px;}
.nalgaem-view-top-info{display: flex; justify-content: space-between; align-items: flex-start;}
.nalgaem-view-top-ul {display: flex; align-items: center; gap: 0 25px;}
.nalgaem-view-top-li {position: relative;}
.nalgaem-view-top-li > * {display: flex; align-items: center; gap: 5px; line-height: 1; font-size: 1.125rem;}
.nalgaem-view-top-li img {margin-right: 5px; margin-bottom: 2px;}
.nalgaem-view-top-li:not(:last-child) {margin-right: 25px;}
.nalgaem-view-top-li:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: -25px; transform: translateY(-50%); width: 1px; height: 15px; background-color: #D9D9D9;}
.nalgaem-view-top-li.status {margin: 0;}
.nalgaem-view-top-li.status::after {display: none;}
.nalgaem-view-top-li.call {display: none;}
.nalgaem-view-weather img {width: 28px;}
.nalgaem-view-bookmark img {width: 20px;}
.nalgaem-view-share img {width: 24px;}
.nalgaem-view-call img {width: 24px;}
.nalgaem-view-status {padding: 6px 15px; border-radius: 30px; border: 1px solid #333; font-weight: 600; color: #333;}
.nalgaem-view-weather {font-weight: 400;}
.nalgaem-view-weather span {font-weight: 500;}
.nalgaem-view-bookmark, .nalgaem-view-share, .nalgaem-view-call {font-weight: 500;}
.nalgaem-view-bookmark span {font-weight: 400; color: #666;}
.nalgaem-view-slider {padding-bottom: clamp(40px, 6vw, 80px);}
.nalgaem-view-slide {width: 42vw; height: clamp(150px, 24.5vw, 470px);}
.nalgaem-view-slide-in {position: relative; height: 100%; border-radius: 2rem; overflow: hidden;}
.nalgaem-view-slide-in img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.view-sl-ctr-wr {padding-top: clamp(15px, 2.7vw, 50px);}

.nalgaem-view-vote {padding: clamp(25px, 3vw, 40px) clamp(15px, 2.7vw,  50px); margin: 0 auto clamp(40px, 10vw, 140px); max-width: 800px; border: 5px solid #f2f2f2; border-radius: 1.6rem;}
.nalgaem-view-vote-subj {font-size: 1.875rem; font-weight: 600; color: #0f0f0f; text-align: center;}
.nalgaem-view-vote-subj span {font-weight: 800;}
.nalgaem-view-vote-cnt {margin-top: clamp(10px, 1.6vw, 30px); text-align: center;}
.nalgaem-view-vote-ul {display: flex; flex-direction: column; gap: 10px;}
.nalgaem-view-vote-li input[type=radio] {position: absolute; width: 0; height: 0; opacity: 0; visibility: hidden;}
.nalgaem-view-vote-li input[type=radio] + label {display: block; position: relative; padding: 11px 45px; width: 100%; border-radius: 30px;  font-weight: 500; overflow: hidden;}
.nalgaem-view-vote-btn-wr {margin-top: clamp(12px, 2.5vw, 34px);}
.nalgaem-view-vote-btn {display: flex; align-items: center; justify-content: center; margin: auto; width: 170px; height: 46px; font-weight: 500; color: #333; border-radius: 30px; border: 1px solid #666; background-color: #fff; transition: .2s;}

.nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-li input[type=radio] + label {background-color: #F6F6F6; text-align: center; color: #333; cursor: pointer;}
.nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-li input[type=radio] + label::after {content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; border: 1px solid #ECECEC; background-color: #fff;}
.nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-result, .nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-bar {display: none;}
.nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-li input[type=radio]:checked + label {background-color: #00E8E8; box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .05); color: #fff;}
.nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-li input[type=radio]:checked + label::after {border-color: #fff; background: #fff url('/source/img/icon-radio_check.png') no-repeat center / 60%;}

.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-li input[type=radio] + label {padding: 11px 30px; background-color: #f6f6f6; text-align: left; color: #333;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-li.win input[type=radio] + label {box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .05);}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-bar {position: absolute; top: 0; left: 0; height: 100%;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-li:nth-child(odd) input[type=radio] + label .nalgaem-view-vote-bar {background-color: #F49696;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-li:nth-child(odd) input[type=radio] + label .nalgaem-view-vote-result {color: #F49696;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-li:nth-child(even) input[type=radio] + label .nalgaem-view-vote-bar {background-color: #87B7FF;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-li:nth-child(even) input[type=radio] + label .nalgaem-view-vote-result {color: #87B7FF;}
.nalgaem-view-vote-result {mix-blend-mode: multiply;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-btn {background-color: #E9E9E9; border: 0; color: #bbb; cursor: auto;}
.nalgaem-view-vote-cnt-in.af .nalgaem-view-vote-result-wr {display: flex; align-items: center; justify-content: space-between; position: relative;}

.nalgaem-view-content {margin-bottom: clamp(25px, 4vw, 40px);}
.nalgaem-view-content > h5 {font-size: 1.5rem; font-weight: 600; color: #0f0f0f;}
.nalgaem-view-content-ul {margin-top: 5px; border-top: 2px solid #333;}
.nalgaem-view-content-li {display: flex; flex-direction: column; gap: 30px 0; padding: 40px 10px; border-bottom: 1px solid #D9D9D9;}
.nalgaem-view-content-type.text {display: flex;}
.nalgaem-view-content-txtbox.txtbox1 {color: #666;}
.nalgaem-view-content-txtbox2-ul {display: flex; flex-direction: column; gap: 5px 0;}
.nalgaem-view-content-txtbox2-li {display: flex; gap: 0 30px;}
.nalgaem-view-content-txtbox2-l {flex-shrink: 0;}
.nalgaem-view-content-txtbox2-l span {display: block; word-break: break-word;}
.nalgaem-view-content-info-l {width: 130px; padding-right: 10px; }
.nalgaem-view-content-info-r {display: flex; flex-direction: column; gap: 20px 0; width: calc(100% - 130px);}
.nalgaem-view-content-info-l span {font-size: 1.125rem; font-weight: 600; color: #0f0f0f; word-break: break-word;}
/* .nalgaem-view-content-txtbox2-l, .nalgaem-view-content-txtbox2-r {display: inline-block;} */
.nalgaem-view-content-txtbox2-l span {font-weight: 400; color: #333; word-break: break-word;}
.nalgaem-view-content-txtbox2-r span {color: #666; word-break: break-word;}
.nalgaem-view-content-type.map {height: clamp(200px, 30vw, 500px);}
.nalgaem-view-content-type.map .root_daum_roughmap, .nalgaem-view-content-type.map .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}
.nalgaem-view-content-type.map .root_daum_roughmap .border1, .nalgaem-view-content-type.map .root_daum_roughmap .border2, .nalgaem-view-content-type.map .root_daum_roughmap .border3, .nalgaem-view-content-type.map .root_daum_roughmap .border4 {display: none;}
.nalgaem-btn-list {display: flex; align-items: center; justify-content: center; margin: auto; width: 200px; height: 60px; font-weight: 500; color: #333; border-radius: 30px; border: 1px solid #666; background-color: #fff; transition: .2s;}
.nalgaem-btn-list img {margin: 0 12px 1px 0; width: 12px; transition: .2s;}

/* 날갬카페 */
.sub-cafe-sl-wr {position: relative; padding: min(6vw, 110px) 0 clamp(10px, 6vw, 100px); margin-left: 220px; border-bottom: 1px solid #d9d9d9;}
.sub-cafe-sl-wr::after {content: 'Nal Gaem with Cafe'; position: absolute; top: 1.2vw; left: -220px; font-size: 7.5rem; color: rgba(0, 0, 0, .03); font-weight: 800; line-height: 1;}
.sub-cafe-slide {display: flex; gap: 0 50px; align-items: flex-end; max-width: 1060px;}
.sub-cafe-sl-l-img {display: block; position: relative; width: 510px; height: 340px; border-radius: 2rem; overflow: hidden;}
.sub-cafe-sl-l-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.sub-cafe-sl-r {display: flex; flex-direction: column; justify-content: flex-end; width: calc(100% - 510px - 50px);}
.sub-cafe-sl-thumbs {display: flex; gap: 10px; width: 100%;}
.sub-cafe-sl-thumb {position: relative; flex: 1; height: 104px; border: 0; background: none; border-radius: 1rem; overflow: hidden;}
.sub-cafe-sl-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; opacity: .7;}
.sub-cafe-sl-thumb.on img {opacity: 1;}
.sub-cafe-sl-name {font-size: 1.625rem; font-weight: 700; color: #0f0f0f;}
.sub-cafe-sl-info {padding-top: 15px; font-size: 1.125rem; color: #666;}
.sub-cafe-sl-btm .cafe-sl-hash-wr {padding: 45px 0 35px;}
.sub-cafe-sl-in {position: relative; z-index: 20; display: flex; align-items: center; gap: 10px; position: absolute; top: calc(50% + 30px); left: 1170px; transform: translateX(-50%);}
.sub-cafe-arrow {position: absolute; top: 50%;}
.sub-cafe-arrow.prev {left: -60px; transform: translateX(-100%);}
.sub-cafe-arrow.next {left: 1170px; transform: translateX(-50%);}

.cafe-card-ul {gap: 40px;}
.cafe-card-li {width: calc(100% / 4 - (40px * 3) / 4);}
.cafe-card-li .cafe-sl-inner {height: 100%;}
.cafe-card-li .cafe-sl-name {font-size: 1.375rem; font-weight: 700;}
.cafe-card-li .cafe-sl-info {padding: 18px 33px 28px; min-height: auto;} 

.nalgaem-view-txt-tb th {padding-right: 30px; font-weight: 400; color: #0f0f0f; line-height: 1.4;}
.nalgaem-view-txt-tb td {padding: 3px 0; line-height: 1.4;}

/* 날갬카페 상세 */
.cafe-menuwr-ul {border-bottom: 1px solid #e9e9e9;}
.cafe-menuwr-li {padding: clamp(10px, 1.1vw, 20px) 0 clamp(15px, 1.6vw, 30px);}
.cafe-menu-ul {padding: 30px 0; display: flex; flex-wrap: wrap; gap: 40px;}
.cafe-menu-li {width: calc(100% / 4 - 120px / 4);}
.cafe-menu-inner {height: 100%; border-radius: 1.5rem; overflow: hidden; text-align: center; border: 1px solid #E9E9E9;}
.cafe-menu-img {position: relative; height: clamp(100px, 15vw, 280px); border-bottom: 1px solid #E9E9E9;}
.cafe-menu-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.cafe-menu-info-wr {display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 20px 0; padding: 20px; height: clamp(calc(100% - 280px), calc(100% - 15vw), calc(100% - 100px));}
.cafe-menu-name {font-size: 1.125rem; font-weight: 600; color: #0f0f0f; word-break: break-word;}
.cafe-menu-price {padding-top: 3px; font-size: 1.125rem; font-weight: 400; color: #0f0f0f;}
.cafe-pick-btn {display: flex; align-items: center; justify-content: center; gap: 0 5px; width: 100%; max-width: 200px; border-radius: 30px; height: 42px; background-color: #fff; border: 1px solid #999; font-weight: 500;}
.cafe-pick-btn img {width: 24px;}
.cafe-menu-field {padding: 11.5px 20px; background-color: #F4F4F2; font-size: 1.125rem; font-weight: 600; color: #0f0f0f; border-radius: 0.6rem;}
.cafe-fix-bar {position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 100;}
.cafe-fix-bar.abs {position: absolute; left: 0; bottom: -140px;}
.cafe-fix-in {width: 100%; border-radius: 2rem 2rem 0 0; box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, .05); display: none;}
.cafe-fix-in.on {display: block;}
.cafe-fix-in.default .cafe-fix-in-show {align-items: center; justify-content: space-between;}
.cafe-fix-txt {font-size: clamp(14px, 2vw, 1.5rem); font-weight: 400; color: #000;}
.cafe-fix-txt span {font-weight: 800; color: #00E8E8;}
.cafe-fix-info-wr {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.cafe-fix-in-show {position: relative; display: flex; height: 80px; z-index: 100; background-color: #fff;}
.cafe-fix-info-r {display: flex; align-items: center; gap: 0 clamp(10px, 2vw, 30px); flex-shrink: 0;}
.cafe-fix-btn-wr {display: flex; align-items: center; gap: 0 10px; background-color: #fff;}
.cafe-fix-opts {position: relative; max-height: 0; opacity: 0; visibility: hidden; transition: .3s ease-in-out; z-index: 50;}
.cafe-fix-info-l, .cafe-opt-price {font-size: 1.25rem; font-weight: 400; color: #0f0f0f;}
.cafe-fix-info-l {width: calc(100% - 130px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cafe-fix-info-l b {font-weight: 800;}
.cafe-fix-opt-ul {margin: 20px -20px 0; padding: 0 20px; max-height: 50vh; overflow-y: auto; overflow-x: hidden;}
.cafe-fix-opt-ul::-webkit-scrollbar {width: 6px; height: 6px; scrollbar-width: 6px; scrollbar-height: 6px;}
.cafe-fix-opt-ul::-webkit-scrollbar-thumb {border-radius: 3px; background: #d9d9d9;}
.cafe-fix-opt-ul::-webkit-scrollbar-track-piece {background: transparent;}
.cafe-fix-opt-li {display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.cafe-fix-opt-li:last-child {border-bottom: 0;}
.cafe-fix-opt-li:first-child {padding-top: 0;}
.cafe-fix-price {font-size: 1.125rem; font-weight: 600; color: #0f0f0f;}
.cafe-fix-price span {margin-left: 10px; font-size: 1.25rem; color: #F65656;}
.cafe-fix-opt-name {font-size: 1.25rem; font-weight: 700; color: #0f0f0f;}
.cafe-fix-opt-prd {font-size: 1.25rem; font-weight: 500; color: #0f0f0f;}
.cafe-fix-opt-sel {padding-top: 3px; font-weight: 400; color: #666;}
.cafe-fix-opt-img {position: relative; width: clamp(50px, 4.2vw, 80px); height: clamp(50px, 4.2vw, 80px); border-radius: 0.5rem; overflow: hidden; border: 1px solid #E9E9E9;}
.cafe-fix-opt-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.cafe-fix-opt-l {display: flex; align-items: center; gap: 0 clamp(5px, 1vw, 15px);}
.cafe-fix-opt-r {display: flex; align-items: center; gap: 0 clamp(5px, 2vw, 36px);}
.cafe-opt-del-btn {position: relative; margin-left: 5px; width: 18px; height: 18px; rotate: 45deg; border: 0; background: none;}
.cafe-opt-del-btn::after, .cafe-opt-del-btn::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #666;}
.cafe-opt-del-btn::after {width: 100%; height: 2px;}
.cafe-opt-del-btn::before {width: 2px; height: 100%;}
.btn-mini {display: block; padding: 8px 10px; font-size: 14px; font-weight: 400; border-radius: 0.3rem;}
.btn-mini.white {color: #666; background-color: #fff; border: 1px solid #E5E5E5;}
.cafe-fix-opt-r-btns {display: flex; align-items: center; gap: 0 clamp(5px, 1vw, 16px);}

.cafe-fix-in.select.on.open .cafe-fix-info-wr {border-top: 1px solid #e5e5e5;}
.cafe-fix-in.select.on.open .cafe-fix-opts {padding-top: 30px; max-height: 90vh; opacity: 1; visibility: visible;}
.menu-mo-slider {display: none;}


/* 날갬카페  옵션 팝업 */
.dim {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .4); z-index: 100;}
.pop-wr {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; display: none;}
.pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200; padding: clamp(15px, 2.5vw, 40px); background-color: #fff; border-radius: 1.2rem;  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);}
.cafe-opt-pop-wr {}
.pop.cafe-opt-pop {padding: clamp(10px, 3vw, 30px) clamp(10px, 3vw, 30px) clamp(20px, 5vw, 30px); width: min(94vw, 700px); height: auto; min-height: 300px; max-height: 96vh}
.pop-close-btn {position: absolute; width: 24px; height: 24px; top: 20px; right: 30px; rotate: 45deg; background: none; border: 0;}
.pop-close-btn::after, .pop-close-btn::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333;}
.pop-close-btn::after {width: 100%; height: 2px;}
.pop-close-btn::before {width: 2px; height: 100%;}
.cafe-opt-pop-top {display: flex; gap: 0 clamp(15px, 2vw, 25px); align-items: center; padding: clamp(15px, 2vw, 24px) 0; border-bottom: 1px solid #ECECEC;}
.cafe-opt-pop-img {flex-shrink: 0; position: relative; width: clamp(70px, 8vw, 100px); height: clamp(70px, 8vw, 100px); border-radius: 0.5rem; border: 1px solid #d9d9d9; overflow: hidden;}
.cafe-opt-pop-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.cafe-opt-pop-name {padding-right: 50px; font-size: 1.25rem; font-weight: 600; color: #0f0f0f; word-break: break-word;}
.cafe-opt-pop-ul-wr {height: auto; max-height: calc(85vh - 350px); overflow: auto;}
.cafe-opt-pop-ul-wr::-webkit-scrollbar {width: 6px; height: 6px; scrollbar-width: 6px; scrollbar-height: 6px;}
.cafe-opt-pop-ul-wr::-webkit-scrollbar-thumb {border-radius: 3px; background: #d9d9d9;}
.cafe-opt-pop-ul-wr::-webkit-scrollbar-track-piece {background: transparent;}
.cafe-opt-pop-ul {}
.cafe-opt-pop-li {padding: clamp(15px, 2vw, 24px) 0 clamp(17px, 2vw, 26px);}
.cafe-opt-pop-li:not(:last-child) {border-bottom: 1px solid #ECECEC;}
.cafe-opt-pop-li-txt-wr {display: flex; align-items: center; gap: 0 10px; padding-bottom: 20px;}
.cafe-opt-pop-li-txt {font-size: 1.125rem; font-weight: 600; color: #0f0f0f;}
.cafe-opt-icon {flex-shrink: 0; display: inline-block; padding: 2px 11px; border-radius: 50px; background-color: #fff; line-height: 1.4; font-size: 14px; font-weight: 400; border: 1px solid;}
.cafe-opt-pop-li.must .cafe-opt-icon {border-color: #00E8E8; color: #04D6D6;}
.cafe-opt-pop-li.optional .cafe-opt-icon {border-color: #999999; color: #999999;}
.cafe-opt-pop-li .cafe-opt-sel-li input + label, .cafe-opt-sel-price-wr {font-weight: 400; color: #0f0f0f;}
.cafe-opt-sel-ul {display: flex; flex-direction: column; gap: 15px 0;}
.cafe-opt-sel-li, .cafe-opt-pop-quantity {display: flex; align-items: center; justify-content: space-between;}
.cafe-opt-pop-quantity {padding: clamp(10px, 2vw, 25px) 0; margin: 0 0 clamp(15px, 2vw, 25px); border-bottom: 2px solid #333; border-top: 1px solid #ECECEC;}
.cafe-opt-qty-wr {display: flex; border: 1px solid #E5E5E5; border-radius: 0.5rem; overflow: hidden;}
.cafe-opt-qty-btn {position: relative; width: 34px; height: 34px; border: 0; background: #FAFAFA;}
.cafe-opt-qty-btn::before, .cafe-opt-qty-btn::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #999;}
.cafe-opt-qty-btn::before {width: 11px; height: 1px;}
.cafe-opt-qty-btn::after {width: 1px; height: 11px;}
.cafe-opt-qty-btn.minus::after {display: none;}
.cafe-opt-qty-input {width: 40px; height: 34px; border: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; font-weight: 400; color: #333;}
.cafe-opt-pop-total-wr {display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
.cafe-opt-pop-total {font-size: 1.125rem; font-weight: 600; color: #0f0f0f;}
.cafe-opt-pop-total > .cafe-opt-pop-price {margin-left: 10px; font-size: 1.25rem; font-weight: 700; color: #F65656; word-break: break-word;}
.cafe-opt-pop-btn-wr {display: flex; gap: 0 10px; flex-shrink: 0;}
.cafe-opt-pop-btn {display: inline-block; padding: 12.5px 15px; min-width: 130px; border-radius: 50px; font-weight: 500; border: 1px solid; line-height: 1.2; text-align: center;}
.cafe-opt-pop-btn.white {border-color: #666; color: #333; background-color: #fff;}
.cafe-opt-pop-btn.black {border-color: #333; color: #fff; background-color: #333;}




/* 내주변검색 */
.location-wr {position: fixed; top: 80px; left: 0; width: 100vw; height: calc(100vh - 80px);}
.location-map {position: relative;}


.marker {display: flex; align-items: center; justify-content: center; position: relative; width: 50px; height: 50px; border-radius: 50%; border: none; rotate: -45deg;}
.marker img {rotate: 45deg; max-width: 80%; max-height: 80%;}
.marker.on {border-radius: 70% 80% 100% 0% / 100% 80% 70% 0%;}
.marker-1 {background-color: #F56A6A;}
.marker-2 {background-color: #54A9F8;}
.marker-3 {background-color: #8979EB;}
.marker-4 {background-color: #FD8127;}

.location-sidebar {position: fixed; top: 80px; width: 400px; height: calc(100vh - 80px); background-color: #fff; transition: .3s;} 
.location-sidebar.open {left: 0;}
.location-sidebar.close {left: -400px;}

.location-find-btn {display: flex; align-items: center; justify-content: center; position: fixed; top: 115px; transform: translateX(-50%); width: 100px; height: 40px; border-radius: 30px; border: 0; background-color: #333; color: #fff; font-size: 14px; font-weight: 600; transition: .3s;}
.location-sidebar.close .location-find-btn {left: 50%;}
.location-sidebar.open .location-find-btn {left: calc(50% + 200px);}
.location-find-btn img {margin: 0 0 0 8px; width: 18px;}

.location-top-wr {display: flex; flex-direction: column; justify-content: space-between; padding: 30px 40px 60px; height: 300px;}
.location-top-wr .sub-sch-wr {padding: 0;}
.location-me {display: flex; align-items: center; gap: 0 8px;}
.location-me img {width: 16px;}
.location-me span {font-size: 1.25rem; font-weight: 500;}
.location-cate-wr {display: flex; align-items: center; gap: 0 35px;}
.location-cate {position: relative; border: 0; background: none;}
.location-cate-img {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 0.5rem; opacity: 0.4;}

.location-cate.on .location-cate-img {opacity: 1;}
.location-cate-txt {position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: 100px; font-size: 1rem; font-weight: 300; color: #333;}
.location-result-wr {height: calc(100% - 300px);} 
.location-result-txt {padding: 13px 20px; background-color: #f7f7f7; color: #333; font-weight: 400;}
.location-result-txt span {font-weight: 600;}
.location-result-ul {height: calc(100% - 50px); overflow-y: auto;}
.location-result-ul::-webkit-scrollbar {width: 6px; height: 6px; scrollbar-width: 6px; scrollbar-height: 6px;}
.location-result-ul::-webkit-scrollbar-thumb {border-radius: 3px; background: #d9d9d9;}
.location-result-ul::-webkit-scrollbar-track-piece {background: transparent;}
.location-result-li {display: flex; gap: 0 13px; padding: 15px 20px; border-top: 1px solid #E9E9E9; cursor: pointer;}
.location-result-li.on {background-color: #FCFCFC;}
.location-result-img {width: 90px; height: 90px; border-radius: 0.5rem; overflow: hidden;}
.location-result-info {display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 90px - 13px);}
.location-result-link {display: flex; align-items: center; justify-content: space-between;}
.location-result-cate {font-size: 14px; font-weight: 400; color: #999; }
.location-result-tit {display: inline-block; font-size: 1.125rem; font-weight: 500; color: #333; word-break: break-word; line-height: 1.2;}
.location-result-tit img { margin: 0 0 3px 3px; width: 18.5px; vertical-align: middle;}
.location-result-go {flex-shrink: 0; display: block; width: 20px; margin-left: 10px;} 
.location-result-addr {display: flex; align-items: center; gap: 0 4px; font-size: 14px; font-weight: 400; color: #666;}
.location-result-addr img {width: 13px;}
.location-result-addr span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.location-sidebar-handle-wr {position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}
.location-sidebar-handle {display: flex; align-items: center; justify-content: center; width: 24px; height: 45px; border-radius: 0 0.5rem 0.5rem 0; background-color: #333; border: 0; box-shadow: 0 3px 5px 3px rgba(0, 0, 0, .2);}
.location-sidebar-handle img {width: 9px;}
.location-no-result {display: flex; align-items: center; justify-content: center; height: 100%;}

.scroll::-webkit-scrollbar {
  display: none;  /* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none;  /* 파이어폭스 */
}

/* 게시판 */
.pg_cnt {display: none;}
.page_wrap {height:29px;margin:20px 0;text-align:center;position:relative;}
.page_wrap .lbt_box {position:absolute;top:0;left:0;}
.page_wrap .rbt_box {position:absolute;top:0;right:0;}
.empty_table {padding-top: clamp(20px, 10vw, 100px); text-align: center;}
.del_box {display: flex; align-items: center; justify-content: center; height: clamp(200px, 40vh, 400px); font-size: 1.125rem; font-weight: 500;}

/* list */
.tbl_wrap {padding-top: 30px;}
.tbl_wrap table {width: 100%; border-top: 2px solid #333;}
.tbl_wrap table tr {border-bottom: 1px solid #d9d9d9;}
.tbl_wrap table td {padding: 30px 0;}
.tbl_wrap table .board-number {width: 70px; font-size: 1.125rem; font-weight: 600; color: #bbb; text-align: center;}
.tbl_wrap table .board-subject {padding-left: 10px; padding-right: 20px; width: calc(100% - 170px); font-size: 1.25rem; font-weight: 400; color: #0f0f0f; }
.tbl_wrap table .board-subject a {word-break: break-word;}
.tbl_wrap table .board-date {width: 100px; font-size: 1rem; font-weight: 400; color: #999;}

/* event */
.nalgaem-event-wr {display: flex; flex-wrap: wrap; gap: 60px 34px;}
.nalgaem-event-box {width: calc(100% / 3 - 68px / 3);}
.nalgaem-event-img {position: relative; height: 17.75vw; border-radius: 2rem; overflow: hidden; background-color: #ddd;}
.nalgaem-event-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: .2s;}
.nalgaem-event-img .noimg {object-fit: contain; max-width: 200px; width: 70%;}
.nalgaem-event-tit {padding: 15px 12px 10px; font-size: 1.25rem; font-weight: 700; color: #0f0f0f; line-height: 1.2;}
.nalgaem-event-tit .bo_notice {display: inline-block; font-weight: 600; color: #bbb;}
.nalgaem-event-info {padding: 0 14px; font-weight: 400; color: #999;}
.nalgaem-event-box.end .nalgaem-event-img::before, .nalgaem-event-box.end .nalgaem-event-img::after {position: absolute; width: 100%; text-align: center;}
.nalgaem-event-box.end .nalgaem-event-img::before {content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .65); z-index: 10;}.nalgaem-event-box.end .nalgaem-event-img::after {content: '이벤트 종료'; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.375rem; font-weight: 600; color: #fff; z-index: 20;}

/* faq */
.faq-ul {border-top: 2px solid #333;}
.faq-li {position: relative; padding: 0 12px; border-bottom: 1px solid #d9d9d9;}
.faq-q {display: flex; gap: 0 25px; align-items: flex-start; padding: 30px 50px 30px 0; background-color: transparent; border: 0; width: 100%; text-align: left; background: url('/source/img/icon-arrow_faq.png') no-repeat center right 20px / 17px;}
.faq-q-icon {flex-shrink: 0; margin-top: 2px; font-size: 1.125rem; font-weight: 600; color: #bbb;}
.faq-q-tit {font-size: 1.25rem; font-weight: 400; color: #0f0f0f; word-break: break-word; line-height: 1.4;}
.faq-a {display: none; position: relative; padding: 30px 60px; margin-bottom: min(2vw, 20px); border-radius: 1rem; background-color: #FAFAFA;}
.faq-a-inner {display: flex; gap: 0 25px; align-items: flex-start;}
.faq-a-icon {flex-shrink: 0; font-weight: 500; color: #333;}
.faq-a-cnt, .faq-a-cnt * {font-size: 1rem !important; font-weight: 300 !important; color: #666 !important; word-break: break-word; line-height: 1.4;}
.admin-btn {position: absolute; top: 10px; right: 10px; width: 80px; height: 40px; background-color: #00E8E8; color: #fff; font-weight: 600; border-radius: 0.5rem; text-align: center; line-height: 40px;}
.faq-li.open .faq-q {background-image: url('/source/img/icon-arrow_faq_up.png');}
.tac.faq {position: absolute; top: 0; left: -6px; transform: translateX(50%);}

/* paging */
.pg {display: flex; align-items: center; justify-content: center;}
.pg_page, .pg_current {display: flex; align-items: center; justify-content: center;}
.pg_num {width: 26px; height: 26px; border-radius: 50%; font-size: 1.125rem; font-weight: 400; color: #ccc;}
.pg_current {background-color: #00E8E8; color: #fff;}
.pg_start,.pg_prev,.pg_next,.pg_end {display: flex; align-items: center; justify-content: center; width: clamp(30px, 5vw, 57px); height: clamp(30px, 5vw, 57px); background-color: #fff; border-radius: 50%; border: 1px solid #333; font-size: 0; color: transparent;}
.pg_start img, .pg_prev img, .pg_next img, .pg_end img {height: clamp(15px, 1.2vw, 22px);}
.pg_start {margin-right: 10px;}
.pg_prev {margin-right:20px;}
.pg_next {margin-left:20px;}
.pg_end {margin-left:10px;}
.pg a.pg_start, .pg a.pg_prev, .pg a.pg_next, .pg a.pg_end {opacity: 1;}
.pg span.pg_start, .pg span.pg_prev, .pg span.pg_next, .pg span.pg_end {opacity: 0.5;}

/* write */
.subwr.read, .subwr.write {padding-top: clamp(20px, 5vw, 90px);}

/* read */
.nalgaem-read-wr {padding-top: 30px;}
.nalgaem-read-subj-wr {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 2px solid #333;}
.nalgaem-read-subj {font-size: 2.25rem; font-weight: 800; color: #0f0f0f; line-height: 1.2; word-break: break-word;}
.nalgaem-read-info {display: flex; align-items: center; gap: 50px; flex-shrink: 0;}
.nalgaem-read-date {font-weight: 400; color: #999;}
.nalgaem-read-share {position: relative; font-size: 1.125rem; font-weight: 500; color: #0f0f0f;}
.nalgaem-read-share::after {content: ''; position: absolute; top: 50%; left: -24.5px; transform: translateY(-50%); width: 1px; height: 15px; background-color: #d9d9d9;}
.nalgaem-read-share img {margin: 0 10px -5px 0; width: 24px;}
.nalgaem-read-content {padding: 50px 10px 80px; border-bottom: 1px solid #d9d9d9;}
.read-list-wr {padding: 25px 0; border-bottom: 1px solid #333;}
.read-list-ul {display: flex; justify-content: space-between; align-items: center; gap: 0 20%;}
.read-list-li {position: relative; flex: 1; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.read-list-li.prev {padding-left: 80px;}
.read-list-li.next {padding-right: 80px; text-align: right;}
.read-list-guide {position: absolute; top: 50%; transform: translateY(-50%); font-weight: 500; color: #333;}
.read-list-guide.prev {left: 0;}
.read-list-guide.next {right: 0;}
.read-list-guide img {width: 12px;}
.read-list-guide.prev img {margin: 0 12px 0 0;}
.read-list-guide.next img {margin: 0 0 0 12px;}
.read-list-subject {color: #999;}
.nalgaem-read-file-ul {display: flex; flex-direction: column; gap: 5px; padding: 20px 0; border-bottom: 1px solid #d9d9d9;}
.nalgaem-read-file-li {color: #666;}
.nalgaem-read-file-li b {font-weight: 400; color: #666;}
.nalgaem-btn-list-wr {margin-top: 40px;}

/* 로그인 */
.regwr {padding-top: clamp(40px, 5vw, 90px);}
.login-wr {padding: clamp(5px, 1vw, 20px) 0 clamp(30px, 7.3vw, 140px);}
.login-input-wr {position: relative;}
.pw-show-btn {position: absolute; top: 50%; right: 5px; transform: translateY(-50%); width: 25px; height: 25px; border: 0; background-color: transparent; background: url('/source/img/icon-pw_hidden.png') no-repeat center / 20px;}
.login-box .mypage-box-tit {text-align: center;}
.login-input-wr-pw.show .pw-show-btn {background-image: url('/source/img/icon-pw_show.png');}
.login-box .login-write .check-wr input[type=checkbox] + label {font-size: 0.9375rem;}
.login-box .login-write .check-wr input[type=checkbox] + label::before {top: -4px;}
.login-write {margin-top: 20px;}
.login-box {padding: 40px 60px; margin: auto; width: min(100%, 500px); border-radius: 2rem; border: 1px solid #CCCCCC;}
.login-logo {display: block; width: 185px; margin: 0 auto 40px;}
.login-input {width: 100%; height: 45px; border: 0; border-bottom: 1px solid #d9d9d9; font-weight: 400; color: #333; outline: 0;}
.login-input::placeholder {color: #ccc;}
.login-input-wr-pw {margin-top: 15px;}
.login-input-wr-pw .login-input {padding-right: 35px;}
.btn-login {display: flex; align-items: center; justify-content: center; margin: 25px 14px; width: 100%; height: clamp(35px, 3vw, 56px); border-radius: 50px; background-color: #00E8E8; color: #fff; font-weight: 600; border: 0;}
.login-links {display: flex; justify-content: center; gap: 0 30px;}
.login-link {position: relative; font-size: 0.9375rem; color: #666;}
.login-link:not(:last-child)::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; width: 1px; height: 13px; background-color: #CCCCCC;}

/* 회원가입 */
.member-tit {padding-bottom: clamp(20px, 3.7vw, 70px); font-size: 3.375rem; text-align: center; line-height: 1.35; font-weight: 500;}
.member-tit b {font-weight: 800;}
.sign-agree-box-wr {display: flex; flex-direction: column; gap: clamp(20px, 2.7vw, 50px) 0; margin-bottom: clamp(35px, 6vw, 80px);}
.sign-agree-box {border-radius: 2rem; border: 1px solid #ccc;}
.sign-agree-box-top {padding: 25px 50px; border-bottom: 1px solid #ccc;}
.sign-agree-box-cnt {padding: 20px 10px;}
.sign-agree-box-cnt-in {padding: 0 40px; height: 300px; overflow-y: auto;}
.sign-agree-box-cnt-in::-webkit-scrollbar {width: 6px; height: 6px; scrollbar-width: 8px; scrollbar-height: 6px}
.sign-agree-box-cnt-in::-webkit-scrollbar-thumb {border-radius: 3px; background: #d9d9d9;}
.sign-agree-box-cnt-in::-webkit-scrollbar-track-piece {background: transparent;}
.sign-agree-box-top .check-wr input[type=checkbox] + label {font-size: 1.125rem; font-weight: 500; color: #0f0f0f;}
.sign-agree-box-top .check-wr input[type=checkbox] + label:before {top: -1.5px;}
.agree-status {color: #999;}
.sign-agree-req .agree-status {color: #0f0f0f;}
.reg-write-wr {padding-top: 20px;}
.reg-write-wr .mypage-region-ul {padding: 27px;}
.reg-write-wr .mypage-region-li {width: calc(100% / 6 - 50px / 6);}

/* 완료 */
.sub.complete {display: flex; align-items: center; justify-content: center; min-height: 94vh;}
.sub.complete .regwr {padding-top: 5vw; padding-bottom: 5vw;}
.member-tit.complete-tit {padding-bottom: clamp(20px, 2vw, 30px);}
.complete-logo {display: block; width: min(40vw, 224px); margin: 0 auto clamp(10px, 2vw, 40px);}
.complete-wr {padding-top: clamp(20px, 2vw, 35px); text-align: center; border-top: 1px solid #999;}
.compltet-txt-wr {display: flex; flex-direction: column; gap: 15px 0;}
.complete-txt1 {font-size: 2.125rem; font-weight: 400; color: #0f0f0f;}
.complete-txt2 {font-size: 1.125rem; font-weight: 300; color: #666;}
.complete-btn-wr {display: flex; justify-content: center; align-items: center; gap: 0 15px; margin-top: clamp(25px, 3.5vw, 55px);}
.nalgaem-btn-list.black {background-color: #333; border-color: #333; color: #fff;}
.complete-btn-wr .nalgaem-btn-list {margin: 0;}

/* 입점신청 */
.store-write-wr .mypage-list-li-l {width: 220px;}
.store-write-wr .mypage-list-li-r {width: calc(100% - 220px);}
.mypage-box-under-ul {padding: 15px 30px 0;}

/* 아이디. 비밀번호 찾기 */
.sub.find {padding-bottom: clamp(100px, 20vw, 360px);}
.id-find-txt1 {font-weight: 400; color: #666;}
.result-write-wr .mypage-list-li {gap: 0 60px; align-items: center;}
.result-write-wr .mypage-list-li-l, .result-write-wr .mypage-list-li-r {width: auto; padding: 5px 0;}
.id-find-txt1 {position: relative;}
.id-find-txt1::after {content: ''; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #E9E9E9;}

/* 마이페이지 */
.mypage {padding-top: clamp(25px, 6vw, 100px);}
.mypage-tit {font-size: 3.375rem; font-weight: 800; color: #0f0f0f;}

.mypage-inner {display: flex; gap: 0 60px; padding-top: clamp(30px, 3vw, 70px);}
.mypage-aside-wr {width: 200px;}
.mypage-cnt-wr {width: calc(100% - 260px);}

.mypage-top-wr {display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(30px, 3.125vw, 60px); background-color: #F8F8F8; border-radius: 1.5rem;}
.mypage-top-info {display: flex; align-items: center;}
.mypage-top-info-l, .mypage-top-info-r, .mypage-top-edit {position: relative; padding: 30px 40PX; flex-shrink: 0;}
.mypage-top-info-l {min-width: 65%;}
.mypage-top-info-r::after {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 60px; background-color: #e3e3e3;}
.mypage-top-gretting {font-size: 1.625rem; font-weight: 400; color: #0f0f0f; line-height: 1.2;}
.mypage-top-gretting br {display: none;}
.mypage-top-name {margin-top: 7px; font-weight: 400; color: #666;}
.mypage-top-region {font-weight: 500; color: #0f0f0f;}
.mypage-top-region img {margin: 0 0 2px 6px; width: 6px;}
.myhash-wr {display: flex; align-items: center; gap: 3px 6px; flex-wrap: wrap; margin-top: 12px;}
.myhash {display: inline-block; padding: 3px 8px; border-radius: 50px; border: 1px solid #333; font-size: 14px;}

.mypage-aside-ul {display: flex; flex-direction: column; gap: 20px 0;}

.mypage-box{}
.mypage-box-cnt {border-top: 2px solid #333;}
.mypage-box-tit {font-size: 1.5rem; font-weight: 600; color: #0f0f0f;}
.mypage-box-tit-wr {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 13px;}
.mypage-bigtxt {font-size: 1.25rem; font-weight: 400; color: #0F0F0F;}
.mypage-nortxt {font-weight: 400; color: #999;}
.mypage-666txt {font-weight: 400; color: #666;}

.mypage-submit-btn {transition: .2s;}

/* 마이페이지 > 메인 */
.mypage-main-ul, .mypage-box-wr {display: flex; flex-direction: column; gap: clamp(35px, 6vw, 80px) 0;}
.mypage-card-ul {gap: 30px; padding-top: clamp(15px, 2vw, 30px);}
.mypage-card-li {width: calc(100% / 3 - 60px / 3);}
.mypage-main-box-top {}
.nalgaem-table {width: 100%;}
.nalgaem-table th {font-weight: 500; color: #0f0f0f; text-align: center; border-bottom: 1px solid #D9D9D9; padding: 15px; word-break: break-word;}
.nalgaem-table td {font-weight: 400; color: #666; text-align: center; border-bottom: 1px solid #D9D9D9; padding: 20px; word-break: break-word;}
.nalgaem-table td.td-subject {color: #0f0f0f; text-align: left;}
.nalgaem-table td .btn-mini {margin: auto;}
.icon-status {display: inline-block; padding: 4px 11.5px; border-radius: 50px; font-size: 14px; font-weight: 500; border: 1px solid;}
.icon-status.status1 {color: #C4C4C4; background-color: #F4F4F4; border-color: #F4F4F4;}
.icon-status.status2 {color: #00E8E8; background-color: #fff; border-color: #00E8E8;}
.mypage-main-qna-box {display: flex; align-items: center; justify-content: space-between; margin-top: clamp(10px, 2vw, 30px); padding: clamp(15px, 2vw, 20px) clamp(15px, 2.5vw, 40px); background-color: #F8F8F8; border-radius: 1rem; color: #666;}
.mypage-main-qna-txt {text-indent: -0.5rem; margin-left: 1.4rem;}
.mypage-main-qna-txt::before {content: '·'; display: inline-block; margin-right: 3px; font-weight: 800; font-size: 1.25rem;}
.mypage-main-qna-link.cafe-opt-pop-btn {width: 130px; border-color: #ddd; text-align: center; color: #666; background-color: #fff;}
.nothing-box {display: flex; align-items: center; justify-content: center; flex-direction: column; height: clamp(120px, 20vw, 300px); border-bottom: 1px solid #D9D9D9;}
.nothing-box img {width: clamp(50px, 5vw, 80px);}
.nothing-box p {margin-top: clamp(5px, 1vw, 16px);}
.mypage-card-li .place-sl-inner, .mypage-card-li .cafe-sl-inner {min-height: 100%;}

/* 20240213 추가 */
.mypage-video-li {position: relative; border-radius: 1.9rem; background-color: #000; overflow: hidden;}
.mypage-video-li .live-sl-video {padding-bottom: 0; height: calc(100% - 80px); border-radius: 0;}
.mypage-video-li .live-sl-video .live-info-wr {opacity: 0;}
.mypage-video-li .live-sl-video .live-fav-btn {position: absolute; top: 0; right: 0;}
/* .mypage-card-li .live-sl-tit {position: absolute; bottom: clamp(15px, 2vw, 30px); left: clamp(15px, 2vw, 30px);} */
.mypage-video-li .live-sl-tit {padding: clamp(10px, 2vw, 25px) 0;}
.mypage-video-li .live-sl-tit a {color: #fff;}

/* 마이페이지 > 회원정보수정 */
.mypage-list-li {display: flex; padding: 22.5px 20px; border-bottom: 1px solid #D9D9D9;}
.mypage-list-li-l {width: 160px; padding-right: 20px;}
.mypage-list-li-r {display: flex; flex-direction: column; justify-content: center; gap: 10px; width: calc(100% - 160px);}
.mypage-list-li-l-txt1 {padding-top: 6px;}
.mypage-list-li-l-txt2 {font-size: 0.875rem; font-weight: 400; color: #999;}
.mypage-list-li-r-txt1 {}
.mypage-list-input-wr {display: flex; gap: 10px; position: relative;}
.my-mini-btn {flex-shrink: 0; width: 100px; height: 44px; border-radius: 50px; border: 1px solid; font-weight: 500;}
.my-mini-btn.white {color: #333; border-color: #666; background-color: #fff;}
.my-mini-btn.black {color: #fff;  border-color: #333; background-color: #333;}
.mypage-btn-wr.withdrawal {padding-top: 10px; text-align: right;}
.mypage-btn-wr.withdrawal img {margin: 0 0 1px 6px; width: 6px;}
.mypage-region-ul {display: flex; flex-wrap: wrap; gap: 15px 10px; padding: 27px 10px; border-bottom: 1px solid #D9D9D9;}
.mypage-region-li {width: calc(100% / 8 - 70px / 8);}
.mypage-region-li input[type="checkbox"] {border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; appearance: none; position: absolute; width: 0; height: 0;}
.mypage-region-li input[type="checkbox"] + label {display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; border: 1px solid #e5e5e5; border-radius: 0.3rem; font-weight: 500; color: #999; cursor: pointer;}
.mypage-region-li input[type="checkbox"]:focus + label {outline: 2px solid #0f0f0f;}
.mypage-region-li input[type="checkbox"]:checked + label {border: 2px solid #00E8E8; color: #00E8E8;}
.mypage-submit-wr {margin-top: clamp(30px, 3vw, 60px);}

.mypage-pswd-pop {width: min(700px, 94vw); max-height: 95vh;}
.mypage-pswd-pop-top {padding-bottom: 25px;}
.mypage-pswd-pop-ul {display: flex; flex-direction: column; gap: 20px; padding: 24px 0 30px; border-top: 1px solid #ececec; border-bottom: 2px solid #333;}
.mypage-pswd-pop-li {display: flex; align-items: center;}
.mypage-pswd-pop-li-l {width: 170px; padding-right: 20px; font-size: 1.125rem; font-weight: 400; color: #0f0f0f;}
.mypage-pswd-pop-li-r {width: calc(100% - 170px);}
.mypage-pswd-top-txt1 {font-size: 1.5rem; font-weight: 600; color: #0f0f0f;}
.mypage-pswd-top-txt2 {padding-top: 5px; color: #666;}
.pop-btn-wr {margin-top: 24px; text-align: center;}


/* 마이페이지 > 회원탈퇴 */
.withdrawal-memo-li textarea {height: 150px;}
.mypage-withdrawal-in {padding: 20px 20px 50px; border-bottom: 1px solid #D9D9D9;}
.withdrawal-txt {padding-top: 15px;}
.withdrawal-check-ul {padding: 15px 10px 0;}
.withdrawal-check-li {text-indent: -0.5rem; margin-left: 1rem; font-weight: 400; color: #999;}
.withdrawal-check-li::before {content: '·'; display: inline-block; margin-right: 3px; font-weight: 800; font-size: 1.25rem;}
.withdrawal-memo-li {display: flex; padding: 10px 0;}
.withdrawal-memo-li-l {display: flex; align-items: center; height: 44px; width: 160px; padding-right: 20px;}
.withdrawal-memo-li-r {display: flex; flex-direction: column; justify-content: center; gap: 10px; width: calc(100% - 160px);}
.withdrawal-check-wr {padding-top: 12px;}
.withdrawal-check-wr.check-wr input[type=checkbox] + label:before {border-color: #9e9e9e;}
.withdrawal-check-wr.check-wr input[type=checkbox]:checked + label:before {border-color: #00E8E8;}

/* 마이페이지 > 관심목록 */
.mypage-category-ul {display: flex; gap: 10px min(1vw, 10px); margin: clamp(10px, 2vw, 25px) 0 clamp(10px, 2vw, 20px); flex-wrap: wrap;}
.mypage-category-li a {display: block; padding: 6.5px 15.5px; width: auto; border-radius: 50px; border: 1px solid #e5e5e5; font-weight: 500; background-color: #fff;}
.mypage-category-li.on a {border-color: #333; background-color: #333; color: #fff;}
.mypage-box-cnt .mypage-card-ul {padding-bottom: 10px; align-items: center;}

/* 마이페이지 > 주문내역 */
.mypage-order-check-in {display: flex; align-items: center; margin: clamp(10px, 2vw, 20px) 0 clamp(20px, 4vw, 45px); border: 5px solid #f4f4f4; border-radius: 0.5rem;}
.mypage-order-check-txt {flex-shrink: 0;}
.mypage-order-check-period {display: flex; width: 100%; border-radius: 0.3rem; overflow: hidden; font-size: 0.875rem; font-weight: 400; color: #666;}
.order-period-radio-wr {width: 25%;}
.order-period-radio-wr label {display: block; width: 100%; height: 36px; line-height: 36px; cursor: pointer; text-align: center; background-color: #fff; border: 1px solid #D9D9D9;}
.order-period-radio-wr input[type="radio"] {position: absolute; width: 0; height: 0; opacity: 0; visibility: hidden;}
.order-period-radio-wr input[type="radio"]:checked + label {background-color: #333; color: #fff; border-color: #333;}
.order-period-radio-wr:first-child label {border-radius: 0.3rem 0 0 0.3rem;}
.order-period-radio-wr:last-child label {border-radius: 0 0.3rem 0.3rem 0;}
.order-period-radio-wr:not(:last-child) label {border-right: none;}
.mypage-order-check-l, .mypage-order-check-r {display: flex; align-items: center; padding: 20px 40px; position: relative;}
.mypage-order-check-l {gap: 30px; width: 46.5%;}
.mypage-order-check-l::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 26px; background-color: #e5e5e5;}
.mypage-order-check-r {gap: 20px; width: 53.5%;}
.order-period-input-wr {display: flex; gap: 5px; align-items: center;}
.mypage-order-pop {width: 94vw; max-width: 700px; height: auto; max-height: 95vh;}
.mypage-order-pop-top {border-bottom: 1px solid #ececec;}
.mypage-order-top-info {display: flex; align-items: center; justify-content: space-between; margin: 14px 0;}
.mypage-order-pop-li {display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.mypage-order-pop-li:not(:last-child) {border-bottom: 1px solid #ececec;}
.mypage-order-pop-li-l {display: flex; align-items: center; gap: 0 15px;}
.mypage-order-pop-btm {display: flex; justify-content: flex-end; padding-top: clamp(5px, 2vw, 16px); border-top: 2px solid #333;}
.mypage-order-top-num {font-weight: 400;}
.mypage-order-pop-ul {max-height: 50vh; overflow-y: auto;}
.mypage-order-pop-ul::-webkit-scrollbar {width: 6px; height: 6px; scrollbar-width: 6px; scrollbar-height: 6px;}
.mypage-order-pop-ul::-webkit-scrollbar-thumb {border-radius: 3px; background: #d9d9d9;}
.mypage-order-pop-ul::-webkit-scrollbar-track-piece {background: transparent;}

/* 마이페이지 > 문의내역 */
.mypage-qna-hidden td {padding: 0 !important; border: 0 !important;}
.mypage-qna-hidden .mypage-qna-inner {display: none; padding: 0 15px 15px; border-bottom: 1px solid #D9D9D9; text-align: left;}
.mypage-qna-btn {cursor: pointer;}
.mypage-qna-cnt {display: flex; gap: 0 25px; padding: 30px 50px;}
.mypage-qna-cnt.q .mypage-qna-cnt-l {font-weight: 500; color: #999;}
.mypage-qna-cnt.a {border-radius: 1rem; background-color: #FAFAFA;}
.mypage-qna-cnt.a .mypage-qna-cnt-l {font-weight: 500; color: #333;}

/* 마이페이지 > 문의작성 */
.textarea-wr {width: 100%; border: 1px solid #e3e3e3; border-radius: 0.3rem; background-color: #fff;  padding-bottom: 30px;}
.mypage-qna-ul textarea {border: 0; height: 170px; outline: none;}
.mypage-qna-txtcount-wr {position: absolute; right: 15px; bottom: 10px; font-size: 12px; font-weight: 400; color: #aaa;}
.mypage-qna-ul .mypage-list-li:last-child {border-color: #333;}
.file-wr {display: flex; align-items: flex-start; gap: 0 20px; margin-top: 5px;}
.file-txt-li {display: flex; align-items: center; gap: 0 16px; height: 34px; color: #999; }
.file-txt-li p {word-break: break-word; line-height: 1;}
.file-delete-btn {width: 22px; height: 22px; background-color: #F4F4F4; border-radius: 0.2rem; border: 0;}
.file-delete-btn span {display: block; position: relative; width: 22px; height: 22px; rotate: 45deg;}
.file-delete-btn span::after, .file-delete-btn span::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #aaa;}
.file-delete-btn span::after {width: 14px; height: 1px;}
.file-delete-btn span::before {width: 1px; height: 14px;}

.pravacy {padding: clamp(40px, 10vw, 100px) 0;}
.pravacy h1 {font-size: clamp(1.75rem, 6vw, 3rem);}
.pravacy-box {padding-top: clamp(10px, 3vw, 20px);}
.privacy-txt {padding: clamp(10px, 3vw, 20px) 0;}

/* 언어 */
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span, .goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9od-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf *, #goog-gt-tt {font-family: 'Pretendard Variable' !important;}
.goog-te-gadget-simple {background-color: transparent !important; border-radius: 5px !important; border-color: #f1f1f1 !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {color: #fff !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-child {display: none !important;}
.goog-te-gadget-icon {margin: 0 5px 0 10px !important; background: url('/source/img/icon-lang_white.png') no-repeat center / contain !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {border-color: transparent !important;}
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b:link div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b:visited div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b:active div {color: #333 !important;}
.VIpgJd-ZVi9od-xl07Ob-OEVmcd {box-shadow: none !important;}
.VIpgJd-ZVi9od-vH1Gmf {border: none !important;}

.header.black .goog-te-gadget-simple {border-color: #ddd !important;}
.header.black .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {color: #666 !important;}
.header.black .goog-te-gadget-icon {background-image: url('/source/img/icon-lang_black.png') !important;}

/* hover */
.hd-gnb-li:hover > a {color: #00E8E8 !important;}
.hd-gnb2-li a:hover {background-color: #EEFFFF; font-weight: 400; color: #333;}
.live-fav-btn:hover {background-color: #4affde;}
.btn-more:hover::after {rotate: 90deg;}
.btn-more:hover::before {rotate:90deg;}
/* .place-sl-inner:hover .place-sl-img::after {background-color: rgba(0, 0, 0, 0);} */
.cafe-sl-inner:hover .cafe-sl-img img {scale: 1.05;}
.tnb-li > a:hover {background-color: #f7f7f7;}
.live-sl-video:hover .live-info-wr {display: none;}
.sub-cate-li a:hover {color: #0f0f0f;}
.sub-cate-li a:hover::before {opacity: 1; width: 100%;}
.nalgaem-view-vote-cnt-in.bf .nalgaem-view-vote-btn:hover {background-color: #333; border-color: #333; color: #fff;}
/* .location-find-btn:hover {background-color: #aaa;} */
.nalgaem-event-box:hover .nalgaem-event-img img {scale: 1.02;}
.mypage-submit-btn:hover, .nalgaem-btn-list:hover, .nalgaem-btn-list.black:hover {background-color: #00E8E8; border-color: #00E8E8; color: #fff;}
.nalgaem-btn-list:hover img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}