@charset "utf-8";


/* 멤버쉽 */
.memberShip {
	text-align: center;
	border-top: 1px solid #222
}

	.memberShip li {
		border-bottom: 1px solid #e5e5e5;
		padding: 20px 0 15px 0
	}

	.memberShip .grade {
		font-size: 22px;
		width: 90px;
		margin: 0 auto 15px auto;
		color: #ccaa7a;
	}

	.memberShip dt {
		font-size: 13px;
		color: #222;
		line-height: 18px;
		margin-bottom: 12px
	}

	.memberShip dd {
		background: #fafafa;
		padding: 15px;
		font-size: 11px;
		color: #222;
		line-height: 18px
	}

		.memberShip dd em {
			color: #444
		}

/*마이페이지 - 멤버쉽 관리*/
.membership-benefit {
	padding: 15px 0;
	background: #f9f9f9;
	text-align: center;
	margin: 20px 0;
}

	.membership-benefit p {
		font-size: 20px;
		color: #222;
	}

		.membership-benefit p em {
			font-weight: bold;
		}

/*주문서 : 추천인 입력*/
.input-recom-box {
	display: inline-block;
	position: relative;
}

.form-control-clear {
	position: absolute;
	display: block;
	right: 7px;
	bottom: 12px;
	width: 16px;
	height: 16px;
	background: url('/Res/U/W/BABY/img/common/ico_del_32x32.png') no-repeat;
	cursor: pointer;
	background-size: contain;
}

	.form-control-clear.hidden {
		display: none;
	}

/* 아기 정보 */
.infoMyTop.baby {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: -15px
}

	.infoMyTop.baby .babyName {
	}

	.infoMyTop.baby .img {
		width: 80px;
		height: 80px;
		border: 1px solid #e9e9e9;
		border-radius: 50%;
		overflow: hidden
	}

	.infoMyTop.baby .selectboxList {
		display: inline-block;
		position: relative;
		margin-top: 15px;
	}

		.infoMyTop.baby .selectboxList .selectResult {
			position: relative;
			display: block;
			border-bottom: 2px solid #222;
			padding: 8px 50px 8px 0;
			line-height: 1
		}

			.infoMyTop.baby .selectboxList .selectResult:after {
				display: block;
				content: '';
				width: 11px;
				height: 6px;
				background: url(/Res/U/M/BABY/img/mypage/arr_select_baby.png) no-repeat;
				background-size: 11px;
				position: absolute;
				top: 15px;
				right: 2px;
			}

			.infoMyTop.baby .selectboxList .selectResult strong {
				font-size: 16px;
				font-family: 'NotoKR-Medium';
				color: #222
			}

			.infoMyTop.baby .selectboxList .selectResult span {
				font-size: 11px;
				color: #222;
				margin-left: 8px;
				line-height: 1
			}

		.infoMyTop.baby .selectboxList .selectList {
			display: none;
			position: absolute;
			left: 0;
			right: 0
		}

	.infoMyTop.baby .babyData {
		font-size: 0;
		margin-top: 15px;
		margin-bottom: 18px
	}

		.infoMyTop.baby .babyData li {
			position: relative;
			display: inline-block;
			width: 33%
		}

			.infoMyTop.baby .babyData li:before {
				display: block;
				content: '';
				width: 1px;
				height: 25px;
				background: #f7f7f5;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -12px
			}

			.infoMyTop.baby .babyData li:first-child:before {
				display: none
			}

			.infoMyTop.baby .babyData li em {
				display: block;
				font-size: 13px;
				color: #666;
				margin-bottom: 3px
			}

			.infoMyTop.baby .babyData li span {
				display: block;
				font-size: 14px;
				font-family: 'Roboto-Medium';
				color: #222
			}

				.infoMyTop.baby .babyData li span strong {
					font-family: 'Roboto-Medium';
				}

	.infoMyTop.baby .hashTag {
		text-align: left;
		border-top: 1px solid #f7f7f5;
		padding: 11px 0;
		font-size: 0
	}

		.infoMyTop.baby .hashTag a {
			display: inline-block;
			font-size: 13px;
			color: #222;
			margin-right: 13px;
		}

.babyMenu {
	text-align: center;
	padding-top: 20px;
}

	.babyMenu .babyTit {
		margin-bottom: 10px
	}

		.babyMenu .babyTit .tit {
			display: block;
			font-size: 14px;
			font-family: 'NotoKR-Medium';
			color: #222;
			line-height: 1;
			margin-bottom: 10px
		}

		.babyMenu .babyTit .date {
			display: block;
			font-size: 11px;
			font-family: 'Roboto-Regular';
			color: #666;
			line-height: 1
		}

	.babyMenu .list {
		position: relative;
	}

		.babyMenu .list .slideWrap {
			font-size: 0;
			padding-left: 20px;
			padding-right: 20px
		}

			.babyMenu .list .slideWrap li {
				display: inline-block;
				vertical-align: top;
				padding: 0 10px;
				width: 33.33%;
			}

				.babyMenu .list .slideWrap li .name {
					display: block;
					font-size: 13px;
					font-family: 'NotoKR-Regular';
					color: #444;
					margin-top: 2px
				}

		.babyMenu .list .btnCtrl a {
			display: block;
			text-indent: -999em;
			width: 20px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 20px;
			position: absolute;
			top: 38%;
		}

			.babyMenu .list .btnCtrl a.btnPrev {
				left: 0;
				background-image: url(/Res/U/M/BABY/img/mypage/btn_baby_prev.png)
			}

			.babyMenu .list .btnCtrl a.btnNext {
				right: 0;
				background-image: url(/Res/U/M/BABY/img/mypage/btn_baby_next.png)
			}

	.babyMenu .btnArea .sBtns {
		display: block;
		width: 130px;
		margin: 0 auto;
		border-radius: 15px
	}

.babyList {
	margin-bottom: 10px;
	position: relative;
}

	.babyList .babyListWrap {
		width: 100%;
	}

		.babyList .babyListWrap #BabyName {
			border-bottom: 0;
		}

		.babyList .babyListWrap .ui-datepicker-trigger {
			display: none;
		}

	.babyList input[type="date"] {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 40px;
		/*padding: 0 20px;*/
		/*border: 1px solid #ccc;*/
		background: #fff;
		color: #888;
		font-size: 13px;
		line-height: 38px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		.babyList input[type="date"]::-webkit-clear-button {
			display: none;
		}

		.babyList input[type="date"]::-webkit-inner-spin-button {
			display: none;
		}

		.babyList input[type="date"]::-webkit-calendar-picker-indicator {
			position: Absolute;
			width: 100%;
			height: 100%;
			font-size: 0;
			opacity: 0;
			z-index: 3;
		}
		/*.babyList input[type="date"]::before {content:attr(placeholder);}*/
		.babyList input[type="date"]:focus::before {
			content: '' !important;
		}

		.babyList input[type="date"]:hover {
			cursor: pointer;
			z-index: 5;
		}

/*식단주문 : IndexInfo*/
.indexInfo {
	margin: 0;
}

	.indexInfo ul {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 5px;
	}

		.indexInfo ul li {
			width: 25%;
			padding: 7px;
			color: #F35668;
			background: #FEF2F3;
			/*background: #eee;*/
			display: table-cell;
			font-size: 12px;
			letter-spacing: -1px;
			;
			text-align: center;
		}

/*식단주문 : indexList*/
.indexList {
	margin: 5px 0;
}

	.indexList li:after {
		display: block;
		clear: both;
		content: '';
	}

	.indexList li .tit {
		background: #f8f8f8;
		position: relative;
	}

		.indexList li .tit div {
			padding: 15px 15px;
			display: block;
			line-height: 20px;
		}

			.indexList li .tit div strong {
				display: inline-block;
				font-size: 14px;
				padding-right: 5px;
			}

			.indexList li .tit div span.age-of-month {
				display: inline-block;
				font-size: 14px;
				color: #c08f54
			}

			.indexList li .tit div span.weight {
				display: inline-block;
				font-size: 12px;
			}

	.indexList li .info {
		padding: 20px 15px;
	}

		.indexList li .info:after {
			display: block;
			clear: both;
			content: '';
		}

		.indexList li .info .thum {
			display: inline-block;
			width: 90px;
			height: 90px;
			border: 1px solid #ccc;
			float: left;
			position: relative;
			overflow: hidden;
		}

			.indexList li .info .thum .thum-info {
				position: absolute;
				bottom: 0;
				right: 0;
				padding: 2px;
				background: #8f7564;
				color: #fff;
				font-size: 11px;
			}

		.indexList li .info dl {
			padding-left: 30px;
			display: inline-block;
			width: calc(100% - 90px);
			float: left;
			font-size: 12px;
			letter-spacing: -.8px;
		}

			.indexList li .info dl dt {
				margin-bottom: 10px;
			}

			.indexList li .info dl dd {
				line-height: 16px;
				margin-bottom: 10px;
			}

				.indexList li .info dl dd.noti {
					font-size: 11px;
					color: #555555;
				}


/* 적립금 내역 */
.mileageBox {
	background: #fff;
	margin-bottom: 15px
}

	.mileageBox .mileageAble {
		text-align: center;
		border: 1px solid #e5e5e5;
		margin-top: -1px;
	}

		.mileageBox .mileageAble dl {
			overflow: hidden;
			padding: 18px 14px;
		}

		.mileageBox .mileageAble dt {
			font-size: 14px;
			color: #666;
			float: left;
		}

		.mileageBox .mileageAble dd {
			font-size: 14px;
			color: #222;
			float: right;
		}

			.mileageBox .mileageAble dd.add-stt {
				font-size: 11px !important;
				font-family: 'Roboto-Light';
				padding-top: 18px;
				position: absolute;
				right: 30px;
			}

			.mileageBox .mileageAble dd em {
				font-size: 16px;
				font-family: 'Roboto-Medium';
				color: #730000;
			}

	.mileageBox .mileageMax {
		border-top: 1px solid #e5e5e5
	}

		.mileageBox .mileageMax dl {
			margin-top: 10px
		}

			.mileageBox .mileageMax dl:after {
				display: block;
				clear: both;
				content: ''
			}

		.mileageBox .mileageMax dt {
			float: left;
			font-size: 13px;
			color: #666
		}

		.mileageBox .mileageMax dd {
			float: right;
			font-size: 13px;
			font-family: 'Roboto-Medium';
			color: #222
		}


/* 멤버쉽 관리 */
.membershipBox {
	background: #fff;
	margin-bottom: 15px
}

	.membershipBox .deposit {
		text-align: center;
		border: 1px solid #e5e5e5;
		margin-top: -1px;
	}

		.membershipBox .deposit dl {
			overflow: hidden;
			padding: 18px 14px;
		}

		.membershipBox .deposit dt {
			font-size: 14px;
			color: #666;
			float: left;
		}

		.membershipBox .deposit dd {
			font-size: 14px;
			color: #222;
			float: right;
		}

			.membershipBox .deposit dd em {
				font-size: 16px;
				font-family: 'Roboto-Medium';
				color: #730000;
			}


/* 식단주문 */
.calendarBoxArea {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}

	.calendarBoxArea .unselect {
		background: #F3F5F9;
	}

	.calendarBoxArea .select {
		background: #FFF4F4;
	}

	.calendarBoxArea .calCell.select .day.sun {
		background: #FFF4F4;
	}

	.calendarBoxArea .holiday {
		background: #fff;
	}

	.calendarBoxArea .calRow {
		display: table-row;
	}

		.calendarBoxArea .calRow.select {
			background: #ffeaea;
		}

	.calendarBoxArea .callHeader {
		display: table-row;
		text-align: center;
	}

	.calendarBoxArea .calCell {
		position: relative;
		display: table-cell;
		border-left: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		height: 70px;
		padding: 0;
		border-radius: 0;
	}

		.calendarBoxArea .calCell:nth-child(7) {
			border-right: 1px solid #e6e6e6;
		}

	.calendarBoxArea .calDay {
		padding: 8px 0 8px 0;
		display: table-cell;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #e6e6e6;
		color: #666;
		font-size: 12px;
		font-family: 'Roboto-Regular';
		font-weight: 700
	}

		.calendarBoxArea .calDay.sun {
			color: #ee5050 !important
		}

		.calendarBoxArea .calDay.sat {
		}

	.calendarBoxArea .calCell .stateImg.first {
		opacity: 0.3;
	}

	.calendarBoxArea .calCell .day {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		padding: 5px 0 0 5px;
		text-align: left;
		display: block;
		height: 100%;
		width: 100%;
		font-size: 12px;
		color: #666;
		font-family: 'Roboto-Medium';
	}

		.calendarBoxArea .calCell .day.dow {
			color: #222;
			border-left: 1px solid #c26161;
			border-bottom: 1px solid #c26161;
			border-right: 1px solid #c26161;
			border-top: 0;
		}

			.calendarBoxArea .calCell .day.dow.top {
				border-top: 1px solid #c26161;
			}

		.calendarBoxArea .calCell .day.sun {
			color: #ee5050 !important;
			background: #F3F5F9;
		}

	.calendarBoxArea .calCell .dayOff {
		position: absolute;
		top: 20px;
		left: 0;
		z-index: 2;
		font-size: 13px;
		font-weight: 700;
		color: #EE5050;
		width: 100%;
		text-align: center;
	}

	.calendarBoxArea .calCell .dayAlternative {
		position: absolute;
		top: 32px;
		left: 6px;
		font-size: 10px;
	}

	.calendarBoxArea .calCell .day.sat {
	}

	.calendarBoxArea .calCell .day.first {
		background: #555555;
		color: #fff;
	}

	.calendarBoxArea .calCell .day em {
		display: block;
		position: absolute;
		left: -16px;
		top: -21px;
		width: 62px;
		height: 23px;
		padding: 2px 0 0 0;
		vertical-align: top;
		font-size: 11px;
		color: #fff;
		font-family: 'NotoKR-Regular';
		background: url(/Res/U/M/BABY/img/common/bg_tip.png) no-repeat left top;
		background-size: 100% 100%;
		z-index: 1;
	}

	.calendarBoxArea .calCell .tag.receive {
		background: #555555;
		color: #fff;
		width: 100%;
		position: absolute;
		bottom: 0;
		font-size: 10px;
		text-align: center;
	}

		.calendarBoxArea .calCell .tag.receive span {
			display: block;
		}

	.calendarBoxArea .calCell .state {
		display: block;
		font-size: 11px;
		color: #666;
		font-family: 'NotoKR-Regular';
	}

		.calendarBoxArea .calCell .state.receipt {
			color: #555555;
		}

		.calendarBoxArea .calCell .state.allergy {
			position: relative;
			padding: 0 0 0 13px;
			color: #9d2235;
		}

			.calendarBoxArea .calCell .state.allergy:after {
				position: absolute;
				left: 0;
				top: 2px;
				display: block;
				content: "";
				width: 11px;
				height: 11px;
				background: url(/Res/U/M/DEF/img/common/ico_allergy.png) no-repeat left top;
				background-size: 100% 100%;
			}

	.calendarBoxArea .calCell .stateImg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		padding: 5px 2px 5px 2px;
		white-space: nowrap;
	}

		.calendarBoxArea .calCell .stateImg span {
			display: inline-block;
			width: 11px;
			height: 11px;
		}

#contents.order .chkSelect {
}

#contents.order .selCalendar .selectBox {
	border: 0;
	font-size: 22px;
	color: #222;
	font-family: 'Roboto-Medium';
}

#contents.order .selCalendar:after {
	right: auto;
	left: 105px;
	margin-top: -1px;
}

.select-period {
	position: relative;
	width: 100%;
}

	.select-period:after {
		display: block;
		clear: both;
		content: ''
	}

	.select-period li {
	}

		.select-period li a {
			display: block;
			position: relative;
			padding: 9px 9px 9px 39px;
			margin: 0 0 -1px 0;
			height: 40px;
			background: url('/Res/U/W/BABY/img/common/bg_rad02_default.png') no-repeat 10px center;
			border: 1px solid #e6e6e6;
			color: #222;
			font-size: 14px;
			line-height: 20px;
			font-weight: 500;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		.select-period li:first-child a {
			margin-left: 0
		}

		.select-period li.on a {
			z-index: 1;
			background: url('/Res/U/W/BABY/img/common/bg_rad02_checked.png') no-repeat 10px center;
			border: 1px solid #c26161;
			background-color: #f9f9f9;
		}

	.select-period span {
		display: inline-block;
		vertical-align: top !important;
	}
	/* .select-period .week {width:25px;} */
	.select-period .price span {
		text-align: left;
	}

	.select-period .price-sale {
		width: 68px;
		font-size: 12px;
		color: #c26161;
	}

		.select-period .price-sale strong {
			font-family: 'Roboto';
			font-weight: 700;
			font-size: 14px;
		}

	.select-period .price-rate {
		width: 68px;
		font-size: 12px;
		color: #730000;
		text-align: right;
		float: right;
	}

	.select-period .price-ori {
		padding-left: 4px;
		width: 70px;
		font-size: 12px;
		color: #888;
	}

		.select-period .price-ori del {
			font-family: 'Roboto';
			font-weight: 500;
			font-size: 12px;
		}

	.select-period .ico-badge {
		float: right;
	}

.deliveryChkBox {
	position: relative;
	display: box;
	display: -webkit-box;
	box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align: center;
}

	.deliveryChkBox span {
		display: block;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	}

		.deliveryChkBox span.week {
			text-align: left;
			font-weight: 700;
		}

		.deliveryChkBox span.deliveryChkSum {
			font-size: 13px;
			color: #c26161;
			font-family: 'NotoKR-Medium';
			width: 15%;
			text-align: right;
		}

			.deliveryChkBox span.deliveryChkSum em {
				font-size: 13px;
				color: #c26161;
				font-family: 'Roboto-Medium';
			}

		.deliveryChkBox span.saleSum {
			color: #888;
			font-family: 'NotoKR-Regular';
			text-decoration: line-through;
			width: 20%;
			text-align: right;
		}

			.deliveryChkBox span.saleSum em {
				color: #888;
				font-family: 'Roboto-Medium';
			}

		.deliveryChkBox span.save {
			height: 20px;
			text-align: center;
			color: #730000;
			width: 20%;
			font-size: 11px;
			text-align: right;
			font-weight: 600;
		}

.totalBox {
	position: relative;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
	background: #faf7f0;
	border: 1px solid #faf7f0;
}

	.totalBox p {
		font-size: 14px;
		color: #222;
		font-family: 'NotoKR-Regular';
	}

	.totalBox .qtyNum {
		position: absolute;
		right: 15px;
		top: 50%;
		width: 108px;
		margin-top: -14px;
	}

		.totalBox .qtyNum .inpText {
			width: 50px;
			padding: 0 5px;
		}

.totalPrice {
	overflow: hidden;
}

	.totalPrice p.tit {
		margin: 2px 0 0 0;
		float: left;
		font-size: 13px;
		color: #222;
		font-family: 'NotoKR-Regular';
	}

	.totalPrice .priceArea {
		float: right;
	}

	.totalPrice span:first-of-type {
		margin-left: 0;
	}

	.totalPrice span {
		margin-left: 8px;
		font-size: 14px;
		color: #730000;
		font-family: 'NotoKR-Regular';
	}

		.totalPrice span em {
			font-size: 18px;
			color: #730000;
			font-family: 'Roboto-Medium';
		}

		.totalPrice span.oPrice {
			font-size: 12px;
			color: #888;
			font-family: 'NotoKR-Regular';
			text-decoration: line-through;
		}

			.totalPrice span.oPrice em {
				font-size: 12px;
				color: #888;
				font-family: 'Roboto-Regular';
			}


.btnShare {
	margin-top: 15px;
	text-align: right;
	display: table;
	table-layout: fixed;
	font-size: 0;
	width: 100%;
}

	.btnShare a {
		margin-left: 10px;
		display: inline-block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		width: 30px;
		height: 30px;
	}

		.btnShare a:first-of-type {
			margin-left: 0;
		}


.btnCart:before {
	margin: 12px 6px 0 0;
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 19px;
	height: 20px;
	background: url(/Res/U/M/DEF/img/common/ico_cart.png) no-repeat center center;
	background-size: 19px 20px;
}

.btnHart:before {
	margin: 13px 6px 0 0;
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 19px;
	height: 17px;
	background: url(/Res/U/M/DEF/img/common/ico_hart.png) no-repeat center center;
	background-size: 19px 17px;
}

.btnFacebook {
	background: url(/Res/U/M/DEF/img/common/btn_facebook.png) no-repeat left top;
	background-size: 30px;
}

.btnKakao {
	background: url(/Res/U/M/DEF/img/common/btn_kkakko.png) no-repeat left top;
	background-size: 30px;
}

.loginBox .txt {
	color: #888;
	margin-top: 30px;
}

.loginSns dl {
	position: relative;
	margin-bottom: 50px;
	width: 100%;
	padding-right: 100px;
	display: table;
	min-height: 40px;
}

	.loginSns dl dt {
		display: table-cell;
		vertical-align: middle;
		font-weight: 350;
	}

	.loginSns dl dd {
		position: absolute;
		left: 0;
		top: 35px;
		font-size: 0;
		display: table-cell;
	}

		.loginSns dl dd a {
			width: 40px;
			height: 40px;
			border: 1px solid #000;
			vertical-align: top;
			margin-left: 8px;
			background-size: 14px;
			background-position: center center;
			background-repeat: no-repeat;
		}

			.loginSns dl dd a:first-child {
				margin-left: 0;
			}

			.loginSns dl dd a.btnNaver {
				border: 1px solid #00b236;
				background-size: 50px;
				background-image: url(/Res/U/M/BABY/img/user/btn_ico_naver.png)
			}

			.loginSns dl dd a.btnKakao {
				border: 1px solid #f3d800;
				background-size: 50px;
				background-image: url(/Res/U/M/BABY/img/user/btn_ico_kakao.png)
			}

			.loginSns dl dd a.btnApple {
				border: 1px solid #000;
				background-size: 50px;
				background-image: url(/Res/U/M/BABY/img/user/btn_ico_apple.png)
			}

.date {
	padding: 0 15px 0 15px;
}

.order .txtDate {
	font-size: 12px;
	color: #444;
	font-family: 'Roboto-Medium';
	margin-bottom: 10px;
}

.labelGold {
	padding-top: 2px;
	margin-left: 15px;
	width: 61px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background: #b28850;
}

.tipTit {
	margin: -1px 0;
	position: relative;
	padding: 6px 15px 0 30px;
	height: 30px;
	font-size: 12px;
	color: #222;
	font-family: 'NotoKR-Regular';
	background: #f7f7f5;
	z-index: 1;
}

	.tipTit:before {
		position: absolute;
		left: 15px;
		top: 50%;
		margin-top: -6px;
		display: block;
		content: "";
		width: 11px;
		height: 11px;
		background: url(/Res/U/M/DEF/img/common/ico_allergy.png) no-repeat left top;
		background-size: 100% 100%;
	}

.btnFixFooter {
	background: #fff;
	padding: 10px 15px;
	box-shadow: 0 -1px 10px rgba(0,0,0,0.15);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%; /* height:50px; */
	z-index: 16;
	display: flex;
	flex-direction: row;
	gap: 10px
}

	.btnFixFooter .btns {
		border-radius: 6px
	}

	.btnFixFooter .btnFixWrap {
		padding-left: 68px
	}

	.btnFixFooter .btnAttenProd {
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 68px;
		height: 50px;
		padding-top: 28px;
		text-align: center;
		font-size: 11px;
		color: #222;
		border-left: 1px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		background: #fff url(/Res/U/M/DEF/img/common/btn_hart.png) no-repeat center 9px;
		background-size: 19px 17px;
	}

	.btnFixFooter .btnOrder {
		display: block;
		width: 100%;
		height: 50px;
		padding-top: 12px;
		background: #911027;
		text-align: center;
		font-size: 16px;
		color: #fff;
		font-family: 'NotoKR-Medium';
	}

	.btnFixFooter .btnCartProd {
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 68px;
		height: 50px;
		padding-top: 28px;
		text-align: center;
		font-size: 11px;
		color: #222;
		border-left: 1px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		background: #fff url(/Res/U/M/BABY/img/common/ico_cart.png) no-repeat center 9px;
		background-size: 19px 17px;
	}

	.btnFixFooter .optionWrap {
		position: relative;
		display: none;
		padding: 15px;
		border-top: 1px solid #e5e5e5;
		background: #fff
	}

		.btnFixFooter .optionWrap .btnOptionClose {
			display: block;
			text-indent: -999em;
			position: absolute;
			left: 0;
			right: 0;
			top: -21px;
			margin: 0 auto;
			width: 75px;
			height: 21px;
			background: url(/Res/U/M/DEF/img/common/btn_option_close.png) no-repeat;
			background-size: 75px
		}

	.btnFixFooter .optionBox .selectWrap {
		display: block
	}

	.btnFixFooter .optionBox .boxBuyList .item {
		position: relative;
		margin-top: 15px;
		background: #f7f7f5;
		padding: 20px 15px
	}

		.btnFixFooter .optionBox .boxBuyList .item .name {
			display: block;
			font-size: 14px;
			font-family: 'NotoKR-Regular';
			color: #222;
			line-height: 1;
			margin-bottom: 15px
		}

		.btnFixFooter .optionBox .boxBuyList .item .itemBtm:after {
			display: block;
			clear: both;
			content: '';
		}

		.btnFixFooter .optionBox .boxBuyList .item .itemBtm .qtyNum {
			display: inline-block;
			float: left
		}

		.btnFixFooter .optionBox .boxBuyList .item .itemBtm .price {
			display: block;
			float: right;
			font-size: 14px;
			color: #222;
			line-height: 1;
			padding-top: 15px
		}

			.btnFixFooter .optionBox .boxBuyList .item .itemBtm .price em {
				font-family: 'Roboto-Medium'
			}

		.btnFixFooter .optionBox .boxBuyList .item .btnBuyDel {
			display: block;
			text-indent: -999em;
			width: 20px;
			height: 20px;
			background: url(/Res/U/M/DEF/img/common/btn_buy_del.png) no-repeat;
			background-size: 20px;
			position: absolute;
			top: 15px;
			right: 15px
		}

	.btnFixFooter.open {
		z-index: 15
	}

		.btnFixFooter.open .optionWrap {
			display: block
		}

		.btnFixFooter.open .btnFixWrap {
			padding-left: 0;
			display: table;
			width: 100%
		}

		.btnFixFooter.open .btnAttenProd {
			display: none
		}

		.btnFixFooter.open .btnCartProd {
			display: table-cell;
			width: 50%
		}

		.btnFixFooter.open .btnOrder {
			display: table-cell;
			width: 50%;
			border-left: 1px solid #740d1f
		}

	/* 토핑 카페고리 옵션창 : 20221001 areum */
	.btnFixFooter .opt_panel {
		display: block;
		width: 100%;
		height: 200px;
		background-color: #fff;
		border-radius: 30px 30px 0 0;
		box-shadow: 0px 0px 8px rgb(0 0 0 / 60%);
	}

	.btnFixFooter .opt_tit {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid #999;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20px;
	}

		.btnFixFooter .opt_tit h3 {
			font-size: 18px;
			font-weight: 700;
			color: #700000;
		}

		.btnFixFooter .opt_tit a {
			display: block;
			width: 18px;
			height: 18px;
			font-size: 0;
			background: url(/Res/U/M/BABY/img/common/opt_close_button.png) 50% no-repeat;
			background-size: 15px;
		}

	.btnFixFooter .opt_list {
		width: 100%;
		padding: 20px;
		padding: 12px 20px 0 20px;
	}

		.btnFixFooter .opt_list li {
			line-height: 1.6;
			padding: 7px;
		}

			.btnFixFooter .opt_list li label {
				font-size: 17px;
				color: #000;
			}

input[name="selectedItem"] {
	margin-right: 10px;
}

.prodView .tabGroup .tabContent {
	padding: 30px 0 0 0;
}

.prodView .orderInfo {
	padding-bottom: 30px;
}

.orderInfo {
}

.infoList {
}

	.infoList li:first-of-type {
		margin-top: 0;
		color: #444;
	}

	.infoList li {
		margin-top: 24px;
		color: #444;
	}

		.infoList li dl dt {
			margin-bottom: 9px;
			font-size: 14px;
			font-family: 'NotoKR-Medium';
		}

		.infoList li dl dd {
			font-size: 12px;
			line-height: 18px;
		}

			.infoList li dl dd p img {
				width: 100% !important;
				height: 100% !important;
			}

.prodtxtBox {
	padding: 0 15px 30px 15px;
}

	.prodtxtBox.bdBtmLine {
		border-bottom: 8px solid #f7f7f5
	}

	.prodtxtBox p {
		font-size: 14px;
		font-family: 'NotoKR-Medium';
		color: #444;
	}

		.prodtxtBox p em {
			color: #b28850;
		}

	.prodtxtBox .btnArea {
		margin-top: 15px;
	}

.btnBrown {
	background: #665a52
}

	.btnBrown span {
		color: #fff
	}

/* 이유식 배송현황 */
.step-delivery {
	position: relative;
	padding: 15px;
	min-height: 100px;
}

	.step-delivery span {
		display: block;
		font-weight: 300;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	.step-delivery .step-delivery-statue {
		font-size: 0;
		text-align: center;
		display: table;
		width: 100%;
		table-layout: fixed;
		margin-top: 35px;
		padding: 0;
	}

		.step-delivery .step-delivery-statue li {
			position: relative;
			text-align: center;
			padding: 0;
			display: inline-block;
			vertical-align: middle;
			float: left;
			width: 25%;
			margin-bottom: 5px;
		}

			.step-delivery .step-delivery-statue li:first-child {
				padding-left: 0
			}

			.step-delivery .step-delivery-statue li:after {
				display: block;
				content: '';
				width: 100%;
				height: 2px;
				background: #e7e2df;
				position: absolute;
				top: 24%;
				right: 0%;
			}

			.step-delivery .step-delivery-statue li:first-child:after {
				right: 0;
				width: 50%;
			}

			.step-delivery .step-delivery-statue li.on:after {
				background: #8f7564
			}

			.step-delivery .step-delivery-statue li:first-child.on:after {
				background: #8f7564;
				width: 50%;
			}

			.step-delivery .step-delivery-statue li.on:last-child:after {
				background: #8f7564;
				right: 0;
			}
			/*.step-delivery .step-delivery-statue li:nth-child(4):after{background:#8f7564;right:30%;}*/
			/*.step-delivery .step-delivery-statue li:nth-child(5):before{display:block;content:'';width:70%;height:2px;background:#e7e2df;position:absolute;top:20px;right:50px;}
.step-delivery .step-delivery-statue li:nth-child(5).on:before{display:block;content:'';width:70%;height:2px;background:#635f5c;position:absolute;top:20px;right:50px;}
.step-delivery .step-delivery-statue li:nth-child(8):after{display:none;}
.step-delivery .step-delivery-statue li:nth-child(9):before{display:block;content:'';width:70%;height:2px;background:#e7e2df;position:absolute;top:20px;right:50px;}
.step-delivery .step-delivery-statue li:nth-child(9).on:before{display:block;content:'';width:70%;height:2px;background:#635f5c;position:absolute;top:20px;right:50px;}*/
			.step-delivery .step-delivery-statue li:last-child:after {
				background: #e7e2df;
			}

			.step-delivery .step-delivery-statue li.on {
				z-index: 5
			}

				.step-delivery .step-delivery-statue li.on .statue {
					color: #fff;
					background: #8f7564;
					border: none;
					position: relative;
					padding-top: 50%;
				}

					.step-delivery .step-delivery-statue li.on .statue span {
						color: #fff;
						height: 40%;
					}

					.step-delivery .step-delivery-statue li.on .statue:after {
						display: inline-block;
						content: "";
						position: absolute;
						width: 120%;
						padding-top: 120%;
						background: rgba(154,131,116,0.2);
						top: -10%;
						left: -10%;
						border-radius: 50%;
						z-index: -1;
					}

				.step-delivery .step-delivery-statue li.on .date {
					color: #8f7564;
					margin-top: 5%;
				}

				.step-delivery .step-delivery-statue li.on .carton {
					color: #8f7564;
				}

			.step-delivery .step-delivery-statue li a {
				display: block;
			}

			.step-delivery .step-delivery-statue li .statue {
				display: block;
				width: 50%;
				padding-top: 40%;
				border: 4px solid #dfdcd3;
				box-sizing: border-box;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -25%;
				z-index: 11;
			}

				.step-delivery .step-delivery-statue li .statue span {
					font-size: 3vw;
					font-weight: 500;
					text-align: center;
					color: #888;
					display: table-cell;
					vertical-align: middle;
					margin: auto;
					position: absolute;
					top: 0;
					right: 0;
					left: 0;
					bottom: 0;
					height: 50%;
				}

			.step-delivery .step-delivery-statue li .date {
				display: block;
				font-size: 3vw;
				color: #888;
				margin: 55% 0 0 0;
				text-align: center;
				padding: 0;
				height: 25px;
			}

			.step-delivery .step-delivery-statue li .carton {
				display: block;
				font-size: 3vw;
				color: #888;
				text-align: center;
				padding: 0;
				margin-top: -10px;
				height: 25px;
			}

			.step-delivery .step-delivery-statue li .step-delivery-msg {
				display: none;
				position: absolute;
				top: -77%;
				left: 0;
				right: -30%;
			}

				.step-delivery .step-delivery-statue li .step-delivery-msg span {
					position: relative;
					display: inline-block;
					font-size: 13px;
					color: #fff;
					background: #b28850;
					padding: 8px 18px;
					border-radius: 14px;
					z-index: 5;
					white-space: nowrap;
					text-align: center
				}

					.step-delivery .step-delivery-statue li .step-delivery-msg span:after {
						display: block;
						content: '';
						width: 10px;
						height: 10px;
						background: url('/Res/U/W/BABY/img/mypage/arr_delivery_tip.png') no-repeat;
						position: absolute;
						bottom: -10px;
						left: 0;
						right: 0;
						margin: 0 auto
					}

			.step-delivery .step-delivery-statue li:first-child .step-delivery-msg {
				right: -100px;
				left: -100px
			}

			.step-delivery .step-delivery-statue li.on.last .step-delivery-msg {
				display: block
			}

	.step-delivery .deliver-count {
		display: block;
		position: absolute;
		top: 15px;
		right: 0;
		background: #8f7564;
		border-radius: 12.5px;
		width: auto;
		height: 25px;
		color: #fff;
		text-align: center;
		margin: 0 15px 0 0;
		padding: 0 10px;
		font-size: 12px;
		line-height: 25px;
	}

	.step-delivery .deliver-btn {
		display: block;
		position: absolute;
		top: 15px;
		right: 76px;
		margin: 0 15px 0 0;
		padding: 0;
	}

		.step-delivery .deliver-btn .btn {
			display: block;
			border: 1px solid #8f7564;
			border-radius: 12.5px;
			width: 70px;
			height: 25px;
			line-height: 25px;
			color: #8f7564;
			text-align: center;
			padding: 0;
			margin: 0;
			font-size: 12px;
		}

	.step-delivery .deliver-info {
		display: block;
		position: absolute;
		top: 15px;
		left: 15px;
		margin: 0;
		padding: 0;
		font-size: 11px;
		text-align: left;
	}

/*툴팁*/
.tooltipLayerArea {
	display: none;
	padding: 0 20px 20px 20px;
	position: fixed;
	left: 15px;
	right: 15px;
	z-index: 10;
	border: 1px solid #222;
	background: #fff;
}

	.tooltipLayerArea .layerHeader {
		padding: 15px 0 0 0;
		height: 51px;
		border-bottom: 1px solid #e5e5e5;
		font-size: 13px;
		color: #222;
		font-family: 'NotoKR-Medium';
	}

	.tooltipLayerArea .btnLayerClose {
		position: absolute;
		right: 10px;
		top: 10px;
		display: block;
		position: absolute;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		width: 29px;
		height: 29px;
		background: url(/Res/U/M/BABY/img/common/btn_layer_close.png) no-repeat center center;
		background-size: 9px 9px;
	}

	.tooltipLayerArea .layerCont {
		padding: 15px 0 0 0;
	}

	.tooltipLayerArea .giftDetail li {
		position: relative;
		padding: 0 0 0 65px;
		min-height: 50px;
	}

		.tooltipLayerArea .giftDetail li figure {
			position: absolute;
			left: 0;
			top: 0;
			margin: 0;
			padding: 0;
			width: 50px;
			height: 50px;
		}

		.tooltipLayerArea .giftDetail li .txt {
			display: block;
		}

	.tooltipLayerArea.orderType {
		position: absolute;
		padding-bottom: 61px;
	}

		.tooltipLayerArea.orderType .layerCont {
			padding-top: 0;
		}

			.tooltipLayerArea.orderType .layerCont .orderMenuList {
				margin: 0;
				padding: 0;
				border-top: 0;
				border-bottom: 0;
			}

				.tooltipLayerArea.orderType .layerCont .orderMenuList li {
					padding-right: 0;
				}

			.tooltipLayerArea.orderType .layerCont .IsSelOrderMenu {
				margin: 0;
				padding: 0;
				border-top: 0;
				border-bottom: 0;
			}

				.tooltipLayerArea.orderType .layerCont .IsSelOrderMenu li {
					padding-right: 0;
				}

.replaceOrderArea {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 61px;
	padding: 6px 110px 6px 19px;
	background: #fafafa;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.replaceOrderArea figure {
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	.replaceOrderArea span {
		margin-top: 17px;
	}

	.replaceOrderArea .txt {
		margin-left: 15px;
	}

	.replaceOrderArea .sBtns {
		position: absolute;
		right: 20px;
		top: 16px;
	}

.orderMenuList .mark {
	position: relative;
}

	.orderMenuList .mark:after {
		position: absolute;
		left: 0;
		top: 10px;
		display: block;
		content: "";
		width: 20px;
		height: 20px;
		background: url(/Res/U/M/BABY/img/common/ico_allergy02.png) no-repeat left top;
		background-size: 100% 100%;
	}


.guideBox, .guideBox > .inner {
	padding: 0 15px;
}

	.guideBox .number {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #222;
		border-radius: 50%;
	}

		.guideBox .number em {
			display: inline-block;
			margin: 11px 0 0 -2px;
			color: #fff;
			font-family: 'Roboto-Regular';
			font-size: 16px;
			font-style: italic;
		}

	.guideBox .titArea {
		padding: 30px 0 26px;
		text-align: center;
	}

		.guideBox .titArea h3 {
			font-family: 'NotoKR-Medium';
			font-size: 18px;
			color: #222;
		}

		.guideBox .titArea p {
			margin-top: 16px;
		}

			.guideBox .titArea p em {
				color: #911027;
			}

	.guideBox .listboxList li {
		position: relative;
		margin-top: 30px;
		padding: 27px 0;
		background: url(/Res/U/M/BABY/img/cs/listbox_bg.png) repeat;
		border-radius: 5px;
		text-align: center;
		color: #444;
	}

		.guideBox .listboxList li .small {
			position: absolute;
			top: -15px;
			left: 50%;
			margin-left: -15px;
			width: 30px;
			height: 30px;
		}

			.guideBox .listboxList li .small em {
				margin: 8px 0 0 -1px;
				font-size: 13px;
			}

	.guideBox .gray li {
		position: relative;
		margin-top: 20px;
		padding: 0;
		background: #fafafa;
		text-align: center;
	}

		.guideBox .gray li:after {
			content: '';
			display: block;
			position: absolute;
			bottom: -15px;
			left: 50%;
			margin-left: -7px;
			width: 13px;
			height: 7px;
			background: url(/Res/U/M/BABY/img/common/arr_next.png) no-repeat;
			background-size: 100%;
		}

		.guideBox .gray li.last:after {
			display: none;
		}

		.guideBox .gray li p {
			padding: 12px 0;
			border: 1px solid #e6e6e6;
			border-radius: 5px;
		}

			.guideBox .gray li p .grayTit {
				display: inline-block;
				width: 120px;
				text-align: left;
				color: #222;
				font-size: 13px;
			}

		.guideBox .gray li.addDetail p {
			border-radius: 5px 5px 0 0;
		}

		.guideBox .gray li .extraBox {
			display: block;
			padding: 12px 0;
			background: #fff;
			border: 1px solid #e6e6e6;
			border-top: 0;
			border-radius: 0 0 5px 5px;
			font-size: 12px;
			color: #888;
		}

	.guideBox .listboxList li .left {
		width: 25px;
		height: 25px;
		margin-right: 10px;
		text-align: center;
	}

		.guideBox .listboxList li .left em {
			margin: 5px 0 0 -2px;
			font-size: 12px;
		}

	.guideBox .notiTxt {
		display: inline-block;
		position: relative;
		margin-top: 27px;
		padding-left: 34px;
		color: #222;
		text-align: left;
		font-size: 12px;
	}

		.guideBox .notiTxt em {
			font-family: 'NotoKR-Medium';
		}

		.guideBox .notiTxt:before {
			content: '';
			display: block;
			position: absolute;
			top: 2px;
			left: 10px;
			width: 15px;
			height: 15px;
			background: url(/Res/U/M/BABY/img/common/ico_allergy02.png) no-repeat;
			background-size: 100%;
		}

	.guideBox .btomArea {
		padding: 28px 0 26px;
	}

	.guideBox.grayBg {
		margin: 0 -15px;
		background: #fafafa;
	}

	.guideBox.randomBg {
		background: #cfe6e6;
		margin-top: 42px;
		padding: 30px 15px 40px;
		text-align: center;
	}

		.guideBox.randomBg .titArea {
			padding-bottom: 22px;
		}

			.guideBox.randomBg .titArea h3 {
				font-size: 20px;
			}

	.guideBox.etcOrder {
		margin-top: 0;
		background: url(/Res/U/M/BABY/img/cs/etc_prod_order_bg.png) no-repeat;
		background-size: cover;
	}

	.guideBox .checkList li {
		margin-top: 14px;
	}

		.guideBox .checkList li p {
			position: relative;
			padding-left: 25px;
			line-height: 19px;
		}

			.guideBox .checkList li p:before {
				content: '';
				display: block;
				position: absolute;
				top: 1px;
				left: 0;
				width: 15px;
				height: 15px;
				background: url(/Res/U/M/BABY/img/common/ico_answer_complete02.png) no-repeat left;
				background-size: 100%;
			}

			.guideBox .checkList li p em {
				color: #911027;
			}

			.guideBox .checkList li p strong {
				font-family: 'NotoKR-Medium';
				color: #444;
			}

	.guideBox .innerTit {
		margin-top: 30px;
		font-family: 'NotoKR-Medium';
		font-size: 14px;
		color: #222;
	}

		.guideBox .innerTit em {
			color: #911027;
		}

.methodIntro {
	margin: 0 -15px 30px;
}

.methodList {
	text-align: center;
}

	.methodList h3 {
		margin: 20px 0 0 0;
		font-size: 18px;
		font-family: 'NotoKR-Medium';
	}

	.methodList p {
		margin: 16px 0 30px;
	}

	.methodList li {
		margin-top: 60px;
	}

.payBox .titArea {
	padding-bottom: 10px;
}

.payBox .tblList {
	margin: 20px 0;
}

.deliveryBox {
	margin-top: 20px;
	border: 1px solid #e6e6e6;
	text-align: center;
}

	.deliveryBox .innerTit {
		margin-top: 20px;
	}

	.deliveryBox p {
		padding: 6px 0 20px;
	}

	.deliveryBox .tblList {
		border-bottom: 0;
	}

.payTit h3, .modifyTit h3, .cancleTit h3, .soupTit h3 {
	padding-top: 60px;
}

	.payTit h3.credit {
		background: url(/Res/U/M/BABY/img/cs/icon_credit.png) no-repeat center top;
		background-size: 41px;
	}

	.payTit h3.phone {
		background: url(/Res/U/M/BABY/img/cs/icon_phone.png) no-repeat center top;
		background-size: 41px;
	}

	.payTit h3.account {
		background: url(/Res/U/M/BABY/img/cs/icon_account.png) no-repeat center top;
		background-size: 41px;
	}

	.payTit h3.bank {
		background: url(/Res/U/M/BABY/img/cs/icon_bank.png) no-repeat center top;
		background-size: 41px;
	}

	.modifyTit h3.date {
		background: url(/Res/U/M/BABY/img/cs/icon_date.png) no-repeat center top;
		background-size: 41px;
	}

	.modifyTit h3.recommend {
		background: url(/Res/U/M/BABY/img/cs/icon_recommend.png) no-repeat center top;
		background-size: 41px;
	}

	.cancleTit h3.cancle {
		background: url(/Res/U/M/BABY/img/cs/icon_order_cancle.png) no-repeat center top;
		background-size: 41px;
	}

	.cancleTit h3.refund {
		background: url(/Res/U/M/BABY/img/cs/icon_refund.png) no-repeat center top;
		background-size: 41px;
	}

	.soupTit h3.keeping {
		background: url(/Res/U/M/BABY/img/cs/icon_keeping.png) no-repeat center top;
		background-size: 41px;
	}

	.soupTit h3.checking {
		background: url(/Res/U/M/BABY/img/cs/icon_checking.png) no-repeat center top;
		background-size: 41px;
	}

	.soupTit h3.temp {
		background: url(/Res/U/M/BABY/img/cs/icon_temp.png) no-repeat center top;
		background-size: 41px;
	}

.soupChkList {
	padding-bottom: 30px;
}

	.soupChkList dl dt {
		height: 25px;
		margin: 27px 0 12px;
		padding-left: 35px;
		font-family: 'NotoKR-Medium';
		font-size: 14px;
		color: #222;
		line-height: 25px;
	}

		.soupChkList dl dt.ico_check01 {
			background: url(/Res/U/M/BABY/img/cs/icon_check01.png) no-repeat left;
			background-size: 25px;
		}

		.soupChkList dl dt.ico_check02 {
			background: url(/Res/U/M/BABY/img/cs/icon_check02.png) no-repeat left;
			background-size: 25px;
		}

		.soupChkList dl dt.ico_check03 {
			background: url(/Res/U/M/BABY/img/cs/icon_check03.png) no-repeat left;
			background-size: 25px;
		}

		.soupChkList dl dt.ico_check04 {
			background: url(/Res/U/M/BABY/img/cs/icon_check04.png) no-repeat left;
			background-size: 25px;
		}

		.soupChkList dl dt.ico_allergy_line {
			background: url(/Res/U/M/BABY/img/common/ico_allergy03.png) no-repeat left;
			background-size: 25px;
		}

	.soupChkList.type02 dl dt {
		height: 22px;
		line-height: 22px;
	}

		.soupChkList.type02 dl dt.ico_temp01 {
			background: url(/Res/U/M/BABY/img/cs/icon_temp01.png) no-repeat left;
			background-size: 26px;
		}

		.soupChkList.type02 dl dt.ico_temp02 {
			background: url(/Res/U/M/BABY/img/cs/icon_temp02.png) no-repeat left;
			background-size: 26px;
		}

		.soupChkList.type02 dl dt.ico_temp03 {
			background: url(/Res/U/M/BABY/img/cs/icon_temp03.png) no-repeat left;
			background-size: 26px;
		}

		.soupChkList.type02 dl dt.ico_temp04 {
			background: url(/Res/U/M/BABY/img/cs/icon_temp04.png) no-repeat left;
			background-size: 26px;
		}

	.soupChkList.type02 dl dd {
		line-height: 21px;
		text-indent: -13px;
		padding-left: 12px;
	}

/* 이벤트 */
.evtReview {
	position: relative;
	text-align: center
}

	.evtReview .evtReviewMid {
		position: relative;
		padding: 38px 0
	}

		.evtReview .evtReviewMid:before {
			display: block;
			content: '';
			background: url(/Res/U/M/BABY/img/event/ico_instagram.png) no-repeat;
			width: 51px;
			height: 51px;
			background-size: 51px;
			position: absolute;
			top: -32px;
			left: -14px;
			right: 0;
			margin: 0 auto
		}

		.evtReview .evtReviewMid p {
			color: #444;
			line-height: 19px
		}

			.evtReview .evtReviewMid p strong {
				font-family: 'NotoKR-Medium'
			}

	.evtReview .evtReviewCont {
		background: #fffaec;
		padding: 19px 15px 30px 15px
	}

		.evtReview .evtReviewCont h4 {
			position: relative;
			font-size: 20px;
			font-family: 'NotoKR-Medium';
			color: #222;
			padding-top: 48px;
			line-height: 1;
			margin-bottom: 30px
		}

			.evtReview .evtReviewCont h4:before {
				display: block;
				content: '';
				width: 39px;
				height: 37px;
				background: url(/Res/U/M/BABY/img/event/ico_king.png) no-repeat;
				background-size: 39px;
				margin: 0 auto;
				position: absolute;
				top: 0;
				left: 0;
				right: 0
			}

		.evtReview .evtReviewCont .btnArea {
			padding: 0 20%
		}

	.evtReview .evtReviewList > li {
		background: #fff;
		margin-top: 10px;
		border-radius: 3px;
		padding: 15px;
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
	}

		.evtReview .evtReviewList > li:first-child {
			margin-top: 0
		}

		.evtReview .evtReviewList > li .info {
			padding: 15px 0 0 0
		}

			.evtReview .evtReviewList > li .info .starPoint {
				display: block;
				margin: 0 auto 8px auto
			}

			.evtReview .evtReviewList > li .info .tit {
				display: block;
				font-family: 'NotoKR-Medium';
				color: #222;
				line-height: 1;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				margin-bottom: 10px
			}

			.evtReview .evtReviewList > li .info .name {
				display: block;
				font-family: 'Roboto-Regular';
				font-size: 12px;
				color: #888;
				line-height: 1
			}


.daypickWrap {
	text-align: center;
	margin-bottom: 30px;
	font-size: 0;
	padding-top: 25px
}

	.daypickWrap a {
		display: inline-block;
		vertical-align: top;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 16px
	}

		.daypickWrap a.btnPrev {
			background-image: url(/Res/U/M/BABY/img/common/btn_cal_prev.png)
		}

		.daypickWrap a.btnNext {
			background-image: url(/Res/U/M/BABY/img/common/btn_cal_next.png)
		}

	.daypickWrap strong {
		display: inline-block;
		vertical-align: top;
		font-size: 20px;
		font-family: 'Roboto-Medium';
		margin: 0 11px;
		line-height: 16px
	}

.reviewEvtList {
	font-size: 0
}

	.reviewEvtList .item {
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		margin-top: 10px;
		width: calc(50% - 5px)
	}

		.reviewEvtList .item:nth-child(1),
		.reviewEvtList .item:nth-child(2) {
			margin-top: 0
		}

		.reviewEvtList .item:nth-child(2n) {
			margin-right: 0;
			margin-left: 5px
		}

		.reviewEvtList .item a {
			display: block
		}

		.reviewEvtList .item .info {
			background: #fff;
			padding: 15px
		}

			.reviewEvtList .item .info .tit {
				display: block;
				font-size: 12px;
				font-family: 'NotoKR-Regular';
				color: #222;
				line-height: 1;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				margin-bottom: 10px
			}

			.reviewEvtList .item .info .name {
				display: block;
				font-size: 11px;
				font-family: 'Roboto-Regular';
				color: #888;
				line-height: 1;
			}

		.reviewEvtList .item .thum {
			width: 100%;
			height: 140px;
			overflow: hidden;
		}


.evtFree .evtFreeSec {
	position: relative;
}

	.evtFree .evtFreeSec.top .button {
		display: block;
		position: absolute;
		left: 36.9%;
		right: 36.1%;
		bottom: 6.2%
	}

	.evtFree .evtFreeSec.how .button {
		display: block;
		position: absolute;
		left: 22.2%;
		right: 22.2%;
		bottom: 11.7%
	}

.evtSns {
	background: #3c498f;
	text-align: center;
	padding-bottom: 37px
}

	.evtSns .evt-sns-area strong {
		display: inline-block;
		width: 93px;
		margin-bottom: 20px
	}

	.evtSns .evt-sns-area .evt-sns-list {
		font-size: 0;
		display: table;
		text-align: center;
		width: 100%
	}

		.evtSns .evt-sns-area .evt-sns-list a {
			display: inline-block;
			vertical-align: top;
			width: 35px;
			margin: 0 8px
		}

.evtRecomm .evtRecommSec {
	position: relative;
}

	.evtRecomm .evtRecommSec.top .button {
		display: block;
		position: absolute;
		left: 20.6%;
		right: 20%;
		bottom: 7%
	}

.evtList a {
	margin: 0 0 10px 0;
}

/* 패키징 시스템 */
.foodLabPack .sec {
	position: relative;
	padding: 30px 0
}

.foodLabPack h3 {
	font-size: 18px;
	font-family: 'NotoKR-Medium';
	color: #222;
	line-height: 24px;
	margin-bottom: 15px
}

.foodLabPack h4 {
	font-size: 14px;
	font-family: 'NotoKR-Medium';
	color: #222;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 30px
}

.foodLabPack .txt {
	font-size: 13px;
	color: #666;
	line-height: 19px;
	margin-top: 18px
}

	.foodLabPack .txt:first-of-type {
		margin-top: 0
	}

.foodLabPack .btnArea {
	margin-top: 20px
}

	.foodLabPack .btnArea .btns {
		width: 150px;
		margin: 0 auto
	}

		.foodLabPack .btnArea .btns span {
			font-size: 13px
		}

.foodLabPack .sec.sec01 .txtArea {
	padding: 0 15px
}

.foodLabPack .sec.sec01 h3 {
	margin-top: -13px
}

.foodLabPack .sec.sec02 {
	background: #f7f7f5;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center
}

	.foodLabPack .sec.sec02 .item {
		margin-top: 20px
	}

		.foodLabPack .sec.sec02 .item:first-child {
			margin-top: 0
		}

		.foodLabPack .sec.sec02 .item .img {
			box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
			margin-bottom: 15px
		}

		.foodLabPack .sec.sec02 .item .tit {
			display: block;
			font-size: 14px;
			font-family: 'NotoKR-Medium';
			color: #222;
			line-height: 1;
		}

.foodLabPack .sec.sec03 {
	padding-top: 0
}

	.foodLabPack .sec.sec03 .item {
		margin-top: 60px
	}

		.foodLabPack .sec.sec03 .item:first-child {
			margin-top: 0
		}

		.foodLabPack .sec.sec03 .item .txtArea {
			padding: 0 35px
		}

		.foodLabPack .sec.sec03 .item.item01 h3 {
			margin-top: -13px
		}

		.foodLabPack .sec.sec03 .item.item02 h3 {
			margin-top: -13px
		}

		.foodLabPack .sec.sec03 .item.item03 h3 {
			margin-top: 22px
		}

		.foodLabPack .sec.sec03 .item.item03 .tipList {
			margin-top: 20px;
			text-align: center;
			padding: 0 15px
		}

			.foodLabPack .sec.sec03 .item.item03 .tipList dt {
				font-size: 14px;
				font-family: 'NotoKR-Medium';
				color: #9d2235;
				line-height: 1;
				margin-bottom: 20px
			}

			.foodLabPack .sec.sec03 .item.item03 .tipList li {
				margin-top: 10px;
				border: 1px solid #e6e6e6;
				padding: 12px 15px
			}

				.foodLabPack .sec.sec03 .item.item03 .tipList li img {
					width: 49px;
				}

				.foodLabPack .sec.sec03 .item.item03 .tipList li:first-child {
					margin-top: 0
				}

				.foodLabPack .sec.sec03 .item.item03 .tipList li .num {
					display: inline-block;
					font-size: 12px;
					font-family: 'Roboto-Medium';
					color: #222;
					line-height: 1;
					border-bottom: 2px solid #ccaa7a;
					padding: 0 1px 3px 1px;
					margin-bottom: 7px
				}

				.foodLabPack .sec.sec03 .item.item03 .tipList li p {
					font-size: 13px;
					color: #666;
					line-height: 19px;
					margin: 10px 0 0 0;
				}

		.foodLabPack .sec.sec03 .item.item04 h3 {
			margin-top: -13px
		}

/* 베이비본죽 소개 */
.babybonInfo .topVisual {
	position: relative;
	width: 100%;
}

	.babybonInfo .topVisual .inCont {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.babybonInfo .topVisual .txtArea {
		text-align: center;
	}

		.babybonInfo .topVisual .txtArea strong {
			padding-top: 55px;
			display: block;
			color: #fff;
			font-size: 18px;
			font-family: 'NotoKR-Medium';
			background: url("/Res/U/M/BABY/img/babybon/ico_babybon01.png") no-repeat center top;
			background-size: 40px 40px;
		}

		.babybonInfo .topVisual .txtArea p {
			margin-top: 15px;
			font-size: 12px;
			color: #fff;
			font-family: 'Roboto-Medium';
			opacity: 0.5;
			letter-spacing: 5px;
		}

.babybonInfo .babyInfo .inCont {
	margin-top: 30px;
	background: #fff;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
}

	.babybonInfo .babyInfo .inCont .thum {
		border-bottom: 1px solid #d8d8d8;
	}

.babybonInfo .babyInfo h2.tit {
	font-family: 'NotoKR-Medium';
	font-size: 18px;
	color: #222;
	text-align: center;
	margin-bottom: 15px;
}

.babybonInfo .babyInfo p.subTxt {
	font-size: 13px;
	color: #666;
	font-family: 'NotoKR-Regular';
	text-align: center;
	line-height: 1.4;
}

.babybonInfo .babyInfo .boxShow {
	padding-top: 30px;
	padding-bottom: 40px;
}

.babybonInfo.story .babyInfo .inCont {
	box-shadow: none;
	background: transparent;
	background-color: #faf3ed;
	padding: 15px 0 60px;
	margin-top: 0;
}

.babybonInfo.story .babyInfo .food {
	position: relative;
	display: block;
	margin-top: -40px;
	padding-top: 15px
}

.babybonInfo.story .babyInfo .boxShow {
	margin-top: -30px;
	padding-bottom: 60px;
	overflow: hidden
}

.babybonInfo.story .babyInfo .subTxt {
	font-size: 14px;
	color: #222
}

.babybonInfo .infoArea .infoBox {
	display: none;
}

.babybonInfo .infoArea .btnInfoMore {
	display: block;
}

.babybonInfo .infoArea.on {
	padding: 30px 0
}

	.babybonInfo .infoArea.on .btnInfoMore {
		display: none;
	}

.babybonInfo .infoBox {
	padding: 0 15px;
}

	.babybonInfo .infoBox dl {
		margin-top: 25px;
	}

		.babybonInfo .infoBox dl:first-of-type {
			margin-top: 0;
		}

	.babybonInfo .infoBox dt {
		padding: 0 0 0 20px;
		position: relative;
		font-size: 14px;
		color: #222;
		font-family: 'NotoKR-Medium';
	}

	.babybonInfo .infoBox dd {
		margin-top: 10px;
		padding: 0 0 0 20px;
		font-size: 13px;
		color: #666;
		font-family: 'NotoKR-Regular';
		line-height: 1.6;
	}

	.babybonInfo .infoBox dl.info01 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #700000;
	}

	.babybonInfo .infoBox dl.info02 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #a97454;
	}

	.babybonInfo .infoBox dl.info03 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #cfa972;
	}

	.babybonInfo .infoBox dl.info04 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #688b8b;
	}

	.babybonInfo .infoBox dl.info05 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #979468;
	}

	.babybonInfo .infoBox dl.info06 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #455b70;
	}

	.babybonInfo .infoBox dl.info07 dt:after {
		position: absolute;
		left: 0;
		top: 4px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #6c625e;
	}

.babybonInfo .btnInfoMore {
	display: block;
	height: 45px;
	text-align: center;
	background: #fff;
}

	.babybonInfo .btnInfoMore span {
		padding-top: 12px;
		display: inline-block;
		height: 45px;
		position: relative;
		font-size: 14px;
		color: #666;
		font-family: 'NotoKR-Medium';
		vertical-align: top;
	}

		.babybonInfo .btnInfoMore span:after {
			display: inline-block;
			content: "";
			margin-top: 7px;
			margin-left: 10px;
			width: 11px;
			height: 6px;
			background: url(/Res/U/M/BABY/img/babybon/btn_info_more.png) no-repeat left top;
			vertical-align: top;
			background-size: 100% 100%;
		}

.babyCont .num {
	position: relative;
	font-size: 18px;
	font-family: 'Roboto-Medium';
	color: #222;
	padding-bottom: 10px;
	margin-bottom: 18px;
}

	.babyCont .num:after {
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		content: "";
		width: 19px;
		height: 2px;
		background: #af2139;
	}

.babyCont dl dt {
	font-size: 18px;
	color: #222;
	font-family: 'NotoKR-Medium';
	line-height: 1.4;
	letter-spacing: -2px;
	margin-bottom: 15px;
}

.babyCont dl dd {
	font-size: 13px;
	color: #666;
	font-family: 'NotoKR-Regular';
	line-height: 1.6;
	letter-spacing: -1px;
}

	.babyCont dl dd + dd {
		margin-top: 25px;
	}

.babyContArea .sec {
	background: #fff
}

	.babyContArea .sec .babyCont {
		padding: 30px 15px 60px 15px;
	}

	.babyContArea .sec:last-child .babyCont {
		padding-bottom: 30px
	}

.babyContArea .sec01 {
	background: #fff;
}

	.babyContArea .sec01 .babyCont {
		padding: 30px 15px 60px 15px;
	}

.babyContArea .sec02 {
	background: #fff;
}

	.babyContArea .sec02 .babyCont {
		padding: 30px 15px 60px 15px;
	}

.babyContArea .sec03Img {
	padding: 0 15px 0 15px;
}

.babyContArea .sec03 {
	background: #f7f7f5;
	margin-top: -29.17vw;
	padding-top: 33.17vw;
}

	.babyContArea .sec03 .babyCont {
		padding: 0 15px 40px 15px;
	}

.babyContArea .sec04 {
	background: #fff;
}

	.babyContArea .sec04 .babyCont {
		margin-top: -62px;
		padding: 0 30px 60px 30px;
	}

.babyContArea .sec05 {
	background: #fff;
}

	.babyContArea .sec05 .img {
		margin-bottom: -16vw;
	}

	.babyContArea .sec05 .babyCont {
		padding: 0 15px 40px 15px;
	}

.babyContArea .sec06 {
	position: relative;
	overflow: hidden;
}

	.babyContArea .sec06 .babyCont {
		position: relative;
		padding: 0;
	}

		.babyContArea .sec06 .babyCont h3 {
			position: absolute;
			width: 100%;
			text-align: center;
			top: 40px;
			color: #cbaf88;
			font-size: 18px;
		}

	.babyContArea .sec06 .slideWrap {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
	}

		.babyContArea .sec06 .slideWrap .slideArea {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
		}

			.babyContArea .sec06 .slideWrap .slideArea .ico {
				width: 40px;
				height: 40px;
				margin: 0 auto;
			}

		.babyContArea .sec06 .slideWrap .txt dl {
			margin-top: 15px;
		}

		.babyContArea .sec06 .slideWrap .txt dt {
			color: #fff;
			font-size: 14px;
			font-family: 'NotoKR-Regular';
		}

		.babyContArea .sec06 .slideWrap .txt dd {
			margin-top: 12px;
			color: #ccc;
			font-size: 12px;
			font-family: 'NotoKR-Regular';
			line-height: 1.6;
		}

	.babyContArea .sec06 .pagination {
		position: absolute;
		z-index: 10;
		font-size: 0;
		height: 8px;
		bottom: 40px;
	}

		.babyContArea .sec06 .pagination span {
			width: 4px;
			height: 4px;
			background: #ccc;
			vertical-align: top;
			opacity: 1;
			margin: 2px 5px 0 5px;
			transition: all 0.3s ease
		}

			.babyContArea .sec06 .pagination span.swiper-pagination-bullet-active {
				width: 8px;
				height: 8px;
				background: #911027;
				margin-top: 0
			}

.babyContArea .sec07 {
	background: url(/Res/U/M/BABY/img/babybon/bg_sec07.png);
	background-size: cover;
}

	.babyContArea .sec07 .babyCont {
		padding: 40px 15px 70px 15px;
		overflow: hidden
	}

	.babyContArea .sec07 h3 {
		margin-bottom: 30px;
		font-size: 18px;
		color: #222;
		text-align: center;
		font-family: 'NotoKR-Medium';
		line-height: 1.4;
	}

.babybonInfo .slideArea.slideBoxWhite {
	position: relative;
}

	.babybonInfo .slideArea.slideBoxWhite .ico {
		width: 50px;
		margin: 0 auto;
	}

	.babybonInfo .slideArea.slideBoxWhite .swiper-slide {
		padding: 20px 5px 5px 5px;
		background: #fff;
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
		text-align: center; /*height:205px;*/
	}

	.babybonInfo .slideArea.slideBoxWhite dl {
		margin-top: 15px;
	}

	.babybonInfo .slideArea.slideBoxWhite dt {
		margin-bottom: 10px;
		font-size: 14px;
		color: #222;
		font-family: 'NotoKR-Medium';
	}

	.babybonInfo .slideArea.slideBoxWhite dd {
		font-size: 12px;
		line-height: 18px;
		color: #666;
		font-family: 'NotoKR-Regular';
	}

	.babybonInfo .slideArea.slideBoxWhite .pagination {
		position: absolute;
		bottom: -20px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10;
		font-size: 0;
		height: 8px;
		text-align: center
	}

		.babybonInfo .slideArea.slideBoxWhite .pagination span {
			display: inline-block;
			vertical-align: top;
			width: 4px;
			height: 4px;
			border-radius: 50%;
			margin: 2px 5px 0 5px;
			background: #ccc;
			opacity: 1;
			transition: all 0.3s ease
		}

			.babybonInfo .slideArea.slideBoxWhite .pagination span.swiper-pagination-bullet-active {
				width: 8px;
				height: 8px;
				background: #911027;
				margin-top: 0
			}

.babybonInfo.story .slideArea.slideBoxWhite .slideWrap {
	overflow: hidden;
}

.babybonInfo.story .slideArea.slideBoxWhite .swiper-slide { /*padding:30px 20px 20px 20px;height:283px;*/
	text-align: left;
}

.babybonInfo.story .slideArea.slideBoxWhite .ico {
	width: auto;
	text-align: center;
}

.babybonInfo.story .slideArea.slideBoxWhite dl {
	margin-top: 25px;
}

.babybonInfo.story .slideArea.slideBoxWhite dd {
	font-size: 13px;
	line-height: 19px;
	margin-top: 15px;
}

/* error */
.error-area {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	background: #f7f7f5;
	padding: 0 15px;
}

	.error-area .error-box {
		display: table-row;
	}

	.error-area .error-cont {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.error-area .error-txt-box {
		text-align: center;
	}

	.error-area .error-cont p.error-txt {
		margin-left: 53px;
		display: inline-block;
		position: relative;
		width: 130px;
		height: 90px;
		background: url("/Res/U/M/BABY/img/common/bg_error.png") no-repeat left top;
		background-size: 130px 90px;
	}

		.error-area .error-cont p.error-txt span {
			padding-top: 18px;
			display: block;
			width: 52px;
			height: 51px;
			position: absolute;
			top: 0;
			right: 0;
			font-size: 12px;
			color: #fff;
			font-family: 'Roboto-Medium';
			text-align: center;
		}

	.error-area .error-cont dl {
		margin-top: 23px;
	}

	.error-area .error-cont dt {
		font-size: 18px;
		color: #222;
		font-family: 'NotoKR-Medium';
	}

	.error-area .error-cont dd {
		margin-top: 20px;
		font-size: 13px;
		color: #666;
		font-family: 'NotoKR-Regular';
		line-height: 1.6;
	}

	.error-area .error-cont p.point {
		margin-top: 30px;
		color: #911027;
		font-size: 13px;
		font-family: 'NotoKR-Regular';
	}

	.error-area .error-cont .btnArea {
		margin-top: 30px;
	}


/* 본인인증 */
.certify-wrap {
	padding: 30px 20px;
}

	.certify-wrap .ui-bx {
		height: 200px;
		clear: both;
	}

		.certify-wrap .ui-bx h3 {
			text-align: center;
			margin-bottom: 16px;
		}

		.certify-wrap .ui-bx p {
			height: 65px;
			text-align: center;
			line-height: 28px;
			color: #444;
		}

	.certify-wrap .certify {
		width: 100%;
		padding-top: 100px;
	}

		.certify-wrap .certify.ico01 {
			background: url('/Res/U/M/BABY/img/user/bg_certify01.png') no-repeat center top;
		}

		.certify-wrap .certify.ico02 {
			background: url('/Res/U/M/BABY/img/user/bg_certify02.png') no-repeat center top;
		}

	.certify-wrap .certify-r {
		width: 100%
	}

/* 약관 */
.agree-box-area {
	padding: 15px 15px 30px 15px;
	background: #fff;
}

	.agree-box-area .info {
		font-size: 13px;
		color: #666;
		font-family: 'NotoKR-Regular';
		line-height: 1.4;
		text-align: right;
		margin-bottom: 10px;
	}

	.agree-box-area .agree-box:first-of-type {
		margin-top: 0;
	}

	.agree-box-area .agree-box {
		margin-top: 30px;
	}

		.agree-box-area .agree-box h3 {
			margin-bottom: 20px;
			font-size: 14px;
			color: #000;
			font-family: 'NotoKR-Medium';
		}

		.agree-box-area .agree-box h4 {
			margin-bottom: 10px;
			font-size: 16px;
			color: #000;
			font-family: 'NotoKR-Medium';
		}

		.agree-box-area .agree-box h5 {
			margin-bottom: 20px;
			font-size: 14px;
			color: #000;
			font-family: 'NotoKR-Medium';
		}

		.agree-box-area .agree-box p {
			font-size: 13px;
			color: #666;
			font-family: 'NotoKR-Regular';
			line-height: 1.6;
			margin-bottom: 10px;
		}

		.agree-box-area .agree-box > ul > li {
			margin-top: 20px;
			color: #222;
			font-size: 13px;
		}

			.agree-box-area .agree-box > ul > li:first-of-type {
				margin-top: 0;
			}

			.agree-box-area .agree-box > ul > li ul {
				margin-top: 15px;
			}

				.agree-box-area .agree-box > ul > li ul li {
					color: #666;
					font-size: 13px;
					font-family: 'NotoKR-Regular';
					line-height: 1.6;
				}

		.agree-box-area .agree-box a {
			color: #666;
			font-size: 13px;
			font-family: 'NotoKR-Regular';
			line-height: 1.6;
		}


/*개인정보취급처리방침*/
.tbl-list03 {
	border-top: 1px solid #666;
}

	.tbl-list03 thead th {
		padding: 20px 0;
		border-bottom: 1px solid #e5e5e5;
		background: #fafafa;
		text-align: center;
		font-weight: 400;
		color: #444;
	}

	.tbl-list03 tbody tr th {
		padding-left: 40px;
		border-bottom: 1px solid #e5e5e5;
		background: #f8f8f8;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		color: #444;
		vertical-align: middle;
	}

	.tbl-list03 tbody tr td {
		padding: 20px 0;
		border-bottom: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		text-align: center;
		color: #666;
		line-height: 26px;
		text-indent: 0;
		word-break: keep-all;
	}

		.tbl-list03 tbody tr td:last-child {
			border-right: 1px solid #e5e5e5;
		}

		.tbl-list03 tbody tr td.tal {
			padding-left: 20px;
		}
		/*.tbl-list03 tbody tr td:first-of-type {border-left:none;}*/
		.tbl-list03 tbody tr td.first {
			border-left: 1px solid #e5e5e5;
		}


/*멤버십 등급 기준 및 혜택 안내 리스트*/
.member-list {
	border-top: 1px solid #666;
}

	.member-list thead th {
		padding: 15px 0;
		border-right: 1px solid #c3c3c3;
		background: #fafafa;
		text-align: center;
		font-weight: 400;
		color: #444;
	}

		.member-list thead th:last-child {
			border-right: 0;
		}

	.member-list tbody tr th {
		padding-left: 40px;
		border-bottom: 1px solid #c3c3c3;
		background: #f8f8f8;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		color: #444;
		vertical-align: middle;
	}

	.member-list tbody tr td {
		padding: 10px 0;
		border-bottom: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		text-align: center;
		color: #666;
		line-height: 18px;
		text-indent: 0;
		letter-spacing: -.8px;
	}

		.member-list tbody tr td em {
			font-size: 11px;
		}

		.member-list tbody tr td:last-child {
			border-right: 0;
		}

		.member-list tbody tr td.tal {
			padding-left: 20px;
		}

		.member-list tbody tr td.first {
			border-left: 1px solid #e5e5e5;
		}

		.member-list tbody tr td .member_coupon {
			padding-right: 15px;
			font-size: 9px;
			width: 90%;
			height: 25px;
			line-height: 25px;
			background: url(../img/membership/coupon.png)no-repeat center;
			display: inline-block;
			letter-spacing: -.8px;
			background-size: contain;
		}

		.member-list tbody tr td .member_coupon2 {
			padding-right: 15px;
			font-size: 9px;
			width: 90%;
			height: 25px;
			line-height: 25px;
			background: url(../img/membership/coupon2.png)no-repeat center;
			display: inline-block;
			letter-spacing: -.8px;
			background-size: contain;
		}

		.member-list tbody tr td .member_coupon3 {
			padding-right: 15px;
			font-size: 9px;
			width: 90%;
			height: 25px;
			line-height: 25px;
			background: url(../img/membership/coupon3.png)no-repeat center;
			display: inline-block;
			letter-spacing: -.8px;
			background-size: contain;
		}

/*멤버십 혜택*/
.memberTitArea {
	margin: 25px 0;
	text-align: center;
}

	.memberTitArea div {
		font-size: 24px;
		color: #222;
		font-weight: 400;
	}

		.memberTitArea div strong {
			font-weight: 600;
		}

	.memberTitArea p {
		margin-top: 10px;
		font-size: 18px;
		font-weight: 400;
		color: #666666
	}

		.memberTitArea p span {
			display: inline-block;
			padding-left: 30px;
		}

.memberTit {
	font-size: 22px;
	color: #222;
	font-weight: 500;
	margin-bottom: 20px;
}

.memberTxt {
	font-size: 16px;
	color: #666;
	font-weight: 350;
	margin-bottom: 35px;
	line-height: 1.6;
}

.member_banner img {
	width: 100%;
	height: calc(110 / 720*100%)
}

/*출시기념 이벤트*/
.evtLaunching .evtLaunching {
	position: relative;
}

	.evtLaunching .evtLaunching.how {
		position: relative;
		height: auto;
	}

		.evtLaunching .evtLaunching.how .join-button {
			display: block;
			text-indent: -9999px;
			width: 400px;
			height: 150px;
			position: absolute;
			top: 1050px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}


/*베리굿 이벤트*/
.evtVerygood .evtVerygood {
	position: relative;
}

	.evtVerygood .evtVerygood.what {
		position: relative;
		height: auto;
	}

		.evtVerygood .evtVerygood.what .evt-sns > a {
			padding: 0 5px;
		}


/*널위해 준비해 본 1탄*/
.evtBon01 .evtBon01 {
	position: relative;
}

	.evtBon01 .evtBon01.what {
		position: relative;
		height: auto;
	}

		.evtBon01 .evtBon01.what .order-button {
			display: block;
			text-indent: -9999px;
			width: 100%;
			height: 180px;
			position: absolute;
			top: 400px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}

		.evtBon01 .evtBon01.what .review-button {
			display: block;
			text-indent: -9999px;
			width: 100%;
			height: 180px;
			position: absolute;
			top: 910px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}


/*장바구니 이벤트*/
.evtCart .evtCart {
	position: relative;
}

	.evtCart .evtCart .how {
		position: relative;
		height: auto;
	}

.e-btn-area {
	position: absolute;
	bottom: 10%;
	left: 10%;
	width: 80%;
	height: 67px;
	margin: 0 auto;
	cursor: pointer;
}

/*캐시백 이벤트*/
.evtCash .evtCash {
	position: relative;
}


/*8월 쇼핑대전*/
.evtIntro .evtIntro {
	position: relative;
}

	.evtIntro .evtIntro.banner {
		position: relative;
	}

.evtIntro.banner .evtIntroBtn {
	height: 93px;
	position: relative;
}

	.evtIntro.banner .evtIntroBtn > a {
		float: left;
		height: auto;
		width: 33.3%;
	}

.evtIntro .evtIntro.content03 {
	background: #ffe19c;
}

.evtIntro .evtIntro.content01, .evtIntro .evtIntro.content03 {
	position: relative;
}

	.evtIntro .evtIntro.content01 a, .evtIntro .evtIntro.content03 a {
		position: absolute;
		left: 4%;
		bottom: 4%;
		width: 92%;
		margin: 0 auto;
	}


/*추석 맘편한세트 이벤트*/
.evtMomset .evtMomset {
	position: relative;
}

.evtMomset .evtMomsetBtn {
	position: absolute;
	bottom: 2.7%;
	padding: 0 10%;
}


/*백일 이벤트*/
.evt100deal .evt100deal {
	position: relative;
}

	.evt100deal .evt100deal.what01, .evt100deal .evt100deal.what02 {
		position: relative;
	}

		.evt100deal .evt100deal.what01 .evt100dealBtn {
			position: absolute;
			bottom: 9.7%;
			padding: 0 10%;
		}

		.evt100deal .evt100deal.what02 .evt100dealBtn {
			position: absolute;
			top: 53.5%;
			;
			padding: 0 10%;
		}

.evt100deal .evt100dealBtn2 {
	position: absolute;
	top: 93%;
	padding: 0 10%;
}


/*첫 맘마50% 이벤트*/
.evtDiscount .evtDiscount {
	position: relative;
}

	.evtDiscount .evtDiscount.what {
		position: relative;
	}

		.evtDiscount .evtDiscount.what .evtDiscountBtn01 {
			position: absolute;
			top: 38.9%;
			padding: 0 12%;
		}

		.evtDiscount .evtDiscount.what .evtDiscountBtn02 {
			position: absolute;
			top: 79.45%;
			;
			padding: 0 12%;
		}


/*9월 이벤트 인트로*/
.evt09Intro .evt09Intro {
	position: relative;
}

	.evt09Intro .evt09Intro.banner {
		position: relative;
	}

.evt09Intro.banner .evt09IntroBtn {
	height: 93px;
	position: relative;
}

	.evt09Intro.banner .evt09IntroBtn > a {
		float: left;
		height: auto;
		width: 33.3%;
	}

.evt09Intro.content02 .evt100deal.what01 .evt100dealBtn {
	position: absolute;
	top: 48.15%;
	padding: 0 10%;
}

.evt09Intro.content02 .evt100deal.what02 .evt100dealBtn {
	position: absolute;
	top: 81%;
	padding: 0 10%;
}


/*추천식단 10%추가할인 이벤트*/
.evtMenusale .evtMenusale {
	position: relative;
}

.evtMenusale .evtMenusaleBtn {
	position: absolute;
	bottom: 7.7%;
	padding: 0 4%;
}


/*10월 맘편한 세트*/
.evt10monthSet .evt10monthSet {
	position: relative;
}

.evt10monthSet .evt10monthSetBtn {
	position: absolute;
	bottom: 2%;
	padding: 0 4%;
}

.evt10monthSet .evt10monthSetBtn01 {
	position: absolute;
	top: 8.75%;
	right: 36%;
	padding: 5% 10% 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn02 {
	position: absolute;
	top: 21.85%;
	right: 36%;
	padding: 5% 10% 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn03 {
	position: absolute;
	top: 35%;
	right: 36%;
	padding: 5% 10% 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn04 {
	position: absolute;
	top: 48.4%;
	right: 36%;
	padding: 5% 10% 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn05 {
	position: absolute;
	top: 61.5%;
	right: 36%;
	padding: 5% 10% 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn06 {
	position: absolute;
	bottom: 23%;
	right: 32%;
	padding: 5% 0 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn07 {
	position: absolute;
	bottom: 15.8%;
	right: 32%;
	padding: 5% 0 0 7.1%;
}

.evt10monthSet .evt10monthSetBtn08 {
	position: absolute;
	bottom: 8.65%;
	right: 32%;
	padding: 5% 0 0 7.1%;
}


/*본유기농쌀과자 출시 이벤트*/
.evtSnackNew .evtSnackNew {
	position: relative;
}

	.evtSnackNew .evtSnackNew.how {
		position: relative;
	}

		.evtSnackNew .evtSnackNew.how .evtSnackNewBtn01 {
			position: absolute;
			top: 43%;
			padding: 0 15%;
		}

		.evtSnackNew .evtSnackNew.how .evtSnackNewBtn02 {
			position: absolute;
			bottom: 8%;
			padding: 0 15%;
		}

/*대통령표창 수상기념 이벤트*/
.evtPresidential .evtPresidential {
	position: relative;
}

	.evtPresidential .evtPresidential.sns {
		position: relative;
	}


/*2019 설 선물세트*/
.evtNew2019set {
	position: relative;
}

	.evtNew2019set .top {
		position: relative;
	}

	.evtNew2019set .what01 {
		position: relative;
	}

		.evtNew2019set .what01 a {
			position: absolute;
			margin: 0 15% 16px 15%;
		}

	.evtNew2019set .what02 {
		position: relative;
	}

		.evtNew2019set .what02 a {
			position: absolute;
			width: 100%;
			top: 507px;
			padding: 0px 7%;
		}

	.evtNew2019set .what03 {
		position: relative;
	}

		.evtNew2019set .what03 a {
			position: absolute;
			width: 100%;
			top: 564px;
			padding: 0px 7%;
		}


/*새학기 이벤트*/
.evtSemester {
	position: relative;
}

	.evtSemester .evtSemester-sec {
		position: relative;
	}

		.evtSemester .evtSemester-sec .notice {
			position: relative;
			padding: 0px 50% 0px 5%;
		}

	.evtSemester .notice {
		background: url("/Res/U/W/BABY/img/event/bg_semester.jpg");
		background-repeat: repeat-y;
	}

		.evtSemester .notice ul {
			padding: 20px 5% 30px 5%;
		}

			.evtSemester .notice ul li {
				padding-left: 10px;
				line-height: 18px;
				margin: 0 0 10px 0;
			}


/*화이트데이 이벤트*/
.evtWhiteday {
	position: relative;
}

	.evtWhiteday .evtWhiteday-sec {
		position: relative;
	}

		.evtWhiteday .evtWhiteday-sec .notice {
			position: relative;
			padding: 120px 48% 0px 7%;
		}

	.evtWhiteday p {
		background: url("/Res/U/M/BABY/img/event/img_whiteday_notice.jpg") no-repeat 0 0;
		background-size: cover;
	}

	.evtWhiteday .notice ul {
		padding: 20px 5% 30px 5%;
	}

		.evtWhiteday .notice ul li {
			padding-left: 10px;
			line-height: 18px;
			margin: 0 0 10px 0;
		}


/*세계물의날 이벤트*/
.evtWaterday {
	position: relative;
}

	.evtWaterday .evtWaterday-sec {
		position: relative;
		background: #f5f1f2;
	}

		.evtWaterday .evtWaterday-sec .notice {
			position: relative;
			padding: 20px 48% 0px 7%;
		}

	.evtWaterday .notice ul {
		padding: 20px 5% 30px 5%;
	}

		.evtWaterday .notice ul li {
			padding-left: 10px;
			line-height: 18px;
			margin: 0 0 10px 0;
		}


/*봄맞이 이벤트*/
.evtSpring {
	position: relative;
}

	.evtSpring .evtSpring-sec {
		position: relative;
		background: #fff;
	}

		.evtSpring .evtSpring-sec .notice {
			position: relative;
			padding: 20px 48% 0px 7%;
			background: #ffb1b1;
		}

	.evtSpring .notice ul {
		padding: 20px 5% 30px 5%;
		background: #ffb1b1;
	}

		.evtSpring .notice ul li {
			padding-left: 10px;
			line-height: 18px;
			margin: 0 0 10px 0;
		}


/*만우절 이벤트*/
.evtFoolsday {
	position: relative;
}

	.evtFoolsday .evtFoolsday-sec {
		position: relative;
		background: #fff;
	}

		.evtFoolsday .evtFoolsday-sec .notice {
			position: relative;
			padding: 20px 48% 0px 7%;
			background: #ffda70;
		}

	.evtFoolsday .notice ul {
		padding: 20px 5% 30px 5%;
		background: #ffda70;
	}

		.evtFoolsday .notice ul li {
			padding-left: 10px;
			line-height: 18px;
			margin: 0 0 10px 0;
		}


/*신메뉴출시 이벤트*/
.evt2019menu {
	position: relative;
}

	.evt2019menu .evt2019menu-sec {
		position: relative;
		background: #fff;
	}

		.evt2019menu .evt2019menu-sec .notice {
			position: relative;
			padding: 20px 48% 0px 7%;
			background: #fdf3cf;
		}

	.evt2019menu .notice ul {
		padding: 20px 5% 30px 5%;
		background: #fdf3cf;
	}

		.evt2019menu .notice ul li {
			padding-left: 10px;
			line-height: 18px;
			margin: 0 0 10px 0;
		}


/*출석체크 이벤트*/
.evtDaily {
	position: relative;
}

	.evtDaily .evtDaily-sec {
		position: relative;
		background: #fff;
	}

		.evtDaily .evtDaily-sec .notice {
			position: relative;
			padding: 20px 48% 0px 7%;
		}


/*여름휴가 SNS 이벤트*/
.evtVacationSns {
	position: relative;
}

	.evtVacationSns .evtVacationSns-sec .what {
		position: relative;
		background: #fff;
	}


/*베이비본죽 덕력테스트*/
.evtTest {
	position: relative;
}

	.evtTest .evtTest-sec.top {
		position: relative;
	}

	.evtTest .evtTest-sec.how {
		position: relative;
	}

	.evtTest .evtTest-sec.what {
		position: relative;
	}

	.evtTest .evtTest-sec.notice {
		position: relative;
	}

	.evtTest .evtNotice-sec {
		background: #d8ae7c;
		border-top: 1px solid #b79973;
	}

		.evtTest .evtNotice-sec .notice_tit {
			background: #fffaf4;
			color: #d8ae7c;
		}

		.evtTest .evtNotice-sec ul li {
			color: #fffaf4;
		}


/*베이비본죽 초성퀴즈*/
.evtBrandquiz {
	position: relative;
}

	.evtBrandquiz .evtBrandquiz-sec.top {
		position: relative;
	}

	.evtBrandquiz .evtBrandquiz-sec.what {
		position: relative;
	}

	.evtBrandquiz .evtBrandquiz-sec.notice {
		position: relative;
	}

	.evtBrandquiz .evtNotice-sec {
		background: #d8ae7c;
		border-top: 1px solid #b79973;
	}

		.evtBrandquiz .evtNotice-sec .notice_tit {
			background: #fffaf4;
			color: #d8ae7c;
		}

		.evtBrandquiz .evtNotice-sec ul li {
			color: #fffaf4;
		}


/*1909가을이벤트*/
.evtFall1909 {
	position: relative;
}

	.evtFall1909 .evtFall1909-sec.top {
		position: relative;
	}

	.evtFall1909 .evtFall1909-sec.what {
		position: relative;
	}

	.evtFall1909 .evtFall1909-sec.notice {
		position: relative;
	}

	.evtFall1909 .evtNotice-sec {
		background: #d8ae7c;
		border-top: 1px solid #b79973;
	}

		.evtFall1909 .evtNotice-sec .notice_tit {
			background: #fffaf4;
			color: #d8ae7c;
		}

		.evtFall1909 .evtNotice-sec ul li {
			color: #fffaf4;
		}


/* 20230530 웰컴딜 리뉴얼 */
.evt-free .evt-free-sec .evt-detail {
	width: 100%;
	height: auto;
	position: relative;
}

	.evt-free .evt-free-sec .evt-detail .welc-qty {
		width: 81%;
		height: 7.6%;
		position: absolute;
		top: 47.8%;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.evt-free .evt-free-sec .evt-detail .welc-qty li {
			width: 32%;
			text-align: center;
			font-size: 4rem;
			font-weight: bold;
			color: #000;
		}

.evt-free .evt-free-sec .linkBtn {
	position: absolute;
}

	.evt-free .evt-free-sec .linkBtn.a01 {
		width: 91%;
		height: 3.9%;
		top: 56%;
		left: 50%;
		transform: translateX(-50%);
	}

	.evt-free .evt-free-sec .linkBtn.a10 {
		width: 91%;
		height: 5%;
		top: 60%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 0;
	}

.evt-free .evt-free-sec .diet-link {
	width: 94.3%;
	height: 9.5%;
	right: 2.8%;
}

	.evt-free .evt-free-sec .diet-link.b01 {
		top: 19.2%;
	}

	.evt-free .evt-free-sec .diet-link.b02 {
		top: 29%;
	}

	.evt-free .evt-free-sec .diet-link.b03 {
		top: 38.8%;
	}

	.evt-free .evt-free-sec .diet-link.b04 {
		top: 48.8%;
	}

	.evt-free .evt-free-sec .diet-link.b05 {
		top: 58.8%;
	}

	.evt-free .evt-free-sec .diet-link.b06 {
		top: 68.6%;
	}

	.evt-free .evt-free-sec .diet-link.b07 {
		top: 78.6%;
	}

	.evt-free .evt-free-sec .diet-link.b08 {
		top: 88.5%;
	}

.tbl-write {
	width: 100%;
	padding: 30px 15px;
}

	.tbl-write h3 {
		font-size: 12px;
		font-weight: 700;
		margin: 20px 0 8px 0;
	}

	.tbl-write .info-msg {
		font-size: 11px;
		color: #730000;
		margin-top: 10px;
	}

.welc-tbl {
	width: 100%;
	border-top: 1px solid #000;
}

	.welc-tbl th {
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		color: #000;
		vertical-align: top;
		padding: 10px 0;
		border-bottom: 1px solid #e5e5e5
	}

	.welc-tbl td {
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		color: #666;
		vertical-align: top;
		padding: 10px 0;
		border-bottom: 1px solid #e5e5e5
	}

		.welc-tbl td p {
			font-size: 11px;
			color: #666;
			line-height: 1.3;
			margin-top: 8px;
		}

.tbl-write .btns {
	color: #fff;
	margin-top: 15px;
}


/*공지사항*/
.evtNotice-sec {
	position: relative;
	padding: 20px 0 0 0;
	background: #852724;
}

	.evtNotice-sec .notice_tit {
		margin: 0 50% 0 5%;
		padding: 5px 15px;
		font-size: 20px;
		font-weight: 600;
		background: #fff;
		color: #852724;
	}

	.evtNotice-sec ul {
		padding: 20px 5% 30px 5%;
	}

		.evtNotice-sec ul li {
			padding-left: 10px;
			line-height: 18px;
			margin: 0 0 10px 0;
			color: #fff;
		}



/*Bon클럽*/
.bonmania_tit {
	width: 100%;
}

.bonmania_cont {
	width: 100%;
}

.bonmania_payment {
	width: 100%;
	height: 0;
	padding-top: calc(496 / 720 * 100%);
	background: url(../img/bonmania/img_bonmania_payment.png)no-repeat;
	position: relative;
	background-size: cover;
}

	.bonmania_payment .select_pay {
		position: absolute;
		width: 100%;
		top: 39.5%;
		padding: 0 2%;
	}

		.bonmania_payment .select_pay.formAlign {
			text-align: center;
		}

			.bonmania_payment .select_pay.formAlign > span {
				display: inline-block;
				vertical-align: top;
				margin-bottom: 0px;
			}

				.bonmania_payment .select_pay.formAlign > span:nth-child(1) {
					margin-right: 3%;
				}

				.bonmania_payment .select_pay.formAlign > span:nth-child(2) {
					margin-right: 3%;
				}

				.bonmania_payment .select_pay.formAlign > span:nth-child(3) {
					margin-right: 3%;
				}

				.bonmania_payment .select_pay.formAlign > span:nth-child(4) {
					margin-right: 0;
				}

				.bonmania_payment .select_pay.formAlign > span.inputRadio {
					display: inline-block;
					position: relative;
				}

					.bonmania_payment .select_pay.formAlign > span.inputRadio input {
						position: absolute;
						top: 0;
						left: 0;
						opacity: 0
					}

						.bonmania_payment .select_pay.formAlign > span.inputRadio input + label:before {
							display: inline-block;
							position: absolute;
							top: 0;
							left: 0;
							width: 15px;
							height: 15px;
							background: url(/Res/U/M/DEF/img/common/bg_rad_default.png) left top no-repeat;
							background-size: 15px;
							content: ""
						}

						.bonmania_payment .select_pay.formAlign > span.inputRadio input:checked + label:before {
							background-image: url(/Res/U/M/DEF/img/common/bg_rad_checked.png)
						}

						.bonmania_payment .select_pay.formAlign > span.inputRadio input:disabled + label:before {
							background-image: url(/Res/U/M/DEF/img/common/bg_rad_disabled.png)
						}

						.bonmania_payment .select_pay.formAlign > span.inputRadio input:disabled:checked + label:before {
							background-image: url(/Res/U/M/DEF/img/common/bg_rad_checked_disabled.png)
						}

					.bonmania_payment .select_pay.formAlign > span.inputRadio label {
						display: inline-block;
						padding-left: 18px;
						color: #444;
						font-size: 11px;
						vertical-align: top;
						line-height: 15px;
						letter-spacing: -0.8px;
					}

	.bonmania_payment .btn {
		width: 100%;
		height: 45px;
		position: absolute;
		bottom: 19%;
		text-indent: -9999px;
		padding: 0 20%;
	}

		.bonmania_payment .btn a {
			width: 100%;
			height: 100%;
			display: block;
		}

.bonmania_notice {
	width: 100%;
	background: #9a7f61;
	padding: 40px 30px;
	font-weight: 400;
}

	.bonmania_notice .list > li {
		padding-left: 4px;
		font-size: 11px;
		color: #fff;
		line-height: 1.5em;
		position: relative;
		letter-spacing: -.8px;
	}

		.bonmania_notice .list > li:before {
			display: block;
			content: '';
			clear: both;
			width: 2px;
			height: 2px;
			background: #fff;
			position: absolute;
			top: 6px;
			left: 0;
		}


/*안내 : 잠깐*/
.notice { /* padding:15px 10px; */ /* background:#f9f9f9; */
}

	.notice:after {
		display: block;
		clear: both;
		content: '';
	}

	.notice span.notice-label {
		display: inline-block;
		background: #8f7564;
		border-radius: 15px;
		height: 25px;
		line-height: 25px;
		color: #fff;
		padding: 0 15px;
		font-size: 12px;
		float: left;
	}

	.notice p {
		display: inline-block;
		float: left;
		position: relative;
		font-size: 12px;
		line-height: 0em;
		padding-left: 5px;
	}

		.notice p:after {
			position: absolute;
			display: inline-block;
			content: '';
			background: url('/Res/U/W/BABY/img/common/arr_r02.png') no-repeat;
			vertical-align: middle;
			padding-right: 3px;
			width: 3px;
			height: 7px;
			background-size: contain;
			top: 10px;
			right: -12px;
		}

	.notice div.notice-txt {
		font-size: 12px;
		color: #333333;
		line-height: 1.5em;
		margin-top: 10px;
		display: inline-block;
	}

		.notice div.notice-txt.lineheight25 {
			line-height: 25px !important
		}

	.notice div.notice-info {
		font-size: 13px;
		color: #333333;
		text-align: center;
	}

		.notice div.notice-info em {
			color: #c26161;
			font-weight: bold;
		}

/* 배송정보 : 도착시간안내 */
.notice-delivery {
	padding: 15px;
	background: #f9f9f9;
	line-height: 1.5em;
	margin-top: 15px;
	color: #333;
}

	.notice-delivery strong {
		font-size: 14px;
		color: #C00000;
	}

	.notice-delivery ul li {
		font-size: 13px;
		margin: 10px 0;
		position: relative;
		padding-left: 15px;
	}

		.notice-delivery ul li::before {
			content: "◼";
			position: absolute;
			top: 0;
			left: 0;
		}

		.notice-delivery ul li span {
			text-decoration: underline;
			font-weight: bold;
		}

/* 2023.07.06 디자인 수정 */
.planner_bnr a {
	display: block;
}

.notice_v2 {
	background: #F2F6FC;
	border: 1px solid #E0E5EC;
	border-radius: 6px;
}

	.notice_v2 .notice-label {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2px;
		padding: 7px 0;
		color: #111;
		position: relative;
	}

		.notice_v2 .notice-label * {
			font-size: 14px;
			line-height: 20px;
		}

		.notice_v2 .notice-label strong {
			color: #730000;
			font-size: 15px
		}

		.notice_v2 .notice-label .arrow {
			position: absolute;
			top: 12px;
			right: 15px;
			display: inline-block;
			width: 11px;
			height: 12px;
			background: url(/Res/U/M/BABY/img/common/arr_next.png) no-repeat center center / contain;
			transition: all .3s ease;
		}

	.notice_v2.toggle.on .arrow {
		transform: rotate(-180deg);
	}

	.notice_v2 .notice-txt {
		display: none;
		border-top: 1px solid #E0E5EC;
		padding: 15px;
		word-break: keep-all;
	}

		.notice_v2 .notice-txt h3 {
			color: #111;
			font-weight: 600;
			font-size: 12px;
			margin-bottom: 5px;
		}

			.notice_v2 .notice-txt h3:not(:first-child) {
				margin-top: 15px;
			}

		.notice_v2 .notice-txt strong {
			color: #911027;
			font-weight: 600;
			text-decoration: underline
		}

		.notice_v2 .notice-txt .rg-list li {
			font-size: 12px;
			color: #333;
			position: relative;
			padding-left: 10px;
		}

			.notice_v2 .notice-txt .rg-list li:before {
				content: "";
				position: absolute;
				top: 7px;
				left: 0;
				width: 2px;
				height: 2px;
				background: #333;
			}

			.notice_v2 .notice-txt .rg-list li + li {
				margin-top: 4px;
			}

	.notice_v2 .notice-label .icon_alert {
		width: 24px;
	}

.section_line {
	background: #f7f7f5;
	height: 8px;
}

.boxShow .section_line {
	margin-left: -15px;
	margin-right: -15px;
}

.boxShow img {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

/*안내 : 꼭확인하세요*/
.infoCheckList > dt {
	display: inline-block;
	background: #8f7564;
	border-radius: 15px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	padding: 0 15px;
	font-size: 12px;
	margin-bottom: 10px;
}

	.infoCheckList > dt:before {
		display: block;
		content: '';
		background: none;
	}

.infoCheckList > dd {
	padding: 0 10px;
}

/*마이페이지 - 식단플래너 : 식단확인변경*/
.foodPlaner_wrap {
	padding: 15px; /*background:#f9f9f9;*/
	line-height: 40px;
}

	.foodPlaner_wrap:after {
		display: block;
		clear: both;
		content: ''
	}

	.foodPlaner_wrap.top {
		margin-bottom: 20px;
	}

.foodPlaner_select {
}

	.foodPlaner_select:after {
		display: block;
		clear: both;
		content: ''
	}

	.foodPlaner_select dt {
		width: 100%;
		color: #222;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 10px;
	}

	.foodPlaner_select dd .selectWrap {
		width: calc(100% - 85px)
	}

/*마이페이지 - 식단플래너 : 식단확인변경 : 식재료 검색하기*/
.search-wrap.food {
	padding: 0 15px;
	background: #f9f9f9;
	line-height: 40px;
	margin-bottom: 20px;
}

	.search-wrap.food:after {
		display: block;
		clear: both;
		content: ''
	}

	.search-wrap.food .search-tit {
		height: 50px;
		line-height: 50px;
		color: #222;
		font-size: 14px;
		font-weight: 600;
	}

	.search-wrap.food .sorting-food {
	}

		.search-wrap.food .sorting-food li {
			width: 24%;
			display: inline-block;
		}

/*마이페이지 - 식단플래너 : 식단확인변경 : 식단정보 List*/
.foodplaner-box {
}

	.foodplaner-box .dlv-count + .dlv-count {
		margin-top: 10px;
	}

	.foodplaner-box .item-top {
		width: 100%; /*margin-top:30px;*/
		font-size: 14px;
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		background: #f7f7f7;
		padding: 10px;
		position: relative;
	}

		.foodplaner-box .item-top span {
			display: inline-block;
		}

			.foodplaner-box .item-top span.pack {
				font-size: 14px;
				color: #666;
			}

			.foodplaner-box .item-top span a.state {
				display: inline-block;
				background: #ddd;
				padding: 2px 10px;
				border-radius: 20px;
				color: #000;
				font-size: 12px;
			}

				.foodplaner-box .item-top span a.state.disable {
					position: relative;
					padding-right: 20px;
					background: #b2b2b2;
					color: #fff
				}

					.foodplaner-box .item-top span a.state.disable:after {
						content: "";
						position: absolute;
						top: 5px;
						right: 5px;
						width: 10px;
						height: 10px;
						background: url(/Res/U/M/BABY/img/common/arr_next_wh.png) no-repeat center center / contain;
						transition: all .3s ease;
					}

	.foodplaner-box .dlv-count.disable.on .item-top span a.state.disable:after {
		transform: rotate(-180deg);
	}

	.foodplaner-box .item-top .selCnt.error {
		font-weight: 600;
		color: #B3261E;
	}

		.foodplaner-box .item-top .selCnt.error:before {
			content: "";
			display: inline-block;
			vertical-align: -1.5px;
			width: 14px;
			height: 14px;
			background: url(/res/U/M/BABY/img/common/ico_allergy.png) no-repeat center center / contain;
			margin-right: 5px;
		}

	.foodplaner-box .foodplaner-list {
		padding: 0 15px;
	}

		.foodplaner-box .foodplaner-list + .foodplaner-list {
			border-top: 1px solid #e9e7e3
		}
	/*.foodplaner-box .foodplaner-list .disable {opacity:0.4;}*/
	.foodplaner-box .dlv-count {
		position: relative;
	}

		.foodplaner-box .dlv-count.disable .list-wrap {
			display: none;
		}

		.foodplaner-box .dlv-count.disable:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(0,0,0,0.1);
		}

	.foodplaner-box .foodplaner-list > ul { /*border-bottom:1px solid #e9e7e3;*/
		padding: 15px 0;
	}

		.foodplaner-box .foodplaner-list > ul > li { /*padding-bottom:15px*/
		}

	.foodplaner-box .foodplaner-list .item {
		display: table;
		width: 100%;
	}

		.foodplaner-box .foodplaner-list .item li {
			position: relative;
			float: left;
			overflow: hidden;
			border: 1px solid #dfdcd5;
			margin-left: -1px;
			margin-top: -1px;
			display: table-cell;
			vertical-align: middle;
			padding: 10px 5px;
			width: 33.33%;
			min-height: 100px;
		}

			.foodplaner-box .foodplaner-list .item li:first-child {
				border-top: 1px solid #dfdcd5;
			}

			.foodplaner-box .foodplaner-list .item li:nth-child(2) {
				border-top: 1px solid #dfdcd5;
			}

			.foodplaner-box .foodplaner-list .item li:nth-child(3) {
				border-top: 1px solid #dfdcd5;
			}

			.foodplaner-box .foodplaner-list .item li a {
				display: block;
			}

			.foodplaner-box .foodplaner-list .item li .checkStyle {
				display: inline-block;
				position: absolute;
				top: -1px;
				left: -1px;
				vertical-align: middle;
				width: 21px;
				height: 21px;
				margin-left: 1px;
				margin-top: 1px;
				background: transparent;
			}

			.foodplaner-box .foodplaner-list .item li label {
				display: inline-block;
				vertical-align: top;
				margin: 3px 0 0 3px;
			}

			.foodplaner-box .foodplaner-list .item li input[type='checkbox'].inputCheckbox {
				display: block;
				vertical-align: top;
				width: 20px;
				height: 20px;
				padding: 0;
				margin: 0;
				opacity: 0;
				filter: alpha(opacity=0);
			}

			.foodplaner-box .foodplaner-list .item li.add .checkStyle {
				background: url(/Res/U/M/BABY/img/common/bg_chk_checked_red.png)no-repeat;
			}

		.foodplaner-box .foodplaner-list .item .thum {
			display: block;
			text-align: center;
		}

			.foodplaner-box .foodplaner-list .item .thum img {
				width: 60px;
				height: 60px;
			}

		.foodplaner-box .foodplaner-list .item .info {
			display: block;
			text-align: center;
		}

			.foodplaner-box .foodplaner-list .item .info strong {
				display: block;
				height: 30px;
				font-weight: 400;
				font-size: 12px;
				line-height: 1.2em;
				margin-top: 5px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

			.foodplaner-box .foodplaner-list .item .info .btn {
				margin-top: 10px;
			}

		.foodplaner-box .foodplaner-list .item.disable li {
			opacity: 0.4;
		}

	.foodplaner-box .foodplaner-list .no-item .date {
		width: 100%;
	}

		.foodplaner-box .foodplaner-list .no-item .date strong {
			display: inline-block;
		}

		.foodplaner-box .foodplaner-list .no-item .date .tag {
			margin: 0 0 0 5px;
		}

	.foodplaner-box .foodplaner-list .alter {
		display: table;
	}

		.foodplaner-box .foodplaner-list .alter dl {
			margin: 10px 0 -10px 0;
			width: 720px;
			border-top: 1px solid #e5e5e5;
		}

		.foodplaner-box .foodplaner-list .alter dt {
			display: table-cell;
			padding: 10px 0;
			width: 230px;
			background: #fafafa;
			text-align: center;
			font-size: 14px;
		}

			.foodplaner-box .foodplaner-list .alter dt span {
				display: inline-block;
				padding-left: 28px;
				background: url('/Res/U/W/BABY/img/common/bl_notice.png') no-repeat 0 0;
				line-height: 18px;
			}

		.foodplaner-box .foodplaner-list .alter dd {
			display: table-cell;
			padding: 10px 0 10px 10px;
			width: 240px;
		}


.foodplaner-detail-box .item-top {
	width: 100%;
	font-size: 14px;
	background: #f9f9f9;
	padding: 15px;
	position: relative;
}

	.foodplaner-detail-box .item-top span.pack {
	}

	.foodplaner-detail-box .item-top .xsBtns {
		position: absolute;
		right: 15px;
		top: 11px;
	}

/*마이페이지 - 식단플래너 : 식단확인변경 : 메뉴변경 Popup*/
.foodPlaner .date {
	display: inline-block;
	text-align: left;
	font-size: 14px;
	background: #f7f7f7;
	border: 1px solid #eee;
	margin-bottom: 10px;
	padding: 0;
	padding: 3px 12px;
	border-radius: 50px;
	font-weight: 500
}

.foodPlaner .foodMenu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

	.foodPlaner .foodMenu .qtyNum {
		border: 0px none;
		border-top: 1px solid #e5e5e5
	}

	.foodPlaner .foodMenu li {
		border-radius: 6px;
		overflow: hidden;
		border: 1px solid #e6e6e6;
		display: inline-block; /*width:32.33%;*/
		text-align: center; /*padding: 5px 0;*/
		width: calc(33.33% - 7px);
	}

		.foodPlaner .foodMenu li + li {
		}

		.foodPlaner .foodMenu li.active {
			border: 1px solid #730000
		}

			.foodPlaner .foodMenu li.active .name {
				color: #730000;
				font-weight: 600;
			}

		.foodPlaner .foodMenu li.even {
			width: 49%;
		}

	.foodPlaner .foodMenu .food-thum {
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: 0 auto;
		position: relative;
		margin-top: 5px;
	}

		.foodPlaner .foodMenu .food-thum:after {
			content: "";
			position: absolute;
			bottom: -5px;
			right: -5px;
			width: 20px;
			height: 20px;
			background: url(/Res/U/M/BABY/img/common/ico_open_details.svg) no-repeat center center / contain;
		}

		.foodPlaner .foodMenu .food-thum .maxSelCntFood {
			background-color: #c18f54;
			width: 7px;
			height: 7px;
			position: absolute;
			right: 0px;
			border-radius: 50%;
		}

		.foodPlaner .foodMenu .food-thum img {
			width: 100%;
		}

	.foodPlaner .foodMenu .food {
		margin-top: 5px;
	}

		.foodPlaner .foodMenu .food .name {
			display: block;
			vertical-align: middle;
			font-size: 12px;
			margin-bottom: 2px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding: 0 4px;
		}

		.foodPlaner .foodMenu .food .pack {
			display: block;
			vertical-align: middle;
			font-size: 12px;
		}

		.foodPlaner .foodMenu .food .qtyNum {
			width: 100%;
			margin: 5px auto 0;
			display: flex;
			align-items: center;
		}

			.foodPlaner .foodMenu .food .qtyNum a {
				width: 33.33%;
			}

			.foodPlaner .foodMenu .food .qtyNum .inpText {
				width: 33.33%;
				padding: 0 2px;
			}

				.foodPlaner .foodMenu .food .qtyNum .inpText.chg {
					color: #730000;
					font-weight: bold;
				}

	.foodPlaner .foodMenu li .checkStyle {
		display: inline-block;
		position: absolute;
		top: 0px;
		left: -5px;
		vertical-align: middle;
		width: 21px;
		height: 21px;
		margin-left: 1px;
		margin-top: 1px;
		background: transparent;
	}

	.foodPlaner .foodMenu li label {
		display: inline-block;
		vertical-align: top;
		margin: 3px 0 0 3px;
	}

	.foodPlaner .foodMenu li input[type='checkbox'].inputCheckbox {
		display: block;
		vertical-align: top;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.foodPlaner .foodMenu li.on .checkStyle {
		background: url(/Res/U/M/BABY/img/common/bg_chk_checked_red_round02.png)no-repeat;
	}

	.foodPlaner .foodMenu li.on .name {
		color: #c26161
	}

	/*마이페이지 - 식단플래너 : 단계변경*/
	.foodPlaner .foodMenu .foodMenu-step {
		border: 1px solid #dfdcd5;
		background: #fff;
		padding: 25px 0;
	}

.foodMenu-step ul li {
	width: 33.33%;
	float: left;
	position: relative;
}

.foodMenu-step ul:after {
	content: "";
	display: block;
	clear: both;
}

.foodMenu-step ul li:after {
	display: block;
	clear: both;
	content: '';
	width: 7px;
	height: 17px;
	background: url(/Res/U/M/BABY/img/common/arr_link.png)no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: -4px;
	margin-top: -8px;
}

.foodMenu-step ul li:last-child:after {
	display: none;
}

.foodMenu-step ul li .food-round {
	width: 90%;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
	display: table;
	position: relative;
	padding-top: 90%;
}

.foodMenu-step ul li:nth-child(1) .food-round {
	background: #c3baad
}

.foodMenu-step ul li:nth-child(2) .food-round {
	background: #d1aa7b
}

.foodMenu-step ul li:nth-child(3) .food-round {
	background: #9e866a
}

.foodMenu-step ul li .food-round span {
	font-size: 3.5vw;
	color: #fff;
	line-height: 1.2em;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%)
}
/* .foodMenu-step ul li:nth-child(3) .food-round span {height:55%;} */
.foodMenu-step p {
	width: 100%;
	display: inline-block;
	color: #9e866a;
	font-size: 12px;
	text-align: left;
	line-height: 1.3em;
	margin-top: 20px;
}

.plan_cancel_wrap .page_title h2 {
	font-size: 16px;
	color: #222;
	font-weight: 400;
}

	.plan_cancel_wrap .page_title h2 strong {
		color: #730000;
		font-weight: 600;
	}

.plan_cancel_wrap .page_title p {
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}

.plan_cancel_wrap .sum_box {
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #E6E6E6
}

	.plan_cancel_wrap .sum_box .box_header {
		background: #f7f7f7;
		padding: 10px 0;
		text-align: center;
		border-bottom: 1px solid #e6e6e6;
		color: #666;
		font-size: 14px;
		font-weight: 500
	}

	.plan_cancel_wrap .sum_box .box_body {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 15px;
	}

		.plan_cancel_wrap .sum_box .box_body .item {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}

			.plan_cancel_wrap .sum_box .box_body .item .val .guide {
				font-size: 11px;
				color: #999
			}

			.plan_cancel_wrap .sum_box .box_body .item .val strong {
				color: #111
			}

			.plan_cancel_wrap .sum_box .box_body .item.result {
				border-top: 1px solid #e6e6e6;
				padding-top: 10px;
			}

				.plan_cancel_wrap .sum_box .box_body .item.result .clm,
				.plan_cancel_wrap .sum_box .box_body .item.result .val strong {
					font-size: 16px;
					color: #000;
					font-weight: 600
				}

.plan_cancel_wrap .pay-desc .result_box {
	border: 1px solid #730000;
	text-align: center;
	border-radius: 6px;
	overflow: hidden;
}

	.plan_cancel_wrap .pay-desc .result_box .head {
		text-align: center;
		border-bottom: 1px solid #730000;
		background-color: #fff;
	}

		.plan_cancel_wrap .pay-desc .result_box .head p {
			font-size: 12px;
			font-weight: 400;
			color: #404040;
			line-height: 32px;
		}

			.plan_cancel_wrap .pay-desc .result_box .head p strong {
				font-size: 12px;
				color: #730000;
			}

	.plan_cancel_wrap .pay-desc .result_box .body {
		background-color: #F7F7F7;
		padding: 10px 0;
		text-align: center;
	}

		.plan_cancel_wrap .pay-desc .result_box .body p {
			display: block;
			font-size: 14px;
			font-weight: 400;
			line-height: 18px;
			color: #222;
		}

			.plan_cancel_wrap .pay-desc .result_box .body p strong {
				font-size: 18px;
				font-weight: 700;
				color: #730000;
			}

		.plan_cancel_wrap .pay-desc .result_box .body span {
			display: block;
			font-size: 10px;
			color: #666;
			line-height: 1;
			margin-top: 5px;
		}

	.plan_cancel_wrap .pay-desc .result_box p {
		color: #222;
		font-size: 14px
	}

.plan_cancel_wrap .pay-desc .inputCheckbox {
	display: flex;
	align-items: center;
}

	.plan_cancel_wrap .pay-desc .inputCheckbox input + label {
		font-size: 10px;
		color: #666666;
		margin: 0;
		line-height: 14px;
		padding-left: 23px;
	}

		.plan_cancel_wrap .pay-desc .inputCheckbox input + label::before {
			width: 16px;
			height: 16px;
			background-size: 16px;
		}

		.plan_cancel_wrap .pay-desc .inputCheckbox input + label span {
			color: #730000;
			line-height: 14px;
		}

		.plan_cancel_wrap .pay-desc .inputCheckbox input + label strong {
			color: #111;
			line-height: 14px;
		}

.plan_cancel_wrap .submit {
	margin-top: auto;
	padding-top: 15px;
}

	.plan_cancel_wrap .submit a {
		display: block;
		border-radius: 6px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		background: #730000;
		color: #fff;
		text-align: center;
		margin-top: 12px;
	}

/*식단주문하기 : 식단정보 상단*/
.food-type {
	background: #f9f9f9;
}

	.food-type dl {
		display: table;
		width: 100%;
	}

		.food-type dl dt {
			display: inline-block;
			width: 100%;
			padding: 15px;
			text-align: left;
			background: #fff;
		}

			.food-type dl dt .tit {
				display: inline-block;
				font-size: 14px;
				margin-right: 10px;
				font-weight: 600;
				color: #222;
			}

			.food-type dl dt .count {
				display: inline-block;
				font-size: 14px;
				color: #c08f54;
				font-weight: bold;
			}

		.food-type dl dd {
			display: inline-block;
			width: 32.33%;
			padding: 20px 10px;
			text-align: center;
		}

			.food-type dl dd:last-child {
				margin-right: 0;
			}

			.food-type dl dd .thum {
				display: inline-block;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background: #fff;
				position: relative;
			}

				.food-type dl dd .thum img {
					width: 32px;
					padding-top: 13px;
				}

					.food-type dl dd .thum img.pork {
						width: 37px;
						padding-top: 18px;
					}

				.food-type dl dd .thum .count {
					display: inline-block;
					width: 20px;
					height: 20px;
					line-height: 20px;
					border-radius: 50%;
					background: #c08f54;
					font-size: 11px;
					color: #fff;
					font-weight: bold;
					position: absolute;
					top: 0;
					right: 0;
				}

			.food-type dl dd .food-name {
				display: block;
				margin-top: 5px;
				font-size: 12px;
				color: #222;
			}


/*식단주문하기 : 식단정보 하단*/
.menu-list {
}

	.menu-list strong {
		display: block;
		font-weight: 500;
	}

	.menu-list .date {
		width: 100%;
		margin-bottom: 10px;
		margin-top: 30px;
		font-size: 16px;
		padding: 0;
	}

		.menu-list .date span {
			margin-left: 5px;
			color: #c26161;
			font-size: 12px;
		}

		.menu-list .date .txt-num {
			font-size: 14px;
			font-family: 'Noto Sans CJK KR';
			font-weight: 600;
		}

		.menu-list .date .tag {
			margin-top: 6px;
		}

	.menu-list .item {
		display: table;
		width: 100%;
	}

		.menu-list .item li {
			float: left;
			overflow: hidden;
			border: 1px solid #dfdcd5;
			margin-left: -1px;
			display: table-cell;
			vertical-align: middle;
			padding: 10px 5px;
			width: 25%;
			position: relative;
		}

			.menu-list .item li:first-child {
				margin-left: 0;
			}

			.menu-list .item li a {
				display: block;
			}

		.menu-list .item .thum {
			display: block;
			text-align: center;
		}

			.menu-list .item .thum img {
				width: 60px;
				height: 60px;
			}

		.menu-list .item .info {
			display: block;
			text-align: center;
		}

			.menu-list .item .info strong {
				height: 30px;
				font-weight: 400;
				font-size: 12px;
				line-height: 1.2em;
				margin-top: 5px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

			.menu-list .item .info .btn {
				margin-top: 10px;
			}

	.menu-list .no-item .date {
		width: 100%;
	}

		.menu-list .no-item .date strong {
			display: inline-block;
		}

		.menu-list .no-item .date .tag {
			margin: 0 0 0 5px;
		}

	.menu-list .alter {
		display: table;
	}

		.menu-list .alter dl {
			margin: 10px 0 -10px 0;
			width: 720px;
			border-top: 1px solid #e5e5e5;
		}

		.menu-list .alter dt {
			display: table-cell;
			padding: 10px 0;
			width: 230px;
			background: #fafafa;
			text-align: center;
			font-size: 14px;
		}

			.menu-list .alter dt span {
				display: inline-block;
				padding-left: 28px;
				background: url('/Res/U/W/BABY/img/common/bl_notice.png') no-repeat 0 0;
				line-height: 18px;
			}

		.menu-list .alter dd {
			display: table-cell;
			padding: 10px 0 10px 10px;
			width: 240px;
		}

	.menu-list .item .checkbox-wrap {
		position: relative;
		top: 3px;
		left: 3px;
		z-index: 1;
		position: absolute;
	}

		.menu-list .item .checkbox-wrap label {
			width: 20px;
			height: 20px;
			background: url(/Res/U/M/BABY/img/common/bg_chk_checked_red_round.png) left top no-repeat;
			background-size: 20px;
			display: inline-block;
			z-index: 1;
			vertical-align: top;
			line-height: 20px;
		}

			.menu-list .item .checkbox-wrap label:before {
				display: inline-block;
				position: absolute;
				top: 0;
				left: 0;
				width: 20px;
				height: 20px;
				background: url(/Res/U/M/BABY/img/common/bg_chk_default_red_round.png) left top no-repeat;
				background-size: 20px;
				content: ""
			}

		.menu-list .item .checkbox-wrap input:checked + label:before {
			background-image: url(/Res/U/M/BABY/img/common/bg_chk_checked_red_round.png)
		}


/*마이페이지 - 식단플래너 : 배송변경*/
.calendar-dly {
	width: 100%;
	margin-bottom: 50px;
}

	.calendar-dly table {
		width: 100%;
		border-top: 1px solid #888888;
		border-bottom: 1px solid #e5e5e5;
		text-align: center;
	}

		.calendar-dly table tr th {
			padding: 12px 0;
			font-size: 14px;
			font-weight: 400;
			text-align: center;
		}

		.calendar-dly table tr td {
			height: 72px;
			line-height: 72px;
			border-top: 1px solid #e5e5e5;
			border-left: 1px solid #e5e5e5;
			vertical-align: top;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			position: relative;
		}

			.calendar-dly table tr td:nth-child(7) {
				border-right: 1px solid #e5e5e5;
			}

			.calendar-dly table tr td div {
				display: block;
				width: 100%;
				height: 100%;
			}

			.calendar-dly table tr td a {
				display: block;
				width: 100%;
				height: 100%;
			}

			.calendar-dly table tr td.able {
			}

			.calendar-dly table tr td.dow {
				border: 1px dashed #0000FF;
				background: url(/Res/U/M/BABY/img/common/ico_cal_check_before_blue.svg) no-repeat center 21px #F0F0FF
			}
			/* .calendar-dly table tr td.dow:hover {background:#ffcccc;} */
			.calendar-dly table tr td.unselect {
				background: #F3F5F9
			}
	/* .calendar-dly table tr td.select {background:rgba(243,220,170,0.4);} */
	.calendar-dly span.dly-day {
		display: block;
		font-size: 12px;
		line-height: 14px;
		font-weight: 400;
		vertical-align: middle;
		text-align: left;
		padding: 5px 0 0 5px;
	}

	.calendar-dly span.dly-tag {
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		background: linear-gradient(135deg, #FE7D6B 0%, #C13657 100%);
		display: flex;
		color: #fff;
		font-size: 11px;
		position: absolute;
		top: 21px;
		left: 50%;
		transform: translateX(-50%);
		letter-spacing: 0;
		align-items: center;
		justify-content: center;
	}

	.calendar-dly span.done {
		background: #D64F4F;
		color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 11px;
		text-align: center;
		width: 100%;
		display: inline-block;
		line-height: 15px;
		height: 15px;
	}

	.calendar-dly .sun {
		color: #ee5050 !important;
	}

.asis-dly-tag {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	border-radius: 10px 0 10px 10px;
	background: #888888;
	font-size: 10px;
	color: #fff;
	line-height: 20px;
	font-weight: 500;
	padding: 0 5px
}

.AddrContents .DawnDelivery {
	padding: 5px 10px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	position: relative;
	width: 70%;
	display: inline-block;
	left: 15%;
}

	.AddrContents .DawnDelivery img {
		width: 35px;
		position: absolute;
		bottom: 9px;
		right: 10px;
	}

.DivAddr.None {
	min-height: unset;
	background-color: unset;
}

.DivAddr .ui-container {
	padding-top: 0px !important;
	padding-bottom: 0;
}

.DivAddr .DawnDelivery {
	padding: 10px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	position: relative;
}

	.DivAddr .DawnDelivery img {
		width: 50px;
		margin: 0 -10px 0 10px;
		position: absolute;
		top: 10px;
	}

#DlyTitle {
	padding-top: 60px !important;
}

.bsList.foodplaner > ul > li {
	padding: 0;
	border: 0px none;
}

	.bsList.foodplaner > ul > li + li {
		margin-top: 15px
	}

.bsList.foodplaner .info {
	position: relative
}

	.bsList.foodplaner .info .date {
		background: #F7F7F7;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		padding: 8px 10px;
		color: #333;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 15px;
	}

	.bsList.foodplaner .info .str {
		position: absolute;
		top: 11px;
		right: 10px;
		font-size: 12px;
		color: #797979;
		font-weight: 400;
	}

	.bsList.foodplaner .info .address,
	.bsList.foodplaner .info .step {
		padding: 0 10px;
	}

	.bsList.foodplaner .info .address {
		padding: 0 80px 0 10px;
		word-break: keep-all;
	}

		.bsList.foodplaner .info .address.memo {
			margin-top: 3px;
		}

	.bsList.foodplaner .info .step {
		background: #F0F0F0;
		border: 1px solid #e5e5e5;
		color: #aaa;
		line-height: 32px;
		text-align: center;
	}

	.bsList.foodplaner .info .chr_btn_set {
		display: flex;
		flex-direction: row;
		gap: 5px;
	}

		.bsList.foodplaner .info .chr_btn_set a {
			flex: 1;
			height: 32px;
		}

	.bsList.foodplaner .info .dlv_type {
		position: absolute;
		right: 0;
		top: 56px;
		font-size: 13px
	}

.dlv_type {
	padding-left: 27px;
	font-weight: 600
}

	.dlv_type.regular {
		color: #8B774F;
		background: url(/Res/U/M/BABY/img/common/ico_dlv_regular.svg) no-repeat left center
	}

	.dlv_type.timf {
		color: #27536B;
		background: url(/Res/U/M/BABY/img/common/ico_dlv_timf.svg) no-repeat left center
	}

	.dlv_type.dream {
		color: #554D7E;
		background: url(/Res/U/M/BABY/img/common/ico_dlv_dream.svg) no-repeat left center
	}

/* 선물 교환 상점 */
.evt_list {
	width: 100%;
	padding: 30px 5% 40px 5%;
	background: #e4e4e4;
}

	.evt_list > ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: flex-start;
	}

		.evt_list > ul > li {
			width: 49%;
			margin-bottom: 10px;
		}

			.evt_list > ul > li a {
				display: block;
				width: 100%;
				height: 100%;
				box-shadow: 0 4px 6px rgba(0,0,0,0.3);
				position: relative;
				background-color: #f8f8f8;
			}

	.evt_list .evt_info {
		width: 100%;
		min-height: 90px;
		box-sizing: border-box;
		padding: 10px 10px 0;
	}

		.evt_list .evt_info h2 {
			color: #333;
			font-size: 1em;
			font-weight: 700;
			line-height: 1.3;
			min-height: 40px;
			word-break: keep-all;
		}

		.evt_list .evt_info > ul {
			min-height: 25px;
			bottom: 0;
			box-sizing: border-box;
			border-top: 1px solid #444;
			padding-top: 5px;
		}

			.evt_list .evt_info > ul > li.price {
				float: left;
				font-size: 14px;
				font-weight: 600;
				color: #790000;
			}

				.evt_list .evt_info > ul > li.price > .rice {
					width: 16px !important;
				}

			.evt_list .evt_info > ul > li.count {
				text-align: center;
				font-size: 11px;
				font-weight: 500;
				color: #666;
			}

	.evt_list .evt_photo {
		width: 100%;
		overflow: hidden;
	}

		.evt_list .evt_photo img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

	.evt_list .num {
		width: 35px;
		height: 35px;
		position: relative;
		;
	}

		.evt_list .num .tri {
			width: 0;
			height: 0px;
			border-bottom: 35px solid transparent;
			border-left: 35px solid #223e18;
		}

		.evt_list .num p {
			color: #fff;
			position: absolute;
			top: 2px;
			left: 6px;
			font-size: 10px;
			font-weight: bold;
		}

.share_btn {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

	.share_btn img {
		width: 100%;
		height: 100%;
	}

	.share_btn > a {
		position: absolute;
		width: 35px;
		height: 35px;
	}

/* 이달의 식단표 */
.chart-wrap {
	width: 100%;
	height: auto;
}

	.chart-wrap .photo-box {
		width: 100%;
		height: auto;
		position: relative;
	}

		.chart-wrap .photo-box img {
			width: 100%;
			height: 100%;
		}

		.chart-wrap .photo-box h3 {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 26px;
			color: #fff;
		}

	.chart-wrap .category {
		padding: 20px 15px 30px 15px;
	}

		.chart-wrap .category select {
			border: 1px solid #999;
			width: 70%;
			height: 38px;
			font-size: 14px;
			color: #333;
			margin: 0px 15%;
		}

	.chart-wrap .calend-wrap {
		width: 100%;
		margin-bottom: 20px;
	}

		.chart-wrap .calend-wrap .calendarBoxArea {
			margin-bottom: 0;
		}

		.chart-wrap .calend-wrap .noti {
			margin: 5px 20px 20px;
		}

		.chart-wrap .calend-wrap .menu-wrap {
			display: flex;
			justify-content: center;
			align-items: flex-start;
			position: relative;
		}

			.chart-wrap .calend-wrap .menu-wrap ul {
				display: flex;
				margin-bottom: 20px;
			}

				.chart-wrap .calend-wrap .menu-wrap ul li:nth-child(2) {
					font-size: 16px;
					font-weight: 500;
					color: #911027;
					margin: 0 14px;
				}

				.chart-wrap .calend-wrap .menu-wrap ul li input {
					width: 21px;
					line-height: 21px;
					background-color: #911027;
					color: #fff;
					border: none;
				}

				.chart-wrap .calend-wrap .menu-wrap ul li a.pcView {
					position: absolute;
					right: 15px;
					bottom: 5px;
					font-size: 12px;
				}

		.chart-wrap .calend-wrap .chart-menu {
			padding: 0 15px;
			margin-bottom: 20px;
		}

			.chart-wrap .calend-wrap .chart-menu .date .txt-num {
				font-weight: normal;
			}

	.chart-wrap .order-btns {
		padding: 0 15px;
		height: 40px;
	}

		.chart-wrap .order-btns a {
			display: inline-block;
			width: 49%;
			line-height: 38px;
			background-color: #911027;
			color: #fff;
			text-align: center;
		}

			.chart-wrap .order-btns a:last-child {
				background-color: #333;
				color: #fff;
			}

.dreambag .inputRadio input + label {
	width: 100%;
}

	.dreambag .inputRadio input + label:before {
		margin: 10px 0;
		margin-left: 15px;
	}

.dreambag .inputRadio input:checked + label {
	background-color: rgba(121,0,0,0.1);
}

/* 20231207 토핑 옵션 추가 / ran@indusweb.co.kr */
.selectTopingSheet {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	z-index: 9999;
	display: none
}

	.selectTopingSheet .inner {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -100%;
		background: #fff;
		border-radius: 15px 15px 0 0
	}

	.selectTopingSheet .btnFixFooter {
		padding: 0;
		position: relative;
	}

	.selectTopingSheet .header {
		padding: 0 0 0 20px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

		.selectTopingSheet .header h2 {
			font-size: 18px;
			font-weight: 600;
			color: #222
		}

		.selectTopingSheet .header .closeOptionList {
			margin-left: auto;
			padding: 15px
		}

			.selectTopingSheet .header .closeOptionList img {
				width: 16px
			}

	.selectTopingSheet .body {
		padding: 10px 20px
	}

		.selectTopingSheet .body .item + .item {
			margin-top: 8px
		}

		.selectTopingSheet .body .item label {
			font-size: 14px;
			vertical-align: middle;
			margin-left: 4px;
			color: #222
		}

	.selectTopingSheet .mkHook {
		background: url(/Res/U/M/BABY/img/common/mk_hook.png) no-repeat right 15px center #F0F4FA;
		border-radius: 8px;
		position: relative;
		padding: 15px;
		margin-top: 10px;
		font-size: 12px;
		letter-spacing: -0.5px;
	}

		.selectTopingSheet .mkHook strong {
			font-size: 14px;
			color: #222;
			font-weight: 600
		}

	.selectTopingSheet.on {
		display: block
	}

		.selectTopingSheet.on .inner {
			bottom: 0;
		}

/* 식단 주문하기 */
body.hidden {
	overflow: hidden;
}

.food-order-list {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	display: none;
	z-index: 21;
}

	.food-order-list.active {
		display: flex;
		align-items: flex-end;
	}

		.food-order-list.active .app-pop-dimmed {
			display: block;
		}

	.food-order-list .app-pop-dimmed {
		position: fixed;
		display: none;
		top: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0, 0, 0, .7);
		z-index: 99;
	}

	.food-order-list > .inner {
		position: relative;
		z-index: 99;
		width: 100%;
		box-sizing: border-box;
	}

		.food-order-list > .inner .wrapper {
			width: 100%;
			max-height: 94%;
			box-sizing: border-box;
			position: relative;
			z-index: 101;
			background-color: #fff;
			border-radius: 20px 20px 0 0;
			box-shadow: 0px 0px 8px rgb(0 0 0 / 60%);
		}

			.food-order-list > .inner .wrapper.step2 .contents {
				max-height: calc(94% - 50px - 50px - 110px);
			}

			.food-order-list > .inner .wrapper.hidden {
				display: none;
			}

		.food-order-list > .inner .opt_panel {
			display: block;
			width: 100%;
			height: auto;
			max-height: calc(94vh - 50px);
			overflow: hidden;
			box-shadow: none;
		}

		.food-order-list > .inner .contents {
			max-height: calc(94vh - 50px - 50px);
			overflow: auto;
		}

			.food-order-list > .inner .contents .container {
				padding: 15px 15px 20px;
				box-sizing: border-box;
			}

		.food-order-list > .inner .opt_tit {
			display: flex;
			align-items: center;
			width: 100%;
			height: 50px;
			border-bottom: 0;
			padding: 0 20px;
			padding: 9px 20px;
			color: #222;
			position: relative;
		}

			.food-order-list > .inner .opt_tit.center {
				justify-content: center;
			}

			.food-order-list > .inner .opt_tit h3 {
				font-size: 18px;
				font-weight: 700;
				color: #222;
			}

			.food-order-list > .inner .opt_tit .close {
				position: absolute;
				right: 15px;
				top: 14px;
				display: block;
				width: 18px;
				height: 18px;
				font-size: 0;
				background: url(/Res/U/M/BABY/img/common/opt_close_button.png) 50% no-repeat;
				background-size: 15px;
			}

			.food-order-list > .inner .opt_tit .btnBack {
				display: block;
				text-indent: -999em;
				width: 24px;
				height: 24px;
				background: url(/Res/U/M/DEF/img/common/btn_back.png) no-repeat 50%;
				background-size: 19px;
			}

		.food-order-list > .inner .opt_list li {
			line-height: 1.6;
			padding: 7px;
		}

		.food-order-list > .inner .sub-title {
			font-size: 18px;
			color: #000;
			font-weight: 700;
		}

		.food-order-list > .inner .flex-list-wrap {
			display: flex;
			flex-direction: column;
			gap: 5px;
		}

			.food-order-list > .inner .flex-list-wrap + .flex-list-wrap {
				margin-top: 15px;
			}

		.food-order-list > .inner .wrapper .opt_list {
			display: flex;
			flex-direction: column;
			padding: 0;
		}

	.food-order-list .inputRadio.typeOf input + label {
		padding-left: 24px;
	}

		.food-order-list .inputRadio.typeOf input + label:before {
			top: 8px;
		}

	.food-order-list .none-box {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 50px 0;
		border-bottom: 1px solid #E5E5E5;
	}

		.food-order-list .none-box p {
			font-size: 14px;
			color: #666;
		}

.select-period.type-of-2 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}

	.select-period.type-of-2 li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 1px solid #E5E5E5;
		background-position: 10px center;
		padding: 6px 10px 6px 40px;
		font-size: 15px;
		height: auto;
	}

		.select-period.type-of-2 li a .week {
			font-weight: 500;
		}

	.select-period.type-of-2 li .danger {
		color: #911027;
		font-weight: 700;
	}

	.select-period.type-of-2 li .default {
		color: #222;
		font-weight: 700;
	}

	.select-period.type-of-2 li .desc {
		font-size: 14px;
		color: #222;
	}

		.select-period.type-of-2 li .desc.gift {
			background: url('/Res/U/M/BABY/img/common/ico_gift.svg')no-repeat left / contain;
			background-size: 20px;
			padding-left: 25px;
		}

	.select-period.type-of-2 li.on a {
		background-color: transparent;
		border-color: #911027;
	}

	.select-period.type-of-2 li.on .week {
		color: #911027;
		font-weight: 700;
	}

	.select-period.type-of-2 .price {
		width: auto;
		text-align: right;
	}

	.select-period.type-of-2 .price-ori {
		width: auto;
	}

	.select-period.type-of-2 .price .price-rate {
		width: auto;
		float: inherit;
		font-size: 14px;
		font-weight: 500;
		color: #FF0019;
		margin-right: 5px;
	}

	.select-period.type-of-2 .price .price-sale {
		width: auto;
		font-size: 16px;
		font-weight: 700;
		color: #222;
	}

	.select-period.type-of-2 .price-sale strong {
		font-size: 16px;
	}

.food-order-list .btnFooter {
	position: relative;
	z-index: 2;
	background-color: #fff;
	min-height: 50px;
	box-sizing: border-box;
}

	.food-order-list .btnFooter .btnOrder {
		display: block;
		width: 100%;
		height: 50px;
		padding-top: 12px;
		background: #911027;
		text-align: center;
		font-size: 16px;
		color: #fff;
		font-family: 'NotoKR-Medium';
	}

		.food-order-list .btnFooter .btnOrder.disabled {
			background-color: #EDEDED;
			color: #aaa;
			border: 1px solid #EDEDED;
		}

	.food-order-list .btnFooter .flex-wrap {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 15px;
		box-shadow: 0px -4px 8px 0px #0000000F;
	}

.opt-desc-box {
	padding: 15px 0 0;
}

.order-desc-box {
	background: #F0F4FA;
	border-radius: 15px;
	padding: 12px 15px;
	background-image: url('../img/foodorder/giftbox.svg');
	background-position: right 15px center;
	background-size: 54px;
	background-repeat: no-repeat;
}

	.order-desc-box p {
		font-size: 13px;
		font-weight: 700;
		color: #444;
	}

	.order-desc-box span {
		font-size: 12px;
		font-weight: 500;
		color: #666;
	}

.delivery-info {
	padding: 10px 16px 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-bottom: 8px solid #F6F6F6;
}

	.delivery-info.done {
		border-bottom: 0;
	}

	.delivery-info .desc-info {
		display: flex;
		align-items: center;
		gap: 12px;
	}

		.delivery-info .desc-info h2 {
			font-size: 14px;
			font-weight: 700;
			color: #222;
		}

		.delivery-info .desc-info span {
			position: relative;
			font-size: 13px;
			color: #666;
			line-height: 1.18;
		}

			.delivery-info .desc-info span::before {
				content: '';
				display: block;
				width: 1.5px;
				height: 12px;
				background-color: #ddd;
				position: absolute;
				top: 50%;
				left: -6.5px;
				transform: translateY(-50%);
			}

			.delivery-info .desc-info span em {
				font-size: 11px;
				font-weight: 500;
				display: block;
			}

	.delivery-info .detail-info {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

		.delivery-info .detail-info p {
			background: url(/Res/U/M/BABY/img/common/btn_delivery_black.png) no-repeat;
			background-size: 20px;
			background-position: left 0;
			padding-left: 24px;
			line-height: 1.5;
			margin-bottom: 0;
			font-size: 14px;
			color: #666;
		}

		.delivery-info .detail-info .sBtns > span {
			font-size: 13px;
			color: #222;
		}

		.delivery-info .detail-info .sBtns {
			background: url(/Res/U/M/BABY/img/common/arr_link.png) no-repeat right 4px;
			background-size: 6px;
			height: auto;
			line-height: 1.5;
		}

		.delivery-info .detail-info .detail-view {
			display: flex;
			flex-direction: column;
			gap: 10px;
			max-width: calc(100% - 80px);
		}

			.delivery-info .detail-info .detail-view .label {
				background: url(/Res/U/M/BABY/img/foodorder/ico_dream.png) no-repeat left -1px;
				background-size: 24px;
				padding-left: 24px;
				font-size: 13px;
				color: #554D7E;
			}

.food-order-list .inner .wrapper .container .delivery-info {
	border-bottom: 0;
	padding: 0;
}

.delivery-info .chkSelBox {
	margin-top: 0;
}

.food-order-list .calendarBoxArea {
	margin-top: 15px;
	margin-bottom: 15px;
}

.food-order-list .boxShow {
	padding: 0;
}

.plan-toggle {
	margin: 0 -15px;
}

	.plan-toggle > li {
		padding: 0 15px;
		border-top: 1px solid #E5E5E5;
		position: relative;
	}

		.plan-toggle > li:last-child {
			border-bottom: 1px solid #E5E5E5;
		}

		.plan-toggle > li .arrow {
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			top: 18px;
			right: 15px;
			background-image: url(/Res/U/M/BABY/img/common/arr_select.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 12px;
		}

		.plan-toggle > li > .title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: 60px;
			padding-right: 26px;
		}

			.plan-toggle > li > .title strong {
				font-size: 15px;
				line-height: 1.6;
			}

			.plan-toggle > li > .title span {
				font-size: 12px;
				color: #666;
				line-height: 1.6;
			}

		.plan-toggle > li > .detail {
			display: none;
			padding-bottom: 15px;
		}

		.plan-toggle > li.toggle .arrow {
			transform: rotate(-180deg);
		}

.dv-result-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

	.dv-result-box .head-desc h2 {
		font-size: 17px;
		color: #222;
		text-align: center;
		line-height: 1.4;
	}

		.dv-result-box .head-desc h2 strong {
			color: #730000;
		}

	.dv-result-box .import {
		background-color: #F7F7F7;
		padding: 15px 20px;
	}

	.dv-result-box .delivery-info .detail-info {
		width: 100%;
	}

	.dv-result-box .delivery-info .desc-info h2 {
		color: #666;
		font-weight: 500;
	}

	.dv-result-box .delivery-info .desc-info span {
		font-size: 14px;
		color: #222;
		font-weight: 500;
	}

	.dv-result-box .delivery-info .desc-info.first span {
		font-weight: 700;
	}

	.dv-result-box .delivery-info .detail-info .detail-view {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		max-width: 100%;
	}

	.dv-result-box .delivery-info .detail-info p {
		background-image: url(/Res/U/M/BABY/img/common/btn_delivery_gray.svg);
		color: #5361E7;
		max-width: calc(100% - 82px);
	}

	.dv-result-box .danger {
		font-size: 12px;
		color: #666;
		background: url(/Res/U/M/BABY/img/common/ico_allergy_gray.svg) no-repeat left center;
		background-size: 12px;
		padding-left: 15px;
	}

		.dv-result-box .danger span {
			font-size: 12px;
			color: #FD4646;
		}

	.dv-result-box .total {
		text-align: right;
		padding: 15px 15px 0;
		border-top: 1px solid #E5E5E5;
		margin: 0 -15px;
	}

		.dv-result-box .total h2 {
			font-size: 26px;
			color: #730000;
			font-weight: 700;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

			.dv-result-box .total h2 span {
				font-size: 14px;
				font-weight: 500;
				color: #666;
				margin-right: 8px;
			}

			.dv-result-box .total h2 em {
				font-size: 14px;
				font-weight: 500;
				color: #222;
				margin-left: 4px;
			}

/*첫 구매자 대상 만족도 조사*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

.noto-sans kr-<uniquifier > {
	font-family: "Noto Sans KR", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

.survey-form * {
	font-family: "Noto Sans KR", sans-serif;
}

.survey-form {
	display: flex;
	justify-content: center;
	padding: 15px;
	min-width: 320px;
	overflow: auto;
}

	.survey-form .inner {
		width: 100%;
		min-width: 320px;
		border: 1px solid #ddd;
		border-radius: 10px;
		background-color: #fff;
	}

	.survey-form.main .top {
		position: relative;
		background: url('/Res/U/W/BABY/img/survey/img_survey_main_bg.jpg')no-repeat center / cover;
		width: 100%;
		height: 243px;
		padding: 20px;
		border-radius: 10px 10px 0 0;
		overflow: hidden;
	}

		.survey-form.main .top h2 {
			font-size: 30px;
			color: #222;
			font-weight: 700;
			text-align: center;
			line-height: 1.4;
		}

			.survey-form.main .top h2 em {
				font-size: 38px;
				color: #911027;
				font-weight: 500;
			}

			.survey-form.main .top h2 span {
				color: #C13657;
				display: inline-block;
				position: relative;
			}

				.survey-form.main .top h2 span::before {
					content: '';
					display: block;
					width: 6px;
					height: 6px;
					border-radius: 100%;
					background-color: #C13657;
					position: absolute;
					top: -1px;
					left: 50%;
					transform: translateX(-50%);
				}

	.survey-form.main .contents {
		display: flex;
		flex-direction: column;
		gap: 25px;
		padding: 30px 20px;
	}

		.survey-form.main .contents .desc-box {
			text-align: center;
		}

			.survey-form.main .contents .desc-box p {
				font-size: 16px;
				color: #444;
				line-height: 1.6;
			}

				.survey-form.main .contents .desc-box p span {
					color: #911027;
					font-weight: 500;
				}

				.survey-form.main .contents .desc-box p em {
					display: inline-block;
					background: url('/Res/U/W/BABY/img/survey/ico_survey_emotion.svg') no-repeat center / contain;
					width: 18px;
					height: 18px;
					vertical-align: middle;
					margin-top: -3px;
					margin-left: 5px;
				}

		.survey-form.main .contents .info-box {
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.survey-form.main .contents .info-box ul {
				display: flex;
				flex-direction: column;
				gap: 10px;
			}

				.survey-form.main .contents .info-box ul li {
					display: flex;
					gap: 15px;
				}

					.survey-form.main .contents .info-box ul li p {
						font-size: 18px;
						line-height: 1.12;
						height: 27px;
						color: #000;
						position: relative;
						z-index: 2;
					}

						.survey-form.main .contents .info-box ul li p::before {
							content: '';
							display: block;
							width: 100%;
							height: 12px;
							background-color: rgba(193,54,87,0.2);
							position: absolute;
							bottom: 4px;
							z-index: -1;
						}

					.survey-form.main .contents .info-box ul li span {
						font-size: 18px;
						color: #222;
					}

						.survey-form.main .contents .info-box ul li span.import {
							color: #911027;
							font-weight: 700;
						}

						.survey-form.main .contents .info-box ul li span em {
							text-decoration: underline;
							font-weight: 700;
						}

		.survey-form.main .contents .btn-box {
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.survey-form.main .contents .btn-box .btn {
				display: inline-block;
				line-height: 48px;
				color: #fff;
				font-size: 16px;
				font-weight: 500;
				padding: 0 60px 0 30px;
				border-radius: 50px;
				background: linear-gradient(135deg, #FE7D6B 0%, #C13657 100%);
				position: relative;
			}

				.survey-form.main .contents .btn-box .btn::after {
					content: '';
					display: block;
					background: url('/Res/U/W/BABY/img/common/arr_r05.png') no-repeat center / contain;
					width: 10px;
					height: 10px;
					position: absolute;
					top: 50%;
					right: 35px;
					transform: translateY(-50%);
				}

	.survey-form.sub {
	}

		.survey-form.sub .inner {
			background-color: transparent;
			border: 0;
			border-radius: 0;
		}

		.survey-form.sub .top {
			border: 1px solid #ddd;
			border-radius: 10px 10px 0 0;
			overflow: hidden;
		}

			.survey-form.sub .top .desc-box {
				padding: 30px 25px;
				background: url('/Res/U/W/BABY/img/survey/Img_survey_board.svg') no-repeat right 30px top 30px #F8E5DA;
				background-size: 60px;
				height: 245px;
				display: flex;
				flex-direction: column;
				gap: 10px
			}

				.survey-form.sub .top .desc-box h2 {
					font-size: 24px;
					font-weight: 500;
					line-height: 1.3;
					color: #222;
				}

				.survey-form.sub .top .desc-box p {
					position: relative;
					font-size: 14px;
					color: #444;
					word-break: keep-all;
				}

					.survey-form.sub .top .desc-box p em {
						display: inline-block;
						background: url('/Res/U/W/BABY/img/survey/ico_survey_emotion.svg') no-repeat center / contain;
						width: 16px;
						height: 16px;
						vertical-align: middle;
						margin-top: -3px;
						margin-left: 5px;
					}

			.survey-form.sub .top .process-bar {
				width: 100%;
				height: 6px;
				background-color: #D8D8D8;
				position: relative;
			}

				.survey-form.sub .top .process-bar .status-bar {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					background-color: #911027;
				}

				.survey-form.sub .top .process-bar .status-text {
					position: absolute;
					top: -27px;
					right: 5px;
					background-color: #fff;
					border: 1px solid #CDCDCD;
					border-radius: 6px;
				}

					.survey-form.sub .top .process-bar .status-text span {
						font-size: 12px;
						font-weight: 700;
						letter-spacing: 1px;
						color: #666;
						padding: 0 5px;
						line-height: 20px;
						height: 20px;
					}

			.survey-form.sub .top.last .desc-box {
				height: 128px;
			}

		.survey-form.sub .contents {
			padding: 15px 0;
		}

		.survey-form.sub .question-box {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

			.survey-form.sub .question-box .item {
				border: 1px solid #ddd;
				border-radius: 10px;
				background-color: #fff;
				overflow: hidden;
				padding: 20px 30px;
			}

				.survey-form.sub .question-box .item .danger {
					color: #FF0000;
					font-size: 12px;
					font-weight: 400;
					line-height: 1.6;
					padding-left: 28px;
				}

				.survey-form.sub .question-box .item .value {
					display: flex;
					align-items: center;
					gap: 5px;
				}

					.survey-form.sub .question-box .item .value span {
						color: #222;
						font-size: 13px;
					}

					.survey-form.sub .question-box .item .value .label {
						font-size: 12px;
						font-weight: 500;
						line-height: 18px;
						height: 20px;
						color: #911027;
						border: 1px solid #911027;
						border-radius: 20px;
						padding: 0 6px;
					}

				.survey-form.sub .question-box .item .title {
					font-size: 16px;
					font-weight: 500;
					line-height: 1.3;
					color: #222;
					margin: 10px 0 0;
					display: flex;
					gap: 5px;
					word-break: keep-all;
				}

					.survey-form.sub .question-box .item .title.import::before {
						content: '*';
						display: inline-block;
						vertical-align: middle;
						color: #911027;
						font-size: 18px;
					}

					.survey-form.sub .question-box .item .title em {
					}

				.survey-form.sub .question-box .item .check-wrap {
					display: flex;
					margin-top: 20px;
					gap: 10px;
				}

					.survey-form.sub .question-box .item .check-wrap .input-box {
						flex: 1;
						display: flex;
						flex-direction: column;
						align-items: center;
						gap: 10px;
					}

						.survey-form.sub .question-box .item .check-wrap .input-box input + label {
							padding: 0;
							position: inherit;
						}

							.survey-form.sub .question-box .item .check-wrap .input-box input + label span {
								display: inline-block;
								font-size: 14px;
								color: #444;
								padding-left: 26px;
							}

							.survey-form.sub .question-box .item .check-wrap .input-box input + label input[type="text"] {
								display: none;
								height: 25px;
								line-height: 25px;
								border-bottom: 1px solid #911027;
								position: inherit;
								opacity: 1;
								border-radius: 0;
								padding: 0;
								outline: none;
								background-color: transparent;
								margin-top: 4px;
								cursor: text;
							}

						.survey-form.sub .question-box .item .check-wrap .input-box input:checked + label input {
							display: block;
						}

					.survey-form.sub .question-box .item .check-wrap.typeOf {
						flex-direction: column;
						align-items: flex-start;
						gap: 8px;
					}

						.survey-form.sub .question-box .item .check-wrap.typeOf .input-box {
							width: 100%;
							align-items: flex-start;
						}

							.survey-form.sub .question-box .item .check-wrap.typeOf .input-box input {
								width: 100%;
								height: 44px;
								cursor: pointer;
							}

								.survey-form.sub .question-box .item .check-wrap.typeOf .input-box input + label {
									width: 100%;
									flex-direction: row;
									padding: 12px 15px;
									background-color: #F7F7F7;
									border-radius: 8px;
									border: 1px solid transparent;
								}

									.survey-form.sub .question-box .item .check-wrap.typeOf .input-box input + label::before {
										top: 12px;
										left: 15px;
									}

								.survey-form.sub .question-box .item .check-wrap.typeOf .input-box input:checked + label {
									background-color: rgba(145, 16, 39, 0.06);
									border-color: #911027;
								}

								.survey-form.sub .question-box .item .check-wrap.typeOf .input-box input + label span {
									padding-left: 26px;
								}

					.survey-form.sub .question-box .item .check-wrap textarea {
						border-radius: 8px;
						height: 95px;
						background-color: #F7F7F7;
						border-color: transparent;
					}

						.survey-form.sub .question-box .item .check-wrap textarea::placeholder {
							color: #aaa;
						}

						.survey-form.sub .question-box .item .check-wrap textarea:focus {
							background-color: #fff;
							outline-width: 1px;
							outline-color: #911027;
						}

					.survey-form.sub .question-box .item .check-wrap input {
						width: 100%;
						height: 44px;
						background-color: #F7F7F7;
						padding: 0 15px;
						border-radius: 8px;
						border-color: transparent;
						outline-color: #911027;
					}

					.survey-form.sub .question-box .item .check-wrap .input-box.column input + label {
						gap: 8px;
					}

						.survey-form.sub .question-box .item .check-wrap .input-box.column input + label span {
							padding-left: 0;
							text-align: center;
							word-break: keep-all;
						}

					.survey-form.sub .question-box .item .check-wrap.agreement {
						gap: 0;
					}

						.survey-form.sub .question-box .item .check-wrap.agreement .list-box {
							background-color: #F7F7F7;
							width: 100%;
							padding: 12px 15px;
							border-radius: 8px 8px 0 0;
						}

							.survey-form.sub .question-box .item .check-wrap.agreement .list-box ul {
								display: flex;
								flex-direction: column;
								gap: 20px;
							}

								.survey-form.sub .question-box .item .check-wrap.agreement .list-box ul li {
									font-size: 13px;
								}

									.survey-form.sub .question-box .item .check-wrap.agreement .list-box ul li p {
										font-size: 13px;
									}

						.survey-form.sub .question-box .item .check-wrap.agreement .input-box input[type="checkbox"] + label {
							border-radius: 0 0 8px 8px;
							border: 1px solid #e5e5e5;
						}

						.survey-form.sub .question-box .item .check-wrap.agreement .input-box input[type="checkbox"]:checked + label {
							border-color: #911027;
						}

		.survey-form.sub .checked-desc {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;
			min-height: 198px;
		}

			.survey-form.sub .checked-desc img {
				width: 50px;
			}

			.survey-form.sub .checked-desc h2 {
				font-size: 18px;
				font-weight: 500;
				color: #222;
				text-align: center;
				line-height: 1.6;
			}

		.survey-form.sub .bottom .btn-box {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
		}

		.survey-form.sub .bottom .btn {
			font-size: 16px;
			font-weight: 500;
			line-height: 48px;
			height: 48px;
			padding: 0 30px;
			border-radius: 50px;
		}

			.survey-form.sub .bottom .btn.prev {
				background-color: rgba(145, 16, 39, 0.15);
				color: #911027;
			}

				.survey-form.sub .bottom .btn.prev::before {
					content: '';
					display: inline-block;
					background: url('/Res/U/W/BABY/img/survey/ico_survey_keyboard_arrow_left.svg');
					width: 8px;
					height: 12px;
					margin-right: 15px;
				}

			.survey-form.sub .bottom .btn.next {
				background-color: #911027;
				color: #fff;
			}

				.survey-form.sub .bottom .btn.next::after {
					content: '';
					display: inline-block;
					background: url('/Res/U/W/BABY/img/survey/ico_survey_keyboard_arrow_right.svg');
					width: 8px;
					height: 12px;
					margin-left: 15px;
				}

		.survey-form.sub .btn.normal {
			background-color: transparent;
			color: #911027;
			border: 1px solid #911027;
			border-radius: 50px;
			font-size: 16px;
			line-height: 46px;
			height: 48px;
			padding: 0 15px;
		}

			.survey-form.sub .btn.normal::after {
				content: '';
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background: url('/Res/U/W/BABY/img/survey/ico_survey_keyboard_arrow_left.svg');
				width: 8px;
				height: 12px;
				margin-left: 10px;
				transform: rotate(-180deg);
			}

/* 배송지 등록 팝업 */
.non-user-form {
	padding: 0;
}

	.non-user-form .layer-cont {
		overflow: hidden;
	}

		.non-user-form .layer-cont .top {
			background: linear-gradient(120.29deg, #FFF1F1 0%, #FFF9EE 100%);
			padding: 30px 30px 0;
			text-align: center;
		}

			.non-user-form .layer-cont .top p {
				font-size: 16px;
				font-weight: 500;
				line-height: 1.6;
			}

				.non-user-form .layer-cont .top p span {
					color: #911027;
				}

				.non-user-form .layer-cont .top p + img {
					margin-top: 10px;
				}

		.non-user-form .layer-cont .middle {
			padding: 20px 30px 30px;
			display: flex;
			flex-direction: column;
			gap: 18px;
		}

			.non-user-form .layer-cont .middle .btnArea {
				display: flex;
				align-items: center;
				gap: 8px;
				margin: 0;
			}

				.non-user-form .layer-cont .middle .btnArea::after {
					display: none;
				}

				.non-user-form .layer-cont .middle .btnArea a {
					flex: auto;
					width: auto;
					padding: 0 24px;
					margin: 0;
				}

.btns.search::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('/Res/U/M/BABY/img/common/ico_search.svg')no-repeat center / contain;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	margin-top: -4px;
}

.non-user-form .layer-cont .middle .link-wrap {
	text-align: center;
}

	.non-user-form .layer-cont .middle .link-wrap a {
		text-decoration: underline;
		font-size: 14px;
		color: #555555;
	}

		.non-user-form .layer-cont .middle .link-wrap a::after {
			content: '';
			display: inline-block;
			background: url('/Res/U/M/BABY/img/common/arr_link.png')no-repeat center / contain;
			width: 10px;
			height: 10px;
			margin-left: 7px;
		}

/*장바구니*/
.new-cart-wrap {
	padding: 15px 0;
}

	.new-cart-wrap .list-box {
		border-bottom: 8px solid #F6F6F6;
	}

		.new-cart-wrap .list-box:last-of-type {
			border-bottom: 0;
		}

	.new-cart-wrap > .top {
		border-top: 1px solid #E5E5E5;
		padding: 7.5px 15px;
	}

		.new-cart-wrap > .top .checkedbox {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			.new-cart-wrap > .top .checkedbox .inputCheckbox {
				margin: 0 !important;
			}

			.new-cart-wrap > .top .checkedbox input + label {
				font-size: 15px;
				font-weight: 700;
			}

			.new-cart-wrap > .top .checkedbox .btnLineGray > span {
				font-size: 13px;
			}

	.new-cart-wrap .list-box.body {
		padding: 0 15px 15px;
	}

	.new-cart-wrap .list-title h2 {
		font-size: 18px;
		font-weight: 700;
		color: #222;
		padding: 15px 0;
	}

		.new-cart-wrap .list-title h2::before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			margin-top: -4px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 24px;
			width: 24px;
			height: 24px;
			margin-right: 5px;
		}

	.new-cart-wrap .list-title.cold h2::before {
		background-image: url('/Res/U/M/BABY/img/common/ico_water_drop.svg');
	}

	.new-cart-wrap .list-title.hot h2::before {
		background-image: url('/Res/U/M/BABY/img/common/ico_sunny.svg');
	}

	.new-cart-wrap .main-title-check {
		padding: 13px 15px;
	}

	.new-cart-wrap .inputCheckbox {
		position: relative;
		top: auto;
		left: auto;
	}

	.new-cart-wrap .main-title-check {
		background-color: #FAFAFA;
		border-bottom: 1px solid #E5E5E5;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		.new-cart-wrap .main-title-check .inputCheckbox label {
			font-size: 16px;
			font-weight: 700;
			color: #222;
		}

.delivery-info.typeOf {
	padding: 0;
	flex-direction: row;
	border-bottom: 0;
}

	.delivery-info.typeOf .detail-info .detail-view {
		max-width: 100%;
	}

		.delivery-info.typeOf .detail-info .detail-view .label {
			font-size: 13px;
			font-weight: 500;
			color: #554D7E;
		}

.new-cart-wrap .bsList {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

	.new-cart-wrap .bsList .cart-item {
		border: 1px solid #E5E5E5;
		border-radius: 6px;
		overflow: hidden;
	}

		.new-cart-wrap .bsList .cart-item > ul {
			padding: 0 15px;
		}

			.new-cart-wrap .bsList .cart-item > ul > li {
				position: relative;
				padding: 15px 0;
				display: flex;
				border-bottom: 1px solid #E5E5E5;
			}

				.new-cart-wrap .bsList .cart-item > ul > li:last-of-type {
					border-bottom: 0;
				}

	.new-cart-wrap .bsList .btnDel {
		position: absolute;
		top: 15px;
		right: 0;
		width: 14px;
		height: 14px;
		background-size: 14px;
	}

	.new-cart-wrap .bsList .info {
		display: flex;
		gap: 10px;
		width: calc(100% - 28px);
	}

		.new-cart-wrap .bsList .info .desc {
			width: calc(100% - 60px - 10px);
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

			.new-cart-wrap .bsList .info .desc .description {
				display: flex;
				flex-direction: column;
				gap: 5px;
			}

				.new-cart-wrap .bsList .info .desc .description .date {
					font-size: 14px;
					color: #666;
					padding: 0;
				}

				.new-cart-wrap .bsList .info .desc .description .deliver {
					font-size: 13px;
					color: #666;
					line-height: 30px;
					background-color: #F7F7F7;
					padding: 0 8px;
				}

					.new-cart-wrap .bsList .info .desc .description .deliver span {
						font-size: 13px;
						color: #911027;
						font-weight: 700;
					}

			.new-cart-wrap .bsList .info .desc .name {
				margin-bottom: 0;
				padding-right: 20px;
			}

				.new-cart-wrap .bsList .info .desc .name a {
					font-size: 15px;
					font-weight: 700;
					color: #222;
				}

		.new-cart-wrap .bsList .info .priceControl {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 5px;
			margin: 0;
			width: 100%;
		}

			.new-cart-wrap .bsList .info .priceControl .qtyNum {
				float: initial;
			}

			.new-cart-wrap .bsList .info .priceControl .price {
				position: inherit;
				float: initial;
				font-size: 16px;
				line-height: 1.12;
				margin-left: auto;
				display: flex;
				align-items: center;
				justify-content: end;
			}

				.new-cart-wrap .bsList .info .priceControl .price em {
					font-size: 18px;
					font-weight: 700;
					line-height: 1.2;
					word-break: break-all;
				}

	.new-cart-wrap .bsList .cart-item .dv-info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

		.new-cart-wrap .bsList .cart-item .dv-info h3 {
			font-size: 14px;
			font-weight: 500;
			color: #666;
		}

		.new-cart-wrap .bsList .cart-item .dv-info span {
			font-size: 14px;
			color: #911027;
			font-weight: 500;
		}

			.new-cart-wrap .bsList .cart-item .dv-info span.normal {
				color: #222;
			}

.free-deliver-state {
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-bottom: 1px solid #E5E5E5;
}

	.free-deliver-state .bar {
		width: 100%;
		height: 6px;
		background-color: #EEEEEE;
		position: relative;
		border-radius: 20px;
		overflow: hidden;
	}

		.free-deliver-state .bar .state {
			position: absolute;
			height: 100%;
			background: linear-gradient(135deg, #FE7D6B 0%, #C13657 100%);
			border-radius: 20px;
		}

	.free-deliver-state .desc {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		.free-deliver-state .desc h4 {
			font-size: 13px;
			font-weight: 500;
			color: #222;
			line-height: 1.12;
		}

			.free-deliver-state .desc h4 strong {
				color: #911027;
				line-height: 1.12;
			}

		.free-deliver-state .desc span {
			font-size: 13px;
			font-weight: 500;
			color: #666;
			line-height: 1.12;
		}

	.free-deliver-state.free .desc span {
		color: #911027;
	}

.new-cart-wrap .time-view {
	background-color: #FFF0A4;
	padding: 10px 15px;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
}

	.new-cart-wrap .time-view h3 {
		font-size: 13px;
		font-weight: 500;
		color: #222;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}

		.new-cart-wrap .time-view h3::before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			background: url('/Res/U/M/BABY/img/common/ico_time.svg') no-repeat center / contain;
			width: 16px;
			height: 16px;
		}

.new-cart-wrap .list-box.bottom {
	padding: 20px 15px;
}

	.new-cart-wrap .list-box.bottom .btnArea .btns {
		background-color:;
	}

		.new-cart-wrap .list-box.bottom .btnArea .btns.disabled {
			background-color: #EDEDED;
			color: #AAAAAA;
		}

.new-cart-wrap .tblData {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

	.new-cart-wrap .tblData .th,
	.new-cart-wrap .tblData .td {
		font-size: 14px;
	}

	.new-cart-wrap .tblData > ul {
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 10px;
		border-bottom: 0;
	}

		.new-cart-wrap .tblData > ul > li {
			padding: 0;
		}

		.new-cart-wrap .tblData > ul.last {
			padding: 15px 0;
			border-top: 1px solid #E5E5E5;
			border-bottom: 1px solid #E5E5E5;
		}

	.new-cart-wrap .tblData .totalPrice .th {
		font-size: 16px;
		font-weight: 700;
		color: #222;
	}

	.new-cart-wrap .tblData .totalPrice .td,
	.new-cart-wrap .tblData .totalPrice .td em {
		font-size: 18px;
		font-weight: 700;
		color: #911027;
	}

		.new-cart-wrap .tblData .totalPrice .td em {
			font-size: 20px;
		}

/*20240202 결제하기*/
.title-wrap {
	position: relative;
	min-width: 30%;
}

	.title-wrap .subTit.big {
		font-size: 18px;
	}

	.title-wrap .rt-desc {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 14px;
		color: #666;
		padding-right: 15px;
		background: url('/Res/U/M/BABY/img/common/arr_link.png') no-repeat right 5px /contain;
		background-size: 6px;
	}

.order-table-list > ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 15px;
}

	.order-table-list > ul > li {
		display: flex;
		align-items: center;
	}

		.order-table-list > ul > li .th {
			line-height: 1.12;
			min-width: 30%;
		}

		.order-table-list > ul > li .td {
			display: block;
			width: 100%;
			line-height: 1.12;
			font-size: 16px;
		}

.order-table-list .flex-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

	.order-table-list .flex-wrap .rt {
		margin-left: auto;
	}

	.order-table-list .flex-wrap .input-form {
		width: calc(100% - 90px - 4px);
		position: relative;
	}

		.order-table-list .flex-wrap .input-form .inpText {
			text-align: right;
			color: #222;
			font-size: 14px;
			padding-right: 24px;
		}

			.order-table-list .flex-wrap .input-form .inpText.txtLeft {
				text-align: left;
			}

		.order-table-list .flex-wrap .input-form .inpDesc {
			position: absolute;
			top: 50%;
			right: 10px;
			transform: translateY(-50%);
			font-size: 14px;
			color: #666666;
		}

	.order-table-list .flex-wrap .btn {
		width: 90px;
		text-align: center;
	}

		.order-table-list .flex-wrap .btn.default {
			height: 40px;
			line-height: 40px;
			border: 1px solid #CCCCCC;
			background-color: #fff;
			font-size: 14px;
			font-weight: 700;
			color: #222;
			padding: 0 15px;
			box-sizing: border-box;
		}

			.order-table-list .flex-wrap .btn.default.disabled {
				background-color: #F0F0F0;
				color: #888;
				pointer-events: none;
			}

.btn.choice {
	border: 1px solid #911027;
	border-radius: 30px;
	padding: 0 20px 0 10px;
	font-size: 13px;
	line-height: 30px;
	color: #911027;
	background: url('/Res/U/M/BABY/img/common/ico_arrow_right2.svg') no-repeat 90% center / contain;
	background-size: 6px;
}

	.btn.choice.disabled {
		opacity: 0.4;
		pointer-events: none;
	}

.price-desc {
	font-size: 14px;
	color: #444;
}

	.price-desc em {
		color: #911027;
		font-weight: 700;
	}

	.price-desc i {
		color: #911027;
	}

.select-period.type-of-2.ver2 {
	gap: 15px;
}

	.select-period.type-of-2.ver2 li a {
		min-height: 53px;
		border-radius: 6px;
		justify-content: flex-start;
		gap: 10px;
		padding: 16px 10px 16px 40px;
	}

		.select-period.type-of-2.ver2 li a span:nth-child(2) {
			max-width: calc(100% - 65px - 10px);
		}

.pay-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

	.pay-list .list {
		width: 50%;
		position: relative;
	}

		.pay-list .list input {
			position: absolute;
			top: 0;
			left: 0;
			width: 1px;
			height: 1px;
			opacity: 0;
		}

			.pay-list .list input + label {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				min-height: 45px;
				border: 1px solid #E5E5E5;
				text-align: center;
				font-size: 14px;
				font-weight: 700;
				color: #444;
			}

		.pay-list .list:nth-child(even) input + label {
			border-left: 0;
		}

		.pay-list .list:nth-child(3) input + label,
		.pay-list .list:nth-child(4) input + label {
			border-top: 0;
		}

		.pay-list .list input:checked + label {
			background-color: rgba(145, 16, 39, 0.06);
			border: 1px solid #911027;
		}

.order-table-list.pay-total-info ul {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

	.order-table-list.pay-total-info ul > li {
		border: 0;
	}

.order-table-list.pay-total-info .th {
	font-size: 16px;
	font-weight: 400;
}

.order-table-list.pay-total-info .td {
	width: auto;
	margin-left: auto;
}

.order-table-list.pay-total-info .totalPrice {
	font-size: 16px;
}

	.order-table-list.pay-total-info .totalPrice .td {
		font-size: 16px;
	}

.order-table-list.pay-total-info .mileage {
	display: inline-block;
	font-size: 11px;
	color: #B28850;
	line-height: 18px;
	height: 18px;
	border: 1px solid #B28850;
	border-radius: 20px;
	padding: 0 6px;
}

.order-table-list.pay-total-info .top-line {
	gap: 0;
	border-top: 1px solid #E5E5E5;
	margin-top: 15px;
}

.order-table-list.pay-total-info .txtYellow {
	font-size: 13px;
}

	.order-table-list.pay-total-info .txtYellow em {
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 1px;
	}

.order-table-list .btnArea {
	position: relative;
}

.dc-tooltip {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	background-image: linear-gradient(#fff, #fff),linear-gradient(90.36deg, #FE6156 0.01%, #5768F8 68.97%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: 1px solid transparent;
	border-radius: 8px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
}

	.dc-tooltip .inner {
		position: relative;
		padding: 0 10px;
	}

		.dc-tooltip .inner p {
			font-size: 13px;
			font-weight: 700;
			color: #222;
			background-image: url('/Res/U/M/BABY/img/mypage/ico_percent.svg');
			background-repeat: no-repeat;
			background-position: left;
			background-size: 16px;
			padding-left: 19px;
			position: relative;
		}

			.dc-tooltip .inner p::before {
				content: '';
				display: block;
				width: 12px;
				height: 8px;
				background: url('/Res/U/M/BABY/img/common/ico_order_tooltip.svg')no-repeat center / contain;
				position: absolute;
				left: 50%;
				bottom: -14px;
				transform: translateX(-50%);
			}

			.dc-tooltip .inner p strong {
				color: #5361E7;
			}

			.dc-tooltip .inner p em {
				color: #5361E7;
				font-weight: 400;
			}

/*상세페이지 (상세이미지 드롭다운)*/
.drop-down-box .target {
	cursor: pointer;
}

.drop-down-box .contents {
	display: none;
}