/* list */

.foodlist_wrap ul{display:flex;margin:0 -10px;flex-flow:row wrap;}
.foodlist_wrap .item {width:33.33333333333333%;padding:0 10px 30px;position: relative;}
.foodlist_wrap .item .item_link{width:100%;height:100%;position:absolute;top:0;bottom:0;right: 0;left:0;z-index:5;}
.foodlist_wrap .item .box{border:1px solid #eee;box-shadow: 1px 5px 10px rgb(0 0 0 / 10%);position: relative;top: 0;transition: all 0.2s linear;}
.foodlist_wrap .item:hover .box{box-shadow: 0 10px 20px rgb(0 0 0 / 16%);transition: all 0.2s linear;top: -20px;}
.foodlist_wrap .item .image {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 210px;    background: #000;transition: all .4s ease;background-repeat: no-repeat;background-position: 0 0;overflow: hidden;border-top-left-radius: 4px;border-top-right-radius: 4px;background-size: 100% 100%;}
.foodlist_wrap .item .image img {width:100%;height:100%;object-fit: cover;}
.foodlist_wrap .item .cont {padding: 20px 15px;background:#fff;}

.foodlist_wrap .item .cont h2{font-size:18px;color:#333;font-weight: 700;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.foodlist_wrap .item .cont p{font-size:15px;font-weight:400; color: #777;margin-top:8px;overflow : hidden; text-overflow : ellipsis; height :58px; word-wrap : break-word; display : -webkit-box;-webkit-line-clamp : 3; -webkit-box-orient: vertical;}

.foodlist_wrap .item .info{margin-top:10px;}
.foodlist_wrap .item .info span {display:flex;align-items:center; color:#959595;font-size:13px;font-weight:500;}
.foodlist_wrap .item .info span > i{font-size:16px;margin-right:3px;}
.foodlist_wrap .item .info .distance{color:#035ca0;}

.foodlist_wrap .item span.hover_ar {position: absolute;width: 100%;height: 60px;z-index:3;margin-top: -40px;top: 55%;left: 0;background-image: url('../../img/gen/hover_ar.png');background-size: 60px 60px;background-repeat: no-repeat;background-position: center center;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity: 0;}
.foodlist_wrap .item:hover span.hover_ar {top: 50%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity: 1;}
.foodlist_wrap .item:hover .image img{opacity: 0.3;}

.category_bar {display: flex;justify-content: center;align-items: center;margin: 0 auto 30px;}
.category_bar.pc{flex-flow: row wrap;}
.category_bar a{background: #fff;width: auto;padding: 8px 16px;transition-duration: 0.3s;border: 1px solid #ddd;text-align: center;cursor: pointer;height: 40px;color: #777;margin: 0 4px;font-size: 18px;font-weight: 800;display: flex;align-items: center;justify-content: center;border-radius: 100px;margin-right: 5px;}
.category_bar a.active{color:#fff;background: #035ca0;}
.category_bar a.active:hover{color:#333;}
.category_bar a:hover{background: #e4e4e4;}
.category_bar a > span{padding-left:2px;}

.category_bar.mobile {display:none;align-items: center;width: 100%;border-bottom: 2px solid #333;padding: 0 10px 10px;height: 47px;}
.category_bar i{font-size:20px;}
select.category_sel {cursor: pointer; outline: none;border: none;width: 100%;padding-left: 10px;font-size: 16px;}


.latest{display:flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.latest .lf{font-size:16px;}
.latest .lf span{color:#035ca0;}
.latest a {position: relative;color: #a5a5a5;font-size:16px;font-weight:300; display: inline-block;margin-right: 10px;transition: 0.3s all;}
.latest a:after {content: '';display: inline-block;width: 1px;height: 10px;background: #666;margin-left: 11px;}
.latest a:last-child{margin-right:0;}
.latest a:last-child:after{display:none;}
.latest a:hover{color:#035ca0;}
.latest a.active{color:#035ca0;}

.search_wrap input#s2{font-size:18px; width:100% !important;padding: 0 24px 0 8px;}


@media (max-width:950px) {
    .foodlist_wrap .item{width:50%;}
}

@media (max-width:600px) {
    .foodlist_wrap .item .box{display:flex;}
    .foodlist_wrap .item .image{max-width:140px;height:auto;}
    .foodlist_wrap .item .image img{width:auto;height:100%;}
    .foodlist_wrap .item .cont{width: calc(100% - 140px);}
    .foodlist_wrap ul{margin:0 auto;}
    .foodlist_wrap .item{width:100%;padding:0 0 20px;}
    .foodlist_wrap .item:hover span.hover_ar{top:60%;}
    .foodlist_wrap .item .cont h2{font-size:17px;}
    .foodlist_wrap .item .cont p{height:40px;-webkit-line-clamp: 2;}

    .category_bar.pc{display:none;}
    .category_bar.mobile{display:flex;}
}

@media (max-width:420px) {
    .foodlist_wrap .item .image{max-width:120px;}
    .foodlist_wrap .item .cont{width: calc(100% - 120px);padding:10px 12px;}
    .foodlist_wrap .item .cont h2{font-size:16px;}
}

/* detail */

.detail_wrap{border-top:2px solid #000; border-bottom:1px solid #ddd;padding:30px 0;}
.detail_wrap .obj_tit{margin-top:0;}
.detail_sli{background-size: contain;background-position: center;background-repeat: no-repeat;}

.title_wrap {overflow: hidden;text-align:left;}
.detail_wrap .title_wrap .info {margin-bottom:30px;display: flex;align-items: center;width: 100%;justify-content:space-between;position: relative;}
.detail_wrap .title_wrap .info h4 {font-size: 17px;padding:4px 15px;border: 1px solid #035ca0;display: inline-flex;align-items: center;justify-content: center;border-radius: 100px;color: #035ca0;}
.detail_wrap .title_wrap h2 {padding:0 5px;display:inline-block; font-size:30px;color:#333;font-weight:600;word-break: keep-all;margin-bottom:30px;position: relative;}
.detail_wrap .title_wrap h2:after{content: '';position: absolute;bottom: -7px;left: 0;width: 100%;height: 19px;background-color: #d2e5f0;z-index: -1;}
.detail_wrap .title_wrap p{border-top: 1px dashed #a8abaf;border-bottom: 1px dashed #a8abaf;padding:25px 0; font-size:17px; color:#777;font-weight:400;word-break: break-word;text-align:left;line-height:1.5;}
.detail_wrap .title_wrap h5 {color: #999;font-size: 13px;margin-top: 20px;width: 100%;display: flex;justify-content: flex-end;}

.detail_wrap .sns_btn{display:flex;align-items:center;}
.detail_wrap .sns_btn a {width: 35px;height: 35px;display: flex;text-align: center;margin-right: 10px;border-radius: 100%;align-items: center;justify-content: center;background-position: center;background-repeat: no-repeat;background-size: contain;}
.detail_wrap .sns_btn a:last-child{margin-right:0;}
.detail_wrap .sns_btn a.icon_01{background-image: url("../../img/gen/share_btn_face.png");}
.detail_wrap .sns_btn a.icon_02{background-image: url("../../img/gen/share_btn_twitter.png");}
.detail_wrap .sns_btn a.icon_03{background-image: url("../../img/gen/share_btn_kakaostory.png");}
.detail_wrap .sns_btn a.icon_04{background-image: url("../../img/gen/share_btn_blog.png");}
.detail_wrap .sns_btn a.icon_05{background-image: url("../../img/gen/share_btn_band.png");}
.detail_wrap .sns_btn a.icon_06{background-image: url("../../img/gen/share_btn_link.png");}


.detail_image {height:100%;max-height:600px;margin-top:60px; width: 100%;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
#detail_sli {width: 100%;height: 100%;}
#detail_page{position:absolute; z-index:60; bottom:15px; left:0; width:100%; text-align:center; }
#detail .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; margin:0 5px; background-color:#ddd; }
#detail .swiper-pagination-bullet-active{ background-color:#035ca0; }
#detail .detail_nav {width:60px;height:60px;background:rgba(0,0,0,0.8);color:#fff;font-size:30px;cursor:pointer;position: absolute;top:50%;transform: translateY(-50%); z-index:1;display: flex;align-items: center;justify-content: center;opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#detail .detail_nav:hover{background:rgba(255,255,255,0.8);color:#000; }
#detail_prev{left:-60px;}
#detail_next{right:-60px;}
.detail_image:hover #detail_prev{left:0;opacity:1;}
.detail_image:hover #detail_next{right:0;opacity:1;}
.detail_sli img{width:100%;height:100%;object-fit: cover;}

.list_btn {display:inline-block; margin: 40px 0 0 0;transition: 0.2s all;padding:12px 48px;height: auto;background: #fff;color: #000;box-shadow: none;border: 1px solid #000;font-size: 16px;text-shadow: none;font-weight: 500;position: relative;left: 50%;transform: translateX(-50%);}
.list_btn i{margin-right:5px;}
.list_btn:hover{background:#035ca0;color:#fff;}
.list_btn:hover i{color:#fff;}

@media (max-width:650px) {
    .title_wrap p{font-size:16px;}

    #detail .detail_nav {width:40px;height:40px;}
    #detail_prev{left:-40px;}
    #detail_next{right:-40px;}

    #detail .sub_tab{font-size:15px !important;}

}
@media (max-width:470px) {
    .title_wrap{text-align:center;}
    .title_wrap .info{flex-flow: column;}

    .detail_wrap .sns_btn{order: -1;margin-bottom: 30px;}

    #detail .sub_tab_box{flex-flow: row wrap;}
    #detail .sub_tab{width: calc(25% + 1px) !important;font-size:13px !important;}

    .detail_sli img{min-height:260px;}
}
@media (max-width:360px) {
    .detail_sli img{min-height:210px;}
}

/* tab */
#detail .sub_tab_container{border-top: 2px solid #666;border-bottom: 1px solid #ddd;margin-top:40px;}
#detail .sticky{position:-webkit-sticky; position:sticky;top:0; background-color:#fff;z-index: 10;}

#detail .sub_tab_wrap {display: flex;}
#detail .sub_tab {width: calc(20% + 1px);margin: 0 auto;border:none;position: relative; background-color: #fff;font-size: 17px;font-weight: 600;color: #999;padding:16px 18px;text-align: center;cursor: pointer;word-break: keep-all;display: flex;align-items: center;justify-content: center;transition-duration:0.3s;}
#detail .sub_tab:after{opacity:0;content:''; position: absolute;left:0;bottom:-1px;width:100%;height:2px; background:#035ca0;transition:all 0.3s;}
#detail .sub_tab_box {width: 100%;display: flex;align-items: center;justify-content: center;}

#detail .sub_tab.active {background-color: transparent;border-bottom:1px solid #fff; color:#035ca0;}
#detail .sub_tab.active:after{opacity:1;}
#detail .sub_tab:hover{color:#035ca0;}

.detail_con{padding-top:70px;overflow: hidden;}

/* 탐방기 */
.detail_con .video-container {width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;max-height: 600px;margin-bottom: 20px;padding-top: 20px;}
.detail_con .video-container iframe {width: 100%;height: 100%;min-height: 600px;}

@media (max-width:750px) {
    .detail_con .video-container iframe {min-height:400px;}

}
@media (max-width:490px) {
    .detail_con .video-container iframe {min-height:270px;}
    .detail_con{padding-top:50px;}
}

/* 업체정보 */
.company_info {border: 1px solid #ddd;padding: 30px;text-align: left;}
.company_info .summry_list li {display:flex;align-items:center;margin-bottom:10px;padding-bottom:10px; border-bottom:1px dashed #ddd;}
.company_info .summry_list li:last-child{margin-bottom:0;border-bottom:none;}
.company_info .summry_list li > span{margin-right:5px;width:25px;min-width: 25px;height:25px;background:#035ca0;display:flex;align-items: center;justify-content: center;border-radius:100px;}
.company_info .summry_list li > span > i{color:#fff; font-size:16px;}
.company_info .summry_list li > h4{width:100%;max-width:60px; font-size:17px;color:#000;font-weight:600;word-break: keep-all;}
.company_info .summry_list li > p{padding-left:24px;font-size:17px;color:#666;font-weight:500; word-break: keep-all;}

.company_editor{margin-top:60px;}

@media (max-width:650px) {
    .company_info{padding:15px;}
    .company_info .summry_list li > h4{font-size:16px;}
    .company_info .summry_list li > p{font-size:15px;}
}
@media (max-width:470px) {
    .company_info .summry_list li > h4{font-size:15px;}
    .company_info .summry_list li > p{font-size:14px;}
}

/* 지도 */
.detail_map > div {width: 100% !important;height: 450px !important;}
.detail_map .wrap_map {width: 100% !important; min-height:400px !important;}
.detail_map h3 {font-size:18px;color: #333;display: flex;align-items: center;justify-content: center;margin-top: 20px;width: 100%;border: 1px solid #ddd;padding: 20px 10px;word-break: keep-all;}
.detail_map h3 > span{font-size:22px;color:#035ca0;}

@media (max-width:650px) {
    .detail_map h3{font-size:16px;}
}
@media (max-width:510px) {
    .detail_map h3 > span{font-size:18px;}
}


/* 주변정보 */
.surround_info .item{ width:25%;}
.surround_info .item .cont{text-align:left;}
.surround_info .item .cont p{font-size:14px;height:54px;}

@media (max-width:950px) {
    .surround_info .item{ width:50%;}
}
@media (max-width:610px) {
    .surround_info .item{ width:100%;}
}

/* 검색결과 */

.if-div {display: flex;justify-content: center;align-items: center;}
.search_info {width: 100%;display: flex;overflow: hidden;align-items: flex-start;}
.search_info{width:100%;height:100%;}
.search_info iframe {width:100%;height:55vh;}
@media (max-width:530px) {
    .search_info iframe {width:100%;height:155vh;}
}

/* review */
.detail_title{position: relative;font-size: 24px;font-weight: 500;color: #333;word-break: keep-all;text-align:left;padding-bottom:10px;border-bottom:2px solid #000; display:block;}
.detail_review{padding:20px 0;overflow: hidden;margin-top:60px;}

.list_review {display: flex;flex-flow: column;}
.list_review .re_list_lf p{font-size:14px;font-weight:600; line-height: 18px;color: #707680;}
.list_review .re_list_con {width:100%;font-size:15px;color:#666;word-break: keep-all; border-left: 1px solid #d8dde5;display: inline-block;text-align: left;padding-left:50px;}
.list_review .list_pt{padding:30px 0;border-bottom: 1px solid #d8dde5;}

.wrt_review{margin-top:30px; position: relative;padding: 12px 16px 20px;background: #FCFCFC;border: 1px solid #DDD;border-bottom-color: #CCC;border-radius: 8px;box-shadow: 0 1px 3px -1px rgb(0 0 0 / 10%);*zoom: 1;}

.wrt_top {display: flex;align-items: center;}
.wrt_top .form-group {display: flex;align-items: center;margin-right:20px;}
.wrt_top .form-group:last-child{margin-right:0;}

.wrt_bottom {display: flex;}

#html_element > div{width:100% !important;max-width:304px;}
#html_element iframe{width:100%;}
.wrt_review .cap {margin: 0 auto;width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 20px;}

.review_opt {text-align: center;}
.review_opt .re_btn {margin: 20px 0 0 0;}

@media (max-width:950px) {
    .list_review .re_list_con{padding-left:20px;}
}
@media (max-width:630px) {
    .list_review .re_list_con{border-left:none;padding-left:0;margin-top:10px;}
    .list_review .list_pt{flex-flow: column;}
}
@media (max-width:450px) {
    .wrt_top {flex-flow: column;}
    .wrt_top .form-group{width:100%;margin-right:0;flex-flow:column;align-items: flex-start;}
    .wrt_bottom{flex-flow: column;}
    .wrt_review .control-label{padding-right:0;margin-bottom:8px;margin-right:0;text-align:left;}
}