@font-face {
    font-family: 'Recipekorea';
    src: url('/theme/glory/fonts/Recipekorea.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('/theme/glory/fonts/GmarketSansTTFBold.ttf');
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SangSangAnt';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangAnt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Syning_19';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Syning_19.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

*{font-family: 'NanumSquare';}

/* 폰트깨짐 방지 */
p, h1, h2, h3, h4, h5 {transform: skew(-0.001deg);}

body {background: #f5f5f7;}
.mainContainer {width: 100%; padding: 0 20px; height: 250px; overflow: hidden; background-image: linear-gradient(175deg, #01a553, #8ce56d);}
.mainContainer1 {width: 100%; padding: 0 20px; height: 250px; overflow: hidden; background-image: url('/theme/glory/img/wetour_main.png'); background-repeat: no-repeat; background-size: cover;}
#indexContainer{height: 280px !important;}

/* 헤더 영역 */
.headerBox {width: 100%; display: flex; align-items: flex-end; justify-content: space-between; padding-top: 90px;}
.headerTxt{position: relative; z-index: 1;}
.headerTxt h1 {font-family: Syning_19; font-size: 18px; font-weight: 400; color: #fff;}
.locateInfo {display :flex; gap: 10px; align-items: center;}
.location {display: flex; align-items: center; gap: 4px;}
.location p {font-size: 16px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 102px;}
.flexBox {display: flex; align-items: center; gap: 40px; margin-bottom: 5px; z-index: 1; position: relative;}
.qrBox{display: flex; justify-content: center; width: 100%; top: 45px;; position: absolute; left: 0; z-index: 1;}
.qrBox>img{margin-right: 15px;}
.GIF{display: flex; justify-content: center; width: 100%; top: 0; left: 0; position: absolute; padding: 0 32px;}
.moveImg{position: absolute; top: 70px; right: 30px;}
.contentTwo{position: absolute; top: 80px; right: 20px;}

/* 상단 메뉴 바 */
.tabContainer {width: 100%; margin-top: -15px; padding: 20px 20px 0 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; background: #f5f5f7;}
.tabMenu {width: 100%; display: flex; align-items: center; -ms-overflow-style: none;}
.tabMenu p {font-size: 16px; font-weight: 400; color: #9d9d9d; display: flex; width: 100%; padding: 9.5px 7px; align-items: center; justify-content: center; white-space: nowrap; border-bottom: 1px solid #e6e6e6;}
.tabContainer::-webkit-scrollbar {display: none;}
.svg {fill: #9d9d9d;}
.activeBtn {font-weight: 600 !important; color: #01a553 !important; border-bottom: 2px solid #01a553 !important;}
.activeSvg {fill: #01a553 !important;}

/* 슬라이드 영역 */
.slideWrap {width: 100% !important; padding: 0 20px !important; margin-top: 30px;}
.slideContainer {width: 100% !important; height: auto !important; overflow: hidden !important; border-radius: 14px !important; background: #fff !important; margin-top: 15px !important; position: relative !important;}
.swiper-wrapper {position: relative !important; height: 156px !important;}
/*.swiper-pagination {background-color: rgba(0, 0, 0, 0.3)!important; color: #fff!important; width: 50px!important; height: 26px!important; display: flex!important; align-items: center !important; justify-content: center!important; border-radius: 13px !important; right: 13px !important; bottom: 13px!important; font-size: 14px !important; gap: 3px !important; position: absolute !important;}*/
.swiper-pagination-fraction {left: auto !important;}
.custom-pagination {display: flex; align-items: center; gap:6px;}

.swiper_content{background-image: linear-gradient(175deg, #01a55300, #01a553); width: 100%; height: 156px; position: absolute;}
.slide_txt_group{position:absolute; bottom:0; padding:0 17px 15px 17px; display:flex; gap: 6.5px; flex-direction:column; background-image: linear-gradient(180deg, #01a55300, #01a553); width: 100%; height:50%; justify-content: flex-end; color: #fff;}
.slide_txt1{font-size: 12px;}
.slide_txt2{font-size: 16px; font-weight: 600;}
.heartIcon{fill: #9d9d9d;}

.pagination_group{display: flex; padding: 18px 20px 0 20px; align-items: center;}
.pgroup1{width:30%;}
.pgroup2{width:40%;}
.pgroup3{width:30%; display: flex; gap: 10px; justify-content: flex-end;}
.pgroup3 div{border: 1px solid #B4B4B4; width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center;  align-items: center;}
.progress_bar {
    width: 100%;
    position:relative;
    border-radius: 8px;
    height:4px;
    background-color:#c9c9c9;
    transition:0.2s;
}
    .progress_fill {
      position:absolute;
      border-radius: 8px;
      inset:0;
      display:block;
      height: 100%;
      background-color: #000;
      transition:0.2s;
    }

    /*추천여행상품*/
    .tour_slide{display: flex; gap:18px; align-items: center; width: max-content;}
    .tourimg{width: 180px; height: 155px; overflow: hidden; border-radius: 14px; position: relative;}
    .tour_tag_group{display: flex; position: absolute; left: 10px; bottom: 10px; gap:4px;}
    .tour_tag{
        width: max-content;
        height: 22px;
        background: #fff;
        color: #01A553;
        font-size: 12px;
        font-weight: 600;
        border-radius: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
    }
    .tourbox{width: 180px; display: flex; flex-direction: column; gap: 5px;}
    .tour_slide .tourbox:last-child {margin-right: 20px;}
    .tour_txt{font-size: 15px; letter-spacing: -0.3px; font-weight: 600; text-overflow: ellipsis; overflow: hidden;  word-break: break-word; -webkit-line-clamp: 2; line-height: 20px; -webkit-box-orient: vertical;
        display: -webkit-box; min-height: 40px;}
    .tour_airline{font-size: 12px; color:#707070; letter-spacing: -0.24px;}
    .tour_price_group{display: flex; align-items: center; gap: 3px;}
    .tour_price{font-size: 16px; font-weight: 900;}
    .tour_won{font-size: 14px; color:#707070;}

    .trip_plus_flex{display: flex; justify-content: space-between; padding: 0 20px;  margin-top: 60px; align-items: center;}
    .trip_plus{display: flex;}
    .trip_plus p{font-size: 21px;   font-weight: 600; color: #000;}
    .trip_all_cnt{font-size: 14px; color:#787878;}
    .trip_cate_txt{font-size: 14px; color:#000; font-weight: 600; line-height:1;}
    .trip_cate_cnt{font-size: 14px; color:#000; font-weight: 600; line-height:1;}

/* 가맹점 메뉴 영역 */
/* .shopMenu {width: 100%; margin-top: 30px; overflow: scroll; -ms-overflow-style: none; padding-left: 20px;} */
.shopMenu {width: 100%; margin-top: 10px; padding: 0 20px;}
.shopMenu::-webkit-scrollbar {display: none;}
/* .shopTabs {width: auto; display: flex; align-items: center; gap: 16px;} */
.shopTabs {width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.shopTabs2 {display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; justify-content: space-between; text-align: center;}
.btnBox {width: 15%; align-items: center; display: flex; flex-direction: column; margin-top: 15px;}
.btnBox2 {align-items: center; display: flex; flex-direction: column; margin-top: 15px; gap:12px;}
/* .btnBox {display: flex; flex-direction: column; align-items: center;}
.btnBox:last-child{padding-right: 20px;} */
.btnBox p {margin-top: 13px; font-size: 13px; font-weight: 400; color: #303030; white-space: nowrap; letter-spacing: -1px;}
.btnIcon {width: 50px; height: 50px; background: #ecebee; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.btnIcon2 {width: 45px; height: 45px; background: #ecebee; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.btnBox:first-child > .btnIcon2{background: #D0E8F8;}
.btnBox2:first-child > .btnIcon2{background: #D7EBE1;}
.btnBox2:nth-child(2) > .btnIcon2{background: #D0E8F8;}
.btnIcon p{font-size: 12px; font-family: 'Recipekorea'; font-weight: 400; color: #fff; margin-top: 5px;}
.activeIcon {background: #00c563 !important;}
.addShop {background: #F3EAF1 !important;}
.newIcon {width: 14px; height: 14px; background: #FF5B5B; position: absolute; border-radius: 50%; font-size: 10px; color: #fff; font-weight: 800; display: none; align-items: center; justify-content: center; top: 1px; right: 1px;}
.store_txt_new {display: flex;padding:0 20px;align-items: center;margin-top: 1.5em; justify-content: space-between;}
.store_txt_new_img {background: #FFD560;border-radius: 100px;width: 20px;position: relative;height: 20px;}
.store_sub_new_img {width: 9px;height: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.store_p_flex{display: flex; align-items: center;}
.review_write_btn{font-family: 'yg-jalnan'; font-size: 13px; background: #fff;  padding: 2px 10px;  border-radius: 50px;}
.rw_blue{color: #01a553; font-family: 'yg-jalnan';}
.cateP{height: 26px; display: flex; align-items: center;}
/* 검색패널 영역 */
.searchContainer{width: 100%; margin-top: 20px; position: relative; z-index: 1;}
.searchPanel{width: 100%; padding: 0 18px; border-radius: 19px; background: #fff; height: 38px; display: flex; align-items: center; gap: 15px;}
.searchPanel input{width: 100%; font-size: 16px; font-weight: 400; color: #000; margin-bottom: 3px;}
.searchPanel input::placeholder{color: #a2a2a2;}

/* 추천점빵 영역 */
.voteContainer{width: 100%; padding: 0 20px; margin-top: 40px; display: flex; justify-content: space-between; align-items: baseline;}
.voteContainer p{font-size: 20px; font-weight: 600; color: #000;}
.voteContainer a{font-size: 14px; font-weight: 400; color: #a7a7a7;}
.voteList{width: 100%; padding: 0 20px; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 2%; overflow: hidden; -ms-overflow-style: none;}
.voteList::-webkit-scrollbar{display: none;}
.voteBox{display: flex; flex-direction: column; width: 32%; margin-top: 10px;}
.voteImg{width: 100%; height: 105px; overflow: hidden; border-radius: 10px; position: relative;}
.voteBox h1{font-size: 16px; font-weight: 600; color: #000; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.voteTxt{display: flex; align-items: center; gap: 4px; margin-top: 6px; width: 100%;}
.voteTxt p{font-size: 14px; color: #8f8f8f; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.starPoint{margin-top: 8px; display: flex; gap: 3px; align-items: center;}
.starPoint p{font-size: 12px; font-weight: 400; color: #8f8f8f;}
.starBox{letter-spacing: -2px;}
.newShop{width: 37px; height: 21px; background: #fff; color: #01a553; font-size: 12px; font-weight: 600; border-radius: 6px; display: flex; align-items: center; justify-content: center; position: absolute; right: 13px; bottom: 9px;}

/* 인기점빵 영역 */
.topContainer{width: 100%; padding: 0 20px; margin-top: 60px; display: flex; justify-content: space-between; align-items: baseline;}
.topContainer2{width: 100%; padding: 0 20px; margin-top: 35px; display: flex; justify-content: space-between; align-items: baseline;}
.topContainer p, .topContainer2 p{font-size: 21px; font-weight: 600; color: #000;}
.topContainer a, .topContainer2 a{font-size: 14px; font-weight: 400; color: #A7A7A7;}
.topWrap{width: 100%; padding: 0 20px; margin-top: 10px;}
.topWrap>p{font-size: 15px; font-weight: 400; color: #707070;}
.topList{width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px; gap: 2%; justify-content: space-between;}
.topBox{display: flex; flex-direction: column; width: 48%; margin-top: 10px; gap:6px;}

.topImg{width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 14px;}

/* 카테고리별 점빵 */
.categoryWrap{width: 100%; padding: 0 20px;  margin-top: 40px; display: flex; justify-content: space-between; align-items: baseline; align-items: center;}
.categoryWrap p{font-size: 21px; font-weight: 600; color: #000; line-height: 1;}
.categoryWrap a{font-size: 14px; font-weight: 400; color: #A7A7A7;}
.categoryTab{width: 100%; padding-left: 20px; overflow: scroll; -ms-overflow-style: none; margin-top: 20px;}
.categoryTab::-webkit-scrollbar{display: none;}
.tabCategory{display: flex; align-items: center; width: max-content; gap: 10px;}
.tabCategory p{font-size: 14px; height: 30px; font-weight: 600; color: #b2b2b2; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: 1px solid #e8e8e8; padding: 7px 11px;}
.tabCategory p:last-child{margin-right: 20px;}
.activeTab{color: #01a553 !important; background: #E2EEE8 !important; border: none !important;}
.categoryList{width: 100%; padding: 0 20px; margin-top: 20px; display: flex; flex-direction: column; gap: 20px;}
.categoryBox{display: flex; gap: 20px; width: 100%; cursor: pointer;}
.categoryImg {width: 110px; height: 110px; overflow: hidden; border-radius: 14px;}
.categoryInfo{width: 59%;}
.categoryInfo h1{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.8px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    -webkit-line-clamp: 2;
    line-height: 20px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.mytour_num {font-size:13px; color: #01A553;  font-weight: 600; margin-bottom: 5px;}
.min40{min-height: 40px;}
.categoryAddress{display: flex; align-items: center; gap: 4px; margin-top: 12px;}
.categoryAddress>p{font-size: 14px; font-weight: 400; color: #8f8f8f; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.parkingTxt{font-size: 12px; font-weight: 600; color: #a4a4a4;}
.categoryInfo>p{font-size: 14px; font-weight: 400; color: #505050; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.bottomArea{width: 100%; height: 150px;}
select{
    -o-appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    outline: none !important;
    background: #f5f5f7;
    font-size: 14px;
    font-weight: 400;
    color: #6a6a6a;
    background: url('/theme/glory/img/arrow_down.png') calc(100%) center no-repeat;
    background-size: auto 8px;
    padding-right: 4px;
    cursor: pointer;
}
select:focus{outline: none !important; box-shadow: none !important; border: none !important;}
select::-ms-expand {display: none;}

/* 팝업 */
.popupBox{width: max-content; height: 55px; background: #00C563; position: fixed; bottom: 115px; border-radius: 30px; display: flex; align-items: center; gap: 10px; z-index: 10; left: 20px; padding: 0 16px 0 8px;}
.percentBox{width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #00c563; font-size: 18px; font-weight: 700; font-family: 'GmarketSansBold'; display: flex; align-items: center; justify-content: center;}
.popupBox>p{font-size: 14px; font-weight: 600; color: #fff; line-height: 18px; width: max-content;}
.exitButton{position: absolute; width: 28px; height: 28px; border-radius: 50%; background: #777; display: flex; align-items: center; justify-content: center; top:-32px; right: 0;}

/*권역 선택*/
.post_div{margin-top: 30px; padding:0 20px; display: flex; align-items: center; justify-content: space-between;}
.post_title{font-size: 16px; letter-spacing: -1px;}
.sel_area{display: flex; gap: 20px;}
.po_sel1, .po_sel2 {
    -o-appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    outline: none !important;
    background-color: #EDEDF3;  
    font-size: 14px;
    font-weight: 400;
    color: #6a6a6a;
    background-image: url('/theme/glory/img/arrow_down.png'); 
    background-position: right 10px center;
    background-repeat: no-repeat;        
    background-size: auto 8px;    
    padding: 10px;
    height: 40px;   
    border-radius: 5px; 
}

.po_sel1{width: 132px;}
.po_sel2{width: 150px;}