@charset "utf-8";

/********************** font **********************/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Thin'), local('NotoSans-Thin'), url("/Res/U/W/BABY/font/NotoSansKr-Thin.eot"), url("/Res/U/W/BABY/font/NotoSansKr-Thin.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/NotoSansKr-Thin.woff") format('woff'), url("/Res/U/W/BABY/font/NotoSansKr-Thin.otf") format('opentype');
}


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Light'), local('NotoSans-Light'), url("/Res/U/W/BABY/font/NotoSansKr-Light.eot"), url("/Res/U/W/BABY/font/NotoSansKr-Light.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/NotoSansKr-Light.woff") format('woff'), url("/Res/U/W/BABY/font/NotoSansKr-Light.otf") format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 350;
	src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), url("/Res/U/W/BABY/font/NotoSansKr-DemiLight.eot"), url("/Res/U/W/BABY/font/NotoSansKr-DemiLight.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/NotoSansKr-DemiLight.woff") format('woff'), url("/Res/U/W/BABY/font/NotoSansKr-DemiLight.otf") format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'), url("/Res/U/W/BABY/font/NotoSansKr-Regular.eot"), url("/Res/U/W/BABY/font/NotoSansKr-Regular.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/NotoSansKr-Regular.woff") format('woff'), url("/Res/U/W/BABY/font/NotoSansKr-Regular.otf") format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'), url("/Res/U/W/BABY/font/NotoSansKr-Medium.eot"), url("/Res/U/W/BABY/font/NotoSansKr-Medium.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/NotoSansKr-Medium.woff") format('woff'), url("/Res/U/W/BABY/font/NotoSansKr-Medium.otf") format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url("/Res/U/W/BABY/font/NotoSansKr-Bold.eot"), url("/Res/U/W/BABY/font/NotoSansKr-Bold.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/NotoSansKr-Bold.woff") format('woff'), url("/Res/U/W/BABY/font/NotoSansKr-Bold.otf") format('opentype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url("/Res/U/W/BABY/font/Roboto-Light.eot"), url("/Res/U/W/BABY/font/Roboto-Light.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/Roboto-Light.woff") format('woff'), url("/Res/U/W/BABY/font/Roboto-Light.otf") format('opentype'), url("/Res/U/W/BABY/font/Roboto-Light.ttf") format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url("/Res/U/W/BABY/font/Roboto-Regular.eot"), url("/Res/U/W/BABY/font/Roboto-Regular.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/Roboto-Regular.woff") format('woff'), url("/Res/U/W/BABY/font/Roboto-Regular.ttf") format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), url("/Res/U/W/BABY/font/Roboto-Medium.eot"), url("/Res/U/W/BABY/font/Roboto-Medium.eot?#iefix") format('embedded-opentype'), url("/Res/U/W/BABY/font/Roboto-Medium.woff") format('woff'), url("/Res/U/W/BABY/font/Roboto-Medium.otf") format('opentype'), url("/Res/U/W/BABY/font/Roboto-Medium.ttf") format('truetype');
}



/********************** reset **********************/
html, body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0
}

body {
	padding: 0;
	background: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight: 350;
	color: #222;
	line-height: 1;
	letter-spacing: -0.5px;
	overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal
}

ol, ul, li {
	list-style: none;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

form, iframe {
	display: block;
	border: 0
}

fieldset {
	display: inline-block;
	border: 0;
}

img, button {
	border: 0 none;
	vertical-align: middle
}

hr {
	height: 0;
	display: none
}

i, em, address {
	font-style: normal
}

label, button {
	cursor: pointer;
}

caption, legend {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 0;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display: block
}

input, textarea, select {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight: 350;
	color: #222;
	vertical-align: middle
}

textarea {
	padding: 20px;
	width: 95%;
	border: 1px solid #ccc;
	resize: none;
	overflow-y: auto;
}

button {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: none;
	font-size: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 350;
	vertical-align: top;
	cursor: pointer;
}

	button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

a {
	color: #222; /* text-decoration:none; */
	word-break: break-all;
}

	a:link, a:visited, a:hover, a:active, a:focus {
		text-decoration: none;
	}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

*:focus {
	outline: none
}

input, textarea:focus {
	outline: none;
}

/*메인 하단 플로팅 배너*/
.floating-banner {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 99;
}

	.floating-banner img {
		display: block;
		width: 180px;
		height: 100%;
	}

	.floating-banner span {
		position: absolute;
		right: 5px;
		top: 5px;
		display: block;
		width: 28px;
		height: 28px;
		background: url(/Res/U/W/BABY/img/common/floating_xbtn.png)no-repeat;
		cursor: pointer;
	}

/*Top으로 이동*/
.btn-top {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	background: #b7a17c;
}

	.btn-top span {
		display: block;
		width: 16px;
		height: 16px;
		margin: 17px auto;
		background: url(/Res/U/W/BABY/img/common/btn_top.png)no-repeat
	}

@media (max-width: 1250px) {
	.btn-top {
		display: none;
	}
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.vat {
	vertical-align: top !important;
}

.vam {
	vertical-align: middle !important;
}

.tal {
	text-align: left !important;
}

.tar {
	text-align: right !important;
}

.tac {
	text-align: center !important;
}

.nopad {
	padding: 0 !important
}

.nomar {
	margin: 0 !important
}

/* Font 관련 */
.f-tahoma {
	font-family: Tahoma;
}

.f-dotum {
	font-family: 돋움;
}

.fs-8 {
	font-size: 8px !important;
}

.fs-9 {
	font-size: 9px !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fw-700 {
	font-weight: 700;
}

.fw-600 {
	font-weight: 600;
}

.fw-500 {
	font-weight: 500;
}

.fw-normal {
	font-weight: normal;
}

.td-none {
	text-decoration: none;
}

.td-line-through, td-lt {
	text-decoration: line-through;
}

/* Color 관련 */
.fc-black {
	color: #000000;
}

.fc-white {
	color: #ffffff;
}

.fc-red {
	color: #700000;
}

.fc-darkred {
	color: #CD0000;
}

.fc-blue {
	color: #0066FF;
}

.fc-darkblue {
	color: #336699;
}

.fc-bluish {
	color: #008C8C;
}

.fc-gray {
	color: #999999;
}

.fc-gold {
	color: #ffa500;
}

.fc-silver {
	color: Silver;
}

.fc-orange {
	color: #fb7604;
}

.fc-green {
	color: #004939;
}

.fc-leapGreen {
	color: #a3c561;
}

.fc-perple {
	color: #5F0080;
}

.fc-violet {
	color: #b090ff;
}

.fc-darkgray {
	color: #394053;
}

.fc-lightgold {
	color: #c7a864;
}

.bc-red {
	background-color: #ffaaaf;
}

.bc-blue {
	background-color: #96a5ff;
}

.bc-white {
	background-color: #fff;
}

.bc-yellow {
	background-color: #FFC81E;
}

.bc-black {
	background-color: #000;
}

.bc-gray {
	background-color: #999999;
}

.bc-leapGreen {
	background-color: #a3c561;
}

.bc-perple {
	background-color: #5F0080;
}

.bco-leapGreen {
	background-color: rgba(231, 235, 200, 0.26);
}

.bco-turquoise {
	background-color: rgba(193, 227, 229, 0.16);
}

.bco-perple {
	background-color: rgba(78, 38, 103, 0.04);
}

.bco-gray {
	background-color: rgba(109, 109, 109, 0.06);
}

.bco-lightgold {
	background-color: rgba(248, 244, 233, 0.6);
}

.pt0 {
	padding-top: 0px !important;
}

.pt2 {
	padding-top: 2px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb2 {
	padding-bottom: 2px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.ptb0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pl0 {
	padding-left: 0px !important
}

.pl5 {
	padding-left: 5px !important
}

.pl10 {
	padding-left: 10px !important
}

.pl20 {
	padding-left: 20px !important
}

.pl30 {
	padding-left: 30px !important
}

.pl40 {
	padding-left: 40px !important
}

.pl50 {
	padding-left: 50px !important
}

.pl60 {
	padding-left: 60px !important
}

.pl70 {
	padding-left: 70px !important
}

.pl80 {
	padding-left: 80px !important
}

.pl90 {
	padding-left: 90px !important
}

.pl100 {
	padding-left: 100px !important
}

.pr0 {
	padding-right: 0px !important
}

.pr5 {
	padding-right: 5px !important
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important
}

.pr30 {
	padding-right: 30px !important
}

.pr40 {
	padding-right: 40px !important
}

.pr50 {
	padding-right: 50px !important
}

.pr60 {
	padding-right: 60px !important
}

.pr70 {
	padding-right: 70px !important
}

.pr80 {
	padding-right: 80px !important
}

.pr90 {
	padding-right: 90px !important
}

.pr100 {
	padding-right: 100px !important
}


.gap {
	margin-bottom: 60px !important;
}

.mb0 {
	margin-bottom: 0px !important
}

.mb5 {
	margin-bottom: 5px !important
}

.mb10 {
	margin-bottom: 10px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.mb30 {
	margin-bottom: 30px !important
}

.mb40 {
	margin-bottom: 40px !important
}

.mb50 {
	margin-bottom: 50px !important
}

.mb60 {
	margin-bottom: 60px !important
}

.mb100 {
	margin-bottom: 100px !important
}

.mt0 {
	margin-top: 0px !important
}

.mt5 {
	margin-top: 5px !important
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt50 {
	margin-top: 50px !important
}

.mt60 {
	margin-top: 60px !important
}

.mt70 {
	margin-top: 70px !important
}

.mt80 {
	margin-top: 80px !important
}

.mt100 {
	margin-top: 100px !important
}

.ml0 {
	margin-left: 0px !important
}

.ml5 {
	margin-left: 5px !important
}

.ml10 {
	margin-left: 10px !important
}

.ml20 {
	margin-left: 20px !important
}

.ml30 {
	margin-left: 30px !important
}

.ml40 {
	margin-left: 40px !important
}

.ml50 {
	margin-left: 50px !important
}

.ml60 {
	margin-left: 60px !important
}

.ml70 {
	margin-left: 70px !important
}

.ml80 {
	margin-left: 80px !important
}

.ml90 {
	margin-left: 90px !important
}

.ml100 {
	margin-left: 100px !important
}

.mr0 {
	margin-right: 0px !important
}

.mr5 {
	margin-right: 5px !important
}

.mr10 {
	margin-right: 10px !important;
}

.mr20 {
	margin-right: 20px !important
}

.mr30 {
	margin-right: 30px !important
}

.mr40 {
	margin-right: 40px !important
}

.mr50 {
	margin-right: 50px !important
}

.mr60 {
	margin-right: 60px !important
}

.mr70 {
	margin-right: 70px !important
}

.mr80 {
	margin-right: 80px !important
}

.mr90 {
	margin-right: 90px !important
}

.mr100 {
	margin-right: 100px !important
}

.w400 {
	width: 400px !important
}

/********************** form control **********************/
::-webkit-input-placeholder {
	color: #888;
	font-size: 16px;
	letter-spacing: -0.5px
}

::-moz-placeholder {
	color: #888;
	font-size: 16px;
	letter-spacing: -0.5px
}

:-ms-input-placeholder {
	color: #888;
	font-size: 16px;
	letter-spacing: -0.5px
}

:-moz-placeholder {
	color: #888;
	font-size: 16px;
	letter-spacing: -0.5px
}

.placeholdersjs {
	color: #888;
	font-size: 16px;
	letter-spacing: -0.5px
}

input[type="text"] {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #ccc;
	background: #fff;
	color: #222;
	font-size: 16px;
	line-height: 38px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	input[type="text"]:disabled {
		background: #fff;
		color: #333;
		border: 1px solid #dfdcd5;
	}

	input[type="text"]::-ms-clear {
		display: none;
	}

input[type="password"]::-ms-reveal {
	display: none;
}

input[type="password"] {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #ccc;
	background: #fff;
	color: #222;
	font-size: 16px;
	line-height: 38px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	letter-spacing: 5px;
}

	input[type="password"]:disabled {
		background: #f7f7f5;
		color: #888;
		border: 1px solid #e5e5e5;
	}

input.tar {
	text-align: right !important;
}

input.tac {
	text-align: center !important;
}

.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: 16px;
	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;
		background: #fff;
	}

	.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;
		background: #fff
	}

/* Select */
.selectbox-wrap {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	background: #fff;
}

	.selectbox-wrap .selectStyle {
		position: relative;
		width: 100%
	}

		.selectbox-wrap .selectStyle .selectResult {
			display: block;
			overflow: hidden;
			width: 100%;
			height: 40px;
			padding-right: 38px;
			border: 1px solid #ccc;
			background: url('/Res/U/W/BABY/img/common/bg_select.png') right center no-repeat;
			text-indent: 18px;
			line-height: 39px;
			color: #666;
			font-size: 16px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

			.selectbox-wrap .selectStyle .selectResult.active {
				border: 1px solid #c08f54;
				color: #c08f54;
			}

			.selectbox-wrap .selectStyle .selectResult.disabled {
				border: 1px solid #e5e5e5;
				background: #f7f7f5 url('/Res/U/W/BABY/img/common/bg_select.png') right center no-repeat
			}

		.selectbox-wrap .selectStyle .selectList {
			display: none;
			overflow-y: auto;
			position: absolute;
			top: 39px;
			left: 0;
			z-index: 5;
			width: 200px;
			margin: 0;
			padding: 0;
			border: 1px solid #ccc;
			background-color: #fff;
			box-shadow: none;
			opacity: 0;
			list-style: none;
			transition: opacity .3s ease-in,transform .3s ease-in;
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px)
		}

			.selectbox-wrap .selectStyle .selectList.maxHeight {
				max-height: 310px
			}

			.selectbox-wrap .selectStyle .selectList.reversal {
				top: auto;
				bottom: 40px;
				-webkit-transform: translateY(5px);
				transform: translateY(5px)
			}

			.selectbox-wrap .selectStyle .selectList.on {
				box-shadow: none;
				opacity: 1;
				transition: opacity .3s ease-out,transform .3s ease-out;
				-webkit-transform: translateY(0);
				transform: translateY(0);
				border: 1px solid #c08f54;
			}

			.selectbox-wrap .selectStyle .selectList .option a {
				display: block;
				overflow: hidden;
				min-height: 40px;
				padding: 8px 18px;
				outline: 0;
				line-height: 24px;
				color: #666;
				font-size: 16px;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}

				.selectbox-wrap .selectStyle .selectList .option a:focus,
				.selectbox-wrap .selectStyle .selectList .option a:hover,
				.selectbox-wrap .selectStyle .selectList .option.on a {
					background-color: #f8f4e9;
					color: #c08f54 !important
				}

	.selectbox-wrap .select {
		display: none
	}

/* Radio */
.radio-wrap {
	display: inline-block;
	position: relative
}

	.radio-wrap .radioStyle {
		display: inline-block;
		vertical-align: middle;
		width: 24px;
		height: 24px;
		background: url('/Res/U/W/BABY/img/common/bg_rad_default.png') no-repeat;
	}

		.radio-wrap .radioStyle.on {
			background: url('/Res/U/W/BABY/img/common/bg_rad_checked.png') no-repeat
		}

		.radio-wrap .radioStyle.focus {
			outline: 1px dotted #000;
			outline: -webkit-focus-ring-color auto;
		}

		.radio-wrap .radioStyle.disabled {
			background: url('/Res/U/W/BABY/img/common/bg_rad_disabled.png') no-repeat
		}

			.radio-wrap .radioStyle.disabled.on {
				background: url('/Res/U/W/BABY/img/common/bg_rad_checked_disabled.png') no-repeat
			}

	.radio-wrap label {
		display: inline-block;
		vertical-align: middle;
	}

	.radio-wrap input[type="radio"].inputRadio {
		display: block;
		width: 24px;
		height: 24px;
		vertical-align: top;
		padding: 0;
		margin: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}

/* input[radio] */
.inputRadio {
	display: inline-block;
	position: relative;
}

	.inputRadio input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0
	}

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

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

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

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

	.inputRadio label {
		display: inline-block;
		padding-left: 30px;
		color: #444;
		font-size: 13px;
		vertical-align: top;
		line-height: 20px
	}

	.inputRadio.typeOf input + label:before {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		background: url(/Res/U/M/DEF/img/common/bg_rad_default2.svg) left top no-repeat;
		background-size: 20px;
		content: ""
	}

	.inputRadio.typeOf input:checked + label:before {
		background-image: url(/Res/U/M/DEF/img/common/bg_rad_checked2.svg)
	}

	.inputRadio.column input + label {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		.inputRadio.column input + label:before {
			display: inline-block;
			position: inherit;
			width: 20px;
			height: 20px;
			background: url(/Res/U/M/DEF/img/common/bg_rad_default2.svg) left top no-repeat;
			background-size: 20px;
			content: ""
		}

	.inputRadio.column input:checked + label:before {
		background-image: url(/Res/U/M/DEF/img/common/bg_rad_checked2.svg)
	}

/* input[checkbox] */
.inputCheckbox {
	display: inline-block;
	position: relative;
}

	.inputCheckbox input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0
	}

		.inputCheckbox input + label:before {
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
			width: 20px;
			height: 20px;
			background: url(/Res/U/M/DEF/img/common/bg_chk_default.png) left top no-repeat;
			background-size: 20px;
			content: ""
		}

		.inputCheckbox input:checked + label:before {
			background-image: url(/Res/U/M/BABY/img/common/bg_chk_checked_red.png)
		}

		.inputCheckbox input:disabled + label:before {
			background-image: url(/Res/U/M/DEF/img/common/bg_chk_disabled.png)
		}

		.inputCheckbox input:disabled:checked + label:before {
			background-image: url(/Res/U/M/DEF/img/common/bg_chk_checked_disabled.png)
		}

	.inputCheckbox label {
		display: inline-block;
		padding-left: 28px;
		color: #444;
		font-size: 12px;
		vertical-align: top;
		line-height: 20px
	}

		.inputCheckbox label .number {
			font-family: 'Roboto-Medium';
		}

/* CheckBox */
.checkbox-wrap {
	display: inline-block;
	position: relative;
}

	.checkbox-wrap .checkStyle {
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		margin-left: 1px;
		margin-top: 1px;
		background: url('/Res/U/W/BABY/img/common/bg_chk_default.png') no-repeat
	}

		.checkbox-wrap .checkStyle.on {
			background: url('/Res/U/W/BABY/img/common/bg_chk_checked_red.png')
		}

		.checkbox-wrap .checkStyle.focus {
			outline: 1px dotted #000;
			outline: -webkit-focus-ring-color auto;
		}

		.checkbox-wrap .checkStyle.disabled {
			background: url('/Res/U/W/BABY/img/common/bg_chk_disabled.png')
		}

			.checkbox-wrap .checkStyle.disabled.on {
				background: url('/Res/U/W/BABY/img/common/bg_chk_checked_disabled.png')
			}

	.checkbox-wrap label {
		display: inline-block;
		vertical-align: top;
		margin: 3px 0 0 3px;
	}

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


/* CheckBox :  장바구니 */
.idx-wrap input[type="checkbox"] {
	display: none;
}

	.idx-wrap input[type="checkbox"] + label {
		color: #222;
	}

		.idx-wrap input[type="checkbox"] + label > span {
			display: inline-block;
			width: 20px;
			height: 20px;
			background: url('/Res/U/W/BABY/img/common/bg_chk_default.png');
			margin: 0 10px 0 10px;
			cursor: pointer;
			vertical-align: middle;
		}

	.idx-wrap input[type="checkbox"]:checked + label > span {
		background: url('/Res/U/W/BABY/img/common/bg_chk_checked_red.png')
	}


.list-input {
}

	.list-input:after {
		display: block;
		clear: both;
		content: ''
	}

	.list-input > li {
		display: inline-block;
		margin: 0 0 0 40px
	}

		.list-input > li:first-child { /* margin:0; */
		}

		.list-input > li label {
			color: #666;
		}

		.list-input > li.on label {
			color: #222;
		}

.list-input-bx {
	display: table;
	width: 100%;
	table-layout: fixed;
}
	/*.list-input-bx:after{display:block;clear:both;content:''}*/
	/*.list-input-bx > li{float:left;margin-left:-1px;width:50%;}
.list-input-bx > li:first-child{margin:0}*/
	.list-input-bx > li.on label {
		color: #fff;
	}

	.list-input-bx > li {
		display: table-cell;
		vertical-align: middle;
	}

		.list-input-bx > li:first-child {
			margin: 0
		}

		.list-input-bx > li.on label {
			color: #fff;
		}

	.list-input-bx .radio-wrap {
		display: block;
		width: 100%;
	}

		.list-input-bx .radio-wrap .radioStyle {
			display: block;
			background: #fff;
			border: 1px solid #e5e5e5;
			width: 100%;
			height: 40px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

			.list-input-bx .radio-wrap .radioStyle.on {
				background: #635f5c;
				border: 1px solid #635f5c;
			}

			.list-input-bx .radio-wrap .radioStyle.focus {
				background: #635f5c;
				border: 1px solid #635f5c;
			}

			.list-input-bx .radio-wrap .radioStyle.disabled {
				background: #fff;
			}

				.list-input-bx .radio-wrap .radioStyle.disabled.on {
					background: #fff;
				}

		.list-input-bx .radio-wrap label {
			display: block;
			width: 100%;
			height: 40px;
			text-align: center;
			color: #666;
			line-height: 35px;
			position: absolute;
			left: 0;
			top: 0;
		}

		.list-input-bx .radio-wrap input[type="radio"].inputRadio {
			width: 100%;
			height: 40px;
		}

	.list-input-bx .checkbox-wrap {
		display: block;
		width: 100%;
	}

		.list-input-bx .checkbox-wrap .checkStyle {
			display: block;
			background: #fff;
			border: 1px solid #e5e5e5;
			width: 100%;
			height: 40px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

			.list-input-bx .checkbox-wrap .checkStyle.on {
				background: #635f5c;
				border: 1px solid #635f5c;
			}
			/* .list-input-bx .checkbox-wrap .checkStyle.focus {background:#635f5c;border:1px solid #635f5c;} */
			.list-input-bx .checkbox-wrap .checkStyle.disabled {
				background: #fff;
			}

				.list-input-bx .checkbox-wrap .checkStyle.disabled.on {
					background: #fff;
				}

		.list-input-bx .checkbox-wrap label {
			display: block;
			width: 100%;
			height: 40px;
			text-align: center;
			color: #666;
			line-height: 35px;
			position: absolute;
			left: 0;
			top: 0;
		}

		.list-input-bx .checkbox-wrap input[type="radio"].inputCheckbox {
			width: 100%;
			height: 40px;
		}

	.list-input-bx.etc {
		margin-top: -10px !important;
		margin-left: -10px !important;
	}

		.list-input-bx.etc > li {
			margin: 10px 0 0 10px !important;
			width: 120px !important;
		}

		.list-input-bx.etc label {
			width: 120px;
			font-size: 16px !important;
		}

		.list-input-bx.etc .checkbox-wrap .checkStyle {
			width: 120px;
		}

.email-wrap {
}

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

	.email-wrap input {
		float: left;
		width: auto;
	}

	.email-wrap .bar {
		float: left;
		padding: 0 6px;
		line-height: 40px;
	}

	.email-wrap .domain {
		margin-right: 10px;
	}

	.email-wrap .selectbox-wrap {
		float: left;
		width: auto;
	}

.birth-wrap {
	margin-left: -10px;
}

	.birth-wrap .selectbox-wrap {
		float: left;
		margin-left: 10px;
		width: auto;
	}

.tel-wrap {
}

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

	.tel-wrap * {
		float: left;
	}

	.tel-wrap .bar {
		line-height: 40px;
	}

/********************** layout **********************/
/* skip navigation */
.skipnavi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10001;
}

	.skipnavi a {
		position: absolute;
		display: block;
		width: 100%;
		padding: 15px 0;
		background: #000;
		box-sizing: border-box;
		color: #fff;
		font-size: 16px;
		text-align: center;
		top: -9999px;
	}

		.skipnavi a:hover, .skipnavi a:active, .skipnavi a:focus {
			top: 0;
		}

/*2018-06-13추가*/
/*.ui-header-tip{display:none;height:60px;background:#9a6b5d;}*/
/*.ui-header-tip{display:none;height:60px;background:url("/Res/U/W/BABY/img/common/bg_top_banner.jpg") no-repeat;}*/
.ui-header-tip-cont {
	position: relative;
	width: 1140px;
	margin: 0 auto;
	height: 60px;
}

	.ui-header-tip-cont a.btn-close {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -13px;
		display: block;
		width: 25px;
		height: 24px;
		background: url("/Res/U/W/BABY/img/common/btn_header_tip_close.png") no-repeat left top;
	}

		.ui-header-tip-cont a.btn-close span {
			font-size: 0;
			line-height: 0;
			text-indent: -9999em;
		}

.wrapA {
	position: relative;
	width: 100%;
	min-width: 1200px;
}

.wrap {
	position: relative;
	width: 100%;
	min-width: 1200px;
}

.ui-header {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
	overflow: hidden;
	z-index: 1000;
}

.ui-header.open {
	border-bottom: 1px solid #700000;
}

	.ui-header.fixed {
		width: 100%;
		position: fixed;
		left: 0;
		top: -140px;
		overflow: visible
	}

		.ui-header.fixed.type02 {
			top: -200px
		}

.ui-container {
	padding-bottom: 60px;
	width: 100%;
	padding-top: 140px;
	position: relative;
	z-index: 4
}

	.ui-container.main {
		padding-top: 140px;
		padding-bottom: 0;
	}

	.ui-container.pb0 {
		padding-bottom: 0;
	}

	.ui-container.pb120 {
		padding-bottom: 120px;
	}

	.ui-container.bg {
		background: #f7f7f5;
	}

	.ui-container.bg-fa {
		background: #fafafa;
	}

	.ui-container .ui-cont {
		padding: 60px 0;
	}

		.ui-container .ui-cont.pb120 {
			padding-bottom: 120px
		}

		.ui-container .ui-cont.bm {
			padding: 60px 0 0 0;
		}

.ui-cont-bg {
	width: 100%;
	background: #f7f7f5;
}

	.ui-cont-bg.last {
		padding-bottom: 60px;
		margin-bottom: -60px;
	}

	.ui-cont-bg.pdb0 {
		padding-bottom: 0;
	}

.ui-cont {
	margin: 0 auto;
	width: 1200px;
	position: relative;
}

	.ui-cont:after {
		content: '';
		display: block;
		clear: both;
		font-size: 0;
		line-height: 0;
	}

	.ui-cont.last {
		padding-bottom: 60px;
		margin-bottom: -60px;
	}

	.ui-cont.w920 {
		width: 920px;
	}

.ui-bx {
	padding: 60px;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.ui-bx.non {
		padding: 0;
	}

	.ui-bx.chk {
		margin: 0 auto;
		width: 520px;
	}

	.ui-bx .btn-area a {
		margin: 0;
	}

.cont-row {
}

	.cont-row:after {
		display: block;
		clear: both;
		content: ''
	}

	.cont-row .cont-col {
		float: left;
		width: 860px;
	}

		.cont-row .cont-col:after {
			display: block;
			content: '';
			clear: both;
			font-size: 0;
			line-height: 0;
		}

	.cont-row .cont-side {
		float: right;
		width: 300px;
		left: auto
	}

	.cont-row .right-fixed-area.fixed {
		position: fixed;
		left: 0;
		top: 0;
	}

	.cont-row .cont-col.order-made {
		float: left;
		width: 1200px;
	}

.ui-util {
	height: 40px;
	background: #700000;
}

	.ui-util form {
		display: inline-block;
	}

	.ui-util .util-wrap {
		float: right;
		margin-top: 5px;
	}

		.ui-util .util-wrap ul {
			float: left;
		}

		.ui-util .util-wrap li {
			float: left;
			padding-left: 11px;
			margin-left: 10px;
			background: url('/Res/U/W/BABY/img/common/line_util.png') no-repeat 0 center;
			line-height: 28px;
		}

			.ui-util .util-wrap li:first-child {
				padding-left: 0;
				margin-left: 0;
				background: none;
			}

			.ui-util .util-wrap li .delivery {
				background-color: #c18f54;
				border-radius: 25px;
				padding: 0 15px;
				margin-top: -1px;
				padding-bottom: 2px;
				font-size: 13px;
				color: #fff;
			}

		.ui-util .util-wrap a {
			color: #fff;
			font-size: 13px;
		}

		.ui-util .util-wrap fieldset {
			margin-left: 20px;
			position: relative;
		}

		.ui-util .util-wrap input {
			padding: 0 35px 0 5px;
			width: 180px;
			height: 28px;
			border: 1px solid #8d3333;
			background: #3b0000;
			color: #fff;
			font-size: 13px;
			line-height: 26px;
		}

			.ui-util .util-wrap input:focus {
				border: 1px solid #b88080;
			}

		.ui-util .util-wrap fieldset .btn-search {
			display: inline-block;
			width: 16px;
			height: 16px;
			position: absolute;
			top: 6px;
			right: 10px;
			background: url('/Res/U/W/BABY/img/common/ico_sp.png') no-repeat -182px -72px;
			font-size: 0;
			line-height: 0;
			text-indent: -9999px;
		}

.ui-top {
	height: 100px;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.ui-top .ui-cont {
		display: flex;
		justify-content: space-between;
		gap: 15px;
		padding-top: 24px;
	}

		.ui-top .ui-cont h1 {
			width: 150px;
		}

			.ui-top .ui-cont h1 a {
				display: block;
			}

.gnb {
	margin-bottom: 10px;
	width: calc(100% - 150px - 174px - 30px);
}

	.gnb > ul {
		text-align: center;
		width: 100%;
		display: flex;
		justify-content: space-between;
		gap: 10px;
	}

		.gnb > ul > li {
			flex: 1;
			position: relative;
		}

			.gnb > ul > li > a {
				display: block;
				padding: 15px 0;
				text-align: center;
				
			}

				.gnb > ul > li > a > span > img {
					display: block;
					width: 93px;
					height: 22px;
					object-fit: cover;
				}

			.gnb > ul > li.gnb01.on > a:before, .gnb > ul > li.gnb01:hover > a:before {
				background-position: 0 -36px;
			}

			.gnb > ul > li.gnb02.on > a:before, .gnb > ul > li.gnb02:hover > a:before {
				background: url('/Res/U/W/BABY/img/common/ico_one_hover.png') no-repeat 0 0 !important;
			}

			.gnb > ul > li.gnb03.on > a:before, .gnb > ul > li.gnb03:hover > a:before {
				background: url('/Res/U/W/BABY/img/common/ico_snack_hover.png') no-repeat 0 0 !important;
			}

			.gnb > ul > li.gnb04.on > a:before, .gnb > ul > li.gnb04:hover > a:before {
				background-position: -108px -36px;
			}

			.gnb > ul > li.gnb05.on > a:before, .gnb > ul > li.gnb05:hover > a:before {
				background-position: -180px -36px;
			}

			.gnb > ul > li.gnb06.on > a:before, .gnb > ul > li.gnb06:hover > a:before {
				background-position: -70px -36px;
			}

			.gnb > ul > li > a > span {
				display: block;
				font-weight: 500;
				font-size: 18px;
				line-height: 1.2;
				word-break: keep-all;
			}

			.gnb > ul > li > a:hover,
			.gnb > ul > li.on > a {
				color: #9d2235;
			}

			.gnb > ul > li > ul {
				position: absolute;
				top: 90px;
			}

				.gnb > ul > li > ul li.snb-tag {
					width: 70%;
					line-height: 28px;
					background-color: #f8f4e9;
					font-size: 15px;
					font-weight: 400;
					border-radius: 100px;
					margin-left: 20px;
				}

				.gnb > ul > li > ul li a {
					display: flex;
					align-items: center;
					width: 100%;
					min-height: 28px;
					line-height: 1.2;
					border-radius: 100px;
					font-size: 14px;
					color: #666;
					text-align: left;
					padding-left: 23px;
					word-break: keep-all;
				}

					.gnb > ul > li > ul li a:hover, .gnb > ul > li > ul li.on a {
						background: #635f5c;
						color: #fff;
					}

			.gnb > ul > li.mypage {
				margin: 10px 0 0 110px;
			}

.gnb-bg {
	width: 100%;
	min-height: 468px;
	border-bottom: 1px solid #700000;
	background: #fff;
	box-sizing: border-box;
	display: none;
}

.top-aside {
}

.btn-ico.mypage-tp {
	width: 38px;
	height: 31px;
	background-position: 0 -72px;
	transition: all 0.1s
}

	.btn-ico.mypage-tp span {
		text-indent: -9999px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		transition: all 0.1s
	}

.btn-ico.addr-tp {
	width: 38px;
	height: 35px;
	transition: all 0.1s;
	background: url('/Res/U/W/BABY/img/common/btn_delivery.png') 50% no-repeat;
	background-size: 30px;
	margin-right: 15px;
}

.btn-ico.plan-tp {
	width: 38px;
	height: 31px;
	transition: all 0.1s;
	background: url('/Res/U/W/BABY/img/common/ico_plan.png') no-repeat;
	background-size: contain;
}

.btn-ico.cart-tp {
	width: 60px;
	height: 60px;
	background-position: -300px -228px;
	position: relative;
	top: 0;
	transition: top 0.2s
}

	.btn-ico.cart-tp > em {
		display: inline-block;
		padding-top: 1px;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 15px;
		right: 13px;
		text-indent: 0;
		font-size: 11px;
		line-height: 17px;
		color: #fff;
		font-family: Dotum;
		letter-spacing: -1px;
		font-weight: bold;
		text-align: center;
	}
/* .ui-header.fixed .top-aside{top:127px;} */
/*장바구니 고정 해제 20200515 sm*/
/*.ui-header.fixed .top-aside .btn-ico.cart-tp {top:103px;background-position:-230px -228px;}*/
.ui-header.fixed .top-aside .btn-ico.cart-tp > em {
	color: #222;
}
/* .top-aside > ul > li {float:left;}
.top-aside > ul > li.on > ul {display:block !important;}
.top-aside > ul > li > ul {position:absolute;top:114px;left:50%;margin-left:-50%;width:100%;text-align:center;display:none;}
.top-aside > ul > li > ul li {display:inline-block;}
.top-aside > ul > li > ul li a {display:block;padding:0 13px;margin:0 6px;height:30px;border-radius:15px;line-height:30px;color:#666;}
.top-aside > ul > li > ul li a span {}
.top-aside > ul > li > ul li a:hover, .top-aside > ul > li > ul li.on a {background:#635f5c;color:#fff;} */

.ui-lnb {
	width: 100%;
	height: 57px;
	background: #f7f7f5;
	border-bottom: 1px solid #700000;
	text-align: center;
	position: absolute;
	top: 140px;
	z-index: 5
}

#DivLnb7.ui-lnb {
	display: none !important;
}

.ui-lnb.fixed {
	position: fixed;
	top: 0;
}

.ui-lnb > ul {
	display: inline-block;
	margin-top: 13px;
}

	.ui-lnb > ul > li {
		display: inline-block;
	}

		.ui-lnb > ul > li a {
			display: block;
			padding: 0 13px;
			margin: 0 6px;
			height: 30px;
			border-radius: 15px;
			line-height: 30px;
			color: #666;
		}

		.ui-lnb > ul > li.on a {
			background: #635f5c;
			color: #fff;
		}

.ui-footer {
	padding-bottom: 30px;
	border-top: 1px solid #d9d9d9;
	position: relative;
	z-index: 4;
	background: #ffffff;
}

.footer-cs {
	padding: 20px 0;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
}

	.footer-cs * {
		line-height: 30px;
	}

	.footer-cs dl {
		float: left;
	}

	.footer-cs dt {
		float: left;
		padding-right: 20px;
		font-family: Roboto;
		font-weight: 700;
		color: #333;
		font-size: 16px;
		font-style: italic;
		letter-spacing: .3px;
	}

	.footer-cs dd {
		float: left;
		position: relative;
		font-size: 14px;
		color: #666;
	}

		.footer-cs dd a {
			font-size: 14px;
			color: #666;
		}

	.footer-cs .cs-call {
		margin-right: 86px;
	}

		.footer-cs .cs-call dt {
			padding-left: 38px;
			background: url('/Res/U/W/BABY/img/common/ico_cscall.png') no-repeat 0 0;
			font-size: 28px;
			line-height: 30px;
		}

	.footer-cs .cs-faq {
		margin-right: 100px;
	}

		.footer-cs .cs-faq dd {
			margin-top: -2px;
		}

	.footer-cs .cs-notice .notice {
		width: 342px;
		height: 30px;
		overflow: hidden;
		padding: 0;
		background: #fff;
	}

	.footer-cs .cs-notice .control {
		position: absolute;
		top: -2px;
		right: -6px;
		width: 18px;
		height: 36px;
	}

		.footer-cs .cs-notice .control .btn-control {
			float: left;
			display: inline-block;
			width: 18px;
			height: 18px;
			background: url('/Res/U/W/BABY/img/common/ico_sp.png') no-repeat -208px -72px;
			text-indent: -9999px;
		}

			.footer-cs .cs-notice .control .btn-control.down {
				margin-top: -1px;
				background-position: -208px -89px
			}

.footer-copy {
}
/* ********************** 삭제예정 */
.copyright {
}

	.copyright > ul {
		overflow: hidden;
		margin-bottom: 25px;
	}

		.copyright > ul > li {
			float: left;
			margin-right: 20px;
		}

			.copyright > ul > li a {
				font-size: 14px;
				color: #444;
			}

				.copyright > ul > li a:hover {
					text-decoration: underline !important;
				}

	.copyright p {
		font-size: 13px;
		color: #888;
		line-height: 22px;
	}

		.copyright p.copy {
			margin-top: 15px;
		}

		.copyright p.address span {
			padding-left: 12px;
			margin-left: 11px;
			background: url('/Res/U/W/BABY/img/common/line_addr.png') no-repeat 0 center;
		}

			.copyright p.address span.first {
				padding-left: 0;
				margin-left: 0;
				background: none
			}

			.copyright p.address span.non {
				padding-left: 0;
				background: none
			}

.copy-aside {
	position: absolute;
	bottom: 0;
	right: 0;
}

	.copy-aside .sns {
		float: left;
	}

		.copy-aside .sns li {
			float: left;
			margin-left: 10px;
		}

			.copy-aside .sns li:first-child {
				margin-left: 0;
			}

	.copy-aside .familysite {
		float: left;
		margin-left: 30px;
		width: 150px;
		position: relative;
	}

		.copy-aside .familysite a {
			display: block;
			padding-left: 10px;
			width: 140px;
			font-family: Roboto;
			font-weight: 500;
			color: #fff;
			font-size: 12px;
		}

		.copy-aside .familysite > a {
			height: 26px;
			background: #dbdbdb url('/Res/U/W/BABY/img/common/bg_familysite.png') no-repeat 133px center;
			font-size: 11px;
			letter-spacing: 1px;
			line-height: 26px;
		}

	.copy-aside .familysite-list {
		position: absolute;
		bottom: 26px;
		left: 0;
		background: #9c9c9c;
	}

		.copy-aside .familysite-list li {
			border-top: 1px solid #a7a7a7;
		}

			.copy-aside .familysite-list li:first-child {
				border-top: none;
			}

		.copy-aside .familysite-list a:hover {
			background: #8c8c8c;
		}

		.copy-aside .familysite-list a {
			padding-top: 5px;
			padding-bottom: 5px;
			height: 27px;
			line-height: 27px;
		}
/* 삭제예정 ********************** */
.footer-addr {
	padding-top: 30px;
}

	.footer-addr .address {
		float: left;
	}

		.footer-addr .address > ul {
			overflow: hidden;
			margin-bottom: 25px;
		}

			.footer-addr .address > ul > li {
				float: left;
				margin-right: 20px;
			}

				.footer-addr .address > ul > li a {
					font-size: 14px;
					color: #444;
				}

					.footer-addr .address > ul > li a:hover {
						text-decoration: underline !important;
					}

		.footer-addr .address address {
			font-size: 13px;
			color: #888;
			line-height: 22px;
		}

			.footer-addr .address address span {
				padding-left: 12px;
				margin-left: 11px;
				background: url('/Res/U/W/BABY/img/common/line_addr.png') no-repeat 0 center;
			}

				.footer-addr .address address span.first {
					padding-left: 0;
					margin-left: 0;
					background: none
				}

				.footer-addr .address address span.non {
					padding-left: 0;
					background: none
				}

.footer-copy .ui-cont {
	padding-top: 30px;
	margin-top: 25px;
	border-top: 1px solid #f2f2f2;
}

.footer-copy .copyright {
	margin: 60px 0 0 0;
	font-family: Roboto;
	font-weight: 300;
	color: #888;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 30px;
}

	.footer-copy .copyright strong {
		font-weight: 500;
	}

.footer-copy .brn_prize {
}

	.footer-copy .brn_prize:after {
		content: "";
		display: block;
	}

	.footer-copy .brn_prize img {
		float: left;
		padding: 0 20px 0 0;
	}

.ui-footer .aside {
	float: right;
}

	.ui-footer .aside .link {
		float: left;
	}

		.ui-footer .aside .link li {
			float: left;
			margin-left: 10px;
		}

			.ui-footer .aside .link li:first-child {
				margin-left: 0;
			}

	.ui-footer .aside .sns {
		float: left;
	}

		.ui-footer .aside .sns li {
			float: left;
			margin-left: 10px;
		}

			.ui-footer .aside .sns li:first-child {
				margin-left: 0;
			}

	.ui-footer .aside .familysite {
		float: left;
		margin-left: 20px;
		width: 160px;
		position: relative;
	}

		.ui-footer .aside .familysite a {
			display: block;
			width: 160px;
			text-indent: 30px;
			color: #fff;
			font-size: 13px;
		}

		.ui-footer .aside .familysite > a {
			height: 30px;
			background: #444 url('/Res/U/W/BABY/img/common/bg_familysite.png') no-repeat 133px center;
			border-radius: 15px;
			font-family: Roboto;
			font-weight: 300;
			font-size: 14px;
			line-height: 30px;
			letter-spacing: 0;
		}

	.ui-footer .aside .familysite-list {
		position: absolute;
		bottom: 35px;
		left: 0;
		overflow: hidden;
		background: #444;
		border-radius: 10px;
		display: none;
	}
		/*.ui-footer .aside .familysite-list li {border-top:1px solid #333;}*/
		.ui-footer .aside .familysite-list li:first-child {
			border-top: none;
		}

		.ui-footer .aside .familysite-list li:last-child {
			margin-bottom: 10px;
		}

		.ui-footer .aside .familysite-list a:hover {
			background: #333;
		}

		.ui-footer .aside .familysite-list a {
			padding-top: 5px;
			padding-bottom: 5px;
			height: 25px;
			line-height: 25px;
		}

		.ui-footer .aside .familysite-list span {
			margin-top: 15px;
			padding-bottom: 5px;
			margin-left: 10px;
			height: 27px;
			line-height: 27px;
			display: block;
			width: 140px;
			text-indent: 10px;
			color: #fff;
			font-size: 13px;
			border-bottom: 1px solid #fff;
		}


/* UI DatePicker (달력) */
/*
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
.ui-helper-reset{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;line-height:1.3;outline:0;list-style:none}
.ui-helper-clearfix:after,.ui-helper-clearfix:before{display:table;border-collapse:collapse;content:""}
.ui-helper-zfix{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.ui-front{z-index:100}
.ui-datepicker{display:none;margin-top:1px;padding:20px;}
.ui-datepicker .ui-datepicker-header{position:relative}
.ui-datepicker .ui-datepicker-header a{display:block;position:absolute;top:0;width:14px;height:20px;cursor:pointer}
.ui-datepicker .ui-datepicker-header a span{display:block;width:100%;height:100%;text-indent:-9999px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover{left:0;content:'<'}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover{right:0;content:'>'}
.ui-datepicker .ui-datepicker-title{color:#333;font-size:17px;line-height:1;text-align:center}
.ui-datepicker table{width:100%;margin:0 0 15px}
.ui-helper-clearfix:before{display:table;border-collapse:collapse;content:""}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-datepicker.ui-widget-content{background:#fff;color:#666;border-radius:3px;border:1px solid #eee}
.ui-datepicker th{padding:25px 0 7px;font-size:13px;font-weight:normal;text-align:center;}
.ui-datepicker th:first-child, .ui-datepicker th:last-child {color:#de4f41;}
.ui-datepicker td{width:31px;height:31px;padding:2px;font-size:13px;line-height:31px;text-align:center;}
.ui-datepicker tr:first-child td{position:relative;}
.ui-datepicker td a, .ui-datepicker td span{display:block;width:31px;height:31px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ui-datepicker td.ui-datepicker-today a{background:#f4f4f4;}
.ui-datepicker td.ui-datepicker-current-day a{background:#de4f41;color:#fff !important;}
.ui-datepicker td.ui-datepicker-week-end, .ui-datepicker td.ui-datepicker-week-end a{color:#de4f41;}
.ui-datepicker .ui-state-disabled, .ui-datepicker td.ui-datepicker-week-end.ui-state-disabled {color:#ddd}
.ui-datepicker-buttonpane{overflow:hidden;margin:0 -15px;padding:8px 15px;border:0;border-top:1px solid #ddd;background:#f9f9f9}
.ui-datepicker-buttonpane button{float:right;width:58px;height:28px;border:1px solid #bbb;background:#fff;font-size:12px;line-height:26px}
.ui-datepicker-buttonpane button:first-child{float:left}
.ui-datepicker-trigger{display:none}
*/

/********************** layer **********************/
/* layer : 공통 */
.dimmed {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

	.dimmed.on {
		display: block;
	}

.dimmed-ff {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

.layer-pop {
	width: 800px;
	margin-left: -400px;
	position: absolute;
	top: 220px;
	left: 50%;
	background: #fff;
	position: absolute;
	z-index: 999;
}

	.layer-pop.small {
		width: 520px;
		margin-left: -300px;
	}

	.layer-pop.large {
		width: 920px;
		margin-left: -500px;
	}

	.layer-pop.detail {
		width: 1000px;
		margin-left: -500px;
		margin-bottom: 100px;
	}

	.layer-pop.agree {
		width: 860px;
		margin-left: -430px
	}

	.layer-pop.confirm {
		width: 538px;
		margin-left: -269px
	}

	.layer-pop.changeDate {
		width: 560px;
		height: 635px;
		margin-left: -230px
	}

.layer-cont {
	padding: 38px;
	position: relative;
}

	.layer-cont .toptxt-wrap {
		margin-bottom: 10px !important;
	}

	.layer-cont .close-layer {
		position: absolute;
		top: 40px;
		right: 40px;
	}

.layer-bg {
	padding: 60px 60px 50px;
	margin: 0 -60px;
	width: 100%;
	background: #f7f7f5;
}

	.layer-bg.bm {
		margin-top: 60px !important;
	}

.layer-tit {
	margin-bottom: 15px;
}

	.layer-tit h2 {
		display: inline-block;
		font-size: 24px;
		line-height: 30px;
		color: #222;
		font-weight: 600;
	}

	.layer-tit .tooltip-wrap {
		margin-left: 20px;
		font-size: 14px;
		color: #666;
	}

	.layer-tit.tac {
		margin-bottom: 35px;
	}

		.layer-tit.tac h2 {
			font-size: 40px;
			line-height: 50px;
			color: #222;
			font-weight: 500;
		}

			.layer-tit.tac h2 em {
				color: #710000;
				font-size: 48px;
				letter-spacing: -1px;
				font-weight: 700;
			}

.headDetail {
	position: fixed;
	padding: 20px;
	width: 1010px;
	border-bottom: 2px solid #222;
	background-color: #fff;
	z-index: 1;
	text-align: center;
}

	.headDetail .closePopup {
		position: absolute;
		top: 20px;
		right: 35px;
	}

.orderDetail {
	margin-top: 50px;
}

.prodDetail .orderDetail .topArea {
	border-top: none;
}

	.prodDetail .orderDetail .topArea .starDetail.title {
		padding: 0 0 10px;
		text-align: unset;
	}

.prodDetail .headDetail .btn-ico.close-layer-2.cancel {
	width: 30px;
	height: 30px;
	background: url('/Res/U/W/BABY/img/common/cancel.png') no-repeat;
	background-position: unset;
	background-size: 30px;
	position: unset;
}

/* layer : 이벤트 */
.layer-pop.event {
	width: 780px;
	padding: 0;
	background: transparent;
	margin-left: -390px
}

	.layer-pop.event .layer-cont {
		padding: 0;
	}

	.layer-pop.event .layer-inner {
		background: #fff;
		padding: 40px;
	}

		.layer-pop.event .layer-inner.bg {
			background: #f7f7f7
		}

	.layer-pop.event .close-layer {
		top: 40px;
		right: 40px
	}

/* layer : 장바구니 */
.layer-pop.cart {
	position: fixed;
	top: 0;
	bottom: 0;
	left: auto;
	right: 0;
	overflow-y: auto;
	width: 957px; /* width:940px; */ /* height:100%;min-height:100%; */
	display: none;
}

.layer-cont.cart-cont {
	padding: 60px 40px 0 40px;
}

	.layer-cont.cart-cont .layer-bg {
		padding: 40px 40px 50px;
		margin: 0 -40px;
	}

	.layer-cont.cart-cont .toptxt-wrap {
		margin: -20px 0 10px 0;
		font-size: 14px;
	}

	.layer-cont.cart-cont .close-cart {
		position: absolute;
		top: 60px;
		right: 40px;
	}

.total-sum {
	overflow: hidden;
	margin-top: 30px;
}

	.total-sum strong {
		font-family: Roboto;
		font-weight: 700;
		font-size: 18px;
		line-height: 30px;
	}

	.total-sum span.tit {
		display: block;
		margin-bottom: 8px;
		color: #444;
		font-size: 14px;
	}

	.total-sum ol {
		float: right;
	}

	.total-sum li {
		float: left;
		padding: 0 35px 0 50px;
	}

		.total-sum li.total {
		}

		.total-sum li.vat {
			background: url('/Res/U/W/BABY/img/common/ico_sum_plus.png') no-repeat left 30px;
		}

		.total-sum li.sale {
			background: url('/Res/U/W/BABY/img/common/ico_sum_minus.png') no-repeat left 30px;
			color: #911027;
		}

		.total-sum li.delivery {
			background: url('/Res/U/W/BABY/img/common/ico_sum_plus.png') no-repeat left 30px;
		}

	.total-sum .tooltip {
		margin-top: -5px;
	}

	.total-sum .price {
		font-weight: 500;
		font-size: 16px;
	}

	.total-sum .pay-price {
		float: left;
		background: url('/Res/U/W/BABY/img/common/ico_sum_equal.png') no-repeat left 30px;
	}

		.total-sum .pay-price strong {
			font-weight: 700;
			font-size: 28px;
		}

/* layer : 로그인 */
.layer-pop.login {
	width: 560px;
	margin-left: -260px;
}

	.layer-pop.login .layer-cont {
		padding: 60px;
	}

	.layer-pop.login .close-layer {
		top: 40px;
		right: 40px;
	}

/* layer : SNS 간편 로그인 통합회원 가인 안내 */
.layer-pop.intergration {
	width: 520px;
	margin-left: -260px;
}

	.layer-pop.intergration .layer-cont {
		padding: 60px;
	}

	.layer-pop.intergration .close-layer {
		top: 40px;
		right: 40px;
	}

.intergration_box {
	border-top: 1px solid #222;
	padding-top: 35px;
}

.layer-pop.intergration p {
	font-size: 16px;
	color: #222;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: -.8px;
}

.user {
}

	.user input {
		width: 100%;
		height: 60px;
		font-size: 18px;
		line-height: 58px;
		letter-spacing: -.5px
	}

		.user input::-webkit-input-placeholder {
			color: #666;
			font-size: 18px;
		}

		.user input::-moz-placeholder {
			color: #666;
			font-size: 18px;
		}

		.user input:-ms-input-placeholder {
			color: #666;
			font-size: 18px;
		}

		.user input:-moz-placeholder {
			color: #666;
			font-size: 18px;
		}

.login-wrap ul {
	margin-bottom: 20px;
}

.login-wrap li {
	margin-top: 10px
}

	.login-wrap li:first-child {
		margin-top: 0
	}

.login-chk {
	margin: 13px 0 20px 0;
	overflow: hidden;
}

	.login-chk .checkbox-wrap {
		float: left
	}

	.login-chk label {
		color: #444;
	}

	.login-chk > a {
		float: right;
		color: #444;
	}

.login-wrap .bx-sns-area {
	margin: 25px 0;
	overflow: hidden;
}

	.login-wrap .bx-sns-area .txt {
		margin-top: 15px;
		display: inline-block;
	}

	.login-wrap .bx-sns-area .bx-sns {
		float: right;
		font-size: 0
	}

		.login-wrap .bx-sns-area .bx-sns a {
			display: inline-block;
			width: 50px;
			height: 50px;
			margin-left: 11px;
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}

			.login-wrap .bx-sns-area .bx-sns a:first-child {
				margin-left: 0
			}

			.login-wrap .bx-sns-area .bx-sns a.naver {
				background-image: url("/Res/U/W/BABY/img/user/btn_ico_naver.png")
			}

			.login-wrap .bx-sns-area .bx-sns a.kakao {
				background-image: url("/Res/U/W/BABY/img/user/btn_ico_kakao.png")
			}

			.login-wrap .bx-sns-area .bx-sns a.apple {
				background-image: url("/Res/U/W/BABY/img/user/btn_ico_apple.png")
			}

.login-sns {
	padding-top: 10px;
	margin: 0 0 20px 0;
}

	.login-sns .bdr-w {
		margin-top: 10px;
		width: 100%;
		padding: 0;
	}

		.login-sns .bdr-w span {
			font-size: 16px;
		}

		.login-sns .bdr-w.sns01 {
			background: #fff url('/Res/U/W/BABY/img/common/btn_ico_sns01.png') no-repeat 20px center !important;
		}

		.login-sns .bdr-w.sns02 {
			background: #fff url('/Res/U/W/BABY/img/common/btn_ico_sns02.png') no-repeat 20px center !important;
		}

		.login-sns .bdr-w.sns03 {
			background: #fff url('/Res/U/W/BABY/img/common/btn_ico_sns03.png') no-repeat 20px center !important;
		}

/* layer : 리뷰작성완료 */
.layer-pop.reviewDone {
	width: 330px;
	margin-left: -165px;
}

	.layer-pop.reviewDone .layer-cont {
		padding: 19px;
		text-align: center;
	}

		.layer-pop.reviewDone .layer-cont img {
			width: 98px;
			height: 98px;
			margin: 35px auto 0 auto;
		}

		.layer-pop.reviewDone .layer-cont .reviewTit {
			font-size: 30px;
			color: #730000;
			margin: 20px 0;
			font-weight: bold;
			letter-spacing: -1px;
		}

		.layer-pop.reviewDone .layer-cont .reviewTxt {
			font-size: 14px;
			color: #555555;
			line-height: 20px;
		}

			.layer-pop.reviewDone .layer-cont .reviewTxt em {
				color: #c08f54;
				font-weight: 500;
			}

		.layer-pop.reviewDone .layer-cont .reviewInfo {
			display: block;
			color: #888;
			font-size: 14px;
			line-height: 24px;
			font-weight: 300;
		}

		.layer-pop.reviewDone .layer-cont .reviewPoint {
			height: 50px;
			line-height: 50px;
			font-size: 16px;
			color: #555;
			font-weight: 500;
		}

			.layer-pop.reviewDone .layer-cont .reviewPoint span {
				display: inline-block;
				color: #c08f54;
				padding-left: 30px;
			}

/*20190424 MIRI 이유식 배송조회*/
.layer-pop.dly {
	width: 100%;
	margin-left: 0;
}

	.layer-pop.dly li {
		text-align: center;
	}

	.layer-pop.dly .layer-cont {
		padding: 10% 10% 0 10%;
	}

	.layer-pop.dly .close-layer {
		top: 40px;
		right: 40px;
	}

	.layer-pop.dly .btn {
		width: 130px;
		height: 40px;
		padding: 0 10px;
		margin: 10px 5px 0 5px;
		border: 1px solid #665a52;
		;
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
		color: #222;
		line-height: 36px
	}

/* layer : 단계변경신청 */
.stepTxt {
	font-size: 14px;
	color: #555555;
	line-height: 20px;
	text-align: left;
	padding-bottom: 15px;
}

	.stepTxt em {
		color: #c08f54;
		font-weight: bold;
	}
/**
 * Swiper 4.1.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 10, 2018
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%; /* position:relative; */
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}

	.swiper-container-autoheight .swiper-wrapper {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-transition-property: height,-webkit-transform;
		transition-property: height,-webkit-transform;
		-o-transition-property: transform,height;
		transition-property: transform,height;
		transition-property: transform,height,-webkit-transform
	}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

	.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d
	}

	.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 10
	}

	.swiper-container-3d .swiper-slide-shadow-left {
		background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
		background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

	.swiper-container-3d .swiper-slide-shadow-right {
		background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
		background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

	.swiper-container-3d .swiper-slide-shadow-top {
		background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
		background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

	.swiper-container-3d .swiper-slide-shadow-bottom {
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
		background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

	.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
		opacity: .35;
		cursor: auto;
		pointer-events: none
	}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

	.swiper-pagination.swiper-pagination-hidden {
		opacity: 0
	}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		transform: scale(.33);
		position: relative
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
		-webkit-transform: scale(.66);
		-ms-transform: scale(.66);
		transform: scale(.66)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		transform: scale(.33)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
		-webkit-transform: scale(.66);
		-ms-transform: scale(.66);
		transform: scale(.66)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		transform: scale(.33)
	}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

	.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 6px 0;
		display: block
	}

	.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 8px
	}

		.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
			display: inline-block;
			-webkit-transition: .2s top,.2s -webkit-transform;
			transition: .2s top,.2s -webkit-transform;
			-o-transition: .2s transform,.2s top;
			transition: .2s transform,.2s top;
			transition: .2s transform,.2s top,.2s -webkit-transform
		}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 5px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

	.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		-webkit-transition: .2s left,.2s -webkit-transform;
		transition: .2s left,.2s -webkit-transform;
		-o-transition: .2s transform,.2s left;
		transition: .2s transform,.2s left;
		transition: .2s transform,.2s left,.2s -webkit-transform
	}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #007aff;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top
	}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical > .swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

	.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
		background: #fff
	}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

	.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
		background: #000
	}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

	.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
		max-width: 100%;
		max-height: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

	.swiper-lazy-preloader:after {
		display: block;
		content: '';
		width: 100%;
		height: 100%;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-position: 50%;
		background-size: 100%;
		background-repeat: no-repeat
	}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

	.swiper-container-fade .swiper-slide .swiper-slide {
		pointer-events: none
	}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

	.swiper-container-cube .swiper-slide {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 1;
		visibility: hidden;
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		width: 100%;
		height: 100%
	}

		.swiper-container-cube .swiper-slide .swiper-slide {
			pointer-events: none
		}

	.swiper-container-cube.swiper-container-rtl .swiper-slide {
		-webkit-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		transform-origin: 100% 0
	}

	.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}

	.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
		pointer-events: auto;
		visibility: visible
	}

	.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
		z-index: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	.swiper-container-cube .swiper-cube-shadow {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .6;
		-webkit-filter: blur(50px);
		filter: blur(50px);
		z-index: 0
	}

.swiper-container-flip {
	overflow: visible
}

	.swiper-container-flip .swiper-slide {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 1
	}

		.swiper-container-flip .swiper-slide .swiper-slide {
			pointer-events: none
		}

	.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}

	.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
		z-index: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}


/* 대체 배송 안내 팝업 */
.noticeAlternative {
	background: url(/Res/U/W/BABY/img/common/ico_noti.png) no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-size: 14px;
	padding-left: 15px;
}

#layer-pop-dly {
	top: 300px;
	text-align: center;
	line-height: 20px;
	color: #666;
}

	#layer-pop-dly .layer-cont .dly-text {
	}

	#layer-pop-dly .layer-cont .dly-date {
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		color: #000;
	}

		#layer-pop-dly .layer-cont .dly-date:first-child {
			margin-top: 10px;
		}

	#layer-pop-dly .layer-cont .dly-notify {
		margin-top: 15px;
	}

/* 20221220 Jisoo Alert 간소화 */
#toast {
	position: fixed;
	bottom: 50%;
	left: 50%;
	padding: 25px 45px;
	transform: translate(-50%, 10px);
	border-radius: 7px;
	overflow: hidden;
	font-size: 18px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s, transform .5s;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	z-index: 10000;
}

	#toast.reveal {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0)
	}

/* 20230720 모달 알럿 추가 &*/
.modal_wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 99999;}
.modal_wrap .modal_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 500px; text-align: center; border-radius: 25px; padding: 25px; box-shadow: 0 0 15px rgba(0,0,0,0.15); }
.modal_wrap img { max-width: 100%; width: auto; height: auto }
.modal_wrap .modal_inner .icon_wrap { margin-bottom: 20px; }
.modal_wrap .modal_inner .txt_wrap { word-break: keep-all; font-size: 16px; }
.modal_wrap .modal_inner .txt_wrap strong { color: #730000; font-weight: bold }
.modal_wrap .modal_inner .btn_wrap { display: flex; gap: 10px; margin-top: 20px; }
.modal_wrap .modal_inner .btn_wrap .modal_btn { flex: 1; display: block; border-radius: 6px; height: 40px; line-height: 40px; font-size: 14px }
.modal_wrap .modal_inner .modal_close { position: absolute; top: 20px; right: 20px }

.modal_wrap .modal_inner .btn_wrap .modal_btn.ok,.modal_btn.call-ok { background: #730000; color: #fff; }
.modal_wrap .modal_inner .btn_wrap .modal_btn.call-cancel { background: #fff; border: 1px solid #dadada; color: #727272; }