@charset "utf-8";
/* CSS Document */

/* 군산 */
header {border:0!important; background: transparent;}
header .return__btn .img_return:after {background: url("../../images/userApp/common/ico_return_w.png") no-repeat center center / 24px auto;}
header .logo span {
	width: 65%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	color: #212121;
	font-weight: 500;
}
.t_btn {top: 0!important; right: 16px!important; display: inline-block!important;}
.shop_top_name span {
	display: block;
	margin: 0 auto;
	width: 60%;
	font-size: 16px;
	font-weight: 500;
	color: #212121;
}
.shop_top_name {
	position: absolute;
	width: 100%;
}

/*상단내용*/
.shop_top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 252px;
	border-radius: 0 0 30px 30px;
	overflow: hidden;
}
.shop_top_img {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
}
.shop_top_img::before {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 252px;
	background: rgba(0,0,0,.23);
}
.shop_top_img img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 252px;
}
.img_margin {
	height: 196px;
}
main .shop_wrap {
	position: relative;
	padding-top: 20px;
	background: #fff;
}
.shop_thumbnail {
	position: relative;
	padding-bottom: 51px;
	z-index: 100;
	background: #fff;
}
.thumbnail-img {
	position: absolute;
	left: 0;
	right: 0;
	top: -45px;
	margin: 0 auto;
	width:90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.shop_thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
main .shop_wrap .shop_con h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -.5px;
	overflow: hidden;
	word-break: keep-all;
	text-align: center;
	color: #212121;
}
main .shop_wrap .shop_con {
	/* display: grid;
	grid-template-columns: 128px 1fr;
	grid-gap: 3px;
	align-items: center;
	padding-bottom: 36px; */
	/* height: 100px; */
	width: 100%;
}
main .shop_wrap .shop_con .detail_rev {
	padding: 2px 0 10px;
	text-align: center;
}
main .shop_wrap .shop_con .detail_rev .rev_star {
	display: inline-block;
	margin-right: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #202020;
}
main .shop_wrap .shop_con .detail_rev .rev_star::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../../../images/userApp/ico_star-14px.png)no-repeat center/14px auto;
	vertical-align: top;
}
main .shop_wrap .shop_con .detail_rev .review {font-size: 12px; color: #757575}

/* 상품권외 */
.gift-card {position: relative; margin-bottom: 16px;}
.gift-card ul {
	display: flex;
	justify-content: center;
}
.gift-card ul li a,
.gift-card ul li span{
	display: inline-block;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	border-radius: 2px;
}
.gift-card ul li:not(:first-of-type) {margin-left: 4px;}
.r-ico span{
	background: #FF7A42;
}
.b-ico span{
	background: #2D4FAB;
}
.o-ico span{
    background: #31a22b;
}
.y-ico span{
	background: #FFB13A;
}
.g-ico span{
	background: #40A866;
}
.s-ico span{
    background: #ff4646;
}
.ev-ico {
	position: relative;
}
.ev-ico a {
	display: block;
	background: #7161C2;
	color: #fff;
}
.ev_tool  {
	height: 30px;
}
.ev_tool  button {
	position: absolute;
	left: -73px;
	bottom: -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 6px;
	width: 183px;
	height: 32px;
	font-size: 10px;
	font-weight: 400;
	color: #658DF9;
	background: url(../../images/userApp/event/ev_comment.png)no-repeat center/173px auto;
}
/* .ev_tool button {
	width: 20px;
	height: 20px;
	background: url(../../images/userApp/common/tooltip_close.png)no-repeat center/ 12px auto;
} */
.shop_con .title-text {	position: relative; padding: 0 0 20px}
.shop_con .title-text .cert-icon {
	display: flex;
	justify-content: center;
	align-items:center;
}
.shop_con .title-text .cert-icon img {height: 24px;}
.shop_con .title-text .cert-icon > div:not(:first-of-type) {margin-left: 10px;}
.shop_con .title-text .cert-icon .icon-top {}
.shop_con .title-text .cert-icon .icon-top img {}
.shop_con .title-text .cert-icon .icon-bottom {}
.shop_con .title-text .cert-icon .icon-bottom img {}

/* 매장스탬프 바로가기 */
.stamp_shortcut {
	padding: 0 16px 14px;
}
.stamp_shortcut a {
	display: block;
	padding: 12px 0;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.stamp_shortcut img {
	width: 51px;
	height: 40px;
}
.stamp_text {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #212121;
	vertical-align: middle;
}

/* 공유하기 외 버튼들 */
.shop_wrap .de_btn {
	padding: 0 16px 30px;
}
.shop_wrap .de_btn > div {
	text-align: center;
	display: flex;
	justify-content: center;
}
.shop_wrap .de_btn a {
	display: block;
	width: 33.33%;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	border: 1px solid #707070;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
}
.shop_wrap .de_btn a:not(:first-of-type) {margin-left: 8px}
.shop_wrap .de_btn a::before {
	content: '';
	display: inline-block;
	margin-right: 4px;
	width: 18px;
	height: 18px;
	vertical-align: sub;
}
.shop_wrap .de_btn a.tel::before {
	background: url("../../images/userApp/detail_btn01.png") no-repeat center center /18px auto;
}
.shop_wrap .de_btn a.share::before {
	background: url("../../images/userApp/detail_btn02.png") no-repeat center center /18px auto;
}
.shop_wrap .de_btn a.good::before{
	background: url("../../images/userApp/detail_btn03.png") no-repeat center center /18px auto;
}
.de_btn .good.on::before {
    background-image: url("../../images/userApp/detail_btn03_on.png")!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: 18px auto!important;
    }


#main .shop_wrap .de_btn span.good-text {
	display: none;
	margin: 0 auto;
	width: 100%;
	font-size: 12px; color: #737373;
	padding-top: 10px;
	line-height: 1.5;
	text-align: center;
	transition: all 2s;
}

/*배달시간 배달료 정보*/
.shop_wrap .sum_box {
	padding: 0 16px 30px;
	font-size: 14px;
	position: relative;
}
.sum_box .sum_inner {
	padding: 16px;
	font-size: 14px;
	color: #212121;
	background: #FAFAFA;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.sum_inner dl {
	display: grid;
	grid-gap: 4px;
	grid-template-columns: 100px 1fr;
	justify-items: start;
	line-height: 1.8;
}
.sum_inner dl dt {
	position: relative;
	padding-left: 10px;
	font-weight: bold;
}
.sum_inner dl dt::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	background: #FF8E5E;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
main .shop_wrap .sum_box dl dd {font-weight: 400;}
main .shop_wrap .sum_box dl:nth-of-type(1) dd,
main .shop_wrap .sum_box dl:nth-of-type(2) dd,
main .shop_wrap .sum_box dl:nth-of-type(4) dd {
	grid-column: 2/4;
}
.sum_box button {
	color: #212121;
	font-size: 14px;
	display: inline-block;
	margin: 13px auto 0;
	height: 30px;
	width: 130px;
	text-align: center;
	background: #eee;
	border: 1px solid #e0e0e0;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}
main .shop_wrap .sum_box dl dd a {
	margin-left: 6px;
	font-weight: 400;
	font-size: 12px;
	color: #FF8E5E;
	text-decoration: underline;
}
main .shop_wrap .sum_box dl dd a.origin{
	margin-left:0 !important;
}

/*쿠폰*/
.bmOder .shop_wrap div.coupon {
	padding: 0 16px 32px;
	margin: 0;
	width: 100%;
	text-align: center;
}
.bmOder .shop_wrap div.coupon a strong {
	font-wight: bold;
	color: #EF064E;
}
.bmOder .shop_wrap div.coupon a {
	display:block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #212121;
	background: #EFF0F2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:middle;
}
.bmOder .shop_wrap div.coupon a img {
	margin: 0 4px 4px 0;
	width: 53px;
	height:25px;
	vertical-align: middle;
}
.bmOder .shop_wrap div.coupon span {
	font-size: 12px; color: #737373;
	display: inline-block;
	margin-top: 10px;
}

/*탭*/
.tab_content {position: relative; margin: 0; border-top: 6px solid #f5f5f5;}
.tab_content .menu_content {position: relative; font-size: 0;}
.menu_content input[type="radio"] {display: none;}
.menu_content input[type="radio"] + label {
	position: sticky;
	top: 56px;
	display: inline-block;
	width: 33.33%;
	height: 46px;
	color: #787878;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	line-height: 44px;
	background: #fff;
	vertical-align: top;
	z-index: 150;
}
.menu_content input[type="radio"] + label:nth-child(6){border-right: 0;}

.menu_content input[type="radio"]:checked + label span {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 100%;
	transform: translateX(-50%);
	color: #FF8E5E;
	font-weight: bold
}
.menu_content input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	margin: 0 auto;
	width: 70%;
	border-bottom: 3px solid #FF8E5E;
	z-index: 1;
}
.menu_content .conbox {width: 100%; height: auto; background: #fff; margin: 0 auto; display: none;}
.menu_content input[id="tab01"]:checked ~ .con1 { display: block;}
.menu_content input[id="tab02"]:checked ~ .con2 { display: block;}
.menu_content input[id="tab03"]:checked ~ .con3 { display: block;}
.menu_text {
	display: block;
	margin: 10px 0 20px;
	font-size: 12px;
	font-weight: 400;
	color: #9E9E9E;
}


/* 메뉴카테고리 */
#mainNavi {
	position: sticky;
	top: 102px;
	z-index: 150;
}
.scroll-wrap {
	overflow:hidden;
	border-bottom: 1px solid #eee;
}
.scroller::-webkit-scrollbar { display: none;}
.scroller {
	padding: 18px 16px;
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-x:auto;
	background: #fff;
}
.list-nav {
	display:table;
	width:100%;
}
.list-nav li {display:table-cell;}
.list-nav li:last-of-type {padding-right: 16px;}
.list-nav li:not(:last-of-type) a {margin-right: 10px;}
.list-nav li a {
	display:block;
	padding: 0 20px;
	min-width: 62px;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	font-weight: 400;
	color: #BDBDBD;
	background: #fafafa;
	border: 1px solid #eee;
	white-space:nowrap;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}
.list-nav li.active a {
	font-weight: 500;
	color: #fff;
	background: #FF9F77;
	border: 0;
}

/*원산지표기*/
.menu_content .conbox {position: relative;}
.origin_aco, .bottom_aco {background: #E0E0E0;}
.origin_aco:before,
.origin_aco:after,
.bottom_aco::before,
.bottom_aco::after {content:''; display: block; clear:both;}
.origin_aco::after {width:100%; height: 1px; background: #F1F1F1; box-shadow: -200px 0 0 #F1F1F1, 200px 0 0 #F1F1F1;}
input[id="origin"], input[id="bottomAco"] {display: none;}
input[id="origin"] + label,
input[id="bottomAco"] + label {
	position: relative;
	display: block;
	padding: 0 16px;
	height: 42px;
}
input[id="origin"] + label span,
input[id="bottomAco"] + label span {line-height: 38px; font-size: 12px; font-weight: 400; color: #000;}
input[id="origin"] + label em,
input[id="bottomAco"] + label em {
	position: absolute;
	top: 53%;
	right: 16px;
	width: 10px;
	height: 6px;
 	transform: translateY(-50%);
 	display: inline-block;
 	background: url("../../images/userApp/arrow_b.png") no-repeat 0 -6px /10px auto;
}
input[id="origin"] + label + div,
input[id="bottomAco"] + label + div
{ max-height: 0; transition: all .35s; overflow: hidden; background: #fff; font-size: 11px;}
input[id="origin"] + label + div p,
input[id="bottomAco"] + label + div p {
	display: inline-block;
	padding: 14px 16px;
	width: 100%;
	font-size: 12px;
	color: #666;
	letter-spacing: -.5px;
	line-height: 1.5;
	background: #E0E0E0;
}
input[id="origin"]:checked + label + div,
input[id="bottomAco"]:checked + label + div {display: block; max-height: 2000px; background: #d9d9d9;}
input[id="origin"]:checked + label em,
input[id="bottomAco"]:checked + label em {background-position: 0 0px;}

/*대표메뉴 */
.main_wrap {
	/* position: relative;
	display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; */
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
}
.main_wrap div.line:nth-last-child(2) {display: none;}
.main_wrap .top {width: 100%;}
.main_wrap .bottom img {position: absolute; bottom: -16px; width: 100%; height: 32px;}
.main_wrap .menu__box {
	position: relative;
	padding: 16px;
	width: 100%;
	height: auto;
	z-index:1;
	border-bottom: 1px solid #E0E0E0;
}
.list_box {
	display: flex;
	gap: 14px;
}
.main_wrap .menu-t a div.title {
	display: block;
	word-break: break-all;
	line-height: 1.5;
}
.menu_sum {
	margin-top: 7px;
	font-size: 16px;
	font-weight: bold!important;
}
.main_wrap .menu-t a div.title .title_text {
	color: #FF8E5E;
	font-size: 16px;
	font-weight: 500;
	color: #212121;
}
.main_wrap .menu-t a div.img-t {
	max-width: 80px;
}
.main_wrap .menu-t a div.img-t img  {
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.title_wrap {
	width: 100%;
	flex: 3;
}
.title {
	flex: 3;
}
.menu__box a {display: block;}
.dot_line {position: relative; height:0; }
.dot_line span {position:absolute; left:0; right:0; width: 80%; margin: 0 auto; display: block; border: .5px solid #cecece;}
.dot_line img {
	display: block;
	padding:0 24px;
	position:absolute;
	top: 0;
	z-index: 10;
	width:100%;
}
.con1 .top_menu {
	margin: 0 16px;
	height: 46px;
	line-height: 44px;
	text-align: center;
	background:#FFF3E9;
	border-radius: 6px;
}
.con1 .top_menu h4{
	font-size: 16px;
	font-weight: 500;
	color: #FF8E5E;
}
.menu_content .con1 h4 img{
	margin-right: 4px;
	width: 14px;
	vertical-align: sub;
	line-height: 25px;
}
.menu__box a {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.title span {
	display: -webkit-box;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}
.title span:nth-child(2) {
	margin-top: 8px;
	font-size: 15px!important;
	font-weight: 500;
}
.menu {
	display: -webkit-box!important;
}
.title_line {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.title em{
	display: block;
	margin-top: 3px;
	font-size: 12px;
	color: #7b7b7b;
	letter-spacing: -0.1px;
}
.title p {display: block;}
.img-t img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
}
.deadline-img {
	margin-left: 6px;
	margin-bottom: 3px;
	height: 18px;
}
.nine {
	margin-left: 4px;
	margin-bottom: 1px;
	width: 20px;
	height: 20px;
}
.menu_disc {
	display: block;
	margin-top: 14px;
	padding: 16px;
	font-size: 12px;
	line-height: 1.5;
	color: #757575;
	background: #F5F5F5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.menu_content .con1 .dot_line {display:block; width: 100%; background: url("../../images/userApp/dot_line.png") 0 0 no-repeat / 100% auto; z-index: 8;}
/* .menu_content .con1 .accordion h4 {display: block; font-size: .7rem; padding: 0 8px; height: 30px;
line-height: 30px; background: #e8e8e8; border-bottom: 1px solid #dcdcdc;} */
.menu_content .con1 .accordion h4 img{ margin-right: 4px; width: 14px; vertical-align: sub;
line-height: 25px;}
.menu_content .con1 .accordion > div .title span:nth-child(2) {font-size: 16px!important;}
/* .menu_content .con1 .accordion > div:nth-child(9) .title span:nth-child(2) {line-height: 22px!important;} */
.menu_content .con1 .accordion .menu__box {
	position: relative; padding: 20px 16px;
}
.imgSold{
	flex: 1;
	margin-top: 32px;
	padding: 4px 8px;
	width: 38px;
	max-width: 38px;
	height: 22px;
	background-color: #C7C7C7;
	font-size: 12px;
	color: #fff;
	text-align: center;
	z-index:10;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.accordion .menu__box a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.first_line {
	margin-bottom: 3px;
}
.title span:nth-child(2) {line-height: 1.5; font-weight: 400; font-size: 15px!important; letter-spacing: -0.4px;}
.title em {display: -webkit-box; margin-top: 0; font-size: 12px;
color: #757575;}
.menu_content .con1 .menu__box a .title p {display: block;}

/*나머지메뉴_아코디언*/
.accordion h4 {
	display: block;
	padding: 0 17px 0 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	border: 0;
	line-height: 1.4;
	word-break: keep-all;
}
.menu_content .con1 .accordion input[id*="menu"] {display: none;}
.accordion input[id*="menu"] + label {
	position: relative;
	display: block;
	padding: 14px 0;
	color: #000;
	font-weight: 900;
	border-bottom: 1px solid #E0E0E0;
	background: #EEE;
}
.menu_content .conbox input[id*="menu"] + label span {display:block; font-size: 13px; color:rgba(62,62,62,.7); letter-spacing: -0.5px; line-height: 1.4;}
.menu_content .con1 .accordion input[id*="menu"] + label em {
	position: absolute;
	top: 50%;
	right: 16px;
	width: 24px;
	height: 24px;
	display: inline-block;
	transform: translateY(-50%);
	background: url("../../images/userApp/ico_acc_updw24.png") no-repeat bottom /24px auto;
}
.menu_content .con1 .accordion input[id*="menu"] + label + div {
	max-height: 0;
	overflow: hidden;
	background: #fff;
	font-size: 11px;
	transition: all .35s;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
}
.menu_content .con1 .accordion input[id*="menu"] + label + div p { display: inline-block; padding: 20px;}
.menu_content .con1 .accordion input[id*="menu"]:checked + label + div {display: block; max-height:10000px;}
.menu_content .con1 .accordion input[id*="menu"]:checked + label em {background-position: top;}

/*주의안내 텍스트*/
.menu_content .con1 .menu_txt {
	position: relative;
	padding: 16px 16px 80px;
	background: #e8e8e8;
}
.menu_content .con1 .menu_txt span {
	position: relative;
	margin-top: 4px;
	padding-left: 10px;
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #212121;
	line-height: 1.5;
}
.menu_content .con1 .menu_txt span::before {
	content: '-';
	position: absolute;
	left: 0;
}
.menu_content .con1 .menu_txt span:nth-child(6) {padding-bottom: 80px;}
.menu_content .con1 .menu_txt em {position: relative; }

/*정보 con2*/
.menu_content .con2 {padding: 8px 0 56px}
.menu_content .con2 > div {padding: 20px 16px;}
.menu_content .con2 .sec_title {}
.menu_content .con2 .sec_title h4 {
	display: inline-block;
	padding: 0 14px;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
	color:#fff;
	background: #A5A5A5;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
}
.menu_content .con2 table {
	position: relative;
	font-size: 14px;
	color: #202020;
}
.menu_content .con2 tr {
	position: relative;
	display: flex;
	line-height: 1.5
}
.menu_content .con2 tr td{
	display: inline-block;
	flex: 3;
}
.menu_content .con2 tr th {
	margin-right: 12px;
	width: 22%;
	font-weight: 500;
	text-align: left;
}
.menu_content .con2 tr th::before {
	content: '';
	display: inline-block;
	margin-right: 4px;
	width: 4px;
	height: 4px;
	background: #FF7A42;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	vertical-align: middle;
}
.menu_content .con2 .menu__box {position: relative;}
.menu_content .con2 .menu_con2 {position: relative; height: 122px;}
.menu_content .con2 .menu__box .title {position: relative; padding: 14px 16px; height: 100%;}
.menu_content .con2 .menu__box .title span {position:relative; display: block; font-size: 16px; font-weight: 500; line-height: 1.5; margin-top: 8px; color:#646363;}
.menu_content .con2 .menu__box .title span.shop_intro {display: block; font-size: 16px; font-weight: 400; line-height: 24px;}
.menu_content .con2 .menu__box .title span:nth-child(1) {margin-top: 0;}
.menu_content .con2 .menu__box .title em {padding: 0 0 0 90px; font-size: 16px; font-weight:400; line-height:1.5; color: #646363;}
.menu_content .con2 .menu__box .title p {display: block;}
.menu_content .con2 .menu__box img {position: absolute; right: 16px; top: 50%;transform: translateY(-50%); width: 64px; height: 64px;}

.review_ev {
	padding: 22px 16px 26px;
	font-size: 14px;
	color: #212121;
	background: #FFF3E9;
	border: 1px solid #FFDBBE;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.review_ev h4 {
	position: relative;
	display: inilne-block;
	margin: 0 auto 14px;
	width: 94px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #FF8E5E;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}
.review_ev h4::after {
	content: '';
	position: absolute;
	top: -2px;
	right: -44px;
	width: 32px;
	height: 30px;
	background: url(../../images/userApp/common/dt_review.png)no-repeat center/ 32px auto;
}
.review_ev span{
	line-height: 1.5;
}

/*리뷰_con3*/
.bmOder .con3 {position: relative; padding-bottom: 70px;}
.bmOder .con3 .top_con {position: relative; padding: 30px 16px 0;}
.bmOder .con3 button {margin: 0 0 22px; width: 100%; height: 50px; border: 1px solid #aaa;
background: #fff; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -.5px;}
.bmOder .con3 .top_con span {display: block; font-size: 12px; margin-bottom: 15px; color: rgba(0,0,0,.8);}

.bmOder .con3 .top_con .flex {}
.bmOder .con3 .top_con .flex {position: relative; display: flex; justify-content: space-between;}
.bmOder .con3 .top_con .flex input[type="checkbox"] {display: none;}
.bmOder .con3 .top_con .flex input[type="checkbox"] + label {position: relative; font-size: 13px;}
.bmOder .con3 .top_con .flex input[type="checkbox"] + label:before { content: ''; margin: 0 4px 0 0; display: inline-block; width: 14px; height: 14px; border: 0; position: relative; top: 4px; background: url("../../images/userApp/rev_pic_off.png") center center no-repeat / 14px auto;  transition: all .5s;}
.bmOder .con3 .top_con .flex input[type="checkbox"]:checked + label:before {background: #fff;}
.bmOder .con3 .top_con .flex input[type="checkbox"] + label:after {content: ''; position: absolute; top: 4px; left: 0; background: url("../../images/userApp/rev_pic_on.png") center center no-repeat; width: 14px; height: 14px; background-size: 0 auto; transition: all .5s .3s;}
.bmOder .con3 .top_con .flex input[type="checkbox"]:checked + label:after {background-size: 14px auto;}
.bmOder .con3 .top_con .flex div {padding: 5px; float: right; font-size: 10px; color: #333;}
.bmOder .con3 .top_con .flex a {display: inline-block;}

.bmOder .con3 .menu__box {
	position: relative;
	display: flex;
	padding: 16px;
	width: 100%;
}
.bmOder .con3 .menu__box:last-of-type {margin-bottom: 60px;}
.bmOder .con3 .menu__box img {width: 36px;height: 36px; vertical-align: middle;}
.bmOder .con3 .menu__box .r_title {
	padding: 8px 0 0;
	margin: 0 0 6px;
	vertical-align: middle;
}
.bmOder .con3 .menu__box .revw_con {}
.bmOder .con3 .menu__box .r_title h4 {font-size: 16px; font-weight: 500; color: #212121}
.bmOder .con3 .menu__box .r_title p {display: inline-block; margin-top: 6px;}
.bmOder .con3 .menu__box .r_title p img {width: 11px; height: 11px; vertical-align: middle;}
.bmOder .con3 .menu__box .r_title p span {margin: 1px 0 0 6px; font-size: 13px; color: #a5a5a5; vertical-align: middle;}
.bmOder .con3 .menu__box .r_title .modify{height:30px;}


.bmOder .con3 .r_title .iden_input {
	position: absolute;
	right: 0;
	top: 12px;
}
.bmOder .con3 .r_title .iden_input input[type="checkbox"] {display: none;}
.bmOder .con3 .r_title .iden_input input[type="checkbox"] + label {position: relative; font-size: 12px; color: rgba(0,0,0,.6);}
.bmOder .con3 .r_title .iden_input input[type="checkbox"]:nth-of-type(2) + label:before {
	content: '';
	display: inline-block;
	margin: 0 10px;
	width: 1px;
	height: 10px;
	background-color: rgba(0,0,0,.8);
}
.bmOder .con3 .r_title .iden_input input[type="checkbox"]:checked + label:before {background: #fff;}
.bmOder .con3 .r_title .iden_input input[type="checkbox"]:checked + label:after {background-size: 18px auto;}


.bmOder .con3 .top_con .flex {}
.bmOder .con3 .top_con .flex {position: relative; display: flex; justify-content: space-between;}
.bmOder .con3 .top_con .flex input[type="checkbox"] {display: none;}
.bmOder .con3 .top_con .flex input[type="checkbox"] + label {position: relative; margin:
0 -20px; font-size: 13px;}
.bmOder .con3 .top_con .flex input[type="checkbox"] + label:before { content: ''; margin: 0 4px 0 0; display: inline-block;
width: 14px; height: 14px; border: 0; position: relative; top: 2px; left: 80px; background: url("../../images/userApp/rev_pic_off.png") center center no-repeat / 14px auto;  transition: all .5s;}
.bmOder .con3 .top_con .flex input[type="checkbox"]:checked + label:before {background: #fff;}
.bmOder .con3 .top_con .flex input[type="checkbox"] + label:after {content: ''; position: absolute; top: 4px; left: 80px;
background: url("../../images/userApp/rev_pic_on.png") center center no-repeat; width: 14px; height: 14px; background-size: 0 auto; transition: all .5s .3s;}
.bmOder .con3 .top_con .flex input[type="checkbox"]:checked + label:after {position: absolute; top: 2px; left: 80px; background-size: 14px auto;}
.bmOder .con3 .top_con .flex div {padding: 0; float: right; font-size: 13px; color: #333;}
.bmOder .con3 .top_con .flex a {display: inline-block;}



/*
input[type="checkbox"] {position: absolute; left: -3000%;}
input[type="checkbox"] + label {position: relative;}
input[type="checkbox"] + label:before { content: ''; margin: 0 4px 0 0; display: inline-block; width: 20px; height: 20px; border: 1px solid #a6a6a6; border-radius: 3px; position: relative; top: 4px; transition: all .5s;}
input[type="checkbox"]:checked + label:before {background: #37dce1; border-color: #37dce1;}
input[type="checkbox"] + label:after {content: '';position: absolute; top: 0; left: 0; background: url("최종/04_img/drawable-xhdpi/common_check.png") center center no-repeat; width: 22px; height: 22px; background-size: 0 auto; transition: all .5s .3s;}
input[type="checkbox"]:checked + label:after {background-size: 12px auto;}
*/

.rev_right {
	position: relative;
	padding-left: 14px;
	width: 100%;
}


.bmOder .con3 .menu__box .r_text {
	position: relative;
	padding: 0;
}
.bmOder .con3 .menu__box .r_text .view_btn {
	margin: 12px 0;
	width: 94px;
	height: 30px;
	background: #ffaf8d;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0;
}
.bmOder .con3 .menu__box .r_text img {
	padding: 10px 0 10px 0;
	width: 100%;
	height: auto;
}
.bmOder .con3 .menu__box .r_text span {line-height: 1.618; display: block; font-size: 14px; font-weight: 400; color:#424242;}
.bmOder .con3 .menu__box .r_text span:nth-child(3) {margin: 8px 0 19px; color: #ff7800;}
.bmOder .con3 .menu__box .r_text a {font-size: 13px; color: #ff7800;}
.bmOder .con3 .menu__box .r_text {}

.remark{
	margin-right:10px;
	margin-top: 6px;
}

.soldout span{color:#a5a5a5 !important;}
.soldout > a {border-color:#a5a5a5 !important;}

.store_reply{
	background: #ebebeb;
    font-size: 14px;
    min-height: 40px;
    margin-top: 20px;
    padding: 14px;
    border-radius: 10px;
    color: #757575;
    line-height: 1.618;
}

/*top_button*/
.scrollUp {
	opacity: 0;
	pointer-events: none;
	transition: .5s;
	position: fixed;
	bottom: 16px;
	right: 16px;
	height: 46px; width: 46px;
	z-index: 150;
}
.scrollUp.active {
	bottom: 26px;
	pointer-events: auto;
	opacity: 1;
	transform:translateY(-55px);
}

/* chat-btn */
.chat-wrap {
	position: fixed;
	bottom: 86px;
	right: 16px;
	width: 60px;
	height: 60px;
	z-index: 999;
}
.chat-wrap a {display: block;}
.chat-wrap a img {
	width: 60px;
	height: 60px;
}


@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
	#main .shop_wrap .de_btn > div a {
	position: relative;
	margin: 0 auto;
	width: 20%; height: 2.8em;
	font-size: 6.3vw;
}
}

 /*갤럭시*/
 @media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {
	#main .shop_wrap .de_btn > div a {
		position: relative;
		margin: 0 auto;
		width: 18%; height: 2.4em;
		font-size: 6.3vw;
	}
}

.layer, .layer-origin {
	display: none;
	position: fixed;
	top:50%;
	left:0;
	right:0;
	margin: 0 auto;
	padding: 0 16px;
	font-size: 16px;
	text-align: center;
	z-index: 1000;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.layer .layer_inner, .layer-origin .layer-inner {
	padding-bottom: 20px;
	min-width: 328px;
	max-width: 400px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.layer h2, .layer-origin h2 {
	height: 42px;
	line-height: 42px;
	background: #eee;
	color: #212121;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: left;
	padding: 0 16px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}
.layer .text_wrap, .layer-origin .text_wrap {
	padding: 10px 16px 24px;
	max-height: 420px;
	overflow-y: scroll;
	background: #fff;
}
.layer-origin .text_wrap{
	font-size: 13px;
    text-align: left;
}
.layer table .s_text {margin-top: 14px;}
.layer table .s_text th {
	padding: 10px 0;
	background-color: #F2F2F2;
	box-sizing: border-box;
}
.layer table tr { border-bottom: 1px solid #eee;}
.layer table th {
	padding: 13px 0;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #212121;
}
.layer table td {
	padding: 13px;
	text-align: left;
	color:#212121;
	font-weight: 400;
	line-height: 1.5;
	font-size: 13px;
	word-break:break-all;
}
.layer table tr:not(:first-of-type) td {padding-top: 10px;}
/* .layer table td:nth-child(2) {
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
} */
.layer .close, .layer-origin .close {
	display: block;
	margin: 14px auto 0;
	width: 100px;
	height: 36px;
	color: #fff;
	background: #BDBDBD;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}
.layer-bg, .layer-bg-origin {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background: rgba(0,0,0,.5);
	z-index: 900;
}

/* .menu__box .livestock_info2 {

}
.menu__box .livestock_info {
	display: inline-block;
	margin-top: 7px;
	padding: 3px 10px 2px 8px;
	background: #658DF9;
	-webkit-border-radius: 3rem;
	border-radius: 3rem;
}
.menu__box .livestock_info2 span,
.menu__box .livestock_info span {
	font-size: 12px;
	color: #fff;
}
.livestock_info span::before {
	content: '';
	margin-right: 3px;
	margin-bottom: 1px;
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(../../images/userApp/common/ase-iaq-logo.png)no-repeat center/18px auto;
	vertical-align: middle;
} */

.soldout .livestock_info {opacity: 0.5}
.menu__box .livestock_info span {color:#658DF9 !important;}

.livestock_info {
    display: inline-block;
    margin-top: 8px;
    padding: 0 10px 0 8px;
    height: 22px;
    line-height: 20px;
    background: #E5ECFF;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    border: 1px solid #658DF9;
}
.livestock_info span {
    font-size: 12px;
    color: #658DF9
}
.livestock_info span::before {
    content: '';
    margin-right: 3px;
    margin-bottom: 1px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../../images/userApp/common/ase-iaq-logo.png)no-repeat center/18px auto;
    vertical-align: middle;
}

.time_pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 200;
}
.pop-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	padding-bottom: 20px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-width: 320px;
	width: 100%;
	color: #212121;
}
.pop-header {
	padding: 0 16px;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	font-weight: bold;
	color: #212121;
	background: #eee;
	border-radius: 10px 10px 0 0;
}
.pop-body {
	background: #fff;
}
.time_desc {
	display: flex;
	justify-content: center;
	padding: 12px 16px;
	border-bottom: 1px solid #eee;
}
.time_desc span {
	font-size: 12px;
	font-weight: 400;
}
.time_on {
	margin-right: 50px;
	color: #ff8e5e
}
.time_off {
	color: #BDBDBD;
}
.time_on::before,
.time_off::before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.time_on::before {background: #FF8E5E}
.time_off::before {background: #BDBDBD;}

.pop-body > input[type="date"] {
	margin-bottom: 22px;
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
}
.time_items {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 5px;
	padding: 24px 16px 40px;
}
.time_items input[id*="timeOn"][value] {
	color: #fff;
}
.time_items input[name="timeInput"][disabled] {
	border: 1px solid #BDBDBD;
	color: #BDBDBD;
}
/* .time_items input[name="timeInput"]:not(:nth-of-type(3n)) {
	margin-right: 5px;
} */
.time_items input[id*="timeOn"] {
	background: #FF8E5E!important;
	border: 0;
}
.time_items input[name="timeInput"] {
	padding: 0;
	width: 32%;
	height: 24px;
	font-size: 12px;
	text-align: center;
	border-radius: 3rem;
	background: transparent;
}
.pop-foot {
	margin-top: -1px;
	padding-bottom: 20px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	background: #fff;
}
.time_close {
	width: 108px;
	height: 40px;
	font-size: 14px;
	color: #fff;
	background: #BDBDBD;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}

.forkHist{
    margin-top:15px;
    padding:0;
    font-size:14px;
    text-align:center;
}
.forkHist span{
    font-size:inherit !important;
    background:linear-gradient(to top, #FFC400 60%, transparent 60%);
    padding:0 2px;
}