﻿@charset "utf-8";


#bottom_navi{bottom:-150px;}
#store_map{bottom:-450px;}

#store_header{position:fixed;top;0;left:50%;width:1024px;margin-left:-512px;z-index:5000;/*background-color:#fff;box-shadow:0px 1px 0px rgba(0,0,0,0.12);*/}
#store_top_area{position:relative;height:55px;z-index:1;}
#store_top_area h2{display:block;line-height:55px;text-align:center;font-size:19.4px;font-weight:600;color:#fff;}
#store_top_area a.close_win{display:block;position:absolute;text-indent:-900px;overflow:hidden;font-size:0;width:55px;height:55px;top:-1px;left:0;margin:0;background:url(/img/icon/back_white.png) no-repeat 9px 13px; background-size:30px 30px;}
#store_top_area .top_func{display:block;position:absolute;top:7px;right:0px;}
#store_top_area .top_func .top_func_wrap{position:relative;padding-top:40px;}
#store_top_area .top_func .top_func_wrap .icon_func{display:block;position:absolute;top:0;right:0;font-size:0;width:40px;height:40px;background:url(/img/icon/func_white.png) no-repeat center center;background-size:10px auto;cursor:pointer;}
#store_top_area .top_func .top_func_wrap ul{border:1px solid #555;padding:12px 18px;border-radius:4px;background-color:#fff;display:none;}
#store_top_area .top_func .top_func_wrap ul li{line-height:30px;font-size:14px;font-weight:500;color:#333;}

.store_header_scrolled{background-color:#fff;box-shadow:0px 1px 0px rgba(0,0,0,0.0);}
.store_header_scrolled #store_top_area h2{color:#333;}
.store_header_scrolled #store_top_area a.close_win{background:url(/img/icon/back.png) no-repeat 9px 13px;background-size:30px 30px;}
.store_header_scrolled #store_top_area .top_func .top_func_wrap .icon_func{background:url(/img/icon/func_black.png) no-repeat center center;background-size:10px auto;}


#header_shade{position:fixed;top;0;left:50%;width:1024px;margin-left:-512px;z-index:4999;}
#header_shade img{width:100%;height:100%;}


#store_wrap{max-width:1024px;margin:0 auto;background-color:#fff;overflow:hidden;}
#store_info_wrap{position:relative;}

#store_profile{position:absolute;bottom:20px;left:0;padding:20px;z-index:100;}
#store_profile .store_title{position:relative;}
#store_profile .store_title  h2{font-size:18px;color:#fff;line-height:22px;font-weight:600;letter-spacing:-0.8px;}
#store_profile .store_title  span.type{font-size:13px;font-weight:400;color:#fff;margin-left:2px;}
#store_profile .store_title  p{font-size:13px;line-height:16px;color:#fff;padding-top:4px;letter-spacing:-0.2px;}
#store_profile .store_title  .score{font-size:14px;line-height:16px;padding-top:3px;color:#fff;}
#store_profile .store_title  .score p{display:inline-block;}
#store_profile .store_title  .score p span{font-size:19px;letter-spacing:-2px;}
#store_profile .store_title  .address{font-size:14px;line-height:23px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
#store_profile .store_title  .comment{font-size:13px;line-height:20px;height:40px;font-weight:300;overflow:hidden;color:#fff;margin:10px 40px 0 0;letter-spacing:-0.2px;opacity:0.8;
 display:-webkit-box; 
 word-wrap:break-word; 
 -webkit-line-clamp:2; 
 -webkit-box-orient:vertical; 
 text-overflow:ellipsis;
}
#store_profile .store_title  .comment a{color:#fff;}
#store_profile .store_title span.more_text{display:block;font-size:12px;line-height:28px;font-weight:400;color:#fff;padding-top:5px;cursor:pointer;}

.no_ellipsis{height:auto !important;display:block !important;}


#store_visual_wrap{overflow:hidden;position:relative;}

#store_visual{position:relative;margin:0 0 20px;}
ul.visual_img{}
ul.visual_img li{position:relative;}
ul.visual_img li img.blank_area{width:500px;height: 800px;}
ul.visual_img li img.blank_shade{display:block;position:absolute;bottom:0;left:0;width:100%;height:300px;z-index:7;}


#store_visual .swiper-pagination {left:0;bottom:38px;width:100%;height:3px;line-height;3px;text-align:right;padding-right:20px;z-index: 10;}
#store_visual .swiper-pagination-bullet {width:3px;height:3px;display:inline-block;border-radius:0;margin:0 3px;background-color:#fff;opacity:0.8;}
#store_visual .swiper-pagination-bullet-active {opacity:1;background-color:#16b1af;}

#store_wrap ul.slick-dots{position:absolute;left:0;bottom:15px;width:100%;z-index:11;text-align:center;}
#store_wrap ul.slick-dots li{display: inline-block;margin:0 3px;}
#store_wrap ul.slick-dots li button{font-size: 0;display: block;height:6px;width:6px;border-radius:10px;background:#fff;-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;opacity:0.7;}
#store_wrap ul.slick-dots li.slick-active button{background:#16b1af;opacity:1;}


@media screen and (max-width:1024px) {
#store_header{left:0;width:100%;margin-left:0;}
#header_shade{left:0;width:100%;margin-left:0;}
}

@media screen and (max-width:500px) {

ul.visual_img li img.blank_area{width: 100vw;height: 100vh;}
}




#store_container{margin-top:0px;}
.no_data{border:1px dotted #ccc;background-color:#fbfbfb;padding:100px 0 110px;text-align:center;}


#store_info_box{padding:15px 25px 20px;}
table.tb_store{width:100%;line-height:20px;font-size:13.2px;color:#444;}
table.tb_store col.col1{width:46px;}
table.tb_store col.col2{width:auto;}
table.tb_store tr td:nth-child(1){position:relative;font-weight:600;vertical-align:top;padding:6px 0;letter-spacing:-0.6px;}
table.tb_store tr td:nth-child(2){vertical-align:top;padding:6px 0;}
table.tb_store tr td.facility{}

#store_map{position:fixed;bottom:-450px;/*bottom:-295px;*/left:50%;width:100%;max-width:500px;margin-left:-250px;z-index:100;}
#store_map .open_map{text-align:center;}
#store_map .open_map span{display:inline-block;width:114px;line-height:34px;font-size:13.2px;color:#fff;padding:0 15px 0 0;border-radius:5px 5px 0 0;cursor:pointer;
background:url(/img/icon/arrow_down_search_white_up.png) no-repeat 90px center #16b1af;background-size:15px auto;}
#store_map .open_map span.selected{background:url(/img/icon/arrow_down_search_white) no-repeat 90px center #16b1af;background-size:15px auto;}
#map{width:100%;height:350px;border-radius:0px;overflow:hidden;}
#map img{max-width:none;}

@media screen and (max-width:500px) {
#store_map{left:0;margin-left:0;}
}


#store_btn_box_wrap{margin-top:22px;}
#store_btn_box ul{font-size:0;text-align:right;background-color:#fff;}
#store_btn_box ul li{display:inline-block;width:24.25%;margin-left:1%;vertical-align:top;}
#store_btn_box ul li a{display:block;color:#222;text-align:center;line-height:39px;font-size:13px;letter-spacing:-1px;border:0px solid #333;border-radius:4px;background-color:#f1f1f1;font-weight:500;padding-right:3px;}
#store_btn_box ul li a img{width:14px;vertical-align:middle;display:inline-block;margin:-4px 1px 0 0;}
#store_btn_box ul li:first-child{margin-left:0;}

#store_btn_box_wrap .kakao ul{margin-top:-8px;}
#store_btn_box_wrap .kakao ul li{width:49.5%;}


#store_post{margin:10px 0 0 0;}
#store_post .post_list{}
#store_post .post_list li{width:20%;cursor:pointer;}
#store_post .post_list li:first-child{margin-left:15px;}
#store_post .post_list li .img{border-radius:100px;overflow:hidden;border:1px solid #ccc;padding:4px;}
#store_post .post_list li .img>div{border-radius:100px;overflow:hidden;}
#store_post .post_list li .subject{font-size:12px;line-height:17px;font-weight:400;color:#222;text-align:center;letter-spacing:-0.6px;margin-top:5px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}


#store_block{margin-top:2px;min-height:300px;}
#store_block li{float:left;width:33%;margin:0 0.5% 0.5% 0;position:relative;cursor:pointer;}
#store_block li:nth-child(3n){margin-right:0;}
#store_block li:hover{opacity:0.7;}
#store_block li .comment_ele{position:absolute;bottom:0;left:0;width:100%;color:#fff;z-index:3;}
#store_block li .comment_ele .icon{font-size:0;padding: 0 8px 8px;}
#store_block li .comment_ele .icon span{display:inline-block;width:24px;height:24px;background-color:rgba(0,0,0,0.4);border-radius:30px;overflow:hidden;vertical-align:top;margin-right:3px;}
#store_block li .comment_ele .star{font-size:11px;}
#store_block li .comment_ele .star span{color:#fff;}

#store_content{overflow:hidden;margin-top:50px;}
#store_content h3.title{font-size:21px;font-weight:500;color:#333;line-height:24px;letter-spacing:-0.6px;padding-top:60px;}
#store_content p.h3_exp{font-size:14px;font-weight:300;color:#666;line-height:19px;letter-spacing:-0.6px;padding:3px 0 15px;}


/*정보출력팝업 공통*/
.pop_store{}
.pop_store .top_area{position:releative;}
.pop_store .top_area span.close_review{position:absolute;width:50px;height:50px;top:0;right:0;padding:10px;cursor:pointer;z-index:100;}

.pop_store .pop_store_wrap{overflow:auto;position:relative;}
.pop_store .pop_store_wrap .pop_store_con{padding:20px 20px 0 20px;font-size:14.8px;letter-spacing:-0.4px;font-weight:300;color:#666;line-height:25px;}
.pop_store .pop_store_wrap .pop_store_con h4.name{font-size:17px;font-weight:600;padding-bottom:15px;}

.menu_img li{position:relative;}
.menu_img p{position:absolute;right:0;top:0;line-height:30px;font-size:12.4px;font-weight:600;color:#fff;padding:0 15px;background-color:rgba(0,0,0,0.6);border-radius:0 0 0 8px;}


#review_detail{position:fixed;left:50%;top:0;width:100%;height:100%;width:1024px;margin-left:-512px;background-color:#fff;overflow-y:scroll;z-index:2000;display:none;}
#review_detail .top_area{position:releative;padding-top:55px;}
#review_detail .top_box{position:relative;padding:10px 0 0 0;}
#review_detail .ele_review .id{font-size:17px;font-weight:600;line-height:24px;color:#333;letter-spacing:0;}
#review_detail .ele_review .date{position:absolute;top:38px;right:0;font-size:12px;letter-spacing:0;}
#review_detail .ele_review .star{font-size:18px;letter-spacing:0;}
#review_detail .ele_post .subject{font-size:17px;font-weight:500;color:#333;letter-spacing:0;}
#review_detail .ele_post .date{font-size:12px;letter-spacing:0;padding-top:3px;}
#review_detail .review_comment{padding:30px 0;background-color:#fff;border-radius:0;font-size:14px;color:#444;font-weight:400;line-height:25px;}

#write_add_memo{margin-top:20px;}
#add_memo_save{display:none;}
#add_memo{display:block;background-color:#f2f2f2;border-radius:5px 5px 0 0;width:100%;font-size:13.4px;line-height:22px;color:#444;font-weight:400;padding:10px;}
#write_add_memo .btn_regi_memo{display:block;background-color:#333;line-height:46px;font-size:15px;font-weight:400;text-align:center;color:#fff;border-radius:0 0 5px 5px;cursor:pointer;}


.review_img li{position:relative;}

#add_memo_list li{padding:25px 0 0;position:relative;line-height:18px;}
#add_memo_list li:first-child{border-top:none;}
#add_memo_list li .id{font-size:16px;font-weight:500;color:#333;letter-spacing:0;}
#add_memo_list li .btn_comment_del{position:absolute;top:29px;right:-5px;padding:7px;display:block;color:#333;cursor:pointer;}
#add_memo_list li .date{font-size:12px;letter-spacing:0;padding:3px 0;}
#add_memo_list li .comment{padding:15px 15px;background-color:#f4f4f4;border-radius:5px;font-size:13.4px;font-weight:400;color:#333;line-height:24px;margin-top:10px;}

@media screen and (max-width:1024px) {
#review_detail{left:0;width:100%;margin-left:0;}
}


/*주변업소*/
#related_store{padding-top:10px;}
#related_store .related_section{margin-top:60px;}

#related_store .title{font-size:21px;font-weight:500;color:#333;line-height:24px;letter-spacing:-0.6px;}
#related_store .title_exp{font-size:14px;font-weight:300;color:#666;line-height:19px;letter-spacing:-0.6px;padding:3px 0 25px;}



.btn_review_more{display:block;line-height:44px;padding:0 10px;border-radius:0;font-size:15px;font-weight:500;text-align:center;background-color:#eee;margin-top:30px;}
.btn_review_more i{padding-right:5px;}
.btn_review_more:hover{background-color:#777;color:#fff;}




















