/* 정기배송 css */
/* regular calendar */
.regular_calendar .wrap_table {
	width: 100%;
}

.regular_calendar .wrap_table tr.selectWeek01 {
	width: 100%;
}

.regular_calendar .wrap_table tr td {
	width: calc(100% / 7);
	height: 78px;
	border: 1px solid #f8f8f8;
	position: relative;
}

.regular_calendar .wrap_table tr td a {
	height: 78px;
	padding: 12px;
	display: block;
}

.regular_calendar .wrap_table tr td span {
	background: transparent;
	display: block;
	height: 78px;
}

/* Datepicker paging button */
.ui-datepicker .ui-datepicker-prev span {
	background: url(/content/images/prev_arrow_b.png) no-repeat center center;
	background-size: 8px auto;
}

.ui-datepicker .ui-datepicker-next span {
	background: url(/content/images/next_arrow_b.png) no-repeat center center;
	background-size: 8px auto;
}

.ui-datepicker .ui-corner-all.ui-state-disabled span {
	opacity: 0.25;
}

/* Disabled */
.regular_calendar .wrap_table tr > td:last-child a,
.wrap_table tr > td:last-child span {
	color: #2a74e2;
}

.regular_calendar .wrap_table tr > td.ui-datepicker-other-month a,
.wrap_table tr > td.ui-datepicker-other-month span {
	color: #c8c8c8 !important;
}

.regular_calendar .wrap_table tr > td:first-child a,
.wrap_table tr > td:first-child span {
	color: #ff4e70;
}

.regular_calendar .tit {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 30px auto;
}

.regular_calendar .desc {
	text-align: center;
	font-size: 1.4rem;
	position: relative;
	margin: 15px auto 40px;
}

.regular_calendar .table_cost {
	font-size: 1.4rem;
}

.regular_calendar .table_cost thead {
	background-color: #695fbf;
}

.regular_calendar .table_cost thead td {
	color: #fff;
	padding: 7px 4px;
}

.regular_calendar .table_cost td {
	border: 1px solid #fff;
	text-align: center;
}

.regular_calendar .table_cost tbody td {
	padding: 15px 4px;
}

.regular_calendar .table_cost tbody td:nth-child(4),
.regular_calendar .table_cost tbody td:nth-child(5) {
	text-align: left;
}

.regular_calendar .table_cost tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
}

.regular_calendar .table_cost tbody td:nth-child(3) {
	font-weight: 500;
}

.regular_calendar .table_cost tbody td .discount {
	border-radius: 100px;
	background-color: #d9d9d9;
	padding: 1px 7px;
}

.wrap_table tr > td:first-child a,
.wrap_table tr > td:first-child span {
	color: #ff4e70;
}

.wrap_table tr > td:nth-child(5) a,
.wrap_table tr > td.ui-datepicker-other-month:nth-child(5) span {
	background: #d2d8ff;
}

.wrap_table .ui-state-default {
	padding: 12px;
}

.wrap_table tr > td:nth-child(5) a:before {
	content: "결제일";
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

.box-active-next {
	position: relative;
	background-color: #eff4ff !important;
}

.box-active-next.cancel:before {
	content: "취소가능일" !important;
	position: absolute;
	font-size: 14px;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

.box-active-next.cancel {
	background-color: #fff5f5 !important;
}

.box-active-next.preparation {
	background-color: #eff4ff !important;
}

.box-active-next.preparation:before {
	content: "출고예상일" !important;
	position: absolute;
	font-size: 14px;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

.box-active-next.available:before {
	content: "배송가능일" !important;
	position: absolute;
	font-size: 14px;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

/* regular table */
.regular_table .table_cost {
	font-size: 1.4rem;
}

.regular_table .table_cost thead {
	background-color: #695fbf;
}

.regular_table .table_cost thead td {
	color: #fff;
	padding: 7px 8px;
}

.regular_table .table_cost td {
	border: 1px solid #fff;
	text-align: center;
}

.regular_table .table_cost tbody td {
	padding: 12px 8px;
}

.regular_table .table_cost tbody td br {
	display: none;
}

.regular_table .table_cost tbody td:nth-child(4),
.regular_table .table_cost tbody td:nth-child(5) {
	text-align: center;
}

.regular_table .table_cost tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
}

.regular_table .table_cost tbody td:nth-child(3) {
	font-weight: 500;
}

.regular_table .table_cost tbody td .discount {
	border-radius: 100px;
	background-color: #d9d9d9;
	padding: 1px 7px;
	font-size: 11px;
}

.regular_calendar_desc {
	font-size: 14px;
	margin: 15px 0 0 0;
	padding-left: 8px;
	position: relative;
}

.regular_table_desc {
	font-size: 14px;
	margin: 15px 0 0 0;
}

.regular_calendar_desc:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	left: 0;
	top: 5px;
}

.regular_table_desc span {
	display: block;
	margin: 4px 0;
	padding-left: 8px;
	position: relative;
}

.regular_table_desc span:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	left: 0;
	top: 5px;
}