@charset "utf-8";
/*샵 공통css*/
.m_o2o_shop .sub_header {padding:11px 0 11px;z-index:2000;background-color:#fff;height:45px;box-sizing:border-box;}
.shop_area_title {border-left:1px solid #d01f3c;font-weight:bold;font-size:15px;color:#222;padding-left:4px;margin-bottom:13px;line-height:18px;}
.shop_name {color:#333;font-size:13px;line-height:16px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.shop_name span {width:80%;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;position:relative;padding-top:1px;}
.shop_address {padding-top:1px;color:#306eb5;font-size:12px;line-height:15px;margin-bottom:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.shop_desc {word-wrap:break-word;color:#666;font-size:12px;line-height:1.5em;height:3em;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.m_o2o_shop .m_renew_check:before {top:-1px !important;}
.no_result {text-align:center;color:#666;font-size:12px;padding:10px 0;}
/*#o2o_shop_map img[src="https://static-ux.mustit.co.kr/img/m/m_shop/icon_map_marker.png"] {width:24px !important;height:35px !important;}*/

.search_area .shop_kind {margin-bottom:5px;}
.search_area .shop_kind span {margin-right:45px;}
.search_area .shop_kind span label.m_renew_check {font-size:12px;}
.search_area .shop_search_input {display:table;}
.search_area .shop_search_input .shop_search_cell {display:table-cell;width:100%;vertical-align:top;}
.search_area .shop_search_input .shop_search_cell.select_box {width:90px;}
.search_area .shop_search_input .shop_search_cell.input_box {padding-left:5px;}
.search_area .shop_search_input .location_select {padding:0 10px;width:90px;height:35px;border:1px solid #c3c3c3;}
.search_area .shop_search_input .shop_name_input {box-sizing:border-box;padding:0 10px;width:100%;height:35px;border:1px solid #c3c3c3;}
.search_area .shop_search_input .shop_name_input::-webkit-input-placeholder {color:#999;}
.search_area .btn_area {margin-top:10px;}
.search_area .btn_area .btn_mustit {width:100%;height:40px;}
.search_result .search_result_list {margin-top:5px;}
.search_result .search_result_list .div_ul:after {content:"";display:block;clear:both;}
.search_result .search_result_list .div_li {width:50%;float:left;margin-top:10px;}
.search_result .search_result_list .div_li span {display:table-cell;font-size:12px;}
.search_result .search_result_list .div_li:active span {color:#d01f3c;}

/*겹침마커 창*/
.overlap_area {opacity:0.95;padding:5px 16px 5px 16px;border:1px solid #ccc;background-color:#fff;position:relative;margin-top:-25px;transform:translate(20px, -50%);-webkit-transform:translate(20px, -50%);}
/*.overlap_area:before {content:"";border-width:6px;border-style:solid;border-color:transparent #ccc transparent transparent;position:absolute;top:50%;margin-top:-6px;right:100%;}
.overlap_area:after {content:"";border-width:6px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;right:99%;}*/
.overlap_area li {padding:10px 0 5px !important;font-size:12px;color:#666;border-bottom:1px solid #ddd;}
.overlap_area li:last-child {border-bottom:0;}
.overlap_area li .marker_bg {display:inline-block;width:12.5px;height:17.5px;background:url('https://static-ux.mustit.co.kr/img/m/m_shop/icon_overlap_marker_default.png') no-repeat center/cover;margin-right:8px;}
.overlap_area li .overlap_shop_text {font-size:12px;color:#222;vertical-align:6px;}
.overlap_area li:active .marker_bg {background:url('https://static-ux.mustit.co.kr/img/m/m_shop/icon_overlap_marker_hover.png') no-repeat center/cover; }

/*샵 메인*/
#shop_main {background-color:#fff;}
#shop_main .shop_search .shop_search_top {padding:30px 15px 10px;}
#shop_main .shop_search .shop_search_middle {background-color:#f9f9f9;padding:15px;}
#shop_main .shop_search .map_box {position:relative;}
#shop_main .shop_search .map_box .map_detail {position:absolute;top:15px;right:15px;z-index:10;opacity:0.95;}
#shop_main .shop_search .map_box .map_message {position:absolute;left:0;right:0;bottom:0;padding:10px 15px 8px;z-index:999;}
#shop_main .shop_search .map_box .map_message:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.5;z-index:-1;}
#shop_main .shop_search .map_box .map_message p {color:#fff;font-size:13px;}
#shop_main .shop_search .shop_search_map_area {height:245px;}
#shop_main .recommend_shop {padding:35px 15px 10px;}
#shop_main .recommend_shop .recommend_shop_list .recommend_shop_box {display:table;width:100%;border:1px solid #e3e3e3;box-sizing:border-box;margin-bottom:10px;table-layout:fixed;}
#shop_main .recommend_shop .recommend_shop_list .shop_box_cell {display:table-cell;vertical-align:top;height:102px;}
#shop_main .recommend_shop .recommend_shop_list .shop_box_cell.image_box {width:160px;overflow:hidden;}
#shop_main .recommend_shop .recommend_shop_list .shop_box_cell.image_box img {max-height:100%;}
#shop_main .recommend_shop .recommend_shop_list .shop_box_cell.info_box {padding:15px 7px 5px 15px;box-sizing:border-box;}
#shop_main .recent_register_shop {padding:20px 10px;}
#shop_main .recent_register_shop .shop_area_title {margin-left:5px;}
#shop_main .recent_register_shop .recent_shop_list .recent_shop_box {border:1px solid #e3e3e3;width:calc(50% - 10px);box-sizing:border-box;margin:0 5px;float:left;margin-bottom:15px;}
#shop_main .recent_register_shop .recent_shop_list .shop_image_box {width:100%;height:0;padding-bottom:64%;}
#shop_main .recent_register_shop .recent_shop_list .shop_image_box img {max-width:100%;max-height:100%;}
#shop_main .recent_register_shop .recent_shop_list .shop_info_box {padding:10px 8px;height:75px;}

/*샵 지도페이지*/
#shop_map {height:100%;position:relative;}
#shop_map .sub_header .shop_search {position:absolute;top:10px;right:25px;}
#shop_map .shop_seach_box {position:absolute;top:45px;left:0;right:0;padding:25px 15px 15px;z-index:1500;background-color:#f9f9f9;}
#shop_map .shop_infomation_box {padding:20px 15px;position:absolute;left:0;right:0;bottom:0;background-color:#fff;z-index:1000;}
#shop_map .shop_infomation_box .shop_name_address {margin-bottom:8px;}
#shop_map .shop_infomation_box .shop_name_address .center_bar {margin:0 4px;color:#999;font-size:11px;}
#shop_map .shop_infomation_box .shop_name_address .shop_name {font-size:14px;}
#shop_map .shop_infomation_box .shop_name_address .shop_address {font-size:11px;}
#shop_map .shop_infomation_box .shop_img_area {display:table;width:100%;margin-bottom:10px;table-layout:fixed;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell {display:table-cell;height:80px;vertical-align:middle;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.image_box {width:125px;position:relative;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.image_box .picture_sizeup {position:absolute;right:5px;bottom:5px;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.image_box img {max-width:100%;max-height:100%;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.info_box {padding-left:15px;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.info_box .shop_desc {height:5.8em;-webkit-line-clamp:4;}
#shop_map .shop_infomation_box .btn_area {margin-top:10px;}
#shop_map .shop_infomation_box .btn_area .btn_mustit {width:100%;height:40px;font-size:13px;}


/*쿠폰샵*/
#shop_map .shop_infomation_box .coupon_shop_title {font-size:16px;text-align:center;color:#333;font-weight:bold;}
#shop_map .shop_infomation_box .coupon_shop_title span {font:inherit;color:#d01f3c;}
#shop_map .shop_infomation_box .line {width:15px;height:1px;background-color:#d01f3c;margin:7px auto 17px;}
#shop_map .shop_infomation_box .shop_coupon_area .shop_info_cell {height:auto;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.image_box {width:111px;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.coupon_desc {padding-left:15px;}
#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.coupon_desc p {font-size:12px;color:#222;line-height:17px;}
@media only screen and (max-width:320px) {
	#shop_map .shop_infomation_box .shop_img_area .shop_info_cell.coupon_desc {padding-left:10px;}
}

/* 유튜브 이미지 뷰 페이지 백그라운드 색상 차이 때문에 구현 */
.youtube_play_btn_image_view {
	background:rgba(0,0,0,0) url('https://static-ux.mustit.co.kr/img/m/m_icon/icon_vidio_play.png') no-repeat right 5px bottom 5px/15%;
}