@charset "utf-8";
@import url('font.css');
@import url('common.css');

.hidden {position: absolute;left: -9999px;width: 0;height: 0}
ul::after {display:table; clear:both; content:""}


h3 {margin-bottom:10px; font-size:1.4em; font-weight:600}

.wrapper {
    max-width: 480px;
    margin: 0 auto;
    background: #fff;
    width: auto;
    position: relative;
    background: #fff;
    min-height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
}
#dock {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
#dock .dock-container {
    position: relative;
    margin: 0 auto;
    max-width: 480px;
    background: #fff;
    border-top: 1px solid #ececec;
}
#dock .dock-container .dock-menu {
    display: flex;
    height: 48px;
    box-sizing: border-box;
    position: relative;
	text-align:center;
	font-size:0.75rem;padding:5px 0 5px 0;
}
#dock .dock-container .dock-menu a{width:25%;}
#dock .dock-container .dock-menu img{margin-bottom:3px;}

header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    opacity: 1;
    visibility: visible;
}
header.m_header{
	position:relative;
   /* position:sticky;*/
	top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    opacity: 1;
    visibility: visible;
}
.mini_logo{width:100%; height:10px; position:relative; text-align:center;float:center;background:#fff;}
.mini_logo h1{top:8px;right:10px; font-size:0.75rem;position:absolute;color:#969696}
.copyright{
	width:100%;
	padding:10px;
	color:#999;
	font-size:0.8rem;
	line-height:20px;
	background:#f4f4f4;
	height:100%;
	
}

.body_contents{width:100%; position:relative;}
.logo{width:100%;background:#fff; height:30px;padding:10px;text-align:center;font-size:1.0rem;line-height:30px;}
.logo h1{font-weight:bold;}
.search_area{width:100%; text-align:center;float:center;margin:0 auto;padding:20px;background:#fff;}
.search_box{
	padding:7px;
	width:100%;
	border-radius:25px;
    border: 0.5px solid rgba(0,0,0,0.08);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transform: translate3d(0,0,0);
	font-size:0.9rem;
	min-height:50px;
	line-height:33px;
}
.search_box input{border:1px solid #ddd;width:80%;}
.search_box a{width:30px; height:30px; border-radius:50%; border: 1px solid #ddd; float:right;margin-top:3px;}
.search_box a img{margin-top:-7px;}
.menu_area{width:100%;background:#fff; border-bottom:1px solid #ebebeb; height:50px;font-size:0.9rem;padding:0 0 0 10px;}
.menu_area ul li{float:left;margin-right:5px; font-size:0.8rem;text-align:center;padding:10px; cursor:pointer;}
.menu_area ul li.on{background:#000;color:#fff;border-radius:20px; padding:10px;}
#container{width:100%; padding:0px 0px 120px 0px;background:#fff;height:100%;z-index:105;}
.shop_list{padding:20px;}
.shop_info{border-radius:4px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);border: 0.5px solid rgba(0,0,0,0.08);margin-bottom:20px; position:relative;}
.shop_info img.shop_img{width:100%; overflow:hidden; object-fit: cover; height:200px; border-top-left-radius:4px;border-top-right-radius:4px;}
.shop_info div.pin_guide{position:absolute; background:#000; color:#fff;font-size:0.8rem;margin-top:-26px;width:100%;padding:5px 10px 5px 5px;text-align:right;background: rgba(0,0,0,.5) repeat;}
.shop_info div.pin_guide em{float:left;margin-left:5px;}
.shop_info div.pin_guide em img{margin-top:-2px;}
.shop_info div.shop_title{width:100%;padding:10px 10px 0 10px; font-size:1.15rem; font-weight:bold;}
.shop_info div.shop_sub_info{width:100%;font-size:0.8rem;padding:6px 10px 10px 10px;}
.shop_info div.shop_sub_info img{margin-top:-3px;}
.shop_info div.shop_sub_info em{text-decoration:underline;text-underline-position: under;}
.shop_list_pay{width:100%; padding:10px 10px 10px 10px;font-size:1.0rem; font-weight:600; } 
.shop_list_pay em{text-decoration:line-through; color:#ccc;margin-left:5px;font-weight:300;}
.shop_list_pay i{font-size:0.9rem; font-weight:300;color:#aaa; float:right;}
.shop_list_comment{width::100%; border-top:1px solid #ebebeb; font-size:0.8rem; padding:10px 0px 10px 10px; color:#525252;}
.shop_list_comment div{width:95%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.shop_list_comment img{margin-top:-2px; margin-right:5px;}
.shop_list_comment b{float:right;margin-right:10px;}

.list_top_area{width:100%;padding:0 0 0 10px;font-weight:bold; background:#fff;z-index:10;font-size:1.2rem; height:75px;line-height:75px;}
.myPin_btn{font-size:0.75rem; width:105px;height:33px;border:1px solid #ddd; cursor:pointer;
border-radius:4px; float:right;line-height:30px;margin-top:23px;text-align:center;margin-right:10px;}
.myPin_btn i{font-size:0.9rem;vertical-align:middle;}
.myPin_btn img{margin-top:-2px;}

.s_star_wrap {display:inline-block; width:60px; height:11.5px; background:url(https://img.mamap.co.kr/images/ico/ico_10.png) no-repeat 0 0; background-size:60px;  vertical-align:middle;}
.s_star_wrap .star {height:18px; background:url('https://img.mamap.co.kr/images/ico/ico_11.svg') no-repeat 0 0; background-size:60px;}
.s_star_wrap.star01 .star {width:20%;}
.s_star_wrap.star01_2 .star {width:30%}
.s_star_wrap.star02 .star {width:40%;}
.s_star_wrap.star02_2 .star {width:50%}
.s_star_wrap.star03 .star {width:60%;}
.s_star_wrap.star03_2 .star {width:70%}
.s_star_wrap.star04 .star {width:80%;}
.s_star_wrap.star04_2 .star {width:90%}
.s_star_wrap.star05 .star {width:100%;}

/*near*/
.list_top_area{width:100%;padding:0 0 0 10px;font-weight:bold; background:#fff;z-index:10;font-size:1.2rem; height:75px;line-height:75px;}
.myPin_btn{font-size:0.75rem; width:105px;height:33px;border:1px solid #ddd; cursor:pointer;
border-radius:4px; float:right;line-height:30px;margin-top:23px;text-align:center;margin-right:10px;}
.myPin_btn i{font-size:0.9rem;vertical-align:middle;}

/*detail*/

header div.container {
    margin: 0 auto;
    max-width: 480px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 48px;
    width: 100%;
	z-index:1;

}
header .header-left {
    display: flex;
    align-items: center;
}
header .header-left a.btn-back{background:#fff;border-radius:50%;width:32px; height:32px;text-align:center;padding-left:2px;padding-top:3px;vertical-align:middle;
	border:1px solid #959595;
}
header .header-right {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: none;
	color:#fff;
	padding:0 0px 0 0px;
}
header .header-right a.btn-home{background:#fff;border-radius:50%;width:32px; height:32px;text-align:center;padding-left:5px;padding-top:2px;vertical-align:middle;
	border:1px solid #959595;
}

section.shopImg_area{margin-top:-48px;position:relative;}
.main_swiper_menu{width:100%;background:#fff;}
.shopImg_Swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.shopImg_Swiper div.swiper-wrapper div.m_menu_title{width:100%;font-size:0.85rem;display:flex;}
.shopImg_Swiper div.swiper-wrapper div.m_menu_title b{margin:0 auto;font-weight:300;}
.swiper { width: 100%; height: 100%;}
.swiper-slide {
        text-align: center;
        /*font-size: 18px;*/
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;flex-direction: column;
      }
.swiper-slide img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.detail_contents{width:100%; background:#fff; border-top-left-radius:18px; border-top-right-radius:18px;margin-top:-14px;z-index:10;position:relative;padding:20px 18px 0 18px;}

.detail_menu ul li{float:left;margin-right:20px;font-size:1.05rem; color:#b6b6b6;}
.detail_menu ul li.on a{
	color:#000;
	font-weight:bold;
	display: inline;
	box-shadow: inset 0 -10px 0 #f9e24b; 
}
.detail_menu ul li a{color:#b6b6b6;}
.shop_title{width:100%; margin-top:25px;font-size:1.25rem;font-weight:600;}
.shop_title em{color:#959595;}
.shop_score{font-size:0.85rem;font-weight:600;width:100%; padding:5px 0 5px 0;}
.shop_score img{margin-top:-2px;margin-right:5px;}
.shop_time{width:100%; margin-top:20px; font-size:0.8rem;}
.shop_welcome_t{width:100%; margin-top:20px; font-size:0.8rem;}
.shop_welcome{width:100%; margin-top:10px; font-size:0.8rem;}
.shop_sub_title{width:100%;margin-top:40px;font-size:1.0rem;font-weight:600;}
.shop_sub_title b{text-decoration:underline;text-underline-position: under;color:#959595;}
.shop_course_icon{margin-top:-3px; margin-right:5px;}

.n_course_table{border-radius:4px;border:1px solid #000;margin-top:10px;}
.n_course_table td.n_course_item {padding:0 10px 0 10px;}
.n_course_table td.n_course_title{font-size:0.9rem; text-align:left;padding:10px 0 10px 10px;font-weight:600;}
.n_course_table td.n_course_subtitle{font-size:0.8rem; text-align:left;padding:0px 0 0px 10px;}
.shop_adress{width:100%; margin-top:10px; font-size:0.8rem;}
.shop_adress p{line-height:25px;}
.shop_adress_map{width:100%; margin-top:10px;}

.review_area{width:100%;}
.review_area ul li{width:100%;padding:20px 0 20px 0; border-bottom:1px solid #f5f5f5;}
.review_contents{font-size:0.85rem;line-height:1.3rem;margin-top:10px;}
.review_member_info{width:100%;font-size:0.8rem; color:#888888;margin-top:10px;}
.review_member_info em{margin-left:10px;}
.review_more{width:100%; padding:10px; border:1px solid #000; border-radius:4px; font-size:0.8rem; text-align:center;margin-top:13px;cursor:pointer;margin-bottom:10px;font-weight:bold;}
.review_more label{font-size:0.6rem;}

.n_course_left{border-bottom:1px solid #ddd; font-weight:bold;font-size:0.9rem;padding:15px 0 15px 0px;background:#fff;text-align:left;}
.n_course_right{border-bottom:1px solid #ddd; text-align:right;background:#fff;padding:15px 0px 15px 0px;}
.n_course_right .percentage {font-size:0.8rem; font-weight:600; color:#6f86dd}
.shop_no_open{padding:8px; background:#f4f4f4;color:#ff385c;border-radius:4px;text-align:center;font-size:0.9rem;margin:0 0 10px 0;} /*21.10.28*/
ul.dayNight {float:right; width:100%;display:flex;}
.dayNight li{float:left;border:none; flex-direction: colum; width:50%;border-radius:4px;position:relative;padding:6px 0 6px 0;}
.dayNight li.c_day{background:#f9f9f9;margin-right:7px;padding:10px 5px 10px 5px;}
.dayNight li.c_night{background:#f9f9f9;padding:7px;}
.c_day_1{font-weight:300;width:100%;padding-bottom:7px;font-size:0.75rem;text-align:left;color:#484848; margin-right:7px;}
.c_day_2{font-size:0.7rem;;font-weight:300;color:#ccc;padding-bottom:5px;}
.c_day_2 em{text-decoration:line-through;}
.c_day_3{font-weight:bold; color:#ff385c;font-size:0.9rem;}
.c_percent{color:#6f86dd;padding:3px;font-size:0.7rem; border-radius:4px;margin-right:3px;;font-weight:600;text-decoration:none;}
.time_guide{width:100%;padding:20px 0 0px 0;font-size:0.8rem;line-height:20px;}
.swiper-pagination{margin-top:-5px;}

#call_reserve {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
}
#call_reserve .call_reserve-container {
    position: relative;
    margin: 0 auto;
    max-width: 480px;
    background: #fff;
    border-top: 1px solid #ececec;
	height:75px;
	padding-top:13px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.callSend{
	width:90%;
	padding:8px 0 8px 0;
	background:#ed7262;
	color:#fff;
	font-size:1.0rem;
	font-weight:600;
	border-radius:4px;
	text-align:center;
	margin: 0 auto;
	box-shadow: 4px 4px 12px rgba(0,0,0,.1);
}


/*search_pop*/
.pop_searh_top{width:100%; display: inline-flex;height:50px;padding:20px;}
.pop_close{padding:13px 10px 0px 0px;}
.pop_search_box{
	padding:7px;
	width:100%;
	border-radius:25px;
    border: 0.5px solid rgba(0,0,0,0.08);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transform: translate3d(0,0,0);
	font-size:0.9rem;
	min-height:50px;
	line-height:33px;
	padding-left:10px;
	font-weight:600;
}
.pop_search_box input{border:0px solid #ddd;width:80%;font-size:0.9rem;}
.pop_search_box input::placeholder{font-size:0.9rem;}
.pop_search_box a{width:30px; height:30px; border-radius:50%; border: 1px solid #ddd; float:right;margin-top:3px;text-align:center;color:#969696;}
.pop_search_box a img{margin-top:-7px;}
.research{font-size:0.8rem;font-weight:bold;padding:20px 20px 10px 0;text-align:right;border-bottom:1px solid #e1e1e1;width:100%; margin-top:10px;}
.pin_search_top{margin-top:10px;}
.pin_search_top li{float:left;}
.pin_search_top .search_close{overflow:hidden; font-size:2.0rem;}
.pin_search_top li.search_top_x{width:40px;line-height:50px;}
.pin_search_top li.search_top_x i{font-size:38px;line-height:50px;}
.pin_search_top li.search_top_put {width:calc(100% - 80px);background:#f5f5f5; border-radius:25px;position:relative;}
.pin_search_top li.search_top_put i{position:absolute;top:15px; lefT:10px;}
.pin_search_top li.search_top_put input{width:calc(100% - 30px); float:right;background:none; border:none;height:50px;color:#000;font-weight:600;}
.pin_search_top li.search_top_put input::placeholder {color:#808080;font-weight:600;font-size:0.9rem;}
.pin_search_top li.search_top_can {right:0px;width:30px; text-align:right;float:left;line-height:50px;padding-left:10px;font-size:1.4rem;}
.pin_search_area{width:100%; padding:20px 10px 0px 10px;}
.pin_search_area ul li{padding-left:0px;font-size:0.95rem;margin:15px 0 15px 0;}
.pin_search_area ul li i{color:#808080;font-weight:normal;}
.pin_search_area ul li p{padding-left:19px;font-size:0.8rem;margin-top:5px;color:#7b7b7b}

.pin_search_area p.p_sub_title{font-size:1.0rem; font-weight:bold;}
.pin_search_area b{color:#ff385c;}

/*search_list*/
.search_effect{width:100%; padding:40px 0 10px 20px; font-size:1.0rem; color:#000; font-weight:600;text-align:left; border-bottom:1px solid #e1e1e1;}	
.search_effect h1 b{color:#ff385c;}
.not_shop{width:100%; float:center; text-align:center; font-size:0.9rem; color:#969696;}
.not_shop img{margin-bottom:20px;}
.not_shop p{line-height:20px;}

.search_pop_area{position:fixed; z-index:9999; height:100%; width:100%;background:#fff; font-size:1.2rem; top:0; left:-100%; overflow:auto;transform:translateX(0);  transition:0.5s; }
.not_scroll {overflow:hidden; -webkit-overflow-scrolling:initial;}
.search_pop_open { cursor:pointer; }
.search_pop_close { cursor:pointer; }



.welcome_title{width:100%; padding:20px; font-size:1.3rem;font-weight:bold;}
.welcome_subject {width:100%; padding:0px 20px 30px 20px; font-size:0.9rem; color:#707070;}
.welcome_contents{width:100%; padding:20px;}
.partner_btn{width:100%; margin:0 auto; border-radius:4px; background:#e31d5b; color:#fff; font-size:0.9rem;text-align:center; padding:10px;}
.qna_btn{width:100%; margin:0 auto; border-radius:4px; background:#ddd; font-size:0.9rem;text-align:center; padding:10px;}

/*notice*/
.notice_area{width:100%; margin-top:60px;}
details{margin-bottom:20px;}
details > summary.notice_s::-webkit-details-marker {display:none;}
summary.notice_s{width:100%;font-size: 1.0rem; color: #333; padding:15px 20px 35px 20px;outline: none; text-align: left; cursor: pointer; position: relative;border:1px solid #eaeaea; border-radius:4px; list-style: none; }
summary.notice_s div.notice_title{width:85%;height:20px;float:left;margin-left:20px;}
summary.notice_s i{width:10%;}
summary.notice_s div.notice_date{width:100%; font-size:0.8rem;margin-top:5px;color:#7c7c7c;float:left;margin-left:20px;}
details > summary.notice_s::after { position: absolute; content: "+"; left: 20px;float:left;}
details[open] > summary.notice_s::after { position: absolute; content: "-"; left: 20px;float:left;}
.nocite__content{background:#fafafa; border:1px solid #eaeaea;  border-bottom:2px solid #eaeaea; padding:20px 40px 20px 40px;font-size:0.8rem;line-height:25px;}

/*221128*/
.keyword_t{font-size:1.0rem; color:#000; margin-top:50px;margin-bottom:20px;font-weight:600;}
.keyword_list{width:100%; padding:10px; font-size:0.9rem; border:1px solid #eaeaea; border-radius:4px; text-align:left; color:#333;margin-bottom:10px;}
.keyword_list_more{width:100%; padding:10px; font-size:0.8rem; border:1px solid #eaeaea; border-radius:4px; text-align:center; color:#333;margin-bottom:10px;font-weight:600;}
.keyword_list em{float:right;}

.keyword_title{width:100%; padding:20px; font-size:1.3rem;font-weight:bold;}
.keyword_subject {width:100%; padding:0px 20px 30px 20px; font-size:0.9rem; color:#707070;}
.keyword_contents{width:100%; padding:20px;}
.keyword_btn{width:100%; margin:0 auto; border-radius:4px; background:#e31d5b; color:#fff; font-size:0.9rem;text-align:center; padding:10px;}
.keyword_reserve{width:100%; margin-top:30px;margin-bottom:10px;font-size:1.1rem;font-weight:600;}
.keyword_rank_area{width:100%; padding:0px;}
.keyword_rank_area li{float:left; padding:15px 0 15px 0; min-height:50px; width:100%;border-bottom:1px solid #f3f5f7; border-radius:4px;margin-bottom:10px;}
.keyword_logo{width:105px; height:100px;float:left;border:0px solid #000;border-radius:4px;margin-right:8px; padding:0;position:relative;overflow:hidden;}
.keyword_logo img{width:100%; height:100%;    object-fit: cover;}
.keyword_logo div.pin{background:rgba(0,0,0,0.7) repeat;color:#fff;position:absolute;right:0;bottom:0;font-size:0.7rem;padding:3px;border-radius:4px;}
.keyword_info{padding-top:0px;position:relative;float:left;width:calc(100% - 150px);}
.keyword_info div.key_shop_title{font-size:1.0rem;font-weight:600;}
.keyword_info div.shop_adress{font-size:0.75rem;width:100%;height:20px;padding:0px 0 10px 0;color:#575757;overflow:hidden;display:block;}
.keyword_info div.shop_pay{font-size:0.9rem;font-weight:600;color:#000;margin-top:5px; position:relative;}
.keyword_info div.shop_pay em{color:#a7a7a7;right:0;font-weight:500;position:absolute;}
.keyword_number{float:left;text-align:center;padding:0 10px 0 0px;line-height:100px;font-size:20px;font-weight:600;color:#ff385c;}

.keyword_info div.shop_sub_info{width:100%;font-size:0.75rem;padding:6px 10px 0px 0px;position:relative;}
.keyword_info div.shop_sub_info img{margin-top:-3px;}
.keyword_info div.shop_sub_info em{text-decoration:underline;text-underline-position: under;}
.v_hide {display:none;}