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

/* 군산 */

header {border-bottom: 1px solid #eee; }
.bmOder .hst_wrap {positon: relative;}
.bmOder .hst_wrap .odr-content {
	position: relative;
	padding: 20px 16px;
	border-bottom: 6px solid #f5f5f5;
}
.bmOder .hst_wrap .odr-content .ord_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}
.odr-content .ord_top .hst_date {
	font-size: 12px;
	color: #BDBDBD;
}
.odr-content .ord_top .detail_btn {
	display: block;
	font-size: 12px;
	color: #FF7A42;
}
.odr-content .ord_top .detail_btn span {vertical-align: middle;}
.odr-content .ord_top .detail_btn::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/userApp/common/ico_more16.png)no-repeat center/ 16px auto;
	vertical-align: middle;
}
.bmOder .hst_wrap .hst_con {	position: relative;}
.bmOder .hst_wrap .hst_con .ord_con{padding-top: 16px;}
.bmOder .hst_wrap .hst_con .ord_con h4 {
	margin: 6px 0;
	font-size: 16px;
	font-weight: bold;
	color: #212121;
}
.bmOder .hst_wrap .hst_con .ord_con .hst_sum {
	font-size: 13px;
	color: #212121;
	line-height: 1.5;
}
.hst_content {margin-right: 4px;}
.bmOder .hst_wrap .hst_con .ordStatus li{
	font-size: 14px;
	font-weight: 400;
	color: #FF8E5E;
}

.o_btn, .o_btn-flex {
	margin-top: 22px;
	height: 40px;
	line-height: 40px;
} 
.o_btn {
	font-weight: 400;
	color: #424450;
	box-sizing: border-box;
}
.o_btn a {
	margin: 0 auto;
	width: 100%;
	background: #BDBDBD;
	color: #fff;
}
.o_btn a, .o_btn-flex a {
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
	text-align: center;
	box-shadow:0px 2px 5px rgb(0 0 0 / 8%)
}

.o_btn-flex {
	margin-top: 14px;
	display: flex;
	text-align: center;
	align-items: center;
	height: 42px;
	font-size: 14px;
	font-weight: normal;
	color: #202020;	
	box-sizing: border-box;
}
.o_btn-flex a {
	display: block;
	width: 50%;
	height: 100%;
	line-height: 40px;
}

.o_btn-flex a:nth-child(1) {
	margin-right: 8px;
	background: #FF8E5E;
	color: #fff;
}
.o_btn-flex a:nth-child(2) {
	border: 1px solid #FF8E5E;
	color: #FF8E5E;
}


.bmOder .top-wrap {
	position: sticky;
	position: -webkit-sticky;
	top:50px; left: 0; right: 0;
	z-index: 100;	
}

.bmOder .hst_wrap .snb {
	box-sizing: border-box;
	padding: 20px 16px;
	background-color: #F2F2F2;
}
.bmOder .hst_wrap .snb ul.snb-list {
	margin: 0; padding:0;
	display: flex; justify-content:space-around;
}
.bmOder .hst_wrap .snb ul.snb-list li {
	width: 18%;	height: 36px; line-height: 36px;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #E6E6E6;
	border-right: 0;
}
.bmOder .hst_wrap .snb ul.snb-list li:last-of-type {
	width:28%; border-right: 1px solid #e6e6e6;
}
.bmOder .hst_wrap .snb ul.snb-list li.on {
	background: #7F838C; color: #fff;
	border: 1px solid #7f838c;
}
.bmOder .hst_wrap .snb ul.snb-list li span {
	font-size: 14px;
}
.bmOder .hst_wrap .snb div.ck-con {
	display: none;
	margin-top: 20px;
	display: flex; justify-content: space-around;
	align-items: center;
}
.bmOder .hst_wrap .snb div.ck-con span{ 
	width: 5%; text-align: center;
}
.bmOder .hst_wrap .snb div.ck-con input[type="date"]{
	height: 36px; width: 35%;
}
.bmOder .hst_wrap .snb div.ck-con button{
	width: 22%;
	height: 36px;
	margin-left: 3%;
	border:0;
	background: #7F838C;
	color: #fff;
	font-size: 14px;
}
.bmOder .hst_wrap .hst_con .re_btn {display:flex;}
.bmOder .hst_wrap .hst_con a.cancel_btn {border:1px solid #aaa; margin-right: 10px; }
.bmOder .hst_wrap .hst_con a.reOrder_btn {width: 70px; height: 38px; line-height: 38px; display: block; background:#ec6941; color: #fff;}

.bmOder .hst_wrap .hst_con .reOrder_btn {/* border: 1px solid #ff7a42;  */background: #ff7a42!important; color: #fff!important;}
.bmOder .hst_wrap .hst_con .cancel_btn {border: 1px solid #ff0000; background: #fff!important; color: #818181!important;}
.bmOder .hst_wrap .hst_con .or_btnWrap {float:left;}
.bmOder .hst_wrap .hst_con .review_btn {}
.bmOder .hst_wrap .hst_con .Order_btn {}
.bmOder .hst_wrap .hst_con .onGoing {right: 82px;}