/********************* 230717 한국의 숨은 골목 맛집 ***********************/
.alley { font-family: 'Pretendard', sans-serif; font-size: 16px; letter-spacing: -0.02em; text-align: center; font-weight: normal; color: #2B2B2B; overflow: hidden; word-break: keep-all; }
.alley .ir { position: absolute; margin: -1px; width: 1px; height: 1px; padding: 0; border: 0; white-space: nowrap; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); }
.alley button { font-family: 'Pretendard', sans-serif !important; }

.alley .block { display: block; }
.alley .pc-hidden { display: none; }
.alley .mo-hidden { display: block; }

.alley .font16 { font-size: 16px !important; }
.alley .font18 { font-size: 18px !important; }
.alley .font20 { font-size: 20px !important; }

.alley .normal { font-weight: 400 !important; }
.alley .medium { font-weight: 500 !important; }
.alley .semibold { font-weight: 600 !important; }
.alley .bold { font-weight: 700 !important; }

.alley .ta-c { text-align: center !important; }
.alley .ta-l { text-align: left !important; }
.alley .ta-r { text-align: right !important; }

.alley .pb200 { padding-bottom: 200px !important; }

.alley .pl60 { padding-left: 60px !important; }

.alley .mt4 { margin-top: 4px !important; }
.alley .mt12 { margin-top: 12px !important; }
.alley .mt14 { margin-top: 14px !important; }
.alley .mt16 { margin-top: 16px !important; }
.alley .mt20 { margin-top: 20px !important; }
.alley .mt24 { margin-top: 24px !important; }
.alley .mt32 { margin-top: 32px !important; }
.alley .mt72 { margin-top: 72px !important; }
.alley .mt80 { margin-top: 80px !important; }
.alley .mt100 { margin-top: 100px !important; }
.alley .mt140 { margin-top: 140px !important; }
.alley .mt190 { margin-top: 190px !important; }
.alley .mt200 { margin-top: 200px !important; }
.alley .mt300 { margin-top: 300px !important; }

.alley .mr20 { margin-right: 20px !important; }
.alley .mr40 { margin-right: 40px !important; }
.alley .mr80 { margin-right: 80px !important; }

.alley .mb20 { margin-bottom: 20px !important; }

.alley .color-FFFFFF { color: #FFFFFF !important; }
.alley .color-8E8E8E { color: #8E8E8E !important; }
.alley .color-2D2D2D { color: #2D2D2D !important; }

.bg-F8F8F8 { background-color: #F8F8F8 !important; }
.alley .bg-FFFFFF { background-color: #FFFFFF !important; }
.alley .bg-F6F6F6 { background-color: #F6F6F6 !important; }
.alley .bg-60B796 { background-color: #60B796 !important; }
.alley .bg-EB8954 { background-color: #EB8954 !important; }
.alley .bg-29C6B6 { background-color: #29C6B6 !important; }
.alley .bg-F4B22E { background-color: #F4B22E !important; }
.alley .bg-DE4C8C { background-color: #DE4C8C !important; }
.alley .bg-416FEB { background-color: #416FEB !important; }
.alley .bg-00A6EA { background-color: #00A6EA !important; }

.alley .bg-64E9A8 { background-color: #64E9A8 !important; }
.alley .bg-FF8845 { background-color: #FF8845 !important; }
.alley .bg-3DD9C7 { background-color: #3DD9C7 !important; }
.alley .bg-FFC83F { background-color: #FFC83F !important; }
.alley .bg-F450A0 { background-color: #F450A0 !important; }
.alley .bg-3397F2 { background-color: #3397F2 !important; }
.alley .bg-39CDFF { background-color: #39CDFF !important; }

.alley.seosulla { --marker: #91CDB7; }
.alley.yongnidan { --marker: #FFB68E; }
.alley.songdo { --marker: #75E5DA; }
.alley.jeonju { --marker: #F9CC73; }
.alley.daegu { --marker: #F9A6CA; }
.alley.busan { --marker: #A4BDFF; }
.alley.jeju { --marker: #9AE2FE; }

/* Alley - main */
.alley.main { padding-bottom: 120px; overflow: visible; }
.alley.main .alley-map { position: relative; display: flex; align-items: stretch; min-height: 810px; border-radius: 24px; background-color: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); overflow: hidden; }
.alley.main .alley-map .h3_tit { position: absolute; top: 44px; left: 52px; text-align: left; z-index: 1; }
.alley.main .alley-map .h3_tit span { display: inline-block; padding: 7px 12px; line-height: 0; background-color: #EAEAEA; border-radius: 20px; }
.alley.main .alley-map .h3_tit h3 { margin: 12px 0; font-size: 24px; line-height: 1.15; }
.alley.main .alley-map .h3_tit p { margin: 0; padding-left: 16px; color: #8B8B8B; font-size: 15px; line-height: 1.15; background-image: url('/public/images/foodtrip/k-food-img/road_img/main/arrow-right.svg'); background-repeat: no-repeat; background-position: left top 3px; letter-spacing: 0; }
.alley.main .alley-map .indicator-wrap { position: relative; flex-grow: 1; height: 0; align-self: center; padding-bottom: calc(100% - 400px); }
.alley.main .alley-map .map-indicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/public/images/foodtrip/k-food-img/road_img/main/map.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
.alley.main .alley-map .map-indicator.en { background-image: url(/public/images/foodtrip/k-food-img/road_img/main/map_en.png); }
.alley.main .alley-map .map-indicator.ja { background-image: url(/public/images/foodtrip/k-food-img/road_img/main/map_ja.png); }
.alley.main .alley-map .map-indicator.cn { background-image: url(/public/images/foodtrip/k-food-img/road_img/main/map_cn.png); }
.alley.main .alley-map .map-indicator.tw { background-image: url(/public/images/foodtrip/k-food-img/road_img/main/map_tw.png); }
.alley.main .alley-map .map-indicator .map-bullet { position: absolute; width: 5%; height: 6.75%; display: inline-block; cursor: pointer; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(1) { top: 14%; left: 51%; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(2) { top: 15%; left: 47.20%; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(3) { top: 16.4%; left: 42.5%; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(4) { top: 47%; left: 59%; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(5) { top: 44.5%; left: 76%; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(6) { top: 57%; left: 82%; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(7) { top: 87%; left: 43%; }
.alley.main .alley-map .map-indicator .map-bullet svg { width: 100%; height: 100%; fill: #FF8383; transition: 0.3s; filter: drop-shadow(1px 1px 8px rgba(0, 0, 0, 0.15)); }
.alley.main .alley-map .map-indicator .map-bullet .index { position: absolute; color: #fff; top: 9px; left: 50%; transform: translateX(-50%); font-family: 'Pretendard', sans-serif; font-size: 16px; font-weight: 700; word-break: keep-all; }
.alley.main .alley-map .map-indicator .map-bullet.map-bullet-active { animation: wobble 2s ease-in-out infinite; z-index: 10; }
.alley.main .alley-map .map-indicator .map-bullet.map-bullet-active svg { animation: scale 1s ease-in-out forwards; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(1).map-bullet-active svg { fill: #64E9A8; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(2).map-bullet-active svg { fill: #FF8540; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(3).map-bullet-active svg { fill: #3CD9C7; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(4).map-bullet-active svg { fill: #FFBF41; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(5).map-bullet-active svg { fill: #FF5883; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(6).map-bullet-active svg { fill: #3397F2; }
.alley.main .alley-map .map-indicator .map-bullet:nth-of-type(7).map-bullet-active svg { fill: #39CDFF; }
.alley.main .alley-map .map-slider { width: 400px; }
.alley.main .alley-map .map-slider .map-slide.swiper-slide-active { z-index: 10; }
.alley.main .alley-map .map-slider .map-slide .detail { padding: 48px 48px 0; height: 320px; background-color: rgba(255, 255, 255, 0.40); text-align: left; box-sizing: border-box; }
.alley.main .alley-map .map-slider .map-slide .detail h4 { margin-top: 28px; margin-bottom: 16px; color: #303030; font-size: 28px; font-weight: 700; line-height: 1.05; }
.alley.main .alley-map .map-slider .map-slide .detail p { color: #454545; font-size: 15px; font-weight: 500; }
.alley.main .alley-map .map-slider .map-slide .detail .hash { font-size: 0; padding-left: 46px; text-indent: -46px; }
.alley.main .alley-map .map-slider .map-slide .detail .hash span { display: inline-block; margin-right: 8px; margin-bottom: 8px; padding: 0 12px; font-size: 14px; line-height: 32px; color: #454545; border-radius: 20px; background: rgba(255, 255, 255, 0.80); text-align: center; vertical-align: middle; text-indent: 0; }
.alley.main .alley-map .map-slider .map-slide .detail .hash .num { margin-right: 12px; padding: 0; width: 34px; height: 34px; line-height: 34px; color: #303030; font-size: 20px; font-weight: 600; border-radius: 8px; background: rgba(255, 255, 255, 0.50); }
.alley.main .alley-map .map-slider .map-slide .alley-slider-wrap { margin: 80px 48px 50px 0; }
.alley.main .alley-map .map-slider .map-slide .alley-slider {  border-radius: 0 12px 12px 0; overflow: hidden; }
.alley.main .alley-map .map-slider .map-slide .alley-slider .alley-slide { width: 352px; height: 252px; }
.alley.main .alley-map .map-slider .map-slide .alley-slider .alley-slide img { width: 100%; height: 100%; object-fit: cover; }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-left: 30px; }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .swiper-pagination-bullet { margin-right: 8px; width: 10px; height: 10px; background-color: rgba(255,255,255,0.5); opacity: 1; transition: 0.3s; }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .swiper-pagination-bullet-active { background-color: #fff; border-radius: 2px; }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .alley-slider-button { display: flex; }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .alley-slider-prev,
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .alley-slider-next { width: 14px; height: 14px; background-image: url('/public/images/foodtrip/k-food-img/road_img/main/chevron-right.svg'); background-size: contain; background-repeat: no-repeat; cursor: pointer; }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .alley-slider-prev { margin-right: 20px; transform: rotate(180deg); }
.alley.main .alley-map .map-slider .map-slide .alley-slider-control .swiper-button-disabled { opacity: 0.5; }
.alley.main .alley-map .map-slider .map-slide .alley-link { position: relative; display: block; margin-right: 48px; margin-bottom: 54px; padding: 20px 0 20px 50px; border-radius: 0 12px 12px 0; background-color: rgba(255, 255, 255, 0.40); text-align: left; color: #454545; font-weight: 500; overflow: hidden; }
.alley.main .alley-map .map-slider .map-slide .alley-link:after { content: ''; position: absolute; right: 0; top: 0; width: 76px; height: 100%; background-color: rgba(255,255,255,0.9); background-image: url('/public/images/foodtrip/k-food-img/road_img/main/link-arrow.svg'); background-position: center; background-repeat: no-repeat; }

@keyframes wobble {
    0% {
        transform: translateY(0);
    }
    8.33% {
        transform: translateY(8px);
    }
    16.66% {
        transform: translateY(-6px);
    }
    25% {
        transform: translateY(4px);
    }
    33.33% {
        transform: translateY(-2px) ;
    }
    41.725% {
        transform: translateY(1px);
    }
    50% {
        transform: translateY(0) ;
    }
    100% {
        transform: translateY(0) 

    }
}
@keyframes scale {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.125, 1.0925);
    }
}

/* Alley - Courses */
.alley h4 img { width: 100%; }
.alley .txt { max-width: 720px; margin: auto; line-height: 1.5em !important; }
.alley .typo { padding: 7px 0 8px; text-align: left; }
.alley .caption { display: block; max-width: 720px; margin: 0 auto; font-size: 14px; color: #797979; line-height: 1.5em !important; }

.alley .course { position: relative; padding-top: 47px; }
.alley .course h5 { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); padding: 15px 35px; border-radius: 100px; }
.alley .course h5 .marker { position: absolute; top: -21px; left: 2px; fill: var(--marker); }

.alley .course .tab-wrap[data-cols="3"],
.alley .course .tab-wrap[data-cols="4"] { background-image: url('/public/images/foodtrip/k-food-img/road_img/en/common/bg_course_tab_col4.png'); background-repeat: no-repeat; background-size: 774px; background-position: calc(50% - 55px) calc(50% + 10px); }
.alley .course .tab-wrap[data-cols="5"] { background-image: url('/public/images/foodtrip/k-food-img/road_img/en/common/bg_course_tab_col5.png'); background-repeat: no-repeat; background-size: 774px; background-position: calc(50% - 15px) calc(50% + 15px); }
.alley.jeonju .course .tab-wrap { background-image: url('/public/images/foodtrip/k-food-img/road_img/en/common/bg_course_tab_col5_10.png'); }

.alley .course .tab-wrap ul { display: flex; flex-wrap: wrap; justify-content: center; margin: auto; }
.alley .course .tab-wrap[data-cols="3"] ul { max-width: 384px; }
.alley .course .tab-wrap[data-cols="4"] ul { max-width: 524px; }
.alley .course .tab-wrap[data-cols="5"] ul { max-width: 665px; }

.alley .course .tab-wrap .tab { position: relative; margin-top: 32px; }
.alley .course .tab-wrap[data-cols="3"] .tab:not(:nth-of-type(6n+4)):not(:nth-of-type(6n+3)),
.alley .course .tab-wrap[data-cols="4"] .tab:not(:nth-of-type(8n+5)):not(:nth-of-type(8n+4)),
.alley .course .tab-wrap[data-cols="5"] .tab:not(:nth-of-type(10n+6)):not(:nth-of-type(10n+5)) { margin-right: 36px; }

.alley .course .tab-wrap .tab:first-of-type:before,
.alley .course .tab-wrap .tab:last-of-type:after { content: ''; position: absolute; left: 52px; transform: translateX(-50%); height: 21px; border-radius: 30px; background-color: var(--marker); background-repeat: no-repeat; background-position: center;}
.alley .course .tab-wrap .tab:first-of-type:before { top: -33px; width: 70px; background-image: url("/public/images/foodtrip/k-food-img/road_img/en/common/bg_course_tab_start.svg"); }
.alley .course .tab-wrap .tab:last-of-type:after {  bottom: -34px; width: 52px; background-image: url("/public/images/foodtrip/k-food-img/road_img/en/common/bg_course_tab_end.svg"); }
.alley .course .tab-wrap .tab button { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 104px; height: 120px; padding: 0 5px; line-height: 1.1em !important; background-color: #fff; border: none; border-radius: 16px; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12); font-size: 14px; font-weight: 500; transition: 0.3s; }
.alley .course .tab-wrap .tab button img { margin-bottom: 12px; }
.alley .course .tab-wrap .tab.active button { background-color: var(--icon-theme); color: #fff; }
.alley .course .tab-wrap .tab.active button img { filter: invert(1) brightness(10); transition: 0.3s; }

.alley .course .tab-contents { display: none; }
.alley .course .tab-contents.active { display: block; animation: fadeUp 1s; }
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.alley .course .tab-contents .tit { position: relative; padding-left: 130px; }
.alley .course .tab-contents .tit:before,
.alley .course .tab-contents .tit:after { content: ''; position: absolute; border-radius: 50%; background-color: var(--bg-theme); }
.alley .course .tab-contents .tit:before { top: 54px; left: 110px; width: 86px; height: 86px; z-index: 5; }
.alley .course .tab-contents .tit:after { top: 347px; right: -68px; width: 256px; height: 256px; }
.alley .course .tab-contents .tit .pictogram { position: absolute; right: 173px; bottom: 0; transform: scale(0.5) translate(50%, 35%); transform-origin: bottom right; z-index: 5; }
.alley.daegu .course .tab-contents[data-course="3"] .pictogram { margin-right: 5px; margin-bottom: 35px; }
.alley.daegu .course .tab-contents[data-course="6"] .pictogram { margin-right: 20px; margin-bottom: 20px; }

.alley .course .tab-contents .tit-bg { position: relative; height: 480px; overflow: hidden; background-image: url('/public/images/foodtrip/k-food-img/road_img/en/bg_course_1.jpg'); background-position: top; background-repeat: no-repeat; background-size: cover; }
.alley .course .tab-contents .tit-bg:before,
.alley .course .tab-contents .tit-bg:after { content: ''; position: absolute; left: 0; width: 100%; height: calc(2 / 3 * 100%); }
.alley .course .tab-contents .tit-bg:before { top: calc(1 / 3 * -100%); border-radius: 0 140px 140px 0; background-color: #F6F6F6; }
.alley .course .tab-contents .tit-bg:after { left: 14px; bottom: 0; width: 30%; border-radius: 300px 0 0 300px; box-shadow: -300px 0 0 300px #F6F6F6; }
.alley .course .tab-contents .tit-bg .text { position: absolute; left: 140px; bottom: 91px; z-index: 1; font-size: 0; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.40);} 
.alley .course .tab-contents .tit-bg .text h6 { height: 47px; margin: 0; }
.alley .course .tab-contents .tit-bg .text.multi { bottom: 70px; }
.alley .course .tab-contents .tit-bg .text.multi h6 { height: 92px; }
.alley.jeonju .course .tab-contents:last-of-type .tit-bg .text { bottom: 50px; }
.alley.jeonju .course .tab-contents:last-of-type .tit-bg .text h6 { height: 120px; }
.alley .course .tab-contents .tit-bg h6 img { max-width: 100%; height: 100%; object-fit: contain; object-position: bottom; }
.alley .course .tab-contents .tit-bg p { margin: 14px 0; font-size: 24px; }
.alley .course .tab-contents .tit-bg .tag { display: inline-block; padding: 4px 10px; border: 1px solid #fff; border-radius: 16.5px; font-size: 16px; font-weight: 300; line-height: 1.1em !important; }
.alley .course .tab-contents .tit-bg .tag + .tag { margin-left: 8px; }

.alley .course .tab-contents .content { margin-top: 168px; padding: 0 60px; }
.alley .course .tab-contents .badge { display: block; margin: auto; margin-bottom: 50px; width: 76px; height: 76px; border-radius: 50%; background-image: url('/public/images/foodtrip/k-food-img/road_img/en/common/icon_map.svg'); background-color: var(--icon-theme); background-repeat: no-repeat; background-position: center top 14px; }

.alley .course .tab-contents .store ul li { display: flex; align-items: center; margin: auto; padding: 20px 23px; width: 100%; max-width: 674px; border-radius: 100px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.10); background-color: #fff; }
.alley .course .tab-contents .store ul li + li { margin-top: 16px; }
.alley .course .tab-contents .store ul li .icon { min-width: 44px; height: 44px; margin-right: 22px; border-radius: 50%; background-color: var(--icon-theme); }
.alley .course .tab-contents .store ul li .icon img { width: 100%; height: 100%; object-fit: none;}
.alley .course .tab-contents .store ul li p span { line-height: 1.2em !important; }
.alley .course .tab-contents .store ul li p span a { word-break: break-all; }

.alley .course .tab-contents .image-wrap { position: relative; display: flex; flex-direction: column; line-height: 1.5em !important; }
.alley .course .tab-contents .image-wrap > div { flex: 1; }
.alley .course .tab-contents .image-wrap:before { content: ''; position: absolute; top: 53px; left: -60px; width: 777px; height: 446px; background-color: var(--bg-theme); }
.alley .course .tab-contents .image-wrap img { position: relative; width: 777px; height: 414px; object-fit: cover; }
.alley .course .tab-contents .image-wrap .typo img { width: auto; height: auto; }
.alley .course .tab-contents .image-wrap .desc { position: relative; display: block; width: fit-content; margin-top: 14px; padding-left: 12px; background-image: url('/public/images/foodtrip/k-food-img/road_img/en/common/icon_triangle.svg'); background-position: left center; background-repeat: no-repeat; font-size: 14px; line-height: 1.3em !important; color: #545454; }

.alley .course .tab-contents .image-wrap.type2 { align-items: flex-end; }
.alley .course .tab-contents .image-wrap.type2:before { left: auto; right: -60px; }

.alley .course .tab-contents .image-wrap.type3 { flex-direction: row; padding: 0 60px; }
.alley .course .tab-contents .image-wrap.type3.reverse { flex-direction: row-reverse; }
.alley .course .tab-contents .image-wrap.type3:before { width: calc(100% + 120px); height: 100%; top: 0; left: -60px; }
.alley .course .tab-contents .image-wrap.type3 .left { position: relative; margin-right: 60px; transform: translateY(-60px); }
.alley .course .tab-contents .image-wrap.type3.reverse .left { margin-right: 0; margin-left: 60px; }
.alley .course .tab-contents .image-wrap.type3 .left img { width: 100%; height: 500px; }
.alley .course .tab-contents .image-wrap.type3 .right { position: relative; flex-grow: 0; min-width: 356px; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 95px; }
.alley .course .tab-contents .image-wrap.type3 .right .map { width: 50px; height: 50px; background-image: url('/public/images/foodtrip/k-food-img/road_img/en/common/icon_map_r.svg'); background-repeat: no-repeat; background-position: center; border-radius: 50%; }

.alley .course .tab-contents .image-wrap.type4 { flex-direction: row; justify-content: space-between; padding: 0 60px; }
.alley .course .tab-contents .image-wrap.type4 .left { margin-right: 122px; }
.alley .course .tab-contents .image-wrap.type4:before { display: none; }
.alley .course .tab-contents .image-wrap.type4 img { width: 100%; height: 450px; }

/* hover */
@media (min-width: 768px) {
    .alley .course .tab-wrap .tab button:hover { background-color: var(--icon-theme); color: #fff; }
    .alley .course .tab-wrap .tab button:hover img { filter: invert(1) brightness(10); }
}

/* responsive */
@media only screen and (max-width: 1024px) {
    .alley .course .tab-wrap { background: none !important; }
    .alley .course .tab-wrap ul { width: 332px; justify-content: flex-start; margin-top: -3px; }
    
    .alley .course .tab-wrap .tab { min-width: 30%; margin-top: 10px; max-width: calc(calc(100% - 22px) / 3); }
    .alley .course .tab-wrap[data-cols="3"] .tab:not(:nth-of-type(6n+4)):not(:nth-of-type(6n+3)),
    .alley .course .tab-wrap[data-cols="4"] .tab:not(:nth-of-type(8n+5)):not(:nth-of-type(8n+4)),
    .alley .course .tab-wrap[data-cols="5"] .tab:not(:nth-of-type(10n+6)):not(:nth-of-type(10n+5)) { margin-right: 0; }
    .alley .course .tab-wrap .tab:not(:nth-of-type(3n+1)) { margin-left: 10px; }
    .alley .course .tab-wrap .tab button { height: 114px; }

    .alley .course .tab-contents .tit-bg .text.mo { bottom: 70px; }
    .alley .course .tab-contents .tit-bg .text.mo h6 { height: 92px; }
    .alley .course .tab-contents .tit-bg .text.mo .pc-hidden { display: block; }
    .alley .course .tab-contents .tit-bg .text.mo .mo-hidden { display: none; }

    .alley .course .tab-contents .image-wrap.type3 { flex-direction: column !important; padding: 60px 0; }
    .alley .course .tab-contents .image-wrap.type3 .left { width: 100%; min-width: 0; transform: none; }
    .alley .course .tab-contents .image-wrap.type3.reverse .left { margin-left: 0; }
    .alley .course .tab-contents .image-wrap.type3 .left img { height: 72.5vw; }
    
    .alley .course .tab-contents .image-wrap.type3 .right { justify-content: center; min-width: 0; margin-top: 50px; padding-bottom: 0; }
    .alley .course .tab-contents .image-wrap.type3 .right > span { margin: auto; }

    .alley .course .tab-contents .image-wrap.type4 .left { margin-right: 60px; }
}

@media only screen and (max-width: 768px) {
    .alley .pc-hidden { display: block; }
    .alley .mo-hidden { display: none; }

    .alley .font16 { font-size: 14px !important; }
    .alley .font18 { font-size: 16px !important; }
    
    .alley .mt16 { margin-top: 12px !important; }
    .alley .mt24 { margin-top: 16px !important; }
    .alley .mt100 { margin-top: 70px !important; }
    .alley .mt140 { margin-top: 70px !important; }
    .alley .mt190 { margin-top: 90px !important; }
    .alley .mt200 { margin-top: 130px !important; }
    .alley .mt300 { margin-top: 80px !important; }

    .alley .pb200 { padding-bottom: 120px !important; }

    .alley.main .alley-map { flex-direction: column; margin: 0 12px; }
    .alley.main .alley-map .h3_tit { top: 40px; left: 30px; }
    .alley.main .alley-map .h3_tit p { font-size: 14px; }
    .alley.main .alley-map .indicator-wrap { flex-grow: 0; align-self: stretch; margin-top: 180px; margin-bottom: 32px; padding-bottom: 116%; }
    /* .alley.main .alley-map .map-indicator { background-image: url('/public/images/foodtrip/k-food-img/road_img/main/map_mo.png'); }
    .alley.main .alley-map .map-indicator.en { background-image: url('/public/images/foodtrip/k-food-img/road_img/main/map_en.png'); }
    .alley.main .alley-map .map-indicator.ja { background-image: url('/public/images/foodtrip/k-food-img/road_img/main/map_ja.png'); }
    .alley.main .alley-map .map-indicator.tw { background-image: url('/public/images/foodtrip/k-food-img/road_img/main/map_tw.png'); }
    .alley.main .alley-map .map-indicator.cn { background-image: url('/public/images/foodtrip/k-food-img/road_img/main/map_cn.png'); } */
    .alley.main .alley-map .map-indicator .map-bullet .index { top: 5px; transform: translate(-50%, 0); font-size: 13px; line-height: 1.2; }
    .alley.main .alley-map .map-indicator .map-bullet { width: 29px; height: 38px; }

    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(1) { top: 12%; left: 51%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(2) { top: 12.5%; left: 45.5%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(3) { top: 14.5%; left: 40.5%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(4) { top: 44%; left: 59%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(5) { top: 43%; left: 78%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(6) { top: 55%; left: 85%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(7) { top: 83%; left: 41%; }

    /* .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(1) { top: 13%; left: 57%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(2) { top: 10%; left: 47.5%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(3) { top: 16%; left: 38%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(4) { top: 43%; left: 34%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(5) { top: 51%; left: 63%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(6) { top: 60%; left: 72%; }
    .alley.main .alley-map .map-indicator .map-bullet:nth-of-type(7) { top: 85%; left: 5%; } */

    /* .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(1) { top: 16%; left: 57%; }
    .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(2) { top: 15%; left: 49%; }
    .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(3) { top: 21%; left: 43%; }
    .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(4) { top: 43%; left: 34%; }
    .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(5) { top: 52%; left: 63%; }
    .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(6) { top: 61%; left: 72%; }
    .alley.main .alley-map .map-indicator.int .map-bullet:nth-of-type(7) { top: 80%; left: 5%; } */

    .alley.main .alley-map .map-slider { width: 100%; }
    .alley.main .alley-map .map-slider .map-slide { height: auto; }
    .alley.main .alley-map .map-slider .map-slide .alley-link { padding: 18px 0 18px 20px; line-height: 1.2; margin-bottom: 46px; }
    .alley.main .alley-map .map-slider .map-slide .alley-link:after { background-size: 16px; }
    .alley.main .alley-map .map-slider .map-slide .detail { padding: 40px 30px; }
    .alley.main .alley-map .map-slider .map-slide .detail h4 { margin-top: 30px; margin-bottom: 14px; font-size: 24px; line-height: normal; }
    .alley.main .alley-map .map-slider .map-slide .detail .hash { padding-left: 36px; text-indent: -36px; }
    .alley.main .alley-map .map-slider .map-slide .detail .hash span { margin-bottom: 4px; padding: 0 8px; line-height: 24px; font-size: 12px; }
    .alley.main .alley-map .map-slider .map-slide .detail .hash .num { width: 28px; height: 28px; margin-right: 10px; line-height: 28px; font-size: 16px; }
    .alley.main .alley-map .map-slider .map-slide .detail p { font-size: 14px; }
    .alley.main .alley-map .map-slider .map-slide .alley-slider-wrap { margin: 64px 32px 45px 0; }
    
    .alley > .txt { padding: 0 22px; }
    .alley .typo { padding: 7px 0 8px 0 !important; text-align: left !important; }
    .alley .typo img { max-width: 100%; }

    /* .alley .course h5 { padding: 13px 26px; } */
    .alley .course h5 { padding: 10px 25px; }
    .alley .course h5 img { max-width: 80vw; max-height: 30px; }
    .alley .course h5 img.pc-hidden { max-width: 80vw; max-height: 60px; }
    
    .alley .course .tab-wrap .tab:first-of-type:before { top: -30px; }
    .alley .course .tab-wrap .tab:last-of-type:after { bottom: -32px; }
    
    .alley .course .tab-contents .tit { padding: 0; }
    .alley .course .tab-contents .tit:before { left: 52px; top: 14px; width: 113px; height: 113px; }
    .alley .course .tab-contents .tit:after { display: none; }
    .alley .course .tab-contents .tit-bg { height: 300px; }
    .alley .course .tab-contents .tit-bg .text { left: 66px; bottom: 40px; max-width: calc(100% - 66px); white-space: nowrap; }
    .alley .course .tab-contents .tit-bg .text.mo, .alley .course .tab-contents .tit-bg .text.multi { bottom: 30px; }
    .alley .course .tab-contents .tit-bg .text h6 { max-width: 80vw; max-height: 34px; }
    .alley .course .tab-contents .tit-bg .text.mo h6, .alley .course .tab-contents .tit-bg .text.multi h6 { max-height: 58px; }
    .alley.jeonju .course .tab-contents:last-of-type .tit-bg .text { bottom: 25px; }
    .alley.jeonju .course .tab-contents:last-of-type .tit-bg .text h6 { max-height: 80px; }
    .alley .course .tab-contents .tit-bg p { margin: 4px 0 6px; font-size: 16px; white-space: normal; }
    .alley .course .tab-contents .tit-bg .tag { padding: 3px 8px; font-size: 12px; }
    .alley .course .tab-contents .tit-bg .tag + .tag { margin-left: 4px; }
    .alley .course .tab-contents .tit .pictogram { right: auto; bottom: auto; left: 105px; top: 135px; transform: scale(0.25) translateY(-100%); transform-origin: top left; }
    .alley.songdo .course .tab-contents[data-course="3"] .pictogram { top: 130px; margin-left: 28px; }
    .alley.daegu .course .tab-contents[data-course="3"] .pictogram,
    .alley.daegu .course .tab-contents[data-course="6"] .pictogram { margin: 0; top: 130px; left: 115px; }

    .alley .course .tab-contents .content { margin-top: 80px; padding: 0 22px; }
    .alley .course .tab-contents .badge { width: 52px; height: 52px; margin-bottom: 32px; background-image: url("/public/images/foodtrip/k-food-img/road_img/en/common/icon_map_mo.svg"); background-position: center center; }
    
    .alley .course .tab-contents .image-wrap img { width: calc(100% + 44px); height: 51.7vw; }
    .alley .course .tab-contents .image-wrap:before { top: 25px; left: -22px; width: calc(100% + 44px); height: calc(51.7vw + 32px); }
    .alley .course .tab-contents .image-wrap .desc { text-align: left; line-height: 1em !important; }
    .alley .course .tab-contents .image-wrap.type2:before { right: -22px; }
    .alley .course .tab-contents .image-wrap.type4 { padding: 0; flex-direction: column; }
    .alley .course .tab-contents .image-wrap.type4 .left { margin-right: 0; }
    .alley .course .tab-contents .image-wrap.type4 img { height: 106vw; }
    
    .alley .course .tab-contents .store ul li { min-width: 0; width: auto; padding: 18px 23px; }
    .alley .course .tab-contents .store ul li + li { margin-top: 12px; }
    .alley .course .tab-contents .store ul li .icon { min-width: 44px; }
}

@media (max-width: 350px) {
    .alley .course .tab-wrap ul { width: auto; padding: 0 22px; }
    .alley .course .tab-wrap .tab:first-of-type:before,
    .alley .course .tab-wrap .tab:last-of-type:after { left: 50%; }
    .alley .course .tab-wrap .tab button { width: 100%; height: 100%; padding: 12px 0; font-size: 4vw; }

    .alley .course .tab-contents .image-wrap .desc { font-size: 3.8vw; }

    .alley .course .tab-contents .store ul li { border-radius: 100px; }
}

@media (max-width: 320px) {
    .alley .course h5 { width: calc(100% - 80px); }
    .alley .course h5 img { width: 100%; }

    .alley .course .tab-contents .tit-bg:after { width: 50%; }
    .alley .course .tab-contents .tit-bg .text { left: 56px; }
    .alley .course .tab-contents .tit-bg .text h6 { height: 27px; }
    .alley .course .tab-contents .tit-bg .text.mo h6 { height: 48px; }
    .alley .course .tab-contents .tit-bg p { margin: 6px 0; font-size: 14px; }
    .alley .course .tab-contents .tit-bg .tag { font-size: 12px; padding: 2px 8px; }
    .alley .course .tab-contents .store ul li .font16 { font-size: 12px !important; }
    .alley .course .tab-contents .store ul li .font18 { font-size: 14px !important; }
}