/*@charset "euc-kr";*/
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');

:root{
	--m_c_dk: #303554;
	--m_c_100: #3e456d;
	--m_c_80: #646a8a;
	--m_c_60: #8b8fa7;
	--m_c_40: #b2b5c5;
	--m_c_30: #c5c7d3;
	--m_c_20: #d8dae2;
	--m_c_dk_bg: #;
	--m_c_bg: #f1f2f5;
	--s_c_100: #0d999c;
	--point_red: #eb5218;
	--m_txt_c: #4c4c4c;
	--white: white;
}




/* login */
.login_top{
	margin-bottom: 15%;
	text-align: center;
	width: 100%;
}
.login_top > p{
	color: var(--m_c_100);
}
.login_logo{
	background: url('/_setting/caffebenelb/_img/lb_logo.svg') no-repeat;
	height: 100px;
	background-position: center;
	background-size: contain;
	margin-bottom: 24px;
}
.login_middle > input{
	border: 1px solid white;
	margin-bottom: 16px;
}
.user_nav{
	/*position: fixed;*/
	margin-top: 40px;
	bottom: 32px;
	width: 100%;
	text-align: center;
	color: var(--m_c_100);
}
.user_nav a{
	display: inline-block;
	font-size: 14px;
}
.user_nav a:after{
	content: "|";
	padding: 0 12px;
	color: inherit;
	font-size: inherit;
}
.user_nav a:last-child:after{
	content: none;
}
.login_middle{
	z-index: 1;
}
/* password_lost */
.certify_wrap .certify_box:last-child > input, .certify_wrap .certify_box:last-child > button{
	background-color: var(--m_c_30);
	pointer-events:none;
	color: white;
}
.certify_wrap .certify_box:last-child > input::-webkit-input-placeholder{
	color: var(--white);
}
.certify_wrap.on .certify_box:first-child > input, .certify_wrap.on .certify_box:first-child > button{
	background-color: #c3c3c3;
	pointer-events:none;
	color: white;
}
.certify_wrap.on .certify_box:last-child > input::-webkit-input-placeholder{
	color: #b5b6b6;
}
.certify_wrap.on .certify_box:last-child > input{
	background-color: white;
	pointer-events: inherit;
	color: #4c4c4c;
}
.certify_wrap.on .certify_box:last-child > button{
	background-color: var(--m_c_100);
	pointer-events: inherit;
}
.certify_wrap.all .certify_box:first-child > input, .certify_wrap.all .certify_box:first-child > button, .certify_wrap.all .certify_box:last-child > input, .certify_wrap.all .certify_box:last-child > button{
	background-color: #c3c3c3;
	pointer-events:none;
	color: white;
}
.pw_lost_box{
	display: none;
}
.pw_lost_box.on{
	display: block;
}
.certify_box{
	overflow: hidden;
}
.certify_box > input{
	float: left;
}
.certify_box > button{
	float: right;
}
.phone_count{
	position: absolute;
	top: 35px;

	right: 96px;
	display: none;
}
.phone_count ul li{
	font-size: 13px;
	line-height: 16px;
	text-align: right;
}
.phone_count ul li:last-child{
	color: var(--point_red);;
}
.certify_wrap.on .phone_count{
	display: block;
}
.pass_btn > button:first-child{
	width: 100%;
}
.pass_btn > button:last-child{
	display: none;
}
.pass_btn.on > button:last-child{
	display: block;
}
.pass_btn.on > button:first-child{
	width: 50%;
}

/* main */
.main_h > .main_logo{
	margin: 16px;
	background: url('/_setting/caffebenelb/_img/lb_logo.svg') no-repeat;
	background-size: contain;
	background-position: center left;
	height: 28px;
}
.main_wrap{
	overflow: hidden;
	overflow-y: scroll;
}
.info_wrap{
	position: relative;
	padding: 72px 16px 24px 16px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	background: url('/_setting/caffebene/_img/main_top_bg.png') no-repeat;
	background-size: cover;
	background-position: bottom;
}
.info_wrap p{
	color: var(--m_c_100);
	line-height: 26px;
	font-size: 20px;
}
.charge_info_wrap ul li{
	color: var(--m_c_100);
	font-weight: 700;
	text-align: right;
	line-height: 1.2em;
}
.charge_info_wrap ul li:nth-child(1){
	font-size: 12px;
}
.charge_info_wrap ul li:nth-child(2){
	font-size: 20px;
	color: var(--point_red);
}
.charge_info_wrap ul li:nth-child(3){
	position: relative;
	margin-top: 12px;
}
.charge_info_wrap ul li:nth-child(3) a{
	background: url('/_img/barcode.svg') no-repeat;
	height: 28px;
	width: 100px;
	background-position: center;
	background-size: cover;
}
.charge_info_wrap ul li:nth-child(3) p{
	font-size: 10px;
	color: black;
	padding: 0px 12px;
	position: absolute;
  top: 50%;
  left: 50%;
  background-color: white;
  transform: translate(-50%, -50%);
  display: flex;
  white-space: nowrap;
  line-height: initial;
  font-weight: 700;
}
.info_wrap p strong, .info_wrap p span{
	font-weight: 900;
}
.info_ad{
	overflow: hidden;
	margin-bottom: 16px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 16px;
	width: inherit;
}
.swiper-wrapper .swiper-slide > a{
	height: 1px;
	padding-bottom: 20%;
	height: 1px;
	padding-bottom: 36%;
}
.swiper-wrapper .swiper-slide:nth-child(2) > a{
	background: url('/_setting/caffebenelb/_img/ad_img_01.png');
	background-size: cover;
}
.swiper-wrapper .swiper-slide:nth-child(3) > a{
	background: url('/_setting/caffebenelb/_img/ad_img_02.png');
	background-size: cover;
}
.swiper-wrapper .swiper-slide:nth-child(4) > a{
	background: url('/_setting/caffebenelb/_img/ad_img_01.png');
	background-size: cover;
}
.menu_btn{
	position: relative;
	padding: 0 16px;
	overflow: hidden;
	text-align: center;
}
.menu_btn a{
	width: 100%;
	border-radius: 8px;
	padding: 16px;
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
}
.menu_btn a:last-child{
	margin-bottom: 0;
}
.menu_btn a:nth-child(1){
	background-color: var(--s_c_100);
}
.menu_btn a:nth-child(2){
	background-color: var(--m_c_100);
}
.menu_btn a .txt{
	display: flex;
	justify-content: space-between;
}
.menu_btn a .txt ul li{
	color: white;
	text-align: left;
}
.menu_btn a .txt ul li:first-child{
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 8px;
}
.menu_btn a .txt .img{
	width: 30%;
	/*background: url('/_img/menu_img.svg') no-repeat;
	background-position: bottom right;*/
	background-color: white;
	-webkit-mask: url('/_img/menu_img.svg') no-repeat;
	mask: url('/_img/menu_img.svg') no-repeat;
	mask-size: auto;
	-webkit-mask-size: 38px;
	mask-position: bottom right;
	-webkit-mask-position: bottom right;
}
.menu_btn a:nth-child(2) .txt .img{
	-webkit-mask-image: url('/_img/charge.svg');
	mask-image: url('/_img/charge.svg');
	-webkit-mask-size: 54px;
}
.close_info{
	background-color: rgba(0,0,0,0.7);
	color: white;
}
.menu_btn a.on .close_info{
	display: none;
}
.menu_btn a.off{
	pointer-events: none;
}
.best_menu_wrap{
	overflow: hidden;
	overflow-x: scroll;
	width: 100%;
	padding: 16px 0;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.best_menu_wrap::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.best_menu_scroll{
	width: 573px;
}
.best_menu_wrap ul li{
	display: inline-block;
	margin-right: 16px;
}
.best_menu_wrap ul li:first-child{
	/*margin-left: 16px;*/
}
.best_menu_wrap ul > li > a > p{
	font-size: 15px;
	line-height: 16px;
	text-align: center;
	position: relative;
	word-break: normal;
	width: 90px;
	height: 34px;
	text-overflow:ellipsis;
	word-wrap:normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
.menu_img_wrap{
	width: 95px;
	height: 95px;
	border-radius: 50px;
	-moz-box-shadow: 0px 10px 8px #f0f0f0;
	-webkit-box-shadow: 0px 10px 8px #f0f0f0;
	box-shadow: 0px 10px 8px #f0f0f0;
	background-color: white;
	position: relative;
	overflow: hidden;
}
.no_img{
	background: url('/_img/no_img.png') no-repeat;
	background-size: 100% !important;
	background-position: 2px center !important;
	width: 100%;
	height: 100%;
}
.menu_img{
	background: url('../../img/img[<?=$_GET['GBL_BID']?>]/menu_img.png') no-repeat;
	background-size: 96px !important;
	background-position: left top !important;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.charge_img{
	background: url('/_img/charge.svg') no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.hr_sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: var(--s_c_100);
	font-weight: 700;
	padding: 16px 16px 0;
}
.hr_sect::after {
	content: "";
	flex-grow: 1;
	background-color: var(--s_c_100);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin-left: 16px;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: white;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.cart_count{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: white;
	border-radius: 8px;
	font-size: 11px;
	background-color: var(--point_red);;
	text-align: center;
	font-weight: 700;
}
.main_menu_img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.best_menu_box:first-child .main_menu_img img{
	width: 120%;
	height: 130%;
	top: -5px;
	left: -10px;
}
.best_menu_box:last-child .main_menu_img img{
	width: 120%;
	height: 134%;
	top: -8px;
	left: -9px;
	background-color: white;
}

/* notice */
.notice_shop{
	background-color: #3e70ef;
	color: white;
	text-align: center;
	border-radius: 12px 12px 0px 0px;
	padding: 12px 16px 20px 16px;
	width: 100%;
}
.notice_content{
	background-color: white;
	position: relative;
	top: -8px;
	border-radius: 8px;
	border-bottom: 4px solid #3e70ef;
	width: 100%;
}
.notice_title{
	padding: 12px 0px 12px 0px;
	text-align: center;
	margin: 0 20px;
	color: black;
	border-bottom: 1px solid #d1d1d1;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.notice_txt{
	height: 320px;
	overflow-y: auto;
}
.notice_txt_wrap{
	padding: 18px 0 18px 20px;
}
.notice_txt p{
	padding-right: 20px;
	font-size: 14px;
	word-break: break-all;
	text-align: justify;
}
.notice_btn{
	position: relative;
	top: -8px;
	width: 100%;
}
.notice_btn ul li a{
	color: white;
	padding: 10px 0;
	font-size: 15px;
}

/* order_list */
.search_wrap{
	padding: 16px 16px 0px 16px;
	background: white;
	position: relative;
}
.search_wrap > input{
	border: none;
	padding: 5px 48px 5px 24px;
	text-align: left;
	font-size: 14px;
	background-color: #f5f5f5;
}
.search_wrap > input::-webkit-input-placeholder {
	color: #969495;
	font-size: 14px;
}
.search_wrap > input:-ms-input-placeholder {
	color: #969495;
	font-size: 14px;
}
.search_wrap > button{
	position: absolute;
	top: 16px;
	right: 24px;
	padding: 8px;
	background-color: transparent;
	font-size: 0px;
}
.menu_scroll{
	background-color: white;
	padding: 16px 0;
	overflow: hidden;
	overflow-x: scroll;
	width: 100%;-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.menu_scroll::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.menu_scroll ul {
	width: 900px;
}
.menu_scroll ul li{
	display: inline-block;
	margin-right: 16px;
}
.menu_scroll ul li:first-child{
	margin-left: 16px;
}
.menu_scroll ul li a{
	padding: 4px 16px;
	background-color: var(--m_c_30);
	color: white;
	border-radius: 6px;
}
.menu_scroll ul li a.on{
	background-color: var(--m_c_100);
}
.order_list{
	padding: 16px;
	background-color: white;
	min-height: 98px;
	box-sizing: border-box;
	position: relative;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.sold_out_box{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	background-color: rgba(64,64,64,0.8);
	z-index: 10;
	border-radius: 6px;
	color: white;
}
.list_img_wrap{
	width: 90px;
	height: 98px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px;
	overflow: hidden;
}
.menu_txt{
	/*height: 66px;*/
	position: relative;
}
.menu_txt ul{
	padding-left: 86px;
	padding-bottom: 4px;
}
.menu_txt ul li{
	font-size: 15px;
}
.menu_txt ul li:first-child{
	font-weight: 700;
}
.menu_txt ul li:nth-child(2){
	color: #969495;
	font-size: 13px;
	height: 19px;
}
.menu_txt ul li:last-child{
	color: #f39800;
}
.cart_add_btn{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 98px;
	display: none;
}
.cart_add_btn > button{
	background-color: var(--m_c_100);
	width: 100px;
	color: white;
	padding: 4px 7px;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: 16px;
	right: 16px;
}
.cart_add_btn.on > button{
	background-color: var(--point_red);;
}
.cart_add_btn > button:after{
	content: "장바구니 담기 +";
}
.cart_add_btn.on > button:after{
	content: "장바구니 빼기 -";
}
.order_list_box{
	position: relative;
	margin-bottom: 16px;
}
.order_list_box .menu_txt ul{
	text-align: right;
}
.order_list_box:last-child{
	margin-bottom: 0;
}
.option_name{
	overflow: hidden;
	padding-left: 26px;
}
.option_name ul{
	overflow: hidden;
}
.option_name ul li{
	font-size: 15px;
}
.option_name ul li:first-child{
	color: var(--m_c_100);
}
/*
.option_name ul li:first-child, .total_price_txt ul li:first-child{
	float: left;
}
.option_name ul li:last-child, .total_price_txt ul li:last-child{
	float: right;
}
*/
.option_name > ul > li:first-child{
	float: left;
}
.option_name > ul > li:last-child{
	float: right;
}
.option_box{
	/*border-top: 1px solid #9b9b9b;*/
	/*margin-top: 16px;*/
	position: relative;
}
.option_list{
	border-bottom: 1px solid #d5d4d3;
	padding: 14px 0;
}
.option_list:last-child{
	border-bottom: 1px solid #9b9b9b;
}
.order_total_wrap{
	padding: 14px 0;
	/*border-top: 1px solid #9b9b9b;*/
	/*border-bottom: 1px solid #9b9b9b;*/
}

/*
.total_price_txt{
	overflow: hidden;
}
.total_price_txt{
	margin-bottom: 6px;
}
.total_price_txt:last-child{
	margin-bottom: 6px;
}
.total_price_txt:last-child li:last-child{
	color: var(--point_red);;
}
.order_total_wrap.ma_t32 > .total_price_txt{
	margin-bottom: 0;
}
.total_price_txt ul{
	overflow: hidden;
}
.total_price_txt ul li{
	color: black;
}
.total_price_txt.save_point{
	color: #3274e6;
}
.use_point{
	display: flex;
}
.use_point li input{
	width: initial;
	padding-top: 2px;
	padding-bottom: 2px;
}
*/
.total_price_txt > ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 32px;
}
.total_price_txt:last-child > ul li:last-child{
	color: var(--point_red);
	font-weight: 700;
}
.save_point ul li:last-child{
	color: #3274e6;
}
.point_wrap{
	border-top: 1px solid #d5d4d3;
	border-bottom: 1px solid #d5d4d3;
	padding: 8px 0px;
	margin:  8px 0px;
}
.point_wrap > ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 28px;
}
.point_wrap > ul li > ul{
	display: flex;
	align-items: center;
}
.point_wrap > ul li > ul > li input{
	padding-top: 0px;
	padding-bottom: 0px;
	width: 74px;
	border-radius: 4px;
	margin: 0 4px;
	text-align: right;
}
.point_wrap > ul li > ul > li a{
	background-color: var(--m_c_100);
	color: white;
	font-size: 12px;
	height: 23px;
	line-height: 21px;
	padding: 0 8px;
	border-radius: 4px;
}

.close_btn{
	position: absolute;
	right: 0;
	/*z-index: 2000;*/
	z-index: 10;
	background-color: #f5f5f5;
	width: 100%;
}
.close_btn a{
	float: right;
	line-height: 1;
	padding: 16px;
}
.close_btn > a img{
	width: 16px;
}
.toggle_submit{
	left: inherit;
	right: 0;
	position: absolute;
	z-index: 100;
}
.any_btn{
	position: absolute;
	right: 0;
	width: 50%;
	animation-delay: 0;
	/*animation-name: boxDelay;*/
	/*animation:boxDelay 1s ease-in 1 Alternate;*/
	animation-timing-function: linear;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes boxDelay{
	from{
		right: 0;
		width: 50%;
	}
	to{
		right: 0;
		width: 100%;
	}
}
@-webkit-keyframes boxDelay_no{
	from{
		right: 0;
		width: 100%;
	}
	to{
		right: 0;
		width: 50%;
	}
}
.delivery_box{
	padding: 16px;
	background-color: white;
	box-sizing: border-box;
	position: relative;
	border-radius: 16px 16px 0px 0px;
	margin-bottom: 0;
	overflow: hidden;
}
.delivery_box div:nth-child(3){
	margin-bottom: 16px;
}
.charge_box{
	padding: 16px;
	background-color: white;
	box-sizing: border-box;
	position: relative;
	border-radius: 16px 16px 0px 0px;
	margin-bottom: 0;
	overflow: hidden;
}
.charge_box div:nth-child(3){
	margin-bottom: 16px;
}
.order_detail_wrap {
	position: fixed;
	bottom: -70%;
	left: 0;
	right: 0;
	transition: 0.3s;
	z-index: 200;
}
.op_bk_hide{
	background-color: rgba(64,64,64,0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 100;
}
.op_bk_hide_etc{
	background-color: rgba(64,64,64,0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 100;
}
.detail_txt ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
	border-bottom: 1px solid #d5d4d3;
}
.detail_txt ul:last-child{
	border-bottom: 0;
}
.detail_txt ul li{
	padding: 10px 0;
}
.detail_txt .current_point{
	border-top: 1px solid var(--m_c_100);
	border-bottom: 1px solid var(--m_c_100);
}
.detail_txt .current_point li{
	color: var(--m_c_100);
	font-weight: 700;
}
.detail_txt .dt_total li:first-child{
	font-weight: 700;
	color: black;
}
.detail_txt .dt_total li:last-child{
	color: var(--point_red);
	font-weight: 700;
	font-size: 18px;
}


/* order */
.point_txt{
	font-weight: 500;
	color: var(--m_c_100);
	margin-bottom: 8px;
}
.point_txt_or{
	font-weight: 500;
	color: var(--point_red);;
	margin-bottom: 8px;
}
.order_box, .cart_box{
	padding: 16px;
	background-color: white;
	box-sizing: border-box;
	position: relative;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
	margin-bottom: 16px;
	overflow: hidden;
}
.order_box:last-child{
	margin-bottom: 0;
}
.select_btn{
	position: absolute;
	bottom: 0;
	right: 0;
}
.select_btn ul {
	height: 24px;
	padding-bottom: 0;
	padding-left: 16px;
	float: left;
}
.select_btn ul li:nth-child(1) {
	background: url(/_img/minus_img.png) no-repeat;
	border-radius: 4px 0px 0px 4px;
}
.select_btn ul li:nth-child(3) {
	background: url(/_img/plus_img.png) no-repeat;
	margin-left: -1px;
	border-radius: 0px 4px 4px 0px;
}
.select_btn ul li {
	float: left;
}
.select_btn ul li a {
	width: 100%;
	height: 100%;
}
.select_btn ul li input {
	height: 24px;
	width: 32px;
	border: 1px solid #eaeaea;
	padding: 3.5px;
	vertical-align: top;
	margin-left: -1px;
	text-align: center;
	border-radius: inherit;
	font-size: 14px;
}
.select_btn ul li:nth-child(1), .select_btn ul li:nth-child(3) {
	width: 26px;
	height: 100%;
	border: 1px solid #eaeaea;
	background-size: 24px;
	background-position: center;
}
.select_btn button{
	float: right;
}
.select_btn .amount_count{
	float: left;
	font-size: 14px;
	padding-top: 2px;
}
.order_info{
	clear: both;
	padding: 16px 16px 0 16px;
	overflow: hidden;
}
.order_info_txt{
	font-size: 15px;
	float: left;
	margin-right: 10px;
	color: #969495;
	width: 56px;
}
.order_list_txt{
	float: right;
	width: calc(100% - 66px);
}
.order_info ul{
	clear: both;
}
.order_info ul li{
	font-size: 15px;
	float: left;
}
.order_info ul li:nth-child(2){
	float: right;
}
.total_price{
	background-color: #969495;
	padding: 16px;
	clear: both;
	margin-top: 16px;
	overflow: hidden;
}
.total_price ul li{
	float: left;
	color: white;
	font-weight: 700;
}
.total_price ul li:last-child{
	float: right;
}
.delivery_add{
	display: none;
}
.delivery_add input{
	padding: 10px;
	font-size: 15px;
	text-align: left;
}
.delivery_add input::-webkit-input-placeholder {
	font-size: 15px;
}
.delivery_add input:-ms-input-placeholder {
	font-size: 15px;
}
.delivery_add button{
	font-size: 15px;
	padding: 11px 10px;
}
.shop_cup_wrap{
	position: relative;
	margin: 16px -4px;
	overflow: hidden;
}
.shop_cup_wrap ul li{
	width: 33.333%;
	float: left;
	padding: 0 4px;
}
.shop_cup_wrap ul li p{
	font-size: 12px;
	color: #9b9b9b;
}
.shop_cup_wrap label{
	width: 100%;
	text-align: center;
	background-color: white;
	align-items: center;
	justify-content: center;
	display: flex !important;
	display: -webkit-flex !important;
	-webkit-align-item: center !important;
	-webkit-justify-content: center;
	flex-direction: column;
	height: 48px;
	padding: 0 12px !important;
	font-size: 15px;
	line-height: 17px;
	border-radius: 6px;
	border: 1px solid #ebebeb;
}
.radio_btn input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 16px;
	height: 16px;
	text-align: center;
	background: transparent;
	border: none;
}
.shop_cup_wrap input[type="radio"]:checked + label{
	border: 1px solid #3857a7;
	background-color: #3857a7;
	color: white;
}
.shop_cup_wrap input[type="radio"]:checked + label p{
	color: white;
}
.shop_cup_wrap input[type="radio"]:checked + label:before {
	background: transparent;
	border-color: none;
}
.shop_cup_wrap input[type="radio"]:checked + label:after {
	background: transparent;
}

/* cart */
.order_box > .check{
	margin-bottom: 6px;
}
.cart_txt ul{
	padding-left: 22px;
	margin-bottom: 16px;
	overflow: hidden;
}
.cart_txt ul li{
	float: left;
	font-size: 15px;
}
.cart_txt ul li:after{
	content: "ㅣ";
}
.cart_txt ul li:last-child:after{
	content: "";
}
.cart_total_price ul{
	overflow: hidden;
	padding-top: 16px;
	border-top: 1px solid #d5d4d3;
}
.cart_total_price ul li{
	float: left;
	font-weight: 500;
	color: black;
	font-size: 15px;
}
.cart_total_price ul li:last-child{
	float: right;
	color: black;
}
.order_box > button{
	background-color: transparent;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 0;
	z-index: 10;
}
.order_box > button > img{
	width: 14px;
}
.order_list_wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 48px;
}
.order_list_wrap > .list_box, .order_list_wrap > .submit_btn{
	display: none;
}
.order_list_wrap.on > .list_box, .order_list_wrap.on > .submit_btn{
	display: block;
}
.order_list_wrap.on > .flex_box{
	display: none;
}

/* order_confirm */
.confirm_title{
	color: var(--m_c_100);
	font-size: 18px;
	margin-bottom: 24px;
	font-weight: 700;
}
.order_confirm > p{
	color: black;
	line-height: 30px;
}

/*order_check */
.date_btn ul{
	width: calc(100% - 54px);
	margin-left: -3px;
	overflow: hidden;
	float: left;
}
.date_btn ul li {
	width: 50%;
	float: left;
	padding: 0 3px;
	box-sizing: border-box;
}
.date_btn ul li input{
	font-size: 15px;
	padding: 9px;
	height: 44px;
}
.date_btn button{
	float: right;
}
.order_name{
	font-size: 15px;
	font-weight: 500;
	color: black;
	margin-bottom: 8px;
}
.cart_date{
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #d5d4d3;
	font-size: 16px;
	overflow: hidden;
}
.cart_date ul li{
	float: left;
	font-weight: 700;
	color: black;
}
.cart_date ul li:last-child{
	float: right;
}
.view_detail{
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #3857a7 !important;
}
/*
.order_check_wrap > .order_box, .order_check_wrap > .page_no_wrap{
	display: none;
}
.order_check_wrap > .order_box, .order_check_wrap.on > .page_no_wrap{
	display: block;
}
*/
.order_check_wrap.on > .flex_box{
	display: none;
}
.or_list_txt p{
	font-size: 15px;
}

/*order_check_list */
.order_history_list{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-top: 16px;
}
.or_list_title{
	padding: 12px 0px;
	overflow: hidden;
}
.or_list_title ul{
	clear: both;
}
.or_list_title ul li{
	float: left;
	font-size: 15px;
	color: black;
}
.or_list_title ul li:last-child{
	float: right;
}
.or_list_hi{
	clear: both;
	padding: 12px 0px;
	border-top: 1px solid #999999;
}
.or_list_hi ul{
	clear: both;
	margin-bottom: 6px;
	overflow: hidden;
}
.or_list_hi ul:last-child{
	margin-bottom: 0;
}
.or_list_hi ul li:first-child{
	width: 68px;
}
.or_list_hi ul li:last-child{
	width: calc(100% - 68px);
}
.or_list_hi ul li{
	float: left;
	color: #333;
	font-size: 15px;
}

/* conditions */
.condition_title{
	color: var(--m_c_100);
	font-weight: 900;
	font-size: 17px;
	margin-bottom: 16px;
}
.rule_box{
	font-size: 14px;
}
.rule_box table td{
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.rule_sub_title{
	color: black;
	font-weight: 500;
	font-size: 15px;
}
.about_company{
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
	padding: 16px 0;
}
.about_company ul:nth-child(2){
	border-top: 1px solid #d5d4d3;
	padding-top: 16px;
	margin-top: 16px;
}

/* admin_order_check */
.admin_logout a{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	padding: 15px 16px;
}
.admin_search{
	padding: 0;
	background-color: transparent;
}
.admin_search > input{
	background-color: white;
	font-size: 15px;
	padding: 10px;
	border: 1px solid #eaeaea;
	color: #4c4c4c;
}
.admin_search > button{
	right: 4px;
	top: 7px;
}
.admin_search > input::-webkit-input-placeholder {
	color: #4c4c4c;
	font-size: 14px;
}
.admin_search > input:-ms-input-placeholder {
	color: #4c4c4c;
	font-size: 14px;
}
.admin_order_history_wrap{
	text-align: center;
}
.admin_order_history_wrap{
	text-align: center;
	margin-top: 16px;
}
.admin_order_history_wrap.off p{
	display: flex;
}
.admin_order_history_wrap.off .admin_order_history{
	display: none;
}
.admin_order_history_wrap.on p{
	display: none;
}
.admin_order_history_wrap.on .admin_order_history{
	display: block;
}
.admin_order_history_wrap p{
	color: #333;
	font-size: 15px;
}
.admin_order_history table{
	width: 100%;
}
.admin_order_history th, .admin_order_history td{
	padding: 7px 2px;
	line-height: 18px;
	word-break: keep-all;
}
.admin_order_history th{
	background-color: #a2968d;
	color: white;
	font-size: 13px;
	font-weight: 500;
}
.admin_order_history td{
	color: #333;
	font-size: 13px;
	border-bottom: 1px solid #d7d2ce;
	height: 40px;
}
.admin_order_history tr:last-child td{
	border-bottom: 1px solid #a2968d;
}
.admin_order_history tr td a{
	font-size: 13px;
}
.state_list tr.off td:nth-child(5){
	color: red;
}
.state_list tr.on td:nth-child(5){
	color: #007aff;
}
.del_ok{
	font-size: 11px !important;
	line-height: 11px !important;
	color: red !important;
}
.admin_order_history tr td:nth-child(2){
	text-align: left;
	padding-left: 8px;
}
.admin_nav ul li{
	width: 50%;
	padding: 6px 16px 8px 16px;
}
.admin_nav ul li a{
	text-align: center;
	padding: 0;
	padding-bottom: 12px;
	color: #9d9d9d;
	border-bottom: 2px solid white;
	font-size: 14px;
}
.admin_nav ul li a.on{
	color: #333;
	border-bottom: 2px solid #333;
	font-weight: 500;
}
.admin_date ul{
	width: calc(100% - 72px);
}
.admin_date ul li{

}
.notice_txt_box{
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	bottom: 164px;
}
.notice_chk{
	float: right;
}

/* admin_order_check list */
.delivery_check_btn{
	background-color: var(--point_red);;
	border-radius: 0;
	color: white;
	width: 100%;
	border-radius: 6px;
	padding: 11px 0;
}
.delivery_check_btn.on{
	background-color: #898989;
	pointer-events: none;
}
.delivery_check_btn:after{
	content: "배달완료 하기"
}
.delivery_check_btn.on:after{
	content: "배달완료"
}
.pay_check_btn.on{
	background-color: #898989;
	pointer-events: none;
}
.pay_check_btn:after{
	content: "결제취소 하기"
}
.pay_check_btn.on:after{
	content: "결제취소 완료"
}
.delivery_btn_wrap{
	padding: 16px 0px 0px 0px;
}

/* admin_login */
.admin_bg{
	background: url(../../img/img[<?=$_GET['GBL_BID']?>]/admin_bg.png) no-repeat;
	background-size: cover;
	background-position: right top !important;
}
@media (min-width: 1024px) { 
	.login_top {
		margin-bottom: 120px;
	}
}
.admin_bg .login_top p{
	font-size: 20px;
	font-weight: 500;
}
.admin_btn{
	width: 72px;
	float: right;
}
.admin_btn > button{
	background-color: #eb6c18;
	font-weight: 900;
	height: 109px;
}
.admin_input{
	width: calc(100% - 84px);
	float: left;
}
.auto_login{
	display: none;
}

/* order_detail */
.or_title{
	font-size: 16px;
	font-weight: 700;
	color: var(--m_c_100);
}
.order_detail_box{
	padding: 0 16px;
	background-color: white;
	box-sizing: border-box;
	position: relative;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
	overflow: hidden;
}
.order_detail{
	padding: 16px 0;
	border-bottom: 1px solid #d5d4d3;
	position: relative;
}
.order_detail:last-child{
	border-bottom: 0;
}
.order_detail ul li:first-child{
	font-weight: 900;
	font-size: 18px;
	color: black;
	margin-bottom: 12px;
}
.order_detail ul li:last-child{
	width: calc(100% - 100px);
	font-size: 15px;
}
.order_detail p{
	position: absolute;
	right: 16px;
	bottom: 16px;
	font-size: 15px;
}
.order_detail_box .or_list_hi{
	border-top: 0;
}
.order_detail_box > .or_list_hi ul.off{
	display: none;
}
.or_list_hi a{
	font-size: 15px;
}
.to_pr > .or_list_hi ul li {
	color: black;
	font-size: 17px;
}
.to_pr > .or_list_hi ul li:first-child{
	width: inherit;
}
.to_pr > .or_list_hi ul li:last-child{
	width: inherit;
	float: right;
	color: black;
	font-weight: 700;
}
.to_pr > .or_list_hi:last-child{
	border-top: 1px solid #d5d4d3;
}
.to_pr > .or_list_hi:last-child ul:last-child li:last-child{
	color: var(--point_red);;
}
.or_cancel li{
	color: var(--point_red); !important;
}

/* 충전 빼기(나중에 다시 살려야함) */
/*.charge_info_wrap{
	display: none;
}
.menu_btn a:last-child{
	display: none;
}*/
/*
.order_list_box a[data-code='2633|4955|90'] {
	background-color: red;
}
*/

.delivery_box_close{
	background: url(/_img/close_btn.png) no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 12px;
	right: 18px;
	background-size: cover;
	z-index: 1;
}