@charset "utf-8"; /* 맛집 리스트 */ .cont_section { overflow: hidden; } .sec_title { font-size: 2.0rem; font-weight: bold; color: #000; } .store_slide { padding: 0 0 25px 0; border-bottom: 4px solid #f2f2f2; /* margin-right: -1%; */ overflow: hidden; } .store_img { overflow: hidden; border-radius: 10px; /* max-height: 140px; margin-bottom: 1.2rem; */ } .store_img img { width: 100%; /* min-height: 140px; */ } .store_slide p { margin-bottom: 0; } .store_slide .slick-slide { /* margin-right: 10px; */ } .store_slide .tit_3 { font-size: 1.5rem; font-weight: 600; color: #000; } .store_slide .num_123 { font-size: 1.3rem; font-weight: 500; color: #999999; letter-spacing: 0; } /* 경주의 맛집 둘러보기 */ .align_select .form-select { padding: 0.5rem 3rem 0.5rem 1.4rem; border: none; font-size: 1.3rem; } .cate_slide { padding: 15px 0; width: 100%; clear: both; } .cate h3, .cate_my h3 { margin: 0 3px; padding: 8px 10px; border: 1px solid #6fa0fc; font-size: 1.4rem; color: #666666; text-align: center; border-radius: 20px; } .cate .slick-current h3, .cate_my .slick-current h3 { background: #6fa0fc; color: #fff; } .cate2 h3 { margin: 0 3px; padding: 8px 10px; border: 1px solid #6fa0fc; font-size: 1.4rem; color: #666666; text-align: center; border-radius: 20px; } .cate2 .slick-current h3 { background: #6fa0fc; color: #fff; } .cate_store_wrap { padding: 20px 0px 45px 0px; } .cate_store_wrap ul { overflow: hidden; } .cate_store_wrap ul li { padding: 10px 0; clear: both; } .cate_store_wrap.all_loading ul {display:none;} .cate_store_wrap.all_loading ul.on {display:block;} .cate_store { display: inline-block; margin-right: 20px; overflow: hidden; position: relative; max-width: 120px; float: left; border-radius: 10px; } .store_info { display: inline-block; margin-top: 10px; width: calc(100% - 140px); } .cate_store_img { overflow: hidden; max-height: 120px; } .cate_store_img img { max-width: 100%; min-height: 120px; } .cate_type { font-size: 1.3rem; color: #6fa0fc; } .cate_type>span { display: inline-block; vertical-align: middle; } .cate_text { margin-right: 5px; font-size: 1.4rem; } .cate_type .badge { padding: 0.6rem 0.6rem 0.4rem 0.6rem; font-size: 1.1rem; line-height: 1.3rem; } .store_name { font-size: 1.9rem; font-weight: bold; color: #000; } .store_cmt { font-size: 1.3rem; color: #999999; } .icons_wrap { margin-top: 10px; font-size: 1.3rem; color: #999999; } .icons_wrap>span { display: inline-block; margin-right: 10px; } .icons_wrap>span:last-child { margin-right: 0; } .icons_wrap .map i { color: #858585; } .icons_wrap .star i { color: #f0c641; } .icons_wrap .heart i { color: #ed1c24; } .store_layer { padding: 42% 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(46, 46, 46, 0.35); font-size: 1.6rem; line-height: 2.0rem; color: #fff; text-align: center; } .store_layer.holiday { padding: 32% 0; } /* Arrows 1 */ .cate.slider .slick-list { margin: 0 30px; } .slider_btns { position: relative; } .aro1_prev, .aro1_next { display: block; padding: 0; border: none; outline: none; position: absolute; top: -27px; width: 20px; height: 20px; background: #6fa0fc; font-size: 0; line-height: 0; color: transparent; cursor: pointer; border-radius: 10px; } .aro1_prev { left: 5px; } .aro1_next { right: 5px; } .aro1_prev:before { content: '←'; } .aro1_next:before { content: '→'; } .aro1_prev:before, .aro1_next:before { font-family: 'slick'; font-size: 20px; line-height: 1; color: white; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aro1_prev.slick-disabled, .aro1_next.slick-disabled { background: #ccc; } /* Arrows 2 */ .cate2.slider .slick-list { margin: 0 30px; } .slider_btns { position: relative; } .aro2_prev, .aro2_next { display: block; padding: 0; border: none; outline: none; position: absolute; top: -27px; width: 20px; height: 20px; background: #6fa0fc; font-size: 0; line-height: 0; color: transparent; cursor: pointer; border-radius: 10px; } .aro2_prev { left: 5px; } .aro2_next { right: 5px; } .aro2_prev:before { content: '←'; } .aro2_next:before { content: '→'; } .aro2_prev:before, .aro2_next:before { font-family: 'slick'; font-size: 20px; line-height: 1; color: white; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aro2_prev.slick-disabled, .aro2_next.slick-disabled { background: #ccc; } /* 맛집 상세(정보) */ .scroll_tab.fixed { position: fixed; top: 0px; z-index: 1; width: 100%; background: #fff; } .store_main_wrap { position: relative; } .store_main { margin: 0 -15px; } .store_main .slide { overflow: hidden; max-height: 260px; } .store_main .slide img { width: 100%; min-height: 260px; } .store_main .num-wrap {} .store_main .num-wrap p { display: inline-block; padding: 2px 12px; position: absolute; right: 20px; bottom: 50px; z-index: 1; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; } .store_main .num-wrap .num { font-size: 1.2rem; color: #fff; } .store_main .num-wrap .num.icon:after { display: inline-block; margin: 0 4px; content: '/'; } .store_main::after { display: inline-block; border-top-left-radius: 25px; border-top-right-radius: 25px; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; background: #fff; content: ''; } .store_main_info { padding: 0 25px 25px 25px; overflow: hidden; } .st_name { max-width: 80%; font-size: 2.5rem; font-weight: bold; color: #000; } .score_area { margin: 15px 0; overflow: hidden; clear: both; } .distance .map_ico i { color: #6fa0fc; } .score_wrap { margin-top: 10px; font-size: 1.5rem; } .score_wrap>div { display: inline-block; } .score_wrap>div::after { display: inline-block; margin: 0 10px; width: 1px; height: 15px; vertical-align: middle; background: #ccc; content: ''; } .score_wrap>div:last-child::after { display: none; } .score_wrap .icon .star { margin-right: 5px; color: #f0c641; } .score_wrap .icon .heart { margin-right: 5px; } .score_wrap .icon .heart.on { color: #ee1a26; } .btn_coupon { clear: both; } .jjim button { padding: 10px 0; border: 1px solid #ccc; width: 40px; height: 40px; color: #333; text-align: center; border-radius: 30px; } .jjim button.on { border: 1px solid #ee1a26; background: #ee1a26; color: #fff; } .bt_line { border-bottom: 4px solid #f2f2f2; } .cont_inner { padding: 25px; overflow: hidden; } .article_info_list { font-size: 1.5rem; } .article_info_list dt { display: inline-block; margin-bottom: 5px; width: 28%; float: left; font-weight: bold; color: #666666; } .article_info_list dd { display: inline-block; margin-bottom: 5px; width: 72%; float: left; color: #000; word-break: break-all; } .ADDR_FIND { padding: 2px 26px 2px 10px; background-color: #6fa0fc; background-image: url(/images/sub/i-navi.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 11px; font-size: 13px; line-height: 20px; color: #fff; border-radius: 20px; } .facility_list>ul { overflow: hidden; } .facility_list>ul>li { display: inline-block; margin-bottom: 20px; width: 33.3%; float: left; font-size: 1.5rem; text-align: center; } .facility_icon { margin: 0 auto; padding: 20px 0; width: 85px; height: 85px; background: #f8f8f8; border-radius: 45px; } .game_icon { margin: 0 auto; padding: 20px 0; width: 85px; height: 85px; background: #f8f8f8; border-radius: 5px; } .facility_txt { margin-top: 10px; } .atc>span { display: inline-block; margin-right: 15px; } .near_slide { margin-right: -1%; /* overflow: hidden; 슬라이드 도트옵션 추가하면서 주석처리 */ } .near_slide p { margin-bottom: 0; } .near_slide .slick-slide { margin-right: 1%; } .near_slide .tit_3 { margin-top: 5px; font-size: 1.5rem; font-weight: 600; color: #000; text-align: center; } .near_slide .num_123 { font-size: 1.3rem; font-weight: 500; color: #999999; letter-spacing: 0; } .near_store_img { overflow: hidden; max-height: 95px; border-radius: 10px; } .near_store_img img { width: 100%; min-height: 95px; } .fixed_button { position: fixed; bottom: 65px; width: 100%; } .fixed_button .btn-group { width: 100%; } .btn_grwrap { width: 100%; } .fixed_button a, .fixed_button button { border-radius: 0; } .fixed_button .half a, .fixed_button .half button { width: 50%; float: left; } .fixed_button .full a, .fixed_button .full button { width: 100%; } /* [20230402 mhchoi] 장바구니 button 클릭시 이유모를 reload를 잡기 위해 태그를 input 으로 변경함. */ .fixed_button input { border-radius: 0; } .fixed_button .half input { width: 50%; float: left; } .fixed_button .full input { width: 100%; } /* 맛집상세(메뉴) */ .cwrap.pb { padding-bottom: 40px; } .menu_cate_slide { padding: 15px 0; width: 100%; clear: both; } .menu_cate h3 { margin: 0 5px; padding: 8px 15px; border: 1px solid #cccccc; font-size: 1.4rem; color: #666666; text-align: center; border-radius: 20px; } .menu_cate .slick-current h3 { border: 1px solid #333333; background: #333333; color: #fff; } .bar_tit_wrap { padding: 6px 25px; background: #f2f2f2; } .menu_list>ul { overflow: hidden; } .menu_list>ul>li { padding: 15px 25px; border-bottom: 1px solid #f2f2f2; overflow: hidden; position: relative; } .mn_left_box { display: inline-block; width: calc(100% - 100px); float: left; } .mn_right_box { display: inline-block; overflow: hidden; width: 100px; max-height: 100px; float: left; border-radius: 10px; } .mn_right_box img { width: 100%; min-height: 100px; } .text_more_toggle { position: relative; } .text_more_toggle .text { display: block; position: relative; font-size: 14px; } .text_more_toggle .show-more { display: block; padding-top: 10px; position: relative; text-align: right; cursor: pointer; } .show-more::after { display: inline-block; margin-left: 5px; vertical-align: middle; font-family: "bootstrap-icons"; content: '\F286'; } .show-more.more::after { display: inline-block; margin-left: 5px; vertical-align: middle; font-family: "bootstrap-icons"; content: '\F282'; } .text_more_toggle .show-more-height { overflow: hidden; overflow: hidden; height: auto; text-decoration: none; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .sold_out { padding: 35px 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); color: #fff; text-align: center; } .icon_soldout { font-size: 3.0rem; } .floting_cart { padding: 13px 0; box-shadow: 2px 1px 5px 1px rgba(0, 0, 0, .2); position: fixed; right: 10px; bottom: 80px; z-index: 1; width: 60px; height: 60px; background: #6fa0fc; font-size: 2.5rem; color: #fff; text-align: center; border-radius: 50px; } .cart_num { padding: 0 0; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: #fff; font-size: 1.4rem; color: #6fa0fc; border-radius: 15px; } /* 장바구니 */ .menu_img { overflow: hidden; max-height: 180px; } .mn_name { font-size: 2.5rem; font-weight: bold; color: #000; } /* 메뉴상세 */ .mndt .store_main_info { padding: 0 25px 0 25px; } .option_wrap { padding: 25px; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .total_wrap { overflow: hidden; } .quantity_num button { font-size: 2.0rem; color: #ccc; } .quantity_num input { padding: 0 5px; border: none; width: 50px; text-align: center; } .change a { padding: 0 2px; vertical-align: middle; font-size: 2.0rem; color: #ccc; } .change input { padding: 0 5px; border: none; width: 50px; text-align: center; } /* 맛집상세(리뷰) */ .rv_icon { font-size: 2.5rem; } .rv_num { font-size: 2.5rem; } .review_slide { margin-right: -1%; overflow: hidden; } .review_slide p { margin-bottom: 0; } .review_slide .slick-slide { margin-right: 1%; } .review_slide .slick-track { float: left; } .review_store_img { overflow: hidden; max-height: 95px; border-radius: 10px; } .review_store_img img { width: 100%; min-height: 95px; } /* 숙박상세(정보) */ .score_position { top: 0; right: 25px; } .date_select input { background: transparent; } .date_select::after { display: inline-block; position: absolute; top: 25%; right: 15px; font-family: "bootstrap-icons"; content: '\F1F3'; /* z-index: -1; */ } .dcalendarpicker .dudp__wrapper { top: 5%; bottom: auto; } .dudp__wrapper[data-theme='cyan'] .dudp__calendar-header { background-color: #6fa0fc; } .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.current { color: #6fa0fc; } .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.in-range, .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.range-from, .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.range-to { background-color: #1f69fe; } .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.selected:before, .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before, .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before { background-color: #6fa0fc; } .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.selected:hover:before, .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.range-from:hover:before, .dudp__wrapper[data-theme='cyan'] .dudp__calendar .dudp__cal-week .dudp__date.range-to:hover:before { background-color: #1f69fe; } .dudp__wrapper[data-theme='cyan'] .dudp__buttons .dudp__button, .dudp__wrapper[data-theme='cyan'] .dudp__months-view .dudp__month.selected, .dudp__wrapper[data-theme='cyan'] .dudp__years-view .dudp__year.selected { color: #1f69fe; } /* 숙박상세(예약) */ .pp_num { padding: 1rem; border: 1px solid #dee2e6; font-size: 1.6rem; text-align: center; border-radius: 0.375rem; } .st_name2 { max-width: 100%; font-size: 2.5rem; font-weight: bold; color: #000; } .line_list>ul { overflow: hidden } .line_list>ul>li { padding-left: 18px; position: relative; font-size: 1.4rem; color: #333; } .line_list>ul>li::after { display: inline-block; position: absolute; top: 0; left: 0; font-family: "bootstrap-icons"; font-size: 1.5rem; color: #333; content: '\F2EA'; } .fixed_total { box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2); background: #fff; } /* 여행 매거진 */ .cate_theme_img { overflow: hidden; position: relative; max-height: 430px; } .cate_theme_img:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); content: ''; } .cate_theme_img img { max-width: 100%; min-height: 250px; } .trip_slide { margin-right: -1%; overflow: hidden; } .trip_slide p { margin-bottom: 0; } .trip_slide .slick-slide { margin: 0 0.5%; } .trip_slide .tit_3 { margin-top: 5px; font-size: 1.5rem; font-weight: 600; color: #000; text-align: center; } .trip_slide .num_123 { font-size: 1.3rem; font-weight: 500; color: #999999; letter-spacing: 0; } .trip_store_img { overflow: hidden; border-radius: 10px; } .trip_store_img img { width: 100%; min-height: 95px; } /* 스탬프투어 도장 */ .i-stamp { display: block; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; background-image: url(/images/sub/i-stamp.svg); background-repeat: no-repeat; background-position: center center; background-size: 80px; transform: translate(-50%, -50%); } /* 스탬프투어 토글 */ .text_more_toggle3 { position: relative; } .text_more_toggle3 .text3 { display: block; overflow: hidden; overflow: hidden; position: relative; height: 65px; font-size: 14px; text-decoration: none; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .text_more_toggle3 .text3.height3 { height: auto; } .text_more_toggle3 .show-more3 { padding-top: 10px; position: relative; text-align: right; cursor: pointer; } .show-more3::after { display: inline-block; margin-left: 5px; vertical-align: middle; font-family: "bootstrap-icons"; content: '\F282'; } .show-more3.show-more-height3::after { display: inline-block; margin-left: 5px; vertical-align: middle; font-family: "bootstrap-icons"; content: '\F286'; } /* 스마트 오더 */ .bg_processing_completed { background-color: #ebeef3; } /* 버스도착정보 */ .bus_arrival_information { font-size: 1.5rem; } .bus_arrival_information dl { display: flex; margin-bottom: 5px; } .bus_arrival_information dl:last-child dd .vr { display: none !important; } .bus_arrival_information dt { display: inline-block; flex-basis: 130px; flex-shrink: 0; font-weight: bold; color: #666; } .bus_arrival_information dd { display: inline-block; color: #000; } /*탭 슬라이드 기능 제외 cate_noSlide*/ .cate_noSlide {width:100%; height:40px; overflow:scroll;} .cate_noSlide::-webkit-scrollbar { display: none; } .cate_noSlide .cate_noSlide_inner {white-space: nowrap;} .cate_noSlide .ctgryBtn { display:inline-block; } .cate_noSlide .ctgryBtn h3 { margin: 0 3px; padding: 8px 10px; border: 1px solid #6fa0fc; font-size: 1.4rem; color: #666666; text-align: center; border-radius: 20px; } /*리뷰 페이징*/ .boardPage ul {display: flex; justify-content: center; margin:40px 0} .boardPage ul li {width: 13%; text-align: center;} .boardPage ul li.arrow_btn {width: 11.5%;} .boardPage ul li a {display: block; line-height:35px;text-align: center;margin:0 auto;} .boardPage ul li a.on {width: 35px; height: 35px; border-radius: 50%; background-color: #1f69fe; color: #fff;}