@charset "utf-8";


/********************** font **********************/
@font-face {
	font-family: 'NotoKR-Light';
	src: url("/Res/U/M/DEF/font/notokr-light.eot");
	src: url("/Res/U/M/DEF/font/notokr-light.eot?#iefix") format("embedded-opentype"), url("/Res/U/M/DEF/font/notokr-light.woff") format("woff"), url("/Res/U/M/DEF/font/notokr-light.ttf") format("truetype");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'NotoKR-Regular';
	src: url("/Res/U/M/DEF/font/notokr-regular.eot");
	src: url("/Res/U/M/DEF/font/notokr-regular.eot?#iefix") format("embedded-opentype"), url("/Res/U/M/DEF/font/notokr-regular.woff") format("woff"), url("/Res/U/M/DEF/font/notokr-regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'NotoKR-Medium';
	src: url("/Res/U/M/DEF/font/notokr-medium.eot");
	src: url("/Res/U/M/DEF/font/notokr-medium.eot?#iefix") format("embedded-opentype"), url("/Res/U/M/DEF/font/notokr-medium.woff") format("woff"), url("/Res/U/M/DEF/font/notokr-medium.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'NotoKR-Bold';
	src: url("/Res/U/M/DEF/font/notokr-bold.eot");
	src: url("/Res/U/M/DEF/font/notokr-bold.eot?#iefix") format("embedded-opentype"), url("/Res/U/M/DEF/font/notokr-bold.woff") format("woff"), url("/Res/U/M/DEF/font/notokr-bold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}

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

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

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


/********************** reset **********************/
html, body {
	width: 100%;
	height: 100%;
}

html, body, div, section, 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, thead, tbody, tfoot, tr, th, td, hr, input, textarea, select {
	margin: 0;
	padding: 0;
}

div, section, span, h1, h2, h3, h4, h5, h6, p, a, button, em, strong, dl, dt, dd, ol, ul, li, label, input, textarea, select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'NotoKR-Regular',AppleSDGothicNeo,sans-serif;
	font-size: 13px;
	color: #666;
	letter-spacing: -0.03em;
	-webkit-text-size-adjust: none;
	min-width: 320px
}

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

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #222;
	line-height: 1;
}

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

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

img { /*width:100%;*/
	max-width: 100%;
	border: 0;
	vertical-align: top;
}

label, button {
	cursor: pointer
}

hr {
	height: 0;
	display: none
}

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

strong, b {
	font-weight: normal;
	font-family: 'NotoKR-Bold', sans-serif;
}

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

caption, legend {
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.blind {
	position: absolute !important;
	left: -999em;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

input, textarea, select {
	font-family: 'NotoKR-Regular',AppleSDGothicNeo,sans-serif;
	font-size: 13px;
	color: #666;
	vertical-align: middle
}

a {
	display: inline-block;
	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;
}

/* font size, align 등 관련*/
.fs-8 {
	font-size: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fc-white {
	color: #ffffff;
}

.fc-red {
	color: #FF0000;
}

.fc-darkred {
	color: #700000;
}

.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: #84A24A;
}

.fc-violet {
	color: #b090ff;
}

.fc-gold {
	color: #c08f54 !important;
}

.fc-darkgray {
	color: #394053;
}

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

.fc-lightgold {
	color: #c7a864;
}

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

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

.bc-skyblue {
	background-color: #c1e3e5;
}

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

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

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

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

.bc-light-turquoise {
	background-color: #c1e3e5;
}

.bc-light-leapGreen {
	background-color: #e7ebc8;
}

.bc-light-perple {
	background-color: #f3dfff;
}

.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);
}

/* Interval */
.nopad {
	padding: 0 !important;
}

.nomar {
	margin: 0 !important
}

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

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

.mt6 {
	margin-top: 6px !important
}

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

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

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

.mt25 {
	margin-top: 25px !important
}

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

.mt35 {
	margin-top: 35px !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
}

.mt90 {
	margin-top: 90px !important
}

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

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

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

.mb6 {
	margin-bottom: 6px !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
}

.mb70 {
	margin-bottom: 70px !important
}

.mb80 {
	margin-bottom: 80px !important
}

.mb90 {
	margin-bottom: 90px !important
}

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

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

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

.ml6 {
	margin-left: 6px !important
}

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

.ml15 {
	margin-left: 15px !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
}

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

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

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

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

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

.pt25 {
	padding-top: 25px !important
}

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

.pt35 {
	padding-top: 35px !important
}

.pt40 {
	padding-top: 40px !important
}

.pt50 {
	padding-top: 50px !important
}

.pt60 {
	padding-top: 60px !important
}

.pt70 {
	padding-top: 70px !important
}

.pt80 {
	padding-top: 80px !important
}

.pt90 {
	padding-top: 90px !important
}

.pt100 {
	padding-top: 100px !important
}

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

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

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

.pr15 {
	padding-right: 15px !important
}

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

.pr25 {
	padding-right: 25px !important
}

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

.pr35 {
	padding-right: 35px !important
}

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

.pr45 {
	padding-right: 45px !important
}

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

.pr55 {
	padding-right: 55px !important
}

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

.pr65 {
	padding-right: 65px !important
}

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

.pr75 {
	padding-right: 75px !important
}

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

.pr85 {
	padding-right: 85px !important
}

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

.pr95 {
	padding-right: 95px !important
}

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

.pb0 {
	padding-bottom: 0 !important
}

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

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

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

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

.pb35 {
	padding-bottom: 35px !important
}

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

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

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

.pl15 {
	padding-left: 15px !important
}

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

.pl25 {
	padding-left: 25px !important
}

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

.pl35 {
	padding-left: 35px !important
}

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

.pl45 {
	padding-left: 45px !important
}

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

.pl55 {
	padding-left: 55px !important
}

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

.pl65 {
	padding-left: 65px !important
}

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

.pl75 {
	padding-left: 75px !important
}

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

.pl85 {
	padding-left: 85px !important
}

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

.pl95 {
	padding-left: 95px !important
}

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

.pb0 {
	padding-bottom: 0 !important
}

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

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

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

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

.pb35 {
	padding-bottom: 35px !important
}

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

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

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

.dpn {
	display: none !important;
}

.w180 {
	width: 180px !important;
}

/* floating */
.fl {
	float: left;
}

.fr {
	float: right !important;
}

.fn {
	float: none !important;
}

.cl {
	clear: both;
}

/* Anchor */
.anchorTy {
	display: block;
	height: 70px;
	margin-top: -70px
}

/* Align */
.aLeft {
	text-align: left !important
}

.aCenter {
	text-align: center !important
}

.aRight {
	text-align: right !important
}

.aTop {
	vertical-align: top !important
}

.aMid {
	vertical-align: middle !important
}

.aBtm {
	vertical-align: bottom !important
}

.pointer {
	cursor: pointer;
}

/* position */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed
}

/* Input Text */
.inpText {
	display: inline-block;
	text-align: left;
	width: 100%;
	height: 40px;
	line-height: normal;
	padding: 0 10px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

	.inpText[disabled],
	.inpText[readonly] {
		background: #f7f7f5;
		opacity: 1
	}

.input-tel-1 {
	width: 40px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-tel-2 {
	width: 40px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-tel-3 {
	width: 40px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-hp-1 {
	width: 40px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-hp-2 {
	width: 40px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-hp-3 {
	width: 40px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-email-1 {
	width: 100px;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-email-2 {
	width: 120px;
	display: none;
	height: 40px;
	line-height: normal;
	padding: 0 15px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	-webkit-appearance: none;
}

.input-email-3 {
	height: 40px;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	background: #fff;
	color: #222;
	font-size: 13px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

::-webkit-input-placeholder {
	color: #888
}

::-moz-placeholder {
	color: #888
}

:-ms-input-placeholder {
	color: #888
}

:-moz-placeholder {
	color: #888
}

/* input[checkbox] */
/* .day-check {}
.day-check input {opacity:0}
.day-check input+label:before {display:inline-block; position:absolute; bottom:0; right:0; width:15px; height:15px;background:url(/Res/U/M/DEF/img/common/bg_chk_default.png) left top no-repeat; background-size:15px; content:""}
.day-check input:checked+label:before {background-image:url(/Res/U/M/BABY/img/common/bg_chk_checked_red02.png)}
.day-check input:disabled+label:before {background-image:url(/Res/U/M/DEF/img/common/bg_chk_disabled.png)}
.day-check input:disabled:checked+label:before {background-image:url(/Res/U/M/DEF/img/common/bg_chk_checked_disabled.png)}
.day-check label {display:inline-block; color:#444; font-size:12px; vertical-align:top;line-height:20px}
.day-check label .number{font-family:'Roboto-Medium';} */

.day-check {
}

	.day-check input {
		opacity: 0;
	}

		.day-check input + label {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 70px;
			display: block;
		}

			.day-check input + label:before {
				content: "";
				display: inline-block;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 2;
				width: 30px;
				height: 30px;
				background: url(/Res/U/M/BABY/img/common/ico_cal_check_before.svg) no-repeat center #FFF4F4;
				background-size: 30px;
			}

		.day-check input:checked + label:before {
			background-image: url(/Res/U/M/BABY/img/common/ico_cal_check_after.svg)
		}

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

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

	.day-check label {
		display: inline-block;
		color: #444;
		font-size: 12px;
		vertical-align: top;
		line-height: 20px
	}

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

.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';
		}

		.inputCheckbox label.bold {
			font-weight: 700;
		}

/* 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)
	}

	.inputRadio.column input + label span {
		padding-left: 0;
	}

/* input[select] */
.selectWrap {
	display: inline-block;
	position: relative;
	width: 100%;
}

	.selectWrap:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 15px;
		width: 11px;
		height: 6px;
		background: url(/Res/U/M/DEF/img/common/arr_select.png) no-repeat;
		background-size: 11px;
		content: '';
		margin-top: -3px
	}

.selectBox {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	background: #fff;
	color: #222;
	font-size: 13px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

	.selectBox:disabled {
		background: #f7f7f5
	}

/* TextArea */
textarea {
	width: 100%;
	height: 210px;
	border: 1px solid #e5e5e5;
	resize: none;
	padding: 10px 15px;
	overflow-y: auto;
	color: #666;
	font-size: 13px;
	box-shadow: none;
	border-radius: 0
}

.textareaWrap {
	position: relative;
	border: 1px solid #e5e5e5;
	overflow: hidden
}

	.textareaWrap textarea {
		border: none;
		height: 180px;
	}

	.textareaWrap .addChk {
		border-top: 1px solid #e5e5e5;
		padding: 15px;
		text-align: left
	}

	.textareaWrap .fileWrap {
		position: relative;
		line-height: 1
	}

		.textareaWrap .fileWrap label {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			font-size: 13px;
			color: #666;
			padding-left: 21px;
		}

			.textareaWrap .fileWrap label:before {
				display: block;
				content: '';
				position: absolute;
				top: -0.5px;
				left: 0;
				width: 10px;
				height: 14px;
				background: url(/Res/U/M/DEF/img/common/ico_add_file.png) no-repeat;
				background-size: 10px;
			}

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

/* FormList */
.formList {
	position: relative;
	margin-top: 10px
}

	.formList:first-child {
		margin-top: 0
	}

	.formList > li {
		position: relative;
		font-size: 0;
		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;
		margin-top: 10px
	}

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

		.formList > li > span {
			display: block;
			box-flex: 1;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			margin-left: 9px
		}

			.formList > li > span:first-child {
				margin-left: 0
			}

			.formList > li > span.prod_info img {
				width: 50px;
				height: 50px;
				display: block;
				float: left;
			}

	.formList li span.prod_name {
		display: inline-block;
		font-size: 14px;
		float: left;
		padding-left: 10px;
	}

	.formList li span.option {
		display: inline-block;
		font-size: 12px;
		float: left;
		padding-left: 10px;
	}

	.formList li span.add {
		display: inline-block;
		font-size: 12px;
	}

	.formList > li .check {
		display: block;
		text-indent: -999em;
		width: 17px;
		height: 11px;
		background: url(/Res/U/M/DEF/img/common/ico_form_check.png) no-repeat;
		background-size: 17px;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -6px
	}

	.formList .infoProd {
		position: relative;
		padding-left: 75px;
		min-height: 60px
	}

		.formList .infoProd .img {
			position: absolute;
			top: 0;
			left: 0;
			width: 60px
		}

		.formList .infoProd .info {
			text-align: left;
			margin-top: -1px
		}

			.formList .infoProd .info dt {
				font-size: 14px;
				color: #222;
				margin-bottom: 2px
			}

			.formList .infoProd .info dd {
				font-size: 13px;
				color: #666
			}

	.formList .infoName {
		width: 100%;
		text-align: left
	}

		.formList .infoName .name {
			display: inline-block;
			vertical-align: middle;
			font-size: 13px;
			font-family: 'NotoKR-Medium';
			color: #222;
			line-height: 1;
			text-align: left;
			width: 50%
		}

		.formList .infoName .date {
			display: inline-block;
			vertical-align: middle;
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #888;
			line-height: 1;
			text-align: right;
			width: 50%
		}

	.formList .defineList {
		text-align: left
	}

		.formList .defineList dt {
			font-size: 13px;
			color: #222;
			margin-bottom: 10px
		}

		.formList .defineList .formAlign {
			margin-bottom: -15px
		}

			.formList .defineList .formAlign > span:first-child {
				margin-left: 0
			}

	.formList .editCon {
		text-align: left
	}

		.formList .editCon .img {
			margin-bottom: 25px
		}

		.formList .editCon .cont .subject {
			display: block;
			font-size: 14px;
			font-family: 'NotoKR-Medium';
			color: #222;
			margin-bottom: 10px
		}

		.formList .editCon .cont .txt {
			font-size: 13px;
			line-height: 19px;
			color: #666;
		}

		.formList .editCon .btnArea {
			margin-top: 25px
		}

			.formList .editCon .btnArea .sBtns {
				min-width: 50px
			}

	.formList .defineList.line {
		display: table;
		width: 100%
	}

		.formList .defineList.line dt {
			display: table-cell;
			vertical-align: middle;
			width: 23%
		}

		.formList .defineList.line dd {
			display: table-cell;
			vertical-align: middle;
			width: 73%;
			word-spacing: 3px;
		}

			.formList .defineList.line dd .starPoint {
				width: 108px;
				height: 18px;
				background-size: 108px
			}

				.formList .defineList.line dd .starPoint .star {
					background-size: 108px
				}

			.formList .defineList.line dd.txt {
				font-size: 12px;
				color: #222;
				text-align: left;
			}

	.formList.join {
		margin-top: 0
	}

		.formList.join > li {
			margin-top: -1px
		}

	.formList.order {
		padding: 0 15px 0 15px;
		margin-bottom: 0;
	}

		.formList.order > ul > li {
			margin-top: 15px;
		}

			.formList.order > ul > li dt {
				font-size: 14px;
				color: #666;
				font-family: 'NotoKR-Regular';
				margin-bottom: 10px;
			}

			.formList.order > ul > li .inpText.firstOrder {
				color: #888;
				font-family: 'Roboto-Medium';
			}

		.formList.order .totalPrice {
			margin-top: 15px;
			overflow: hidden;
			border-top: 1px solid #dfdcd5;
			padding: 35px 0;
		}

		.formList.order > ul > li .addrInfo dt {
			background: url(/Res/U/M/BABY/img/common/btn_delivery_black.png) no-repeat;
			background-size: 20px;
			background-position: 7px 5px;
			padding-left: 30px;
			line-height: 30px;
			margin-bottom: 0;
		}

		.formList.order > ul > li .addrInfo dd {
			margin-left: 22px;
			display: inline-block;
			padding: 2px 12px;
			border-radius: 15px;
		}

.formAlign {
	text-align: left
}

	.formAlign > span {
		display: inline-block;
		vertical-align: top;
		margin-right: 15px;
		margin-top: 15px;
	}

.boxHorizental {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	margin-top: 10px
}

	.boxHorizental:first-child {
		margin-top: 0
	}

	.boxHorizental > span {
		display: block;
		width: 100%;
		margin-left: 10px;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	}

		.boxHorizental > span:first-child {
			margin-left: 0
		}

	.boxHorizental > .dash {
		text-align: center;
		display: inline-block;
		margin: 0 -6px 0 3px;
		line-height: 38px
	}

	.boxHorizental.relative #BtnSearch {
		width: 60px;
		right: 0;
		position: absolute;
	}

/* Text */
.txtBlue {
	color: #1c5cb0 !important;
}

.txtRed {
	color: #700000 !important;
}

.txtYellow {
	color: #b28850 !important;
}

.txtOrange {
	color: #f3b100 !important;
}

.txtGreen {
	color: #a7c52d !important;
}

.txtGreen02 {
	color: #008995 !important;
}

.txtNavy {
	color: #515f7a !important;
}

.txtGray {
	color: #999 !important;
}

.paragraph {
	display: block;
	font-size: 12px;
	color: #666;
	line-height: 17px
}

.paragraph02 {
	display: block;
	font-size: 13px;
	color: #444;
	line-height: 19px
}

.totalPrice {
	font-size: 14px;
	color: #222;
	line-height: 1
}

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

/* Button */
.btnArea {
	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;
	margin-top: 30px
}

	.btnArea.half {
		width: 50%;
		margin: 20px auto 0;
	}

	.btnArea + .btnArea {
		margin-top: 10px;
	}

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

	.btnArea.left {
		text-align: left
	}

	.btnArea.right {
		text-align: right
	}

	.btnArea > .left {
		float: left;
	}

	.btnArea > .right {
		float: right;
	}

	.btnArea .btns {
		margin-left: 9px
	}

	.btnArea .sBtns {
		margin-left: 5px
	}

.topBtnArea {
	padding-bottom: 10px;
	text-align: right;
}

.btns {
	position: relative;
	display: block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 45px;
	line-height: 45px;
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	border-radius: 6px
}

	.btns:first-child {
		margin-left: 0
	}

	.btns[class*='btnLine'] {
		background-color: #fff
	}

	.btns > span {
		font-size: 16px;
		font-family: 'NotoKR-Medium';
	}

	.btns.mid {
		height: 40px;
		line-height: 40px;
	}

		.btns.mid > span {
			font-size: 13px;
			font-family: 'NotoKR-Regular';
		}

.sBtns {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
	min-width: 76px;
	height: 30px;
	line-height: 28px;
}

	.sBtns:first-child {
		margin-left: 0
	}

	.sBtns > span {
		font-size: 11px;
	}

.xsBtns {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
	min-width: 46px;
	height: 25px;
	line-height: 22px;
}

	.xsBtns:first-child {
		margin-left: 0
	}

	.xsBtns > span {
		font-size: 11px;
	}

.btnRed {
	background: #730000
}

	.btnRed span {
		color: #fff
	}

.btnGray {
	background: #b0b0b0
}

	.btnGray span {
		color: #fff
	}

.btnBrown {
	background: #665a52
}

	.btnBrown span {
		color: #fff
	}

.btnLineRed {
	border: 1px solid #911027;
}

	.btnLineRed > span {
		color: #911027
	}

.btnLineBrown {
	border: 1px solid #665a52;
	background: #fff
}

	.btnLineBrown > span {
		color: #665a52
	}

.btnLineWhite {
	border: 1px solid #fff;
}

	.btnLineWhite:before {
		background: #fff
	}

	.btnLineWhite:after {
		background: #fff
	}

	.btnLineWhite > span {
		color: #fff
	}

.btnLineGray {
	border: 1px solid #e5e5e5;
	background: #fff
}

	.btnLineGray > span {
		color: #333;
	}

.btnMore {
	min-width: auto;
	width: 100%;
	border: 1px solid #3b3b3b;
	height: 30px;
	line-height: 28px;
	font-size: 11px
}

	.btnMore span {
		position: relative;
		padding-right: 12px
	}

		.btnMore span:after {
			display: block;
			content: '';
			position: absolute;
			top: 5px;
			right: 0;
			width: 8px;
			height: 5px;
			background: url(../images/common/arr_more.png) no-repeat;
			background-size: 8px;
			margin-left: 3px
		}

.btnWrapTwo {
	display: block;
	font-size: 0;
	margin-top: -5px
}

	.btnWrapTwo .sBtns {
		display: inline-block;
		width: calc(50% - 2.5px);
		margin-top: 5px
	}

		.btnWrapTwo .sBtns:nth-child(odd) {
			margin-right: 2.5px
		}

		.btnWrapTwo .sBtns:nth-child(even) {
			margin-left: 2.5px
		}

.btnHelpTip {
	display: inline-block;
	text-indent: -999em;
	width: 18px;
	height: 18px;
	background: url(/Res/U/M/DEF/img/common/btn_help_tip.png) no-repeat;
	background-size: 18px;
}

.btnArrLink {
	display: inline-block;
	padding-right: 30px;
	font-size: 13px;
	font-family: 'NotoKR-Medium';
	color: #444
}

	.btnArrLink:after {
		display: block;
		content: '';
		width: 7px;
		height: 13px;
		background: url(/Res/U/M/DEF/img/common/arr_link.png) no-repeat;
		background-size: 7px;
		position: absolute;
		top: 18px;
		right: 15px;
	}

.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/BABY/img/common/btn_facebook.png) no-repeat left top;
	background-size: 30px;
}

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

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


form label.error,
form input.submit {
	position: absolute;
	min-width: 150px;
	width: auto;
	color: #ff0000;
	border: 0px solid #ff0000;
	margin: -5px 0 0 0px;
	height: 22px;
	line-height: 22px;
	text-align: left;
	font-size: 12px;
	left: 0px;
}

form input.error {
	border: 1px dotted red;
	background-color: #ffefef;
}

form select.error {
	border: 1px dotted red;
}

form textarea.error {
	border: 1px dotted red;
}

/* listStyle */
.listStyle01 > li {
	position: relative;
	color: #444;
	font-size: 12px;
	padding-left: 6px;
	line-height: 18px
}

	.listStyle01 > li:before {
		display: block;
		content: '';
		width: 1.5px;
		height: 1.5px;
		background: #444;
		position: absolute;
		top: 8px;
		left: 0;
		border-radius: 50%
	}

.listStyle02 > li {
	position: relative;
	color: #444;
	font-size: 12px;
	padding-left: 12px;
	line-height: 18px
}

	.listStyle02 > li:before {
		display: block;
		content: '';
		width: 5px;
		height: 1px;
		background: #444;
		position: absolute;
		top: 8px;
		left: 0;
		border-radius: 50%
	}

.bulStar {
	position: relative;
	font-size: 11px;
	color: #888;
	padding-left: 6px;
	line-height: 17px
}

	.bulStar:before {
		display: block;
		content: '*';
		color: #888;
		position: absolute;
		top: 2px;
		left: 0
	}

	.bulStar.txtYellow:before {
		color: #b28850
	}

.infoSureList > dt {
	position: relative;
	padding-left: 23px;
	font-size: 13px;
	color: #222;
	line-height: 18px;
	margin-bottom: 10px
}

	.infoSureList > dt:before {
		display: block;
		content: '';
		width: 18px;
		height: 18px;
		background: url(/Res/U/M/BABY/img/common/ico_mark.png) no-repeat;
		background-size: 18px;
		position: absolute;
		top: 0;
		left: 0
	}

.infoSureList.solo {
	position: relative;
	padding-left: 23px;
	font-size: 13px;
	color: #222;
	line-height: 18px;
	margin-top: 10px
}

	.infoSureList.solo:before {
		display: block;
		content: '';
		width: 18px;
		height: 18px;
		background: url(/Res/U/M/BABY/img/common/ico_mark.png) no-repeat;
		background-size: 18px;
		position: absolute;
		top: 0;
		left: 0
	}

.infoSureList.check > dt {
	display: inline-block;
	background: #8f7564;
	border-radius: 15px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	padding: 0 15px;
	font-size: 12px;
}

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

.infoSureList.notice {
	padding: 15px;
	background: #f8f4e9;
}

	.infoSureList.notice > dt {
		position: relative;
		padding-left: 20px;
		font-size: 13px;
		color: #c38e55;
		line-height: 18px;
		margin-bottom: 0px
	}

		.infoSureList.notice > dt a {
			color: #c38e55;
			display: block;
		}

		.infoSureList.notice > dt:before {
			display: block;
			content: '';
			width: 15px;
			height: 15px;
			background: url(/Res/U/M/BABY/img/common/ico_noti.png) no-repeat;
			background-size: 15px;
			position: absolute;
			top: 1px;
			left: 0
		}

.tabs .temp {
	position: relative;
	padding-left: 23px;
	font-size: 15px;
	color: #222;
	line-height: 18px;
	margin-top: 10px;
	float: right;
}

.headDetail .share-prod {
	top: 8px;
	right: 20px;
	position: absolute;
}

	.headDetail .share-prod .share-info {
		float: right;
		width: 25px;
	}

.layerPop {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
	overflow: auto;
}

	.layerPop .layerContArea {
		background: #fff;
		position: absolute;
		width: 90%;
		margin: 0 auto;
		top: 50%;
		left: 0;
		right: 0;
	}

		.layerPop .layerContArea .layerCont {
			padding: 15px;
			background: #fff;
		}

		.layerPop .layerContArea .pTit {
			font-size: 16px;
			color: #222;
			text-align: center;
			position: relative;
			border-bottom: 1px solid #e5e5e5;
			padding: 15px 0;
			font-family: 'AritaBuri';
			font-weight: 700;
			line-height: 1
		}

		.layerPop .layerContArea .btnLayerClose {
			position: absolute;
			top: 15px;
			right: 15px;
			display: block;
			width: 14px;
			height: 14px;
			background: url(/Res/U/M/BONMALL/img/common/btn_gnb_close.png) no-repeat center center;
			background-size: 14px;
			text-indent: -9999px;
		}

	.layerPop.reviewProvision .layerCont {
		padding-bottom: 30px
	}

	.layerPop .layerCont .psTit {
		font-size: 13px;
		color: #222;
		font-weight: 350
	}

	.layerPop.reviewProvision .layerCont li {
		font-size: 12px;
		line-height: 19px;
		margin-top: 10px
	}

		.layerPop.reviewProvision .layerCont li li {
			margin-top: 0
		}

	.layerPop.snsPop .layerContArea {
		width: 281px
	}

	.layerPop.snsPop .layerCont {
		padding: 25px 0 30px;
		text-align: center;
	}

		.layerPop.snsPop .layerCont a {
			display: inline-block;
			width: 60px;
			height: 50px;
			margin: 0 10px;
			font-size: 12px;
			color: #333
		}

			.layerPop.snsPop .layerCont a:before {
				display: block;
				content: "";
				width: 50px;
				height: 50px;
				margin: 10px auto 5px;
			}

			.layerPop.snsPop .layerCont a.btn_Url:before {
				background: url(/Res/U/M/BABY/img/common/ico_url.png) no-repeat center center;
				background-size: 50px;
			}

			.layerPop.snsPop .layerCont a.btn_Sms:before {
				background: url(/Res/U/M/BABY/img/common/ico_sms.png) no-repeat center center;
				background-size: 50px;
			}

			.layerPop.snsPop .layerCont a.btn_Kakao:before {
				background: url(/Res/U/M/BABY/img/common/ico_kakao.png) no-repeat center center;
				background-size: 50px;
			}

			.layerPop.snsPop .layerCont a.btn_Twitter:before {
				background: url(/Res/U/M/BABY/img/common/ico_twitter.png) no-repeat center center;
				background-size: 50px;
			}

			.layerPop.snsPop .layerCont a.btn_Facebook:before {
				background: url(/Res/U/M/BABY/img/common/ico_faceBook.png) no-repeat center center;
				background-size: 50px;
			}

	.layerPop.fullPop {
		box-sizing: border-box;
	}

		.layerPop.fullPop .layerContArea {
			bottom: 0;
			display: -moz-box;
			disselect-periodplay: -webkit-box;
			display: box;
			-moz-box-orient: vertical;
			-webkit-box-orient: vertical;
			box-orient: vertical;
			box-sizing: border-box;
			height: 100%;
		}

			.layerPop.fullPop .layerContArea .pTit {
				display: block;
				box-flex: 0;
				-webkit-box-flex: 0;
				-moz-box-flex: 0;
				box-sizing: border-box;
			}

			.layerPop.fullPop .layerContArea .layerCont {
				display: block;
				box-flex: 1;
				-webkit-box-flex: 1;
				-moz-box-flex: 1;
				box-sizing: border-box;
				overflow-y: auto;
			}

			.layerPop.fullPop .layerContArea .btnArea {
				padding: 0 15px 30px 15px;
				display: block;
				box-flex: 0;
				-webkit-box-flex: 0;
				-moz-box-flex: 0;
				box-sizing: border-box;
			}

	.layerPop.userLeave {
	}

		.layerPop.userLeave .layerContArea .layerCont {
			width: 100%;
			height: 100%;
			overflow: hidden;
			box-sizing: border-box;
		}

		.layerPop.userLeave .layerContArea .btnArea {
			padding: 0 15px 0 15px;
			display: block;
			box-flex: 0;
			-webkit-box-flex: 0;
			-moz-box-flex: 0;
			box-sizing: border-box;
		}

		.layerPop.userLeave .inner {
			display: table;
			height: 100%;
			width: 100%;
			vertical-align: middle;
			box-sizing: border-box;
			padding: 0 0 15px 0;
		}

			.layerPop.userLeave .inner .cell {
				display: table-cell;
				vertical-align: middle;
				box-sizing: border-box;
				text-align: center;
			}

			.layerPop.userLeave .inner .txtBox {
				position: relative;
				padding: 100px 15px 0 15px;
			}

				.layerPop.userLeave .inner .txtBox:before {
					position: absolute;
					left: 50%;
					margin-left: -35px;
					top: 0;
					display: block;
					content: "";
					width: 70px;
					height: 70px;
					background: url(/Res/U/M/BONMALL/img/mypage/bg_leave.png) no-repeat center top;
					background-size: 70px 70px;
					-webkit-box-shadow: 6px 5px 5px 0px rgba(0,0,0,0.3);
					-moz-box-shadow: 6px 5px 5px 0px rgba(0,0,0,0.3);
					box-shadow: 6px 5px 5px 0px rgba(0,0,0,0.3);
					border-radius: 50%;
				}

	.layerPop .txtBox p.txt:first-of-type {
		margin-top: 0;
	}

	.layerPop .txtBox p.txt {
		margin-top: 20px;
		font-size: 13px;
		color: #222;
		letter-spacing: -1px;
	}

		.layerPop .txtBox p.txt em {
			font-size: 13px;
			color: #af2139;
			letter-spacing: -1px;
		}

	.layerPop.prodViewPop .layerContArea {
		width: 280px;
		text-align: center;
	}

	.layerPop.cartPop .layerContArea {
		width: 280px;
		text-align: center;
	}

		.layerPop.cartPop .layerContArea .txtBox {
			padding-top: 15px;
		}


/* Button Check Type */
.chkSelBox {
	display: table;
	width: 100%;
	text-align: center;
	margin-top: 20px
}

	.chkSelBox li {
		display: table-cell;
		vertical-align: middle;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		font-size: 14px;
		color: #666;
		height: 40px;
		line-height: 38px;
		background: #fff;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		text-align: center;
	}

		.chkSelBox li a {
			display: block;
		}

		.chkSelBox li:first-child {
			border-left: 1px solid #e5e5e5;
		}

		.chkSelBox li.on {
			border: 1px solid #c26161 !important;
			color: #730000;
			font-weight: 700;
		}

			.chkSelBox li.on a {
				color: #730000;
				font-weight: 700
			}

	.chkSelBox:first-child {
		margin-top: 0
	}

	.chkSelBox span {
		display: table-cell;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	}

	.chkSelBox .chkBtn {
		display: none
	}

		.chkSelBox .chkBtn + label {
			display: block;
			width: 100%;
			font-size: 13px;
			color: #666;
			height: 40px;
			line-height: 38px;
			background: #fff;
			border: 1px solid #e5e5e5;
			border-right: none;
			text-align: center;
		}

	.chkSelBox span:last-child .chkBtn + label {
		border-right: 1px solid #e5e5e5
	}

	.chkSelBox .chkBtn:checked + label {
		position: relative;
		background: #b7a17c;
		border: 1px solid #b7a17c !important;
		color: #fff
	}


	.chkSelBox.space > span {
		margin-left: 9px
	}

		.chkSelBox.space > span:first-child {
			margin-left: 0
		}

	.chkSelBox.space .chkBtn + label {
		border-right: 1px solid #e5e5e5
	}

	.chkSelBox.list {
		display: block
	}

		.chkSelBox.list > span {
			display: inline-block;
			width: calc(33.33% - 6px);
			margin-bottom: 9px
		}

			.chkSelBox.list > span:nth-child(3n-2) {
				margin-left: 0
			}

.dc-coupon-box {
	margin-top: 10px;
}

/*	.dc-coupon-box .flex-wrap {
		display: flex;
		flex-direction: column;
		gap: 5px;
		border: 1px solid transparent;
		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-radius: 8px;
		position: relative;
	}

		.dc-coupon-box .flex-wrap::before {
			content: '';
			display: block;
			background: url('/Res/U/M/BABY/img/mypage/ico_tooltip_before.svg') no-repeat center / contain;
			width: 10px;
			height: 10px;
			position: absolute;
			top: -6px;
			left: 41px;
			overflow: hidden;
		}*/

	.dc-coupon-box.default .flex-wrap {
		display: flex;
		flex-direction: column;
		gap: 5px;
		background-color: #EAF0FF;
		border: 1px solid #D8DFEF;
		border-radius: 8px;
		position: relative;
	}

		.dc-coupon-box.default .flex-wrap::before {
			content: '';
			display: block;
			background: url('/Res/U/M/BABY/img/mypage/ico_tooltip_default_before.svg') no-repeat center / contain;
			width: 10px;
			height: 10px;
			position: absolute;
			top: -6px;
			left: 41px;
			overflow: hidden;
		}

		.dc-coupon-box .flex-wrap .top {
			padding: 8px 12px;
			background-color: #F7F7F7;
			border-radius: 8px 8px 0 0;
			margin: 0 1px;
		}

			.dc-coupon-box .flex-wrap .top p {
				font-size: 13px;
				font-weight: 500;
				color: #333;
			}

				.dc-coupon-box .flex-wrap .top p strong {
					color: #911027;
				}

		.dc-coupon-box .flex-wrap .body {
			padding: 10px 12px;
		}

		.dc-coupon-box .flex-wrap .box {
			display: flex;
			justify-content: space-between;			
			padding: 10px;
		}

		.dc-coupon-box .flex-wrap .lf-box .total-desc {
			font-size: 14px;
			font-weight: 500;
			color: #333;
			line-height: 21px;
		}

			.dc-coupon-box .flex-wrap .lf-box .total-desc span {
				font-size: 14px;
			}

			.dc-coupon-box .flex-wrap .lf-box .total-desc::before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				margin-right: 4px;
				margin-top: -2px;
				background: url('/Res/U/M/BABY/img/mypage/ico_percent.svg') no-repeat center / contain;
				width: 18px;
				height: 18px;
			}

		.dc-coupon-box .flex-wrap .lf-box .dc-total-desc {
			font-size: 14px;
			font-weight: 500;
			line-height: 21px;
			color: #333;
			padding-left: 32px;
			display: flex;
			gap: 4px;
		}

			.dc-coupon-box .flex-wrap .lf-box .dc-total-desc::before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 9px;
				height: 17px;
				background: url('/Res/U/M/BABY/img/mypage/ico_dc_obj.svg') no-repeat center / contain;
			}

			.dc-coupon-box .flex-wrap .lf-box .dc-total-desc i {
				display: inline-block;
				vertical-align: middle;
				background: url('/Res/U/M/BABY/img/mypage/ico_dc_coupon.svg') no-repeat center / contain;
				width: 50px;
				height: 20px;
			}

		.dc-coupon-box .flex-wrap .rt-box {
			text-align: right;
		}

			.dc-coupon-box .flex-wrap .rt-box .total {
				font-size: 12px;
				font-weight: 400;
				color: #333;
			}

				.dc-coupon-box .flex-wrap .rt-box .total strong {
					font-size: 14px;
					font-weight: 500;
					color: #333;
				}

			.dc-coupon-box .flex-wrap .rt-box .dc-total {
				font-size: 12px;
				font-weight: 400;
				color: #333;
			}

				.dc-coupon-box .flex-wrap .rt-box .dc-total strong {
					font-size: 14px;
					font-weight: 500;
					color: #3443CD;
					line-height: 21px;
				}

	.dc-coupon-box .bottom-box {
		padding: 10px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.dc-coupon-box .bottom-box h2 {
			font-size: 14px;
			font-weight: 500;
			color: #333;
			background: url('/Res/U/M/BABY/img/mypage/coupon_discount.svg') no-repeat 0px center;
			background-size: 38px;
			padding-left: 45px;
			line-height: 1.4;
		}

			.dc-coupon-box .bottom-box h2 p {
				font-weight: 700;
				color: #333;
			}

			.dc-coupon-box .bottom-box h2 strong {
				color: #5361E7;
			}

			.dc-coupon-box .bottom-box h2 span {
				font-size: 12px;
			}

/* 상품 셀렉트 박스 */
.prodSelect {
	width: 80%;
	margin: auto;
}

	.prodSelect .selectDep {
		width: 100%;
		text-align: left;
	}

		.prodSelect .selectDep .selectWrap .selectBox {
			font-size: 16px;
			font-weight: 600;
			text-align: center;
			line-height: 40px;
			border: none;
		}

		.prodSelect .selectDep .selectWrap:after {
			background-image: url(/Res/U/M/DEF/img/common/arr_select_filter.png);
			background-size: 6px;
			width: 6px;
			height: 5px;
		}

	.prodSelect .prodCtgr {
		width: 80%;
		background-color: #fff;
		border-top: none;
		padding: 10px;
		position: absolute;
		z-index: 100;
	}

		.prodSelect .prodCtgr > table {
			width: 100%;
			text-align: center;
			border: 1px solid #e5e5e5;
			border-bottom: none;
		}

			.prodSelect .prodCtgr > table th {
				width: 50%;
				height: 34px;
				background-color: #f8f4e9;
				font-size: 13px;
				color: #222;
				border-style: solid;
				border-color: #ddd;
				border-width: 0 1px 1px 0;
			}

				.prodSelect .prodCtgr > table th:last-child {
					border-right: none;
				}

			.prodSelect .prodCtgr > table td {
				width: 50%;
				height: 34px;
				vertical-align: middle;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
			}

				.prodSelect .prodCtgr > table td:last-child {
					border-right: none;
				}

				.prodSelect .prodCtgr > table td a {
					display: block;
					width: 100%;
					height: 100%;
					line-height: 34px;
					font-size: 12px;
					font-family: 'NotoKR-Medium',sans-serif;
					color: #222;
					text-align: left;
					text-indent: 20px;
				}

			.prodSelect .prodCtgr > table th .ellipsisTxt2 {
				width: 100%;
				height: 100%;
				line-height: 34px;
			}

/* 상품 필터 */
.prodFilter {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	padding: 13px 15px;
}

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

	.prodFilter .count {
		float: left;
		font-size: 0;
		line-height: 1;
		width: 45%
	}

		.prodFilter .count dt {
			display: inline-block;
			font-size: 13px;
			color: #666
		}

		.prodFilter .count dd {
			display: inline-block;
			font-size: 13px;
			color: #666;
			margin-left: 1.5px
		}

			.prodFilter .count dd .num {
				font-family: 'Roboto-Medium';
			}

	.prodFilter .dateText {
		text-align: center;
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 600;
		color: #222;
	}

	.prodFilter .filterOption {
		float: right;
		margin: -13px -7px;
		width: 50%;
		padding-right: 45px;
		text-align: right
	}

		.prodFilter .filterOption .selectWrap {
		}

			.prodFilter .filterOption .selectWrap:after {
				background-image: url(/Res/U/M/DEF/img/common/arr_select_filter.png);
				background-size: 6px;
				width: 6px;
				height: 5px;
			}

			.prodFilter .filterOption .selectWrap .selectBox {
				border: none;
				direction: rtl;
				padding-right: 32px;
				padding-left: 7px;
			}

		.prodFilter .filterOption .btnListView {
			display: block;
			text-align: left;
			text-indent: -999em;
			width: 45px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			border-left: 1px solid #e6e6e6;
			background-repeat: no-repeat;
			background-position: 50%;
		}

			.prodFilter .filterOption .btnListView.horizontal {
				background-image: url(/Res/U/M/DEF/img/common/btn_list_view_type01.png);
				background-size: 14px
			}

			.prodFilter .filterOption .btnListView.vertical01 {
				background-image: url(/Res/U/M/DEF/img/common/btn_list_view_type02.png);
				background-size: 12px
			}

			.prodFilter .filterOption .btnListView.vertical02 {
				background-image: url(/Res/U/M/DEF/img/common/btn_list_view_type03.png);
				background-size: 12px
			}

			.prodFilter .filterOption .btnListView.calendar {
				background-image: url(/Res/U/M/DEF/img/common/btn_Calendar.png);
				background-size: 18px;
				border: none;
			}

	.prodFilter .selectDep {
		float: left;
		margin: -13px -15px;
		width: 50%;
		text-align: left
	}

		.prodFilter .selectDep .selectWrap {
		}

			.prodFilter .selectDep .selectWrap:after {
				background-image: url(/Res/U/M/DEF/img/common/arr_select_filter.png);
				background-size: 6px;
				width: 6px;
				height: 5px;
			}

			.prodFilter .selectDep .selectWrap .selectBox {
				border: none;
				direction: ltr;
				padding-right: 32px
			}

		.prodFilter .selectDep .btnListView {
			display: block;
			text-align: left;
			text-indent: -999em;
			width: 45px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			border-left: 1px solid #e6e6e6;
			background-repeat: no-repeat;
			background-position: 50%;
		}

			.prodFilter .selectDep .btnListView.horizontal {
				background-image: url(/Res/U/M/DEF/img/common/btn_list_view_type01.png);
				background-size: 14px
			}

			.prodFilter .selectDep .btnListView.vertical01 {
				background-image: url(/Res/U/M/DEF/img/common/btn_list_view_type02.png);
				background-size: 12px
			}

			.prodFilter .selectDep .btnListView.vertical02 {
				background-image: url(/Res/U/M/DEF/img/common/btn_list_view_type03.png);
				background-size: 12px
			}


/* 상품 팝업 상세 */
.orderDetail .infoDetail {
	padding: 0 !important;
}

	.orderDetail .infoDetail.detailTop {
		display: inline-block;
		margin-left: 5px;
	}

	.orderDetail .infoDetail h3 {
		font-size: 18px;
		font-family: 'NotoKR-Medium';
		color: #222;
		margin-bottom: 13px
	}

	.orderDetail .infoDetail h4 {
		font-size: 14px;
		font-family: 'NotoKR-Medium';
		color: #222;
		margin: 20px 0 10px 0
	}

	.orderDetail .infoDetail .paragraph {
		font-size: 12px;
		line-height: 20px
	}

	.orderDetail .infoDetail .icoInfo {
		margin: 15px 0 30px 0;
		font-size: 0
	}

		.orderDetail .infoDetail .icoInfo span {
			position: relative;
			display: inline-block;
			padding-left: 30px;
			font-size: 13px;
			color: #b28850;
			margin-right: 20px
		}

			.orderDetail .infoDetail .icoInfo span:last-child {
				margin-right: 0
			}

			.orderDetail .infoDetail .icoInfo span:before {
				display: block;
				content: '';
				width: 20px;
				height: 20px;
				background-repeat: no-repeat;
				background-size: 20px;
				background-position: 0 0;
				position: absolute;
				top: -2px;
				left: 0
			}

			.orderDetail .infoDetail .icoInfo span.ico_year:before {
				background-image: url(/Res/U/M/BABY/img/common/ico_year.png)
			}

			.orderDetail .infoDetail .icoInfo span.ico_amount:before {
				background-image: url(/Res/U/M/BABY/img/common/ico_amount.png)
			}

	.orderDetail .infoDetail .txtBox {
		border-top: 1px solid #222;
		padding-top: 10px
	}

	.orderDetail .infoDetail .tblNutr {
		border-top: 1px solid #222
	}

		.orderDetail .infoDetail .tblNutr table td {
			text-align: center;
			border-bottom: 1px solid #e5e5e5;
			padding: 12px 0
		}

		.orderDetail .infoDetail .tblNutr table .tit {
			display: block;
			font-size: 12px;
			color: #555;
			margin-bottom: 7px
		}

		.orderDetail .infoDetail .tblNutr table .val {
			font-family: 'Roboto-Regular';
			color: #222
		}

	.orderDetail .infoDetail .tblAllergy {
		border-top: 1px solid #222
	}

		.orderDetail .infoDetail .tblAllergy table td {
			text-align: center;
			border-left: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			padding: 15px 0 10px 0
		}

			.orderDetail .infoDetail .tblAllergy table td:first-child {
				border-left: none
			}

		.orderDetail .infoDetail .tblAllergy table .ico {
			position: relative;
			padding-top: 24px;
			font-size: 11px;
			color: #999;
			background-repeat: no-repeat;
			background-position: 50% 0;
		}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy01 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller01.png);
				background-size: 12px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy02 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller02.png);
				background-size: 10px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy03 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller03.png);
				background-size: 9px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy04 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller04.png);
				background-size: 16px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy05 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller05.png);
				background-size: 16px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy06 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller06.png);
				background-size: 16px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy07 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller07.png);
				background-size: 15px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy08 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller08.png);
				background-size: 19px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy09 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller09.png);
				background-size: 12px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy10 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller10.png);
				background-size: 17px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy11 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller11.png);
				background-size: 17px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy12 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller12.png);
				background-size: 16px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy13 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller13.png);
				background-size: 20px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy14 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller13.png);
				background-size: 20px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy15 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller13.png);
				background-size: 20px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy16 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller14.png);
				background-size: 15px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy17 {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller15.png);
				background-size: 17px
			}

			.orderDetail .infoDetail .tblAllergy table .ico.on {
				color: #b28850
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy01.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller01_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy02.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller02_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy03.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller03_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy04.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller04_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy05.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller05_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy06.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller06_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy07.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller07_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy08.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller08_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy09.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller09_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy10.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller10_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy11.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller11_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy12.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller12_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy13.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller13_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy14.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller13_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy15.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller13_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy16.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller14_on.png);
			}

			.orderDetail .infoDetail .tblAllergy table .ico.allergy17.on {
				background-image: url(/Res/U/M/BABY/img/common/ico_aller15_on.png);
			}

.orderDetail .etcDetail .tabGroup .tabContent {
	padding-bottom: 0
}


/* StartPoint */
.starPoint {
	display: inline-block;
	width: 87px;
	height: 15px;
	background: url(/Res/U/M/BABY/img/common/ico_star.png) no-repeat;
	background-size: 150px;
}

	.starPoint .star {
		display: block;
		text-indent: -999em;
		width: 100%;
		height: 100%;
		background: url(/Res/U/M/BABY/img/common/ico_star.png) no-repeat;
		background-size: 150px;
		background-position: 0 -15px;
	}

.starRateSelect {
	position: relative
}

	.starRateSelect a {
		display: inline-block;
		text-indent: -999em;
		width: 18px;
		height: 18px;
		background: url(/Res/U/M/BABY/img/common/ico_star_rate.png) no-repeat;
		background-size: 18px;
		margin-right: 4px
	}

		.starRateSelect a:last-child {
			margin-right: 0
		}

		.starRateSelect a.on {
			background-image: url(/Res/U/M/BABY/img/common/ico_star_rate_on.png)
		}

/* box Layout */
.boxShow {
	padding: 15px;
	background: #fff;
	border-top: 8px solid #f7f7f5;
}

	.boxShow:first-child {
		border-top: none
	}

	.boxShow:last-child {
		padding-bottom: 30px
	}

	.boxShow.first {
		border-top: none !important;
	}

	.boxShow.last {
		padding-bottom: 30px !important
	}

	.boxShow.gray {
		background: #f7f7f5
	}

	.boxShow.spaceNo {
		padding: 0
	}

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

	.boxShow.popStyle {
		position: relative;
		padding-top: 0; /* border-top:1px solid #222; */
		margin-top: -1px
	}

	.boxShow > .inner {
		padding: 15px
	}

	.boxShow .subTit02 {
		position: relative;
		padding: 15px;
		border-bottom: 1px solid #f7f7f5;
	}

	.boxShow .subTit03 {
		position: relative;
		padding: 15px;
		border-bottom: 1px solid #e5e5e5;
	}

.boxGray {
	background: #f7f7f5;
	text-align: center;
	padding: 30px 15px
}

	.boxGray.etc {
		padding: 10px;
	}

	.boxGray.left {
		text-align: left
	}

	.boxGray .paragraph {
		font-size: 11px;
		color: #666;
	}

	.boxGray .btns.small {
		width: 110px;
		margin: 12px auto 0 auto
	}

/* 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;
	}

/* Paging */
.paging-area {
	margin-top: 15px;
}

.paging div {
	display: block;
	height: 25px;
	line-height: 25px;
}

.paging table {
	table-layout: auto;
	width: auto;
	border: 0px solid #666;
	margin: 0 auto;
}

	.paging table tbody tr td {
		text-align: center;
	}

.paging img {
}

.paging div ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	.paging div ul li {
		float: left;
		width: 23px;
		height: 23px;
		background-color: transparent;
		cursor: pointer;
	}

		.paging div ul li.start {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_StartPage.gif');
			background-repeat: no-repeat;
		}

		.paging div ul li.start-disable {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_StartPage_Off.gif');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.end {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_EndPage.gif');
			background-repeat: no-repeat;
		}

		.paging div ul li.end-disable {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_EndPage_Off.gif');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.prev {
			margin: 0px 3px 0px 0px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_prev.png');
			background-repeat: no-repeat;
		}

		.paging div ul li.prev-disable {
			margin: 0px 3px 0px 0px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_prev.png');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.next {
			margin: 0px 3px 0px 3px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_next.png');
			background-repeat: no-repeat;
		}

		.paging div ul li.next-disable {
			margin: 0px 3px 0px 3px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_next.png');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.current-index {
			margin: 0px 1px;
			font-size: 13px;
			width: 23px;
			height: 23px;
			line-height: 23px;
			font-family: 'Roboto-Medium';
			font-weight: bold;
			color: #000;
			cursor: default;
		}

		.paging div ul li.index {
			margin: 0px 1px;
			font-size: 13px;
			font-family: 'Roboto-Medium';
			width: 23px;
			height: 23px;
			line-height: 23px;
			color: #888;
		}

.page {
	margin-top: 20px
}

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

	.page a {
		position: relative;
		display: block;
		font-size: 13px;
		color: #444;
		line-height: 1
	}

		.page a.prev {
			float: left;
			padding-left: 15px;
		}

		.page a.next {
			float: right;
			padding-right: 15px
		}

		.page a:before {
			display: block;
			content: '';
			width: 6px;
			height: 10px;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 6px;
			position: absolute;
			top: 1px
		}

		.page a.prev:before {
			background-image: url(/Res/U/M/DEF/img/common/btn_page_prev.png);
			left: 0
		}

		.page a.next:before {
			background-image: url(/Res/U/M/DEF/img/common/btn_page_next.png);
			right: 0
		}


.prodView .imgDetail {
	padding: 0;
	margin: 0;
}

	.prodView .imgDetail img {
		width: 100% !important;
		height: 100% !important;
	}


.bsList.data .th {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 29% !important;
	background: #fafafa;
	padding: 10px 15px !important;
	font-size: 12px;
	color: #222;
}

.bsList.data .td {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 71%;
	padding: 10px 15px !important;
	font-size: 11px;
	color: #444;
	line-height: 18px;
}

.bsList.inquiry > ul > li {
	padding: 0
}

.bsList.inquiry dt {
	position: relative;
}

	.bsList.inquiry dt a {
		display: block;
		padding: 15px 0
	}

	.bsList.inquiry dt .info {
		margin-top: -1px;
		min-height: 50px;
	}

		.bsList.inquiry dt .info .stit {
			font-size: 12px;
			color: #666;
			margin-bottom: 3px
		}

		.bsList.inquiry dt .info .tit {
			display: block;
			font-size: 13px;
			font-family: 'NotoKR-Regular';
			color: #222;
			margin-bottom: 5px
		}

		.bsList.inquiry dt .info .date {
			display: inline-block;
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #888;
			line-height: 1;
			padding: 0;
		}

		.bsList.inquiry dt .info .name {
			display: inline-block;
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #888;
			line-height: 1
		}

		.bsList.inquiry dt .info em {
			position: relative;
			padding-right: 6px;
			margin-right: 5px;
		}

			.bsList.inquiry dt .info em:last-child {
				padding-right: 0;
				margin-right: 0
			}

			.bsList.inquiry dt .info em:before {
				display: block;
				content: '';
				width: 1px;
				height: 1px;
				background: #888;
				border-radius: 50%;
				position: absolute;
				top: 7px;
				right: 0;
			}

			.bsList.inquiry dt .info em:last-child:before {
				display: none
			}

	.bsList.inquiry dt .state {
		position: absolute;
		top: 15px;
		right: 0;
		font-size: 12px;
		color: #888;
		line-height: 1
	}

.bsList.inquiry .complete .state {
	color: #b28850
}

.bsList.inquiry dd {
	display: none;
	padding: 15px;
	background: #fafafa;
	margin-bottom: 15px
}

	.bsList.inquiry dd .txt {
		font-size: 13px;
		color: #444;
		line-height: 19px;
		padding: 5px 10px;
	}

	.bsList.inquiry dd .answer {
		margin-top: 10px
	}

		.bsList.inquiry dd .answer .tit {
			display: inline-block;
			vertical-align: top;
			font-size: 12px;
			font-family: 'NotoKR-Regular';
			color: #fff;
			line-height: 1;
			padding: 4px 10px 3px 10px;
			background: #b28850;
			border-radius: 9px;
			margin-bottom: 5px
		}

		.bsList.inquiry dd .answer .txt img {
			width: 100% !important;
			height: 100% !important;
		}

.bsList.inquiry .on dd {
	display: block
}

/*상품 문의 List & 리뷰 List*/
.bsList.inquiry.prod dt a {
	padding-left: 75px;
	padding-right: 45px;
}

.bsList.inquiry.prod dt .Thumbnail {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 3px;
	left: 3px;
	display: flex;
	justify-content: center;
	align-content: center;
}

	.bsList.inquiry.prod dt .Thumbnail img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}

.bsList.inquiry.prod dt .thumb {
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 12px;
	color: #888;
	line-height: 1;
	width: 50px;
	height: 50px;
	text-align: center;
}

.bsList.inquiry.prod dt .prodName {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 500;
	color: #222;
	border: 1px solid #D8D8D8;
	border-radius: 22px;
	line-height: 130%;
	padding: 4px 10px;
	display: flex;
	width: fit-content;
}

.ico-review {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
	background: url('/Res/U/M/BABY/img/common/ico_review_pdname.svg') no-repeat;
	margin-left: 5px;
}

.bsList.inquiry.prod dt .best {
	border: 1px solid;
	padding: 1px 7px;
	color: #b28850;
	font-size: 13px;
	margin-right: 5px;
}

.bsList.inquiry.prod dt .tit {
	font-size: 13px;
	color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 3px 0 7px;
}

.bsList.inquiry.prod dt em {
	position: relative;
	display: inline-block;
	padding-right: 10px;
}
/*.bsList.inquiry.prod dt em:after {display:block; content:''; clear:both; width:2px ; height:2px ; background:#ccc;position:absolute; top:7px; left:-6px;}*/
.bsList.inquiry.prod dt .date {
	font-size: 12px;
	color: #888;
	padding: 0;
}

	.bsList.inquiry.prod dt .date:after {
		display: none;
	}

.bsList.inquiry.prod dt .name {
	font-size: 12px;
	color: #888;
	vertical-align: top;
}

.bsList.inquiry.prod dt .review {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

	.bsList.inquiry.prod dt .review .date {
		font-size: 11.5px;
	}

	.bsList.inquiry.prod dt .review .name {
		vertical-align: middle;
		font-size: 11.5px;
	}

	.bsList.inquiry.prod dt .review .prodName {
		display: flex;
		margin-top: 0;
		margin-left: auto;
	}

.ico-photo {
	display: inline-block;
	width: 22px;
	height: 18px;
	overflow: hidden;
	vertical-align: middle;
	background: url(/Res/U/M/BABY/img/common/icon_photo.png) no-repeat;
	text-indent: -999px;
	background-size: contain;
}


.tblData {
	border-top: 1px solid #222;
}

	.tblData.borderTopN {
		border-top: none;
	}

	.tblData.first {
		border-top: none;
	}

	.tblData > ul {
		padding-top: 5px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e5e5e5;
	}

		.tblData > ul.none {
			padding-top: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

		.tblData > ul:last-child {
			border-bottom: none;
			padding-bottom: 0
		}

		.tblData > ul.last {
			border-bottom: 1px solid #e5e5e5;
			padding-bottom: 15px
		}

		.tblData > ul > li {
			display: table;
			width: 100%;
			padding-top: 10px;
		}

			.tblData > ul > li .check {
				display: block;
				text-indent: -999em;
				width: 17px;
				height: 11px;
				background: url(/Res/U/M/DEF/img/common/ico_form_check.png) no-repeat;
				background-size: 17px;
				position: absolute;
				top: 50%;
				right: 15px;
				margin-top: -6px
			}

			.tblData > ul > li.top {
				padding-top: 0;
			}

			.tblData > ul > li.small {
				padding-left: 10px;
			}

	.tblData .th {
		position: relative;
		display: table-cell;
		vertical-align: top;
		width: 30%;
		font-size: 13px;
		color: #444;
		line-height: 18px
	}

		.tblData .th.vam {
			vertical-align: middle;
		}

	.tblData .td {
		position: relative;
		display: table-cell;
		vertical-align: top;
		width: 70%;
		font-size: 13px;
		color: #222;
		line-height: 18px
	}

	.tblData .btnType .th,
	.tblData .btnType .td {
		vertical-align: middle
	}

	.tblData .small .th {
		font-size: 12px;
		color: #888;
	}

	.tblData .small .td {
		font-size: 12px;
	}

	.tblData .th .btnHelpTip {
		margin-left: 2px
	}

	.tblData .td .number {
		font-family: 'Roboto-Medium';
		color: #222
	}

	.tblData .td.txtRed .number {
		color: #730000
	}

	.tblData .td.txtYellow .number {
		color: #b28850
	}

	.tblData .totalPrice .td {
		font-size: 14px;
	}

		.tblData .totalPrice .td .number {
			font-size: 18px;
		}

	.tblData .totalProd .td {
		font-size: 14px
	}

	.tblData .infoCard {
		position: relative;
		background: #f7f7f5;
		padding: 10px 15px
	}

		.tblData .infoCard .cardNum {
			display: block;
			font-size: 12px;
			font-family: 'NotoKR-Regular';
			color: #222;
			line-height: 23px
		}

		.tblData .infoCard .date {
			display: block;
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #888;
			line-height: 18px;
		}

		.tblData .infoCard .state {
			position: absolute;
			top: 12px;
			right: 15px;
			font-size: 12px;
			color: #222
		}

	.tblData.right .td {
		text-align: right
	}

/* TopArea */
.topArea {
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 1
}

	.topArea .prdNum {
		font-size: 0;
	}

		.topArea .prdNum dt {
			display: inline-block;
			font-size: 11px;
			color: #666
		}

		.topArea .prdNum dd {
			display: inline-block;
			font-size: 12px;
			margin: 0 10px 0 5px
		}

			.topArea .prdNum dd:last-child {
				margin-right: 0;
			}

			.topArea .prdNum dd.num {
				font-family: 'Roboto-Medium';
				color: #222;
			}

			.topArea .prdNum dd.date {
				font-family: 'Roboto-Regular';
				color: #888;
			}

	.topArea .sBtns {
		position: absolute;
		top: 7px;
		right: 15px
	}

/* OrderList */
.orderList .cart-top {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 10px;
	background: #f7f7f5;
	display: block;
	margin-top: -1px;
	min-height: 60px;
}

	.orderList .cart-top .prod-type {
		display: inline-block;
		font-weight: 500;
		text-align: left;
	}

	.orderList .cart-top .prod-dly {
		display: inline-block;
		float: right;
		text-align: right;
	}

.orderList .item {
	position: relative;
	margin-top: -1px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #fff
}

	.orderList .item:first-child {
		margin-top: 0
	}

	.orderList .item .dateLink {
		position: relative;
		display: block;
		border-top: 1px solid #222;
		padding: 15px;
		font-size: 13px;
		font-family: 'Roboto-Medium';
		color: #222;
		line-height: 1
	}

		.orderList .item .dateLink:after {
			display: block;
			content: '';
			width: 7px;
			height: 13px;
			background: url(/Res/U/M/DEF/img/common/arr_link.png) no-repeat;
			background-size: 7px;
			position: absolute;
			top: 50%;
			right: 15px;
			margin-top: -7px
		}

		.orderList .item .dateLink dt {
			display: inline-block;
			font-size: 11px;
			color: #666;
		}

		.orderList .item .dateLink dd {
			display: inline-block;
			font-size: 12px;
			margin: 0 10px 0 5px;
		}

			.orderList .item .dateLink dd.num {
				font-family: Roboto-Medium;
				color: #222;
			}

	.orderList .item .orderNum {
		position: relative;
		background: #f7f7f5;
		padding: 15px;
		border-top: 1px solid #e5e5e5;
	}

		.orderList .item .orderNum dl {
			font-size: 0;
			line-height: 1;
			display: inline-block;
		}

		.orderList .item .orderNum dt {
			display: inline-block;
			font-size: 12px;
			color: #666
		}

		.orderList .item .orderNum dd {
			display: inline-block;
			font-family: 'Roboto-Regular';
			font-size: 12px;
			color: #666;
			margin-left: 3px
		}

			.orderList .item .orderNum dd.num {
				font-family: Roboto-Medium;
				color: #222;
				margin: 0 10px 0 5px;
			}

		.orderList .item .orderNum .sBtns {
			position: absolute;
			top: 6px;
			right: 15px;
		}

	.orderList .item .orderPrd {
		position: relative;
		padding: 15px;
		border-top: 1px solid #e5e5e5
	}

		.orderList .item .orderPrd .info {
			position: relative;
			padding: 0 0px 10px 65px
		}

			.orderList .item .orderPrd .info .img {
				width: 50px;
				position: absolute;
				top: 0;
				left: 0
			}

			.orderList .item .orderPrd .info .code .tit {
				display: block;
				width: 100%;
				font-size: 13px;
				font-family: 'NotoKR-Medium';
				color: #222;
				margin-bottom: 3px
			}

				.orderList .item .orderPrd .info .code .tit span.prod-type {
					display: inline-block;
					padding-right: 3px;
					color: #911027;
				}

			.orderList .item .orderPrd .info .code .txt {
				font-size: 12px;
				color: #666;
				margin-bottom: 0px
			}

			.orderList .item .orderPrd .info .code .count {
				font-size: 0;
				margin-top: 10px;
			}

				.orderList .item .orderPrd .info .code .count span {
					position: relative;
					display: inline-block;
					font-size: 12px;
					color: #666;
					padding-left: 6px;
					margin-left: 5px;
				}

					.orderList .item .orderPrd .info .code .count span:first-child {
						padding-left: 0;
						margin-left: 0
					}

					.orderList .item .orderPrd .info .code .count span:before {
						display: block;
						content: '';
						width: 1.5px;
						height: 1.5px;
						background: #666;
						border-radius: 50%;
						position: absolute;
						top: 8px;
						left: 0
					}

					.orderList .item .orderPrd .info .code .count span:first-child:before {
						display: none
					}

					.orderList .item .orderPrd .info .code .count span em {
						font-family: 'Roboto-Medium'
					}

			.orderList .item .orderPrd .info .code .orderPrice { /*text-align:right;*/
				font-weight: 600;
				font-size: 13px;
				color: #222;
				margin-top: 5px;
			}

				.orderList .item .orderPrd .info .code .orderPrice span em {
					font-family: 'Roboto-Medium'
				}

			.orderList .item .orderPrd .info .code .dis-coupon {
				color: #911027;
			}

			.orderList .item .orderPrd .info .right {
				position: absolute;
				top: 0;
				right: 0;
				font-size: 12px;
				color: #222
			}

		.orderList .item .orderPrd .btm {
			border-top: 1px solid #f5f5f7;
			padding: 15px 0 0 0
		}

			.orderList .item .orderPrd .btm .statue {
				font-size: 0
			}

				.orderList .item .orderPrd .btm .statue dt {
					position: relative;
					display: inline-block;
					font-size: 13px;
					font-family: 'NotoKR-Medium';
					color: #911027;
					padding-right: 11px;
					margin-right: 5px
				}

					.orderList .item .orderPrd .btm .statue dt:after {
						display: block;
						content: '';
						width: 1px;
						height: 10px;
						background: #e5e5e5;
						position: absolute;
						top: 5px;
						right: 0
					}

				.orderList .item .orderPrd .btm .statue dd {
					position: relative;
					display: inline-block;
					font-size: 12px;
					color: #222;
					margin-top: 10px;
				}

			.orderList .item .orderPrd .btm.dly {
				border-top: 0px solid #f5f5f7;
				padding: 15px 0 0 0
			}

				.orderList .item .orderPrd .btm.dly .dly-statue {
				}

					.orderList .item .orderPrd .btm.dly .dly-statue dt {
						position: relative;
						display: inline-block;
						font-size: 12px;
						font-family: 'NotoKR-Medium';
						color: #222;
						padding-right: 9px;
						margin-right: 5px
					}

						.orderList .item .orderPrd .btm.dly .dly-statue dt:after {
							display: block;
							content: '';
							width: 1px;
							height: 10px;
							background: #e5e5e5;
							position: absolute;
							top: 5px;
							right: 0
						}

					.orderList .item .orderPrd .btm.dly .dly-statue dd {
						position: relative;
						display: inline-block;
						font-size: 12px;
						color: #222;
						padding-right: 9px;
						margin-right: 5px
					}

						.orderList .item .orderPrd .btm.dly .dly-statue dd:after {
							display: block;
							content: '';
							width: 1px;
							height: 10px;
							background: #e5e5e5;
							position: absolute;
							top: 5px;
							right: 0
						}

						.orderList .item .orderPrd .btm.dly .dly-statue dd:last-child:after {
							display: none;
						}

	.orderList .item .option {
		margin-top: 5px
	}

		.orderList .item .option dl {
			margin-bottom: 8px
		}

			.orderList .item .option dl:after {
				display: block;
				clear: both;
				content: ''
			}

		.orderList .item .option dt {
			float: left;
			font-size: 13px;
			color: #666
		}

		.orderList .item .option dd {
			float: right;
			font-size: 13px;
			color: #222
		}

			.orderList .item .option dd.price-sale {
				color: #911027;
			}

			.orderList .item .option dd .number {
				font-family: 'Roboto-Medium';
			}

			.orderList .item .option dd .oPrice {
				display: inline-block;
				font-size: 12px;
				color: #666;
				text-decoration: line-through;
			}

				.orderList .item .option dd .oPrice em {
					font-family: 'Roboto-Regular'
				}

			.orderList .item .option dd .cPrice {
				display: inline-block;
				font-size: 15px;
				color: #222;
				margin-left: 10px
			}

				.orderList .item .option dd .cPrice em {
					font-family: 'Roboto-Medium'
				}

			.orderList .item .option dd .sale {
				color: #8a142a;
			}

.orderList.payment .item {
	margin-top: -1px;
}

	.orderList.payment .item:first-child {
		margin-top: 0
	}

	.orderList.payment .item .orderPrd .info {
		padding-top: 8px;
		padding-left: 73px
	}

.orderList.payment .orderPrd .info .img {
	width: 55px
}

.viewArrow {
	width: 11px;
	position: absolute;
	right: 7px;
	top: 2px;
	transform: rotate(180deg);
}

.order-top {
	border: 1px solid #e4e4e4;
	background: #f8f8f8;
	width: 100%;
	padding: 5px;
	margin: 15px 0 -5px 0;
	position: relative;
}

	.order-top .prod-dly {
		position: absolute;
		top: 5px;
		right: 5px;
	}

	.order-top .DawnDelivery {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}

	.order-top .viewArrow {
		top: 11px;
	}

.orderList.write .item {
	border: none;
	border-bottom: 8px solid #f7f7f5;
	padding: 0 15px 20px 15px
}

	.orderList.write .item .orderPrd {
		padding: 15px 0 0 0
	}

	.orderList.write .item .orderDate {
		padding: 15px 0;
		line-height: 1
	}

		.orderList.write .item .orderDate dl {
			font-size: 0
		}

		.orderList.write .item .orderDate dt {
			display: inline-block;
			font-size: 13px;
			color: #666;
			margin-right: 5px
		}

		.orderList.write .item .orderDate dd {
			display: inline-block;
			font-size: 13px;
			font-family: 'Roboto-Regular';
			color: #222
		}

/* reviewList */
.reviewList {
	border-top: 1px solid #e5e5e5;
}

	.reviewList .item {
		padding: 15px;
		border-bottom: 8px solid #f7f7f5
	}

		.reviewList .item .top {
			position: relative;
			padding-bottom: 15px
		}

			.reviewList .item .top .tit {
				position: relative;
				margin-bottom: 2px;
				font-family: 'NotoKR-Medium';
				color: #222;
			}

				.reviewList .item .top .tit.photo {
					position: relative;
					padding-left: 24px;
				}

					.reviewList .item .top .tit.photo:before {
						content: '';
						display: block;
						position: absolute;
						top: 3px;
						left: 0;
						width: 14px;
						height: 11px;
						background: url("../img/common/icon_photo.png") no-repeat;
						background-size: 100%;
					}

			.reviewList .item .top .starPoint {
				margin-bottom: 6px
			}

			.reviewList .item .top .option {
				font-size: 12px;
				font-family: 'NotoKR-Medium';
				color: #666;
				line-height: 17px
			}

			.reviewList .item .top .date {
				position: absolute;
				top: 0;
				right: 0;
				font-size: 12px;
				font-family: 'Roboto-Regular';
				color: #888
			}

		.reviewList .item .cont {
			padding-top: 15px;
			border-top: 1px solid #e5e5e5;
		}

			.reviewList .item .cont .subject {
				display: block;
				font-size: 13px;
				font-family: 'NotoKR-Medium';
				color: #222;
				margin-bottom: 8px
			}

			.reviewList .item .cont .txt {
				font-size: 13px;
				color: #666;
				line-height: 18px
			}

			.reviewList .item .cont .img {
				margin: 13px 0 0 0;
				padding-right: 40px
			}

.no-result {
	padding: 50px 0 !important;
	text-align: center;
}


/* couponList */
.couponList + .btnArea {
	margin-top: 15px
}

.couponList .item {
	position: relative;
	margin-top: 10px;
	border: 1px solid #e5e5e5;
	padding: 10px 15px 0 100px
}

	.couponList .item:first-child {
		margin-top: 0
	}

	.couponList .item .img {
		position: absolute;
		font-size: 16px;
		top: 7px;
		left: 10px;
		width: 80px;
		height: 45px;
		background: url('/Res/U/M/BABY/img/mypage/coupon_100.png') no-repeat;
		color: #fff;
		font-weight: bold;
		line-height: 45px;
		text-align: center;
		background-size: contain;
	}

		.couponList .item .img.small {
			position: absolute;
			font-size: 20px;
			top: 23px;
			left: 15px;
			width: 70px;
			height: 40px;
			background: url('/Res/U/M/BABY/img/mypage/coupon_70.png') no-repeat;
			color: #fff;
			font-weight: bold;
			line-height: 40px;
			text-align: center;
		}

		.couponList .item .img em {
			font-size: 12px;
			font-weight: 400;
		}

	.couponList .item .info {
		padding: 0px;
		height: 50px;
	}

		.couponList .item .info .tit {
			display: block;
			font-size: 13px;
			font-family: 'NotoKR-Medium';
			color: #222
		}

		.couponList .item .info .txt {
			display: block;
			font-size: 12px;
			color: #666;
			margin-top: 4px
		}

		.couponList .item .info .etc {
			margin-top: 8px
		}

		.couponList .item .info .date {
			display: inline-block;
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #222
		}

		.couponList .item .info .state {
			display: inline-block;
			font-size: 12px;
			color: #b28850
		}

		.couponList .item .info .etc > span {
			position: relative;
			padding-left: 5px;
			margin-left: 4px
		}

			.couponList .item .info .etc > span:first-child {
				margin-left: 0;
				padding-left: 0
			}

			.couponList .item .info .etc > span:before {
				display: block;
				content: '';
				width: 1.5px;
				height: 1.5px;
				background: #222;
				border-radius: 50%;
				position: absolute;
				top: 8px;
				left: 0;
			}

			.couponList .item .info .etc > span:first-child:before {
				display: none
			}

	.couponList .item .downArea {
		margin-left: -100px;
		margin-right: -15px;
		border-top: 1px solid #e5e5e5;
		text-align: center
	}

		.couponList .item .downArea .btnDown {
			display: block;
			height: 40px;
			line-height: 37px;
			background: #fff
		}

			.couponList .item .downArea .btnDown:before {
				position: relative;
				top: -1px;
				display: inline-block;
				vertical-align: middle;
				content: '';
				width: 11px;
				height: 11px;
				background: url(/Res/U/M/DEF/img/common/ico_download.png) no-repeat;
				background-size: 11px;
			}

			.couponList .item .downArea .btnDown span {
				display: inline-block;
				vertical-align: middle;
				font-size: 13px;
				font-family: 'NotoKR-Medium';
				color: #665a52;
				margin-left: 8px
			}

		.couponList .item .downArea.complete .btnDown {
			background: #f7f7f5
		}

			.couponList .item .downArea.complete .btnDown span {
				color: #888
			}


/* Table List */
.tabs + .bsList {
	margin-top: 15px
}

.bsList {
	position: relative; /* border-top:1px solid #222; */
}

	.bsList > ul > li {
		position: relative;
		border-bottom: 1px solid #e5e5e5;
		padding: 15px 70px 15px 0;
		position: relative;
	}

		.bsList > ul > li .cartInDly {
			position: absolute;
			top: 5px;
			right: 5px;
		}

	.bsList .inputRadio {
		position: absolute;
		top: 14px;
		left: 0;
		padding: 0
	}

	.bsList .inputCheckbox {
		position: absolute;
		top: 14px;
		left: 6px;
		padding: 0
	}

	.bsList .btnDel {
		display: block;
		text-indent: -999em;
		width: 10px;
		height: 10px;
		position: absolute;
		top: 15px;
		right: 10px;
		background: url(/Res/U/M/DEF/img/common/btn_bslist_del.png) no-repeat;
		background-size: 10px
	}

	.bsList .btnCart {
		display: block;
		text-indent: -999em;
		width: 30px;
		height: 30px;
		background: url(/Res/U/M/DEF/img/common/btn_bslist_cart.png) no-repeat;
		background-size: 30px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -15px
	}

	.bsList .allDel {
		position: absolute;
		top: -38px;
		right: 0
	}

	.bsList .info {
		font-size: 0
	}

		.bsList .info .DawnDelivery {
			position: absolute;
			bottom: 15px;
			right: 15px;
			font-size: 13px;
		}

	.bsList .DawnDelivery {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}

	.bsList.addr > ul > li {
		padding-left: 35px;
	}

	.bsList.addr .info {
		width: 115%;
	}

		.bsList.addr .info .str {
			font-size: 14px;
			font-family: 'NotoKR-Medium';
			color: #222;
			line-height: 17px;
			margin-bottom: 10px;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.bsList.addr .info .name {
			font-size: 13px;
			color: #222;
			margin-bottom: 5px
		}

		.bsList.addr .info .address {
			font-size: 12px;
			color: #888;
			line-height: 17px;
			margin-bottom: 10px
		}

	.bsList.addr .DawnDelivery {
		position: absolute;
		bottom: 15px;
		right: 5px;
	}

	.bsList.foodplaner > ul > li {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bsList.foodplaner .info .str {
		font-size: 14px;
		font-family: 'NotoKR-Medium';
		color: #222;
		line-height: 17px;
		margin-bottom: 10px
	}

	.bsList.foodplaner .info .date {
		font-size: 13px;
		color: #222;
		margin-bottom: 5px;
		padding: 0;
	}

	.bsList.foodplaner .info .name {
		font-size: 13px;
		color: #222;
		margin-bottom: 5px;
		padding: 0;
	}

	.bsList.foodplaner .info .address {
		font-size: 12px;
		color: #888;
		line-height: 17px;
		margin-bottom: 10px
	}

	.bsList.foodplaner .info .memo {
		margin-top: -10px;
	}

	.bsList.foodplaner .info .step {
		font-size: 12px;
		color: #444;
		line-height: 17px;
	}

	.bsList.wish > ul > li {
		padding-left: 35px;
	}

	.bsList.wish .info .img {
		display: inline-block;
		vertical-align: top;
		width: 60px;
	}

	.bsList.wish .info dl {
		display: inline-block;
		vertical-align: top;
		margin-left: 15px;
		width: calc(100% - 75px);
	}

	.bsList.wish .info .name {
		font-size: 14px;
		color: #222;
	}

	.bsList.wish .info .price {
		font-size: 13px;
		color: #911027
	}

		.bsList.wish .info .price em {
			display: inline-block;
			margin-right: 3px
		}

	.bsList.cart > ul > li {
		padding-left: 35px;
		padding-right: 40px;
	}

	.bsList.cart .info .img {
		display: inline-block;
		vertical-align: top;
		width: 60px;
	}

	.bsList.cart .info dl {
		display: inline-block;
		vertical-align: top;
		margin-left: 15px;
		margin-bottom: 5px;
		width: calc(100% - 75px);
	}

	.bsList.cart .info .name {
		font-size: 14px;
		color: #222;
		margin-bottom: 5px
	}

	.bsList.cart .info .option {
		font-size: 12px;
		color: #666;
		line-height: 19px
	}

	.bsList.cart .info .priceControl {
		margin-left: 75px;
		margin-bottom: 15px;
		width: calc(100% - 75px);
		display: inline-block;
	}

		.bsList.cart .info .priceControl:after {
			display: block;
			clear: both;
			content: ''
		}

		.bsList.cart .info .priceControl .qtyNum {
			float: left
		}

	.bsList.cart .info .price {
		position: absolute;
		bottom: 5px;
		right: 5px;
		font-size: 18px;
		color: #222;
	}

		.bsList.cart .info .price em {
			font-family: 'Roboto-Medium';
			margin-right: 2px
		}

	.bsList.mileage > ul > li {
		padding-left: 70px;
		padding-right: 15px
	}

	.bsList.mileage .circleMile {
		position: absolute;
		width: 44px;
		height: 44px;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		line-height: 1.2;
		border-radius: 100px;
		text-align: center;
		word-break: break-all;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
	}

		.bsList.mileage .circleMile > span {
			display: table-cell;
			vertical-align: middle;
		}

			.bsList.mileage .circleMile > span > em {
				display: block;
				font-size: 9px;
			}

	.bsList.mileage .able .circleMile {
		border-color: #700000;
		color: #700000
	}

	.bsList.mileage .accum .circleMile {
		border-color: #b28850;
		color: #b28850
	}

	.bsList.mileage .info .num {
		font-size: 13px;
		font-family: 'Roboto-Medium';
		color: #911027;
		margin-bottom: 6px
	}

	.bsList.mileage .able .info .num {
		color: #911027
	}

	.bsList.mileage .accum .info .num {
		color: #b28850
	}

	.bsList.mileage .info .txt {
		display: block;
		font-size: 13px;
		font-family: 'NotoKR-Medium';
		color: #222;
		margin-bottom: 3px
	}

		.bsList.mileage .info .txt em {
			color: #888
		}

	.bsList.mileage .info .date {
		display: block;
		font-size: 11px;
		font-family: 'Roboto-Light';
		color: #666;
		padding: 0;
	}

	.bsList.data > ul > li {
		padding: 0;
		display: table;
		width: 100%
	}

	.bsList.data .th {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 24%;
		background: #fafafa;
		padding: 15px;
		font-size: 12px;
		color: #222;
		font-weight: 600;
	}

	.bsList.data .td {
		position: relative;
		display: table-cell;
		vertical-align: top;
		width: 76%;
		padding: 15px 5px 15px 15px;
		font-size: 11px;
		color: #444;
		line-height: 18px
	}

	.bsList.coupon > ul > li {
		padding-left: 80px;
		padding-right: 0
	}

		.bsList.coupon > ul > li .img.small {
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -17px;
			width: 70px;
			height: 40px;
			background: url('/Res/U/M/BABY/img/mypage/coupon_70.png') no-repeat;
			color: #fff;
			font-weight: bold;
			line-height: 40px;
			text-align: center;
		}

		.bsList.coupon > ul > li .img em {
			font-size: 11px;
			font-weight: 400;
		}

	.bsList.coupon .info .tit {
		display: block;
		font-size: 13px;
		font-family: 'NotoKR-Medium';
		color: #222
	}

	.bsList.coupon .info .txt {
		display: block;
		font-size: 12px;
		color: #666;
		margin-top: 4px
	}

	.bsList.coupon .info .etc {
		margin-top: 8px
	}

	.bsList.coupon .info .date {
		display: inline-block;
		font-size: 12px;
		font-family: 'Roboto-Regular';
		color: #222
	}

	.bsList.coupon .info .state {
		display: inline-block;
		font-size: 12px;
		color: #b28850
	}

	.bsList.coupon .info .txt-end {
		color: #b28850 !important
	}

	.bsList.coupon .info .txt-dis {
		color: #888 !important
	}

	.bsList.coupon .info .etc > span {
		position: relative;
		padding-left: 5px;
		margin-left: 4px
	}

		.bsList.coupon .info .etc > span:first-child {
			margin-left: 0;
			padding-left: 0;
			padding-right: 0;
		}

		.bsList.coupon .info .etc > span:before {
			display: block;
			content: '';
			width: 1.5px;
			height: 1.5px;
			background: #222;
			border-radius: 50%;
			position: absolute;
			top: 8px;
			left: 0;
		}

		.bsList.coupon .info .etc > span:first-child:before {
			display: none
		}

.popStyle .bsList.coupon > ul > li {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 67px
}

	.popStyle .bsList.coupon > ul > li .sBtns {
		position: absolute;
		top: 50%;
		right: 0;
		min-width: 50px;
		margin-top: -15px
	}

.bsList.membership > ul > li {
	padding-left: 35%;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 100px;
}

	.bsList.membership > ul > li .img {
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 0px;
		width: 30%;
		height: 100%;
		text-align: center;
		background: #f9f9f7;
		display: flex;
		justify-content: center;
		align-items: center;
	}

.bsList.membership .info {
	position: relative;
	width: 100%;
	height: 100px;
}

	.bsList.membership .info .etc {
		margin-top: 0;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding-right: 10px;
	}

		.bsList.membership .info .etc div {
			width: 100%;
			height: 25px;
			line-height: 25px;
		}

	.bsList.membership .info .date {
		display: inline-block;
		font-size: 12px;
		font-family: 'Roboto-Regular';
		color: #222;
		float: left;
		padding: 0;
	}

	.bsList.membership .info .state {
		display: inline-block;
		font-size: 12px;
		color: #b28850;
		float: right;
		padding: 0;
	}

	.bsList.membership .info .etc > span {
		position: relative;
		padding-left: 5px;
		margin-left: 4px
	}

		.bsList.membership .info .etc > span:first-child {
			margin-left: 0;
			padding-left: 0
		}

		.bsList.membership .info .etc > span:before {
			display: block;
			content: '';
			width: 1.5px;
			height: 1.5px;
			background: #222;
			border-radius: 50%;
			position: absolute;
			top: 8px;
			left: 0;
		}

		.bsList.membership .info .etc > span:first-child:before {
			display: none
		}

.bsList.notice > ul > li {
	padding: 0
}

	.bsList.notice > ul > li a {
		display: block;
		padding: 15px 0;
		display: table;
		width: 100%
	}

.bsList.notice span {
	display: table-cell;
}

	.bsList.notice span.tit {
		width: 46%;
		font-size: 13px;
		font-family: 'NotoKR-Medium';
		color: #222
	}

	.bsList.notice span.date {
		width: 15%;
		text-align: center;
		font-size: 12px;
		font-family: 'Roboto-Regular';
		color: #888;
		padding: 0;
	}

.bsList.faq > ul > li {
	padding: 0
}

.bsList.faq dt a {
	position: relative;
	display: block;
	padding: 15px 15px 15px 27px
}

	.bsList.faq dt a:before {
		display: block;
		content: 'Q';
		font-family: 'Roboto-Regular';
		font-weight: bold;
		color: #222;
		position: absolute;
		top: 16px;
		left: 0;
	}

.bsList.faq dd {
	display: none;
	padding: 15px;
	background: #fafafa;
	margin-bottom: 15px
}

	.bsList.faq dd .txt {
		font-size: 13px;
		color: #444;
		line-height: 19px;
	}

.bsList.faq > ul > li.on dd {
	display: block
}

	.bsList.faq > ul > li.on dd img {
		width: 100% !important;
		height: 100% !important;
	}

	.bsList.faq > ul > li.on dd table {
		width: 100%;
	}

.bsList.medical > ul > li {
	padding: 0
}

.bsList.medical .img {
	display: block;
	text-indent: -999em;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 15px;
	left: 0;
	background-position: 0 0;
	background-size: 35px;
	background-repeat: no-repeat
}

	.bsList.medical .img.baby {
		background-image: url(/Res/U/M/DEF/img/common/ico_medical_baby.png)
	}

	.bsList.medical .img.atopy {
		background-image: url(/Res/U/M/DEF/img/common/ico_medical_atopy.png)
	}

	.bsList.medical .img.herb {
		background-image: url(/Res/U/M/DEF/img/common/ico_medical_herb.png)
	}

.bsList.medical a {
	position: relative;
	display: block;
	padding: 15px 15px 15px 50px
}

.bsList.medical .info {
	margin-top: -1px
}

	.bsList.medical .info .stit {
		font-size: 12px;
		color: #444;
		margin-bottom: 3px
	}

	.bsList.medical .info .tit {
		display: block;
		font-size: 13px;
		font-family: 'NotoKR-Regular';
		color: #222;
		margin-bottom: 10px
	}

	.bsList.medical .info .etc {
		font-size: 0
	}

		.bsList.medical .info .etc span {
			position: relative;
			display: inline-block;
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #888;
			padding-left: 6px;
			margin-left: 5px;
		}

			.bsList.medical .info .etc span:first-child {
				padding-left: 0;
				margin-left: 0
			}

			.bsList.medical .info .etc span:before {
				display: block;
				content: '';
				width: 1px;
				height: 1px;
				background: #888;
				border-radius: 50%;
				position: absolute;
				top: 7px;
				left: 0
			}

			.bsList.medical .info .etc span:first-child:before {
				display: none
			}

.bsList.medical .state {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 12px;
	color: #888;
	line-height: 1;
	padding-left: 19px
}

	.bsList.medical .state:before {
		display: block;
		content: '';
		width: 12px;
		height: 12px;
		background: url(/Res/U/M/DEF/img/common/ico_answer_wait.png) no-repeat;
		background-size: 12px;
		position: absolute;
		top: 0;
		left: 0;
	}

.bsList.medical .complete .state {
	color: #b28850
}

	.bsList.medical .complete .state:before {
		background-image: url(/Res/U/M/DEF/img/common/ico_answer_complete.png)
	}

.ico-q {
	display: inline-block !important;
	padding: 1px 10px 0 !important;
	height: 20px !important;
	background: #911027;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	line-height: 18px !important;
	color: #fff;
	font-size: 11px;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ico-reply {
	display: inline-block !important;
	padding: 1px 10px 0 !important;
	height: 20px !important;
	background: #665a52;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	line-height: 18px !important;
	color: #fff;
	font-size: 11px;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.bsList.event > ul > li {
	display: block;
	width: 100%;
	padding: 15px 0;
}

	.bsList.event > ul > li a {
		display: block;
	}

.bsList.event p.img {
	width: 100% !important;
}

.bsList.event .info .tit {
	display: block;
	font-size: 16px;
	font-family: 'NotoKR-Medium';
	color: #222;
	padding: 15px 0 0 0;
}

.bsList.event .info .txt {
	display: block;
	font-size: 12px;
	color: #666;
	margin-top: 4px
}

.bsList.event .info .etc {
	margin-top: 8px
}

.bsList.event .info .date {
	display: inline-block;
	font-size: 12px;
	font-family: 'Roboto-Regular';
	color: #222
}

.bsList.event .info .state {
	display: inline-block;
	font-size: 12px;
	color: #b28850
}

.bsList.event .info .etc > span {
	position: relative;
	padding-left: 5px;
	margin-left: 4px
}

	.bsList.event .info .etc > span:first-child {
		margin-left: 0;
		padding-left: 0
	}

	.bsList.event .info .etc > span:before {
		display: block;
		content: '';
		width: 1.5px;
		height: 1.5px;
		background: #222;
		border-radius: 50%;
		position: absolute;
		top: 8px;
		left: 0;
	}

	.bsList.event .info .etc > span:first-child:before {
		display: none
	}

/* Tab  */
.tabGroup {
}

	.tabGroup .tab-detail {
		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;
	}

		.tabGroup .tab-detail:after {
			display: block;
			clear: both;
			content: ''
		}

		.tabGroup .tab-detail li {
			position: relative;
			display: block;
			vertical-align: middle;
			text-align: center;
			width: 100%;
			box-flex: 1;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			border-bottom: 1px solid #222;
			border-top: 1px solid #e6e6e6;
		}

			.tabGroup .tab-detail li a {
				padding-top: 10px;
				display: block;
				height: 40px;
				font-size: 14px;
				color: #888;
			}

			.tabGroup .tab-detail li.on a {
				padding-top: 9px;
				color: #222;
				font-family: 'NotoKR-Bold';
			}

			.tabGroup .tab-detail li + li {
				border-left: 1px solid #e6e6e6;
			}

			.tabGroup .tab-detail li.on {
				border-bottom: 0;
				border-top: 1px solid #222;
			}

				.tabGroup .tab-detail li.on + li, .tabGroup .tab li + li.on {
					border-left: 1px solid #222;
				}

	.tabGroup .tab-cont {
		padding: 30px 0 50px 0;
	}

.tabsGroup {
	position: relative;
}

.tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 0
}

	.tabs li {
		position: relative;
		display: table-cell;
		width: 100%;
		height: 40px;
		text-align: center;
		border: 1px solid #e6e6e6;
		border-right: none;
		background: #fff
	}

		.tabs li:last-child {
			border-right: 1px solid #e6e6e6
		}

		.tabs li a {
			position: relative;
			display: block;
			font-size: 14px;
			color: #888;
			height: 38px;
			line-height: 37px;
		}

		.tabs li.on {
			position: relative;
			z-index: 1;
			border: 1px solid #9d2235
		}

			.tabs li.on a {
				font-family: 'NotoKR-Bold';
				color: #9d2235
			}

			.tabs li.on + li {
				border-left: none
			}

	.tabs.two {
		display: block
	}

		.tabs.two li {
			display: inline-block;
			width: 50%;
			border-right: 1px solid #e6e6e6;
			margin-right: -1px;
			margin-top: -1px;
		}

			.tabs.two li.on {
				border: 1px solid #9d2235
			}

	.tabs.three {
		display: block
	}

		.tabs.three li {
			display: inline-block;
			width: 33.3%;
			border-right: 1px solid #e6e6e6;
			margin-right: -1px;
			margin-top: -1px;
		}

			.tabs.three li.on {
				border: 1px solid #9d2235
			}

			.tabs.three li a {
				text-align: center;
			}

				.tabs.three li a span {
					display: inline-block;
				}

.boardtabs {
	display: contents;
	width: 100%;
	table-layout: unset;
	font-size: 0
}

	.boardtabs li {
		position: relative;
		display: table-cell;
		width: auto;
		text-align: left;
		background: #fff;
		border: 0;
		padding: 0 10px;
	}

		.boardtabs li:first-child {
			padding-left: 0;
		}

		.boardtabs li:after {
			content: '';
			display: block;
			clear: both;
			height: 3vw;
			border-right: 1px solid #888;
			top: 15px;
			right: 0;
			position: absolute;
		}

		.boardtabs li:last-child:after {
			display: none;
		}

		.boardtabs li a {
			position: relative;
			display: block;
			font-size: 14px;
			color: #222;
			height: 38px;
			line-height: 37px;
		}

		.boardtabs li.on {
			position: relative;
			z-index: 1;
			font-weight: bold;
		}

			.boardtabs li.on a {
				font-family: 'NotoKR-Bold';
			}

			.boardtabs li.on + li {
				border-left: none
			}

		.boardtabs li a span {
			color: #9d2235;
		}

/* News List */
.newsList .item {
	margin-top: 10px
}

	.newsList .item:first-child {
		margin-top: 0
	}

	.newsList .item a {
		display: block
	}

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

		.newsList .item .info .tit {
			display: block;
			font-size: 14px;
			font-family: 'NotoKR-Regular';
			color: #444;
			margin-bottom: 4px
		}

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

/* 이벤트 List */
.tabs + .evtList {
	margin-top: 10px
}

.evtList .item {
	position: relative;
	margin-top: 10px
}

	.evtList .item:first-child {
		margin-top: 0
	}

	.evtList .item a {
		display: block
	}

	.evtList .item .thum {
		position: relative
	}

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

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

		.evtList .item .info .date {
			font-size: 12px;
			font-family: 'Roboto-Regular';
			color: #888;
			line-height: 1
		}

	.evtList .item.end .thum:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.3)
	}

	.evtList .item.end .thum:after {
		display: block;
		content: '이벤트 종료';
		text-indent: -999em;
		background: url(/Res/U/M/BABY/img/event/bg_event_end.png) no-repeat;
		background-size: 90px;
		width: 90px;
		height: 90px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto
	}


/* Product List */
.prodList.prodLine .item .thum {
	width: 100% !important;
	height: 50vw !important;
	background: #fff;
}

	.prodList.prodLine .item .thum img {
		height: auto !important;
	}

/* Paging */

.paging-area {
	margin-top: 15px;
}
/*
.paging .current,
.paging a{position:relative;display:inline-block;vertical-align:top;font-family:'Roboto-Medium';font-size:13px;color:#888;height:10px;line-height:10px;text-align:center;margin-left:15px;}
.paging .current{color:#000;}
.paging a:before{display:block;content:'';width:5px;height:10px;position:absolute;top:0px;left:0;}
.paging .btnPrev{text-indent:-999em;margin-right:0;margin-left:0;width:6px}
.paging .btnPrev:before{background:url(/Res/U/M/DEF/img/common/btn_paging_prev.png) no-repeat;background-size:5px}
.paging .btnNext{text-indent:-999em;width:5px}
.paging .btnNext:before{background:url(/Res/U/M/DEF/img/common/btn_paging_next.png) no-repeat;background-size:5px}
*/

.paging div {
	display: block;
	height: 25px;
	line-height: 25px;
}

.paging table {
	table-layout: auto;
	width: auto;
	border: 0px solid #666;
	margin: 0 auto;
}

	.paging table tbody tr td {
		text-align: center;
	}

.paging img {
}

.paging div ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	.paging div ul li {
		float: left;
		width: 23px;
		height: 23px;
		background-color: transparent;
		cursor: pointer;
	}

		.paging div ul li.start {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_StartPage.gif');
			background-repeat: no-repeat;
		}

		.paging div ul li.start-disable {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_StartPage_Off.gif');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.end {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_EndPage.gif');
			background-repeat: no-repeat;
		}

		.paging div ul li.end-disable {
			display: none !important;
			margin-right: 3px;
			background-image: url('/Res/U/M/DEF/img/common/Btn_EndPage_Off.gif');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.prev {
			margin: 0px 3px 0px 0px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_prev.png');
			background-repeat: no-repeat;
		}

		.paging div ul li.prev-disable {
			margin: 0px 3px 0px 0px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_prev.png');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.next {
			margin: 0px 3px 0px 3px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_next.png');
			background-repeat: no-repeat;
		}

		.paging div ul li.next-disable {
			margin: 0px 3px 0px 3px;
			background-size: 5px;
			background-position: center center;
			background-image: url('/Res/U/M/DEF/img/common/btn_paging_next.png');
			background-repeat: no-repeat;
			cursor: default;
		}

		.paging div ul li.current-index {
			margin: 0px 1px;
			font-size: 13px;
			width: 23px;
			height: 23px;
			line-height: 23px;
			font-family: 'Roboto-Medium';
			font-weight: bold;
			color: #000;
			cursor: default;
		}

		.paging div ul li.index {
			margin: 0px 1px;
			font-size: 13px;
			font-family: 'Roboto-Medium';
			width: 20px;
			height: 23px;
			line-height: 23px;
			color: #888;
		}

.page {
	margin-top: 20px
}

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

	.page a {
		position: relative;
		display: block;
		font-size: 13px;
		color: #444;
		line-height: 1
	}

		.page a.prev {
			float: left;
			padding-left: 15px;
		}

		.page a.next {
			float: right;
			padding-right: 15px
		}

		.page a:before {
			display: block;
			content: '';
			width: 6px;
			height: 10px;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 6px;
			position: absolute;
			top: 1px
		}

		.page a.prev:before {
			background-image: url(/Res/U/M/DEF/img/common/btn_page_prev.png);
			left: 0
		}

		.page a.next:before {
			background-image: url(/Res/U/M/DEF/img/common/btn_page_next.png);
			right: 0
		}

.layer-tit h2 {
	font-size: 20px;
	line-height: 22px;
	color: #222;
	font-weight: 600
}

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

/*layer : SNS 간편계정 통합회원 가입 안내*/
.intergration_box h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	padding-bottom: 20px;
}

	.intergration_box h3 em {
		color: #710000;
	}

.intergration_box p {
	border-top: 1px solid #222;
	padding-top: 25px;
	font-size: 13px;
	color: #222;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: -.8px;
}

/* 마이페이지 : infoMyTop */
.infoMyTop {
	padding: 10px 15px;
}

	.infoMyTop .leftGrp {
		display: inline-block;
		width: 60%;
	}

		.infoMyTop .leftGrp .tit01 {
			display: block;
			font-size: 16px;
			font-family: 'NotoKR-Medium';
			color: #022222;
			text-align: left;
		}

			.infoMyTop .leftGrp .tit01 strong {
				color: #84af2f;
			}

		.infoMyTop .leftGrp .tit02 {
			display: block;
			font-size: 13px;
			color: #666;
			text-align: center;
			margin-top: 15px
		}

		.infoMyTop .leftGrp .btnBenefit {
			height: 25px;
			line-height: 25px;
			border: none;
		}

			.infoMyTop .leftGrp .btnBenefit span {
				font-size: 12px;
				color: #222;
				text-decoration: underline;
			}

	.infoMyTop .rightGrp {
		display: inline-block;
		width: 35%;
		float: right;
	}

		.infoMyTop .rightGrp a {
			width: 100%;
			padding: 5px 10px;
			border: 1px solid #b3a593;
			color: #7b664b;
			display: inline-block;
			border-radius: 30px;
			text-align: center;
		}


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

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

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

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

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


/* 마이 페이지 정보 */
.infoMyList {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

	.infoMyList > li {
		position: relative;
		border-top: 1px solid #f7f7f5;
		padding: 10px 0;
		width: 33.3%;
		text-align: center;
	}

		.infoMyList > li.point:before {
			background-image: url(/Res/U/M/DEF/img/mypage/ico_point.png);
			background-size: 21px
		}

		.infoMyList > li.card:before {
			background-image: url(/Res/U/M/DEF/img/mypage/ico_card.png);
			background-size: 22px
		}

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

	.infoMyList .tit {
		display: block;
		font-family: 'NotoKR-Regular';
		color: #222;
		height: 18px;
		border-right: 1px solid #e5e5e5;
	}

	.infoMyList .right {
		display: block;
		float: right
	}

	.infoMyList .value {
		font-size: 13px;
		font-family: 'Roboto-Medium';
		color: #c08f54
	}

	.infoMyList .btnAdd {
		position: relative;
		top: -1px;
		vertical-align: top;
		text-align: center;
		width: 100%;
	}

	.infoMyList .infoNum {
		width: 100%;
		height: 30px;
		line-height: 30px;
		border-right: 1px solid #e5e5e5;
	}

	.infoMyList li:last-child .infoNum {
		border-right: 0;
	}

	.infoMyList li.giftCard, .infoMyList li.recomm {
		width: 50%;
	}

.infoMyOrder .stepOrder {
	background: #fff;
	text-align: center;
	padding: 15px 0
}

	.infoMyOrder .stepOrder ol {
		display: table;
		width: 100%
	}

	.infoMyOrder .stepOrder li {
		display: table-cell
	}

		.infoMyOrder .stepOrder li span {
			display: block;
			font-family: 'Roboto-Medium';
			font-size: 16px;
			color: #ccc;
			margin-bottom: 5px
		}

		.infoMyOrder .stepOrder li strong {
			display: block;
			font-family: 'NotoKR-Regular';
			font-size: 13px;
			color: #666
		}

		.infoMyOrder .stepOrder li.on span {
			color: #c28e54
		}

		.infoMyOrder .stepOrder li.on strong {
			color: #565656
		}

.infoMyOrder .statueOrder {
	text-align: right;
	padding: 13px 15px;
	font-size: 0
}

	.infoMyOrder .statueOrder dl {
		display: inline-block;
		font-size: 0;
		margin-left: 35px
	}

	.infoMyOrder .statueOrder dt {
		display: inline-block;
		font-size: 13px;
		color: #444
	}

	.infoMyOrder .statueOrder dd {
		display: inline-block;
		font-family: 'Roboto-Medium';
		font-size: 13px;
		color: #888;
		margin-left: 10px
	}

	.infoMyOrder .statueOrder .cancel dd {
		color: #222
	}


/* layer : 리뷰작성완료 */
.layer-pop.reviewDone {
	width: 100%;
}

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

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

		.layer-pop.reviewDone .layer-cont .reviewTit {
			font-size: 30px;
			color: #730000;
			margin: 15px 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: bold;
			}

		.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: 60px;
			line-height: 60px;
			font-size: 16px;
			color: #555;
			font-weight: bold;
		}

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


/*아기정보 리스트 추가&삭제*/
.btn-ico-addList {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 0;
	background: url('/Res/U/W/BABY/img/common/btn_ico_add.png') no-repeat center center;
	top: 12px;
	right: 5px;
	background-size: 16px;
}

.btn-ico-deleteList {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 0;
	background: url('/Res/U/W/BABY/img/common/btn_ico_delete.png') no-repeat center center;
	top: 12px;
	right: 5px;
	background-size: 16px;
}


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

	.stepTxt em {
		color: #c08f54;
		font-weight: bold;
	}

/*메인 하단 플로팅 배너*/
.floating-banner {
	position: fixed;
	right: 0px;
	bottom: 100px;
	z-index: 10;
	width: 33%;
}

	.floating-banner img {
		display: block;
	}

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

	.floating-banner.ozigo {
		width: auto;
		bottom: 17%;
		z-index: 20;
	}

		.floating-banner.ozigo a {
			width: 60px;
		}

/*상품리뷰 파일첨부*/
.filebox {
	text-align: center;
	width: 100%;
}

	.filebox input[type="file"] {
		position: absolute;
		width: 0;
		height: 0;
		padding: 0;
		overflow: hidden;
		border: 0;
	}

	.filebox label {
		display: inline-block;
		padding: 10px 15px;
		color: #999;
		vertical-align: middle;
		background-color: #fdfdfd;
		cursor: pointer;
		border: 1px solid #ebebeb;
		border-radius: 35px;
		font-size: 13px;
	}

/* 주소 검색 결과 페이지 */
.dlyNotece .dlyArea { /* background: url(/Res/U/M/DEF/img/common/arr_select.png) no-repeat; */
	background-size: 11px;
	background-position: right;
}

.question {
	background: url(/Res/U/M/BABY/img/common/question_circle.png) no-repeat;
	background-size: 16px;
	background-position: right;
	padding-right: 20px;
	margin-right: 5px;
}

.tooltip {
	position: relative;
	display: block;
	top: 0px;
}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 250px;
		border: solid 2px #e1e1e1;
		color: #000;
		border-radius: 6px;
		padding: 8px;
		position: absolute;
		z-index: 1;
		right: 0px;
		top: 20px;
		background: #fff;
		box-shadow: 2px 2px #e1e1e1;
	}

		.tooltip .tooltiptext li {
			list-style: disc;
			margin-left: 20px;
		}

			.tooltip .tooltiptext li:first-child {
				list-style: none;
				margin-left: 0px;
			}

	.tooltip:hover .tooltiptext {
		color: unset;
		visibility: visible;
	}


/* 대체 배송 안내 팝업 */
.noticeAlternative {
	margin-left: 10px;
	background: url(/Res/U/M/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 {
	text-align: center;
	line-height: 20px;
	padding: 20px;
}

	#layer-pop-dly .layer-cont .dly-text {
		font-size: 14px;
	}

	#layer-pop-dly .layer-cont .dly-date {
		font-size: 15px;
		font-weight: bold;
		color: #000;
	}

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

	#layer-pop-dly .layer-cont .dly-notify {
		font-size: 15px;
	}

/* 20221220 Jisoo Alert 간소화 */
#toast {
	position: fixed;
	bottom: 50%;
	left: 50%;
	padding: 3% 1.2%;
	transform: translate(-50%, 10px);
	border-radius: 7px;
	overflow: hidden;
	font-size: 14px;
	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)
	}

/*20230314 Jisoo 상단 이동 플로팅배너 : Top으로 이동*/
.btn-top {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	position: fixed;
	right: 20px;
	bottom: 70px;
	z-index: 99;
	background: #fff;
	border: 1px solid #eee;
}

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

@media {
	.btn-top {
		display: none;
	}
}


/*오인이물 2023.11.14*/
.oin-wrap {
}

	.oin-wrap .ui-cont {
	}

	.oin-wrap .top {
		text-align: center;
	}

		.oin-wrap .top .title {
			font-size: 40px;
			font-weight: 500;
			color: #000;
		}

	.oin-wrap .boxSearch {
		margin-bottom: 15px;
	}

	.oin-wrap .list-tab ul {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}

	.oin-wrap .list-tab li {
		width: 50%;
	}

		.oin-wrap .list-tab li a {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 40px;
			border: 1px solid #E6E6E6;
			background-color: #fff;
		}

		.oin-wrap .list-tab li:nth-child(2n) a {
			margin-left: -1px;
		}

		.oin-wrap .list-tab li:nth-child(3) a,
		.oin-wrap .list-tab li:nth-child(4) a {
			margin-top: -1px;
		}

		.oin-wrap .list-tab li a span {
			font-size: 14px;
			font-weight: 400;
			line-height: 21px;
			color: #888888;
			display: flex;
			align-items: center;
			gap: 4px;
		}

			.oin-wrap .list-tab li a span::before {
				content: '';
				display: block;
				width: 22px;
				height: 22px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

		.oin-wrap .list-tab li:nth-child(1) a span::before {
			background-image: url('../img/cs/ico_oin_tab01.svg');
		}

		.oin-wrap .list-tab li:nth-child(2) a span::before {
			background-image: url('../img/cs/ico_oin_tab02.svg');
		}

		.oin-wrap .list-tab li:nth-child(3) a span::before {
			background-image: url('../img/cs/ico_oin_tab03.svg');
		}

		.oin-wrap .list-tab li:nth-child(4) a span::before {
			background-image: url('../img/cs/ico_oin_tab04.svg');
		}

		.oin-wrap .list-tab li.active a::before {
			content: '';
			display: block;
			width: calc(100% - 1px);
			height: calc(100% - 1px);
			border: 1px solid #9D2235;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}

		.oin-wrap .list-tab li.active a span {
			color: #9D2235;
			font-weight: 700;
		}

		.oin-wrap .list-tab li:nth-child(1).active a span::before {
			background-image: url('../img/cs/ico_oin__on_tab01.svg');
		}

		.oin-wrap .list-tab li:nth-child(2).active a span::before {
			background-image: url('../img/cs/ico_oin__on_tab02.svg');
		}

		.oin-wrap .list-tab li:nth-child(3).active a span::before {
			background-image: url('../img/cs/ico_oin__on_tab03.svg');
		}

		.oin-wrap .list-tab li:nth-child(4).active a span::before {
			background-image: url('../img/cs/ico_oin__on_tab04.svg');
		}

	.oin-wrap .list-view {
		margin-top: 15px;
	}

		.oin-wrap .list-view ul {
			display: flex;
			gap: 5px;
			flex-wrap: wrap;
		}

			.oin-wrap .list-view ul li {
				width: calc(33.33% - 3.4px);
			}

				.oin-wrap .list-view ul li a {
					display: block;
					border: 1px solid #EBEBEB;
					background-color: #fff;
					position: relative;
					padding: 8px 8px 14px;
				}

					.oin-wrap .list-view ul li a .box {
						padding: 6px;
						background-color: #f6eeeb;
						border-radius: 100% 100% 100% 20px;
					}

					.oin-wrap .list-view ul li a .img-wrap {
						background-color: #fff;
						border-radius: 100%;
						width: 100%;
						overflow: hidden;
						position: relative;
						padding-top: 100%;
					}

					.oin-wrap .list-view ul li a img {
						max-width: 100%;
						width: 100%;
						height: 100%;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}

					.oin-wrap .list-view ul li a span {
						display: inline-block;
						max-width: calc(100% - 16px);
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						line-height: 20px;
						height: 20px;
						border-radius: 20px;
						padding: 0 10px;
						font-size: 12px;
						color: #fff;
						background-color: #d3b2a1;
						position: absolute;
						bottom: 8px;
						left: 50%;
						transform: translateX(-50%);
						box-sizing: border-box;
					}

				.oin-wrap .list-view ul li:hover a,
				.oin-wrap .list-view ul li.active a {
					border-color: #911027;
				}