.scroll-line {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	z-index: 44;
	transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	background: linear-gradient(217deg, rgba(255, 0, 0, .8), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgba(0, 255, 0, .8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, .8), rgba(0, 0, 255, 0) 70.71%);
}

.main02 {
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	border-bottom: 1px solid #000;
	margin: 36px 0px 0;
	display: block;
	box-sizing: border-box;
	transition: opacity .7s;
}

.main02.sl_line {
	opacity: 0;
}

.main02 .swiper-container-main-1 .swiper-slide a.link_move {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 44;
	position: absolute;
	top: 0;
}

.main02 .swiper-container-main-1 .swiper-slide a.link_move.show {
	display: block;
	cursor: pointer;
	z-index: 44;
}

:root {
	--content: 1.0vw;
}

#exampleSlider {
	position: relative;
}

#exampleSlider.ood {
	display: none;
}

#exampleSlider .MS-content {
	margin: 30px 0;
	overflow: hidden;
	white-space: nowrap;
}

#exampleSlider .MS-content .item {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: auto;
	vertical-align: top;
	padding: 0 10px;
}

#exampleSlider .MS-content .item a {
	font-size: var(--content);
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

#exampleSlider .MS-controls button {
	position: absolute;
	border: none;
	background: transparent;
	font-size: 30px;
	outline: 0;
	top: 35px;
}

.wheel_section {
	display: none;
}

.main03 {
	position: relative;
	display: block;
	border-top: 1px solid #000;
}

.main03 .swiper-container2 .swiper-pagination2 {
	text-align: center;
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.main03 .main_product2 {}

.main03 .main_product2>li {
	position: relative;
	margin-bottom: 0px !important;
}

.main03 .main_product2>li:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	background: #000;
}

.main03 .main_product2>li:nth-child(3n):after {
	display: none;
}

.main03 .main_product2>li .thumbnail {
	margin-bottom: 0;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
}

.main03 .main_product2>li .description {
	position: absolute;
	top: 0;
	padding: 20px;
}

.main04 {
	padding: 0px;
	color: #000;
	border-bottom: 1px solid #000;
}

.main04 .top_area {
	display: block;
	padding: 40px;
}

.main04 .bottom_area {
	display: block;
	padding: 40px;
}

.main04 .middle_area {
	display: flex;
	margin: 0 auto;
}

.main04 .left_area {
	position: relative;
	width: 66.77%;
	border-right: 1px solid #000;
	padding: 0px 0;
	text-align: center;
}

.main04 .left_area .spacer_txt {
	padding-bottom: 10px;
}

.main04 .right_area {
	width: 33.33%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.main04 .right_area img {
	width: 100%;
}

.main05 {
	padding: 100px 0;
	color: #000;
	border-bottom: 1px solid #000;
}

.main05 .left_area {
	position: relative;
	width: 66.77%;
	padding: 0px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.main05 .left_area .spacer_txt {
	padding-bottom: 10px;
}

.main05 .right_area {
	width: 33.33%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.main05 .right_area img {
	width: 100%;
}

.main05 .top_area {
	display: block;
	padding: 40px;
	line-height: 1.4;
}

.main05 .top_area h2 {
	font-size: 12px;
	margin-bottom: 20px;
	display: block;
}

.main05 .top_area p {
	font-size: 10px;
	line-height: 1.8;
}

.main05 .middle_area {
	display: flex;
	margin: 0 auto;
}

.cricle_text {}

.cricle_text svg {
	width: 30%;
}

.cricle_text textPath {
	font-size: 1vw;
	letter-spacing: 1vw
}

.cricle_text {}

.cricle_text svg {
	width: 30%;
}

.cricle_text textPath {
	font-size: 1vw;
	letter-spacing: 1vw
}

.cricle_text svg {
	left: 0;
	top: 0;
	-webkit-animation-name: rotate;
	-moz-animation-name: rotate;
	-ms-animation-name: rotate;
	-o-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-ms-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(360deg);
	}

	to {
		-webkit-transform: rotate(0);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(360deg);
	}

	to {
		-moz-transform: rotate(0);
	}
}

@-ms-keyframes rotate {
	from {
		-ms-transform: rotate(360deg);
	}

	to {
		-ms-transform: rotate(0);
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(360deg);
	}

	to {
		-o-transform: rotate(0);
	}
}

@keyframes rotate {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0);
	}
}

@media all and (max-width :1000px) {
	:root {
		--content: 3.0vw;
	}

	.main02 {}

	.wheel_section {
		display: block;
		overflow: hidden;
	}

	#main03 {
		display: none;
	}

	.main03 .main_product2 {
		border-left: 1px solid #000;
	}

	.main03 .main_product2>li:nth-child(3n):after {
		display: block;
	}

	.eocjs-newsticker .eocjs-newsticker-container {
		position: relative;
		overflow: hidden;
		height: var(--content);
		font-size: var(--content);
		letter-spacing: 0px;
	}

	.main04 .top_area {
		padding: 30px 10px;
	}

	.main04 .bottom_area {
		padding: 30px 10px;
	}

	.main04 .middle_area {
		display: block;
		border: 0;
	}

	.main04 .left_area {
		width: 100%;
		border-right: 0;
	}

	.main04 .right_area {
		width: 100%;
	}

	.main05 {
		padding: 50px 0;
	}

	.main05 .top_area {
		padding: 30px 10px;
	}

	.main05 .middle_area {
		display: block;
	}

	.main05 .left_area {
		width: 100%;
	}

	.cricle_text textPath {
		font-size: 3.5vw;
		letter-spacing: 3.9vw
	}

	.main05 .left_area .cricle_text svg {
		width: 60%;
	}

	.main05 .right_area {
		width: 100%;
		padding-top: 30px;
	}
}

.ec-base-paginate {
	text-align: center;
}

.ec-base-paginate {
	padding: 30px 0;
	font-size: 0;
	line-height: 0;
}

.ec-base-paginate ol {
	margin: 0 10px;
}

.ec-base-paginate ol,
.ec-base-paginate ol li {
	display: inline-block;
	vertical-align: middle;
}

.ec-base-paginate>a img {
	height: 27px;
}

.ec-base-paginate ol li a {
	display: inline-block;
	width: 24px;
	height: 27px;
	font-size: 12px;
	line-height: 27px;
	color: #1b1b1b;
	vertical-align: middle;
	background: #fff;
}

.ec-base-paginate ol li .this {
	font-weight: bold;
}

.ec-base-paginate [class*='btn'] {
	display: inline-block;
	overflow: hidden;
	width: 31px;
	height: 27px;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	text-indent: -150%;
	vertical-align: middle;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 5px auto;
}

.ec-base-paginate .btnPrev {
	background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png");
}

.ec-base-paginate .btnNext {
	background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png");
}

.ec-base-paginate.typeList {
	padding: 30px 0;
	font-size: 0;
	line-height: 0;
}

.ec-base-paginate.typeList ol {
	margin: 0 5px;
}

.ec-base-paginate.typeList ol,
.ec-base-paginate.typeList ol li {
	display: inline-block;
	vertical-align: middle;
}

.ec-base-paginate>a img {
	height: 27px;
}

.ec-base-paginate.typeList ol li a {
	display: inline-block;
	width: 24px;
	height: 27px;
	font-size: 12px;
	line-height: 27px;
	color: #1b1b1b;
	vertical-align: middle;
	background: #fff;
}

.ec-base-paginate.typeList ol li .this {
	font-weight: bold;
}

.ec-base-paginate.typeList [class*='btn'] {
	display: inline-block;
	overflow: hidden;
	width: 31px;
	height: 27px;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	text-indent: -150%;
	vertical-align: middle;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 5px auto;
}

.ec-base-paginate.typeList .btnPrev {
	background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png");
}

.ec-base-paginate.typeList .btnNext {
	background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png");
}

.ec-base-paginate.typeMoreview {
	margin: 0 auto;
}

.ec-base-paginate.typeMoreview .btnMore {
	display: block;
	padding: 12px 0;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #d5d5d5;
	color: #757575;
	font-weight: bold;
	background: #f5f5f5;
}

.ec-base-paginate.typeMoreview .icoMore {
	display: inline-block;
	margin: 0 0 0 8px;
	width: 13px;
	height: 8px;
	font-size: 0;
	line-height: 0;
	vertical-align: baseline;
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_more.png") no-repeat 0 50%;
	background-size: 13px auto;
}

.ec-base-paginate.typeSwipe {
	font-size: 0;
	line-height: 0;
}

.ec-base-paginate.typeSwipe button.circle {
	overflow: hidden;
	margin: 0 3px 0 4px;
	width: 13px;
	height: 13px;
	border: 0;
	border-radius: 13px;
	cursor: pointer;
	background-color: #bbb;
}

.ec-base-paginate.typeSwipe button.circle.selected {
	background-color: #4a5164;
}

.ec-base-paginate.typeSwipe span {
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	text-indent: -150%;
}

.ec-base-paginate.typeSwipe button.prev,
.ec-base-paginate.typeSwipe button.next {
	width: 31px;
	font-size: 15px;
	line-height: 1.2em;
	border: 0;
	cursor: pointer;
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%;
	background-size: 7px auto;
}

.ec-base-paginate.typeSwipe button.next {
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%;
	background-size: 7px auto;
}

.ec-base-paginate.typeSwipe .prev,
.ec-base-paginate.typeSwipe .next {
	display: none;
}

.ec-base-paginate.typeZoom .btnPrev,
.ec-base-paginate.typeZoom .btnNext {
	overflow: hidden;
	width: 31px;
	height: 27px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	text-indent: -150%;
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%;
	background-size: 7px auto;
}

.ec-base-paginate.typeZoom .btnNext {
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%;
	background-size: 7px auto;
}

.paginate.typeTotal {
	color: #696969;
}

.paginate.typeTotal>span {
	margin: 0 8px;
	font-weight: bold;
}

.paginate.typeTotal p {
	display: inline-block;
	vertical-align: middle;
}

.paginate.typeTotal .icoPrev,
.paginate.typeTotal .icoNext {
	width: 7px;
	height: 13px;
	font-size: 15px;
	line-height: 1.2em;
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%;
	background-size: 7px auto;
}

.paginate.typeTotal .icoNext {
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%;
	background-size: 7px auto;
}

.paginate.typeTotal p span {
	overflow: hidden;
	display: block;
	width: 29px;
	text-indent: -999px;
}

.paginate.typeTotal strong {
	color: #508bed;
}

.ec-base-paginate.xans-product-normalpaging {}

.ec-base-paginate.xans-product-normalpaging .first {
	font-size: 10px;
	line-height: 27px;
	height: 27px;
	padding: 0 7px;
	display: inline-block;
	vertical-align: middle;
}

.ec-base-paginate.xans-product-normalpaging .first .once {}

.ec-base-paginate.xans-product-normalpaging .first .twi {
	margin-left: -5px;
}

.ec-base-paginate.xans-product-normalpaging .first_nt {
	font-size: 9px;
	line-height: 27px;
	height: 27px;
	display: inline-block;
	vertical-align: middle;
}

.ec-base-paginate.xans-product-normalpaging .first_nt span {
	vertical-align: middle;
	line-height: 27px;
	padding: 0 2px;
}

.ec-base-paginate.xans-product-normalpaging .first i,
.ec-base-paginate.xans-product-normalpaging .first_nt i {
	line-height: 27px;
	height: 27px;
	vertical-align: middle;
}

.ec-base-paginate.xans-search-paging {}

.ec-base-paginate.xans-search-paging .first {
	font-size: 10px;
	line-height: 27px;
	height: 27px;
	padding: 0 7px;
	display: inline-block;
	vertical-align: middle;
}

.ec-base-paginate.xans-search-paging .first .once {}

.ec-base-paginate.xans-search-paging .first .twi {
	margin-left: -5px;
}

.ec-base-paginate.xans-search-paging .first_nt {
	font-size: 9px;
	line-height: 27px;
	height: 27px;
	display: inline-block;
	vertical-align: middle;
}

.ec-base-paginate.xans-search-paging .first_nt span {
	vertical-align: middle;
	line-height: 27px;
	padding: 0 2px;
}

.ec-base-paginate.xans-search-paging .first i,
.ec-base-paginate.xans-search-paging .first_nt i {
	line-height: 27px;
	height: 27px;
	vertical-align: middle;
}

.txtWarn {
	color: #000;
}

.txtEm {
	color: #000;
}

.gBlank5 {
	display: block;
	margin-top: 5px;
}

.gBlank7 {
	display: block;
	margin-top: 7px;
}

.gBlank10 {
	display: block;
	margin-top: 10px;
}

.gBlank20 {
	display: block;
	margin-top: 20px;
}

.gBlank30 {
	display: block;
	margin-top: 30px;
}

.gIndent10 {
	margin-left: 10px;
}

.gIndent20 {
	margin-left: 20px;
}

.gSpace10 {
	margin-right: 10px;
}

.gSpace20 {
	margin-right: 20px;
}

.gBreak5 {
	display: block;
	margin-bottom: 5px;
}

.gBreak7 {
	display: block;
	margin-bottom: 7px;
}

.gMerge {
	position: relative;
	z-index: 1;
	margin-top: -1px;
}

.ec-base-qty [type="text"] {
	width: 49px;
}

.ec-base-qty [type="tel"] {
	width: 49px;
	text-align: right;
}

.ec-base-qty button {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	background: transparent;
}

.ec-base-field {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.ec-base-field input[type="text"] {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ec-base-field input~[class*='btn'] {
	margin-left: 5px;
}

input,
textarea,
select {
	max-width: 100%;
	font-size: 12px;
	color: #000;
	vertical-align: middle;
	outline: 0;
	border-radius: 0;
}

input[type=text],
input[type=password],
input[type=number],
input[type=tel],
textarea {
	padding: 10px;
	font-size: 12px;
	height: 36px;
	line-height: 13px;
	font-weight: inherit;
	color: #353535;
	border: 1px solid #dedfe2;
	border-radius: 0;
	outline-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus {
	border-color: #000;
	color: #000;
}

input[type="file"] {
	overflow: hidden;
	max-width: 100%;
}

input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="image"],
textarea {
	-webkit-appearance: none;
}

select::-ms-expand {
	display: none;
}

select {
	max-width: 100%;
	height: 36px;
	margin: 0;
	padding: 0 20px 0 12px;
	border: 1px solid #dedfe2;
	border-radius: 0;
	font-size: 12px;
	line-height: 36px;
	color: #000;
	word-break: break-all;
	font-weight: inherit;
	-webkit-appearance: none;
	cursor: pointer;
	background: #fff url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_select.gif') no-repeat 100% 0;
	background-size: 20px auto;
}

select:focus {
	border-color: #000;
}

select.disabled,
select:disabled,
textarea.disabled,
textarea:disabled {
	color: #bcbcbc;
}

textarea {
	resize: none;
	line-height: 1.2em;
}

textarea.disabled {
	background-color: #ffffff;
	color: #bfbfbf;
}

input[type="radio"] {
	border: 0 !important;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 0;
	background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio.png") no-repeat 0 0;
	background-size: 20px 20px;
	-webkit-appearance: none;
}

input[type="radio"]:checked {
	background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_checked.png");
	-webkit-appearance: none;
}

input[type="radio"]:disabled {
	background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled.png");
	-webkit-appearance: none;
}

label {
	display: inline-block;
	margin: 0 7px 0 0;
	min-height: 20px;
	line-height: 20px;
	font-size: 12px;
	vertical-align: middle;
	cursor: pointer;
}

input[type=radio]+label {
	margin: 0 7px 0 4px;
}

label input[type=radio] {
	margin: 0 4px 0 0;
}

label:last-child,
input[type=radio]+label:last-child {
	margin-right: 0;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border: 0;
	-webkit-appearance: none;
	cursor: pointer;
	background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox.png') no-repeat 0 0;
	background-size: 20px auto;
}

input[type="checkbox"]:checked {
	background-image: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_checked.png');
}

input[type="checkbox"]:disabled {
	background-image: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png');
}

input[type="checkbox"]:readonly {
	background-image: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png');
}

input[type="checkbox"]:disabled+label {
	color: #abaeb5;
}

input[type="checkbox"]:readonly+label {
	color: #abaeb5;
}

input[type="checkbox"] {
	margin: 0 4px 0 0;
}

.ec-base-label {
	display: inline-block;
	margin: 0 7px 0 0;
}

.ec-base-label input[type=radio]+label,
.ec-base-label input[type=checkbox]+label {
	margin-right: 0;
}

.fList.typeHor .gLabel {
	margin-right: 20px;
}

.fList.typeVer .gLabel {
	display: block;
}

.ec-base-radio.typeCS {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: column;
}

.ec-base-radio.typeCS .ec-base-label {
	margin: 0 0 10px 0;
	border: 1px solid #b5b5b5;
	box-sizing: border-box;
	border-radius: 2px;
	position: relative;
}

.ec-base-radio.typeCS .ec-base-label label {
	position: relative;
	height: 100%;
	line-height: 20px;
	padding: 10px 10px 9px;
	box-sizing: border-box;
	font-size: 12px;
	color: #666;
	word-break: break-all;
	word-wrap: break-word;
	display: block;
	text-align: center;
	margin: 0;
}

.ec-base-radio.typeCS .ec-base-label input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
}

.ec-base-radio.typeCS .ec-base-label input:checked+label {
	border-color: #000;
	font-weight: bold;
	color: #fff;
	background: #000;
}

.ec-base-help {
	margin: 8px 4px;
	font-size: 11px;
	color: #757575;
}

p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li {
	padding: 0 0 2px 18px;
	line-height: 1.5;
	text-align: left;
	background: url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 2px;
	background-size: 14px auto;
}

.ec-base-help h3 {
	font-size: 12px;
	margin-bottom: 10px;
}

ol {
	list-style: none;
}

ol.ec-base-help {
	counter-reset: rank 0;
}

ol.ec-base-help li {
	position: relative;
	padding: 0 0 0 13px;
	background: none;
}

ol.ec-base-help li:before {
	counter-increment: rank 1;
	content: counter(rank)'.';
	position: absolute;
	top: 0;
	left: 0;
}

p.ec-base-help.typeDash,
ul.ec-base-help.typeDash li {
	position: relative;
	padding: 0 0 0 10px;
	background: none;
}

p.ec-base-help.typeDash:before,
ul.ec-base-help.typeDash li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 5px;
	height: 1px;
	background: #757575;
}

.btnNormal,
.btnStrong,
.btnBasic,
.btnSubmit,
.btnEm {
	display: inline-block;
	letter-spacing: 0;
	text-align: center;
	border-radius: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html:lang(ko) btnNormal,
html:lang(ko) btnStrong,
html:lang(ko) btnBasic,
html:lang(ko) btnSubmit,
html:lang(ko) btnEm {}

html:lang(ja) btnNormal,
html:lang(ja) btnStrong,
html:lang(ja) btnBasic,
html:lang(ja) btnSubmit,
html:lang(ja) btnEm {}

.btnNormal,
.btnStrong,
.btnBasic {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	vertical-align: middle;
	font-size: 12px;
}

.btnNormal {
	color: #1b1b1b;
	border: 1px solid #cfcfcf;
	border-bottom-color: #b5b5b5;
	background: #fff;
}

.btnStrong {
	color: #000;
	border: 1px solid #000;
	background: #fff;
}

.btnSubmit {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	font-size: 12px;
	color: #fff;
	border: 1px solid #000;
	background: #000;
}

.btnEm {
	height: 36px;
	line-height: 34px;
	padding: 0 10px;
	font-size: 12px;
	border: 1px solid #d5d5d5;
	background: #fff;
}

.btnBasic {
	color: #000;
	border: 1px solid #bcbcbc;
	background: #fff;
}

[class*="btn"].mini {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

.ec-base-button .soldout {
	cursor: default;
}

.btnIcon {
	max-width: 12px;
	max-height: 12px;
	background-size: 100% 100%;
}

.ec-base-button {
	margin: 10px auto;
	text-align: right;
}

.ec-base-button:after {
	content: "";
	display: block;
	clear: both;
}

.ec-base-button.typeMulti {
	margin: 0 auto;
	padding: 7px;
}

.ec-base-button.typeMulti .gTop:after,
.ec-base-button.typeMulti .gBottom:after {
	content: "";
	display: block;
	clear: both;
}

.ec-base-button.typeMulti .gBottom {
	margin: 7px 0 0;
	padding: 7px 0 0;
	border-top: 1px solid #d5d5d5;
	clear: both;
}

.ec-base-button.gLeft {
	text-align: left;
}

.ec-base-button.gCenter {
	text-align: center;
}

.ec-base-button.gRight {
	text-align: right;
}

.ec-base-button .gLeft {
	float: left;
	text-align: left;
}

.ec-base-button .gRight {
	float: right;
}

.ec-base-button[class*="gColumn"] {
	display: flex;
	margin: 10px 0 10px -4px;
}

.ec-base-button[class*="gColumn"]:after {
	content: none;
}

.ec-base-button[class*="gColumn"] a,
.ec-base-button[class*="gColumn"] button {
	flex: 1;
	margin: 0 0 0 4px;
	padding: 0 3px;
	white-space: nowrap;
}

.ec-base-button[class*="gColumn"] .gFlex2 {
	flex: 2;
}

.ec-base-button[class*="gColumn"] .gFlex3 {
	flex: 3;
}

.ec-base-button[class*="gColumn"] .gFlex4 {
	flex: 4;
}

.ec-base-button.gFull {
	margin-bottom: 3px;
}

.ec-base-button.gFull [class*="btn"],
[class*="btn"].gFull {
	width: 100%;
}

.ec-base-button.gFull [class*="btn"] {
	margin: 0 0 7px;
}

.ec-base-button.gFixed {
	position: fixed;
	z-index: 120;
	left: 0;
	bottom: 0;
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0 7px;
	box-sizing: border-box;
	background-color: #dbdbdb;
	-webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
	-moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
	box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
}

.ec-base-button.gFixed .state+.ec-base-button {
	margin-top: 3px;
}

.ec-base-button.gFixed .state {
	overflow: hidden;
	margin: 0 auto;
	font-size: 11px;
}

.ec-base-button.gFixed .state .count {
	float: left;
	padding: 7px 0;
}

.ec-base-button.gFixed .state .price {
	float: right;
	padding: 7px 0;
}

.ec-base-button.gFixed .price strong {
	font-weight: normal;
}

.ec-base-button.gFixed .count strong,
.ec-base-button.gFixed .price em {
	color: #000;
	font-weight: bold;
}

body .btn_blk_a {
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border: 1px solid #000;
	margin-bottom: 2px;
	transition: all .4s;
}

body .btn_wht_a {
	display: block;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	text-align: center;
	border: 1px solid #000;
	margin-bottom: 2px;
	transition: all .4s;
}

body .btn_blk_b {
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border: 1px solid #000;
	transition: all .4s;
}

body .btn_wht_b {
	display: inline-block;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	text-align: center;
	border: 1px solid #000;
	transition: all .4s;
}

[class^='btnSubmitH'],
a[class^='btnSubmitH'] {
	display: inline-block;
	box-sizing: border-box;
	padding: 2px 8px;
	border: 1px solid transparent;
	font-size: 12px;
	line-height: 40px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background-color: #000;
}

[class^='btnEmH'],
a[class^='btnEmH'] {
	display: inline-block;
	box-sizing: border-box;
	padding: 2px 8px;
	border: 1px solid transparent;
	font-size: 12px;
	line-height: 40px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	word-spacing: -0.5px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #000;
	border: 1px solid #000;
	background-color: none;
}

[class^='btnSubmitH']:hover,
a[class^='btnSubmitH']:hover {}

[class^='btnEmH']:hover,
a[class^='btnEmH']:hover {}

.ec-base-button.gFull a {
	display: block;
}

.btn_sizeS {
	line-height: 20px;
}

.btn_sizeM {
	line-height: 25px;
}

.btn_sizeL {
	line-height: 30px;
}

.btn_sizeX {
	line-height: 40px;
}

.btn_sizeWS {
	padding: 0 20px;
}

.btn_sizeWM {
	padding: 0 25px;
}

.btn_sizeWL {
	padding: 0 30px;
}

.btn_sizeWX {
	padding: 0 35px;
}

@media all and (max-width:1000px) {
	.btnSubmit {
		height: 36px;
		line-height: 34px;
		font-size: 11px;
	}

	.btnEm {
		height: 36px;
		line-height: 34px;
		font-size: 11px;
	}
}

.ec-base-box {
	padding: 14px;
	margin: 0px;
	border: 1px solid #d5d5d5;
	line-height: 1.6;
	color: #757575;
	background: #fff;
}

.ec-base-box.center {
	text-align: center;
}

.ec-base-box.typeBlank {
	border: 0px;
	padding: 0;
}

.ec-base-box.typeBlack1 {
	border: 1px solid #000;
}

.ec-base-box.typeThin h3.boxTitleLeft {
	text-align: left;
	padding-bottom: 20px;
	font-weight: normal;
	font-size: 17px;
}

#popup {
	background: transparent;
}

.popup {
	height: 100%;
}

.popup>form {
	height: 100%;
}

.layer .ec-base-layer,
.popup .ec-base-layer {
	position: relative;
}

.ec-base-layer {
	position: fixed;
	z-index: 300;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-width: 320px;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	background: #fff;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.ec-base-layer h1 {
	width: 100%;
	height: 36px;
	text-align: center;
	font-size: 13px;
	line-height: 36px;
	color: #000;
	box-sizing: border-box;
	background: #fff;
}

.ec-base-layer .wrap {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	padding: 14px;
	font-size: 12px;
	overflow-x: auto;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

.ec-base-layer .btnClose {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 510;
	width: 36px;
	height: 36px;
	border: 0;
	padding: 0;
	font-size: 0;
	text-indent: -150%;
	background: url("/web/upload/addbase/btn_close_b.png") center center no-repeat;
	background-size: 14px 14px;
}

.ec-base-layer[class*="theme1"] .wrap {
	background: #fff;
}

.ec-base-layer.gClearFlex {
	display: block;
	padding: 0 0 94px;
	box-sizing: border-box;
}

.ec-base-layer.gClearFlex .wrap {
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	flex: none;
	height: auto;
}

.ec-base-layer.typeModal {
	overflow: hidden;
	z-index: 500;
	top: 50px;
	bottom: auto;
	left: 0;
	right: 0;
	min-width: 280px;
	max-width: 600px;
	width: 92%;
	height: auto;
	margin: auto;
	border-radius: 0px;
	border: 1px solid #000;
}

.ec-base-layer.typeModal h1 {
	padding: 10px 14px;
	line-height: 35px;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	color: #000;
	background: #fff;
	border-radius: 5px 5px 0 0;
}

.ec-base-layer.typeModal .wrap {
	height: auto;
	max-height: 300px;
	min-height: 100px;
	padding: 14px;
	background: #fff;
}

.ec-base-layer.typeModal .btnClose {
	background: url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png") center center no-repeat;
	background-size: 14px 14px;
}

.ec-base-layer.typeWide {
	background: #e3e4e7;
}

.ec-base-layer.typeWide h1 {
	height: 56px;
	padding: 0 42px;
	line-height: 56px;
	font-size: 20px;
	font-weight: normal;
	box-sizing: border-box;
}

.ec-base-layer.typeWide .wrap {
	padding: 0;
	font-size: 16px;
	line-height: 1.4em;
	letter-spacing: -0.4px;
}

.ec-base-layer.typeWide .btnClose {
	top: 10px;
	right: 10px;
	background-image: url("//img.echosting.cafe24.com/skin/mobile/order/btn_close.png");
	background-size: 21px 21px;
}

.ec-base-layer.typeWide>.ec-base-button.gFull {
	padding: 15px 14px 8px;
}

.ec-base-layer .wrap+div>.ec-base-button,
.ec-base-layer .wrap+.ec-base-button,
.ec-base-layer>.ec-base-button {
	margin: 0;
	padding: 7px 14px 7px 10px;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
}

.ec-base-layer .ec-base-button.gFull {
	padding: 7px 14px 0;
}

.ec-base-layer .ec-base-button.gFixed .ec-base-button {
	padding: 0;
	border-top: 0;
}

.ec-base-layer .wrap+.ec-base-button>.ec-base-button {
	padding: 0;
}

@media all and (min-width:900px) {
	.ec-base-layer {
		max-width: 900px;
		margin: 0 auto;
	}

	.ec-base-layer.typeModal .wrap {
		max-height: 400px;
		min-height: 200px;
	}
}

.ec-base-table {
	border: 1px solid #d5d5d5;
	word-break: break-all;
	word-wrap: break-word;
	color: #353535;
	background: #fff;
}

.ec-base-table table {
	position: relative;
}

.ec-base-table table:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
}

.ec-base-table th,
.ec-base-table td {
	border-top: 1px solid #ececec;
	font-size: 12px;
	vertical-align: top;
}

.ec-base-table th {
	font-weight: normal;
	color: #757575;
}

.ec-base-table td {
	padding: 12px 13px;
}

.ec-base-table tbody th {
	padding: 12px 0 12px 13px;
	text-align: left;
}

.ec-base-table td.clear {
	padding: 0 !important;
}

.ec-base-table-custom {
	border: 0 !important;
}

.ec-base-table-custom th {
	border: 0 !important;
	padding: 5px 0 5px 0px !important;
	vertical-align: bottom !important;
}

.ec-base-table-custom td {
	border: 0 !important;
	padding: 5px 0px 5px !important;
}

.ec-base-table-custom input[type=text],
input[type=password],
input[type=number],
input[type=tel],
textarea {
	padding: 0px 0px;
	height: 30px;
	line-height: 30px;
	border: 0;
	border-bottom: 1px solid #000;
}

.ec-base-table-custom select {
	padding: 0px 0px;
	height: 32px;
	line-height: 32px;
	border: 0;
	border-bottom: 1px solid #000;
}

.ec-base-table-custom input[type="radio"] {
	margin: 15px 0 0;
}

.ec-base-table-custom input[type=radio]+label {
	margin: 15px 7px 0 4px;
}

.ec-base-table.typeWrite td {
	padding: 7px 13px 6px;
}

.ec-base-table.typeWrite tr td:first-child {
	padding: 12px 13px;
}

.ec-base-table.typeWrite img {
	max-width: 100% !important;
	height: auto !important;
}

.ec-base-table.gCellNarrow tbody th {
	padding: 7px 0 7px 13px;
}

.ec-base-table.gCellNarrow td {
	padding: 7px 13px;
}

.ec-base-table.gClearBorderTop {
	border-top-width: 0;
}

.ec-base-table.gClearBorder {
	border-width: 0;
}

.ec-base-table.gClearCell {
	padding: 4px 0;
}

.ec-base-table.gClearCell table:after {
	display: none;
}

.ec-base-table.gClearCell th,
.ec-base-table.gClearCell td,
.ec-base-table.typeWrite.gClearCell th {
	border-width: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}

.ec-base-table.typeWrite.gClearCell td {
	padding-top: 3px;
	padding-bottom: 4px;
}

.ec-base-table .gLineTop {
	border-top: 1px solid #ececec !important;
}

.ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
.ec-base-table.gClearCell tbody.gLineTop tr:first-child td {
	padding-top: 10px;
}

.ec-base-table.typeList {
	border-width: 0;
}

.ec-base-table.typeList table:after {
	display: none;
}

.ec-base-table.typeList thead th {
	text-align: center;
	background: #fafafa;
}

.ec-base-table.typeList th,
.ec-base-table.typeList td {
	padding: 9px 10px;
	vertical-align: middle;
	border: 1px solid #d7d5d5;
}

.ec-base-table.typeList.gClearBorderTop thead th {
	border-top-width: 0;
}

.ec-base-table .left {
	text-align: left;
}

.ec-base-table .center {
	text-align: center;
}

.ec-base-table .right {
	text-align: right;
}

.ec-base-table .top th,
.ec-base-table th.top,
.ec-base-table .top td,
.ec-base-table td.top {
	vertical-align: top;
}

.ec-base-table .middle th,
.ec-base-table th.middle,
.ec-base-table .middle td,
.ec-base-table td.middle {
	vertical-align: middle;
}

.ec-base-table img {
	vertical-align: middle;
}

.ec-base-table td.clear .ec-base-help {
	margin-left: 13px;
	margin-right: 13px;
}

.ec-base-table .ec-address {
	margin: -4px -13px -3px;
}

.ec-base-table .ec-address>li {
	padding: 4px 13px 3px;
}

.ec-base-table .ec-address>li input[type="text"],
.ec-base-table .ec-address>li select {
	width: 100%;
}

.ec-base-table .ec-address .ec-base-help {
	margin-bottom: 4px;
}

.ec-base-table .ec-address .ec-address-area select:not(:first-child) {
	margin-top: 4px;
}

.ec-base-table .ec-address .ec-address-zipcode input[type="text"] {
	width: 80px;
	margin-right: 4px;
}

.ec-base-table .ec-address .ec-address-zipcode .btnBasic {
	margin-right: 4px;
}

.ec-base-table .ec-address .ec-address-zipcode .ec-base-label {
	margin: 0;
}

.ec-base-table table.typeBlank,
.typeBlank {
	border: 0px;
}

.ec-base-table table.typeBlank::before {
	background: #fff;
	height: 0px;
}

.ec-base-fold {
	position: relative;
}

.ec-base-fold>.title {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 14px 43px 14px 14px;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.3;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	display: -webkit-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}

.ec-base-fold>.title h2,
.ec-base-fold>.title h3 {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3;
}

.ec-base-fold>.title h3,
.ec-base-fold>.title p {
	color: #757575;
}

.ec-base-fold>.title p.right {
	margin-left: auto;
}

.ec-base-fold>.title:after {
	content: "";
	position: absolute;
	top: 6px;
	right: 9px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	transform: rotate(45deg);
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

.ec-base-fold .contents {
	display: none;
	background: #fff;
}

.ec-base-fold .ec-base-fold {
	border-width: 1px 0 0;
}

.ec-base-fold+.ec-base-fold {
	margin-top: 15px;
}

.ec-base-fold .ec-base-fold+.ec-base-fold {
	margin-top: 0;
}

.ec-base-fold.selected>.title:after {
	top: 11px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}

.ec-base-fold.selected>.contents {
	display: block;
}

.ec-base-fold.theme1>.title {
	color: #000;
}

.ec-base-fold.theme2>.title {
	padding-right: 34px;
	color: #1b1b1b;
	background: #fff;
}

.ec-base-fold.theme2>.title:after,
.ec-base-fold.theme3>.title:after {
	background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png");
}

.ec-base-fold.theme3>.title {
	color: #1b1b1b;
}

.ec-base-fold.theme3>.title h3 {
	font-weight: bold;
	color: #1b1b1b;
}

.ec-base-fold.theme3 .contents {
	padding: 0 14px 14px;
}

.ec-base-fold.theme4 {
	margin: 14px 7px 29px;
	font-size: 12px;
}

.ec-base-fold.theme4 dt {
	position: relative;
	padding: 13px 30px 13px 14px;
	line-height: 1.2;
	font-size: 12px;
	cursor: pointer;
	background-color: #fff;
}

.ec-base-fold.theme4 dt:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 0 50%;
	background-size: 20px auto;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

.ec-base-fold.theme4 dd+dt {
	border-top: 1px solid #d5d5d5;
}

.ec-base-fold.theme4 dd {
	display: none;
	padding: 10px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-top: 1px solid #d5d5d5;
	background-color: #f5f5f6;
}

.ec-base-fold.theme4 dd.selected {
	display: block;
}

.ec-base-fold.theme4 dt.selected:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.ec-base-fold .ec-base-prdInfo {
	margin: 0;
	border: 0;
}

.ec-base-fold .ec-base-prdInfo .option {
	margin: 0;
}

.ec-base-fold .ec-base-prdInfo .prdFoot {
	margin: 0 -14px -6px;
}

.ec-base-fold .ec-base-prdInfo .prdTotal {
	margin: 0 -14px -6px;
}

.ec-base-fold>.contents .ec-base-table,
.ec-base-fold .ec-base-fold>.contents .ec-base-table {
	border: 0;
}

.ec-base-prdInfo {
	position: relative;
	margin: 0 0 7px;
	padding: 14px 0px 6px;
	box-sizing: border-box;
	background: #fff;
}

.ec-base-prdInfo .prdCheck {
	display: inline-block;
	margin-bottom: 7px;
}

.ec-base-prdInfo .prdBox {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	min-height: 90px;
	margin-top: 7px;
}

.ec-base-prdInfo .thumbnail {
	overflow: hidden;
	max-width: 73px;
	margin-right: 15px;
	box-sizing: border-box;
}

.ec-base-prdInfo .thumbnail img {
	max-width: 100%;
}

.ec-base-prdInfo .description {
	overflow: hidden;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

.ec-base-prdInfo .description .prdName {
	display: block;
	margin: 0 0 10px;
	font-size: 13px;
}

.ec-base-prdInfo .description .prdName a {
	color: #000;
}

.ec-base-prdInfo .description .prdName .ec-set-product-name {
	display: block;
	margin: 0 0 3px;
}

.ec-base-prdInfo .description .info {
	margin: 0 0 14px;
}

.ec-base-prdInfo .description .info li {
	margin: 0 0 7px;
	font-size: 12px;
	color: #000;
}

.ec-base-prdInfo .description .info li .mileage {
	display: inline-block;
}

.ec-base-prdInfo .description .info .price {
	font-size: 11px;
	color: #000;
}

.ec-base-prdInfo .description .info .price .refer {
	font-weight: normal;
	font-size: 11px;
}

.ec-base-prdInfo .description .info .price .discount {
	font-weight: normal;
	text-decoration: line-through;
}

.ec-base-prdInfo .description .info .price .strike {
	font-weight: normal;
	text-decoration: line-through;
}

.ec-base-prdInfo .description .info .price .strike strong {
	font-weight: normal;
}

.ec-base-prdInfo .description .price .quantity {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 14px;
	font-size: 11px;
}

.ec-base-prdInfo .description .price .quantity:before {
	display: block;
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 1px;
	height: 11px;
	background: #989899;
}

.ec-base-prdInfo .description input[type="number"] {
	max-width: 51px;
}

.ec-base-prdInfo .description .info .amount button {
	margin: 0;
	padding: 0;
	border: 0;
}

.ec-base-prdInfo .description .info .amount {
	width: 50px;
}

.ec-base-prdInfo .description .info input.amount {
	text-align: right;
}

.ec-base-prdInfo .description input[type="tel"] {
	text-align: right;
}

.ec-base-prdInfo .description .quantity input[type="tel"] {
	width: 51px;
}

.ec-base-prdInfo .prdFoot {
	padding: 6px 12px;
	font-weight: bold;
	line-height: 26px;
	color: #000;
	text-align: center;
	background: #fff;
}

.ec-base-prdInfo .prdFoot:after {
	content: '';
	display: block;
	clear: both;
}

.ec-base-prdInfo .prdFoot .gLeft {
	float: left;
	text-align: left;
}

.ec-base-prdInfo .prdFoot .gRight {
	float: right;
	text-align: right;
}

.ec-base-prdInfo .prdFoot .store {
	color: #000;
	font-weight: normal;
}

.ec-base-prdInfo .prdFoot .btnBasic {
	font-weight: normal;
	background-color: #fff;
}

.ec-base-prdInfo .prdFoot span>span>span {
	font-size: 11px;
}

.ec-base-prdInfo prdFoot span span.discount {
	text-decoration: line-through;
}

.ec-base-prdInfo .prdFoot span span.discount strong {
	font-weight: normal;
}

.ec-base-prdInfo p.option {
	margin: 0 0px;
	padding: 14px 0;
	font-size: 11px;
}

.ec-base-prdInfo .option {
	padding: 0;
	color: #000;
	font-size: 11px;
}

.ec-base-prdInfo .option>li {}

.ec-base-prdInfo .option>li .name {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	min-height: 29px;
	margin: 7px 0;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.ec-base-prdInfo .option>li .optionDesc {
	word-break: break-all;
}

.ec-base-prdInfo .option>li .change {
	margin: 0 0 0 5px;
	white-space: nowrap;
}

.ec-base-prdInfo .option .file a {
	margin: 0 0 0 4px;
	padding: 0 0 0 11px;
	color: #80aeef;
	text-decoration: underline;
	background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0;
	background-size: 8px 13px;
}

.ec-base-prdInfo .layerOptionModify {
	display: none;
	width: auto;
	margin: 7px 0 14px;
	padding: 14px;
	border: 1px solid #d5d5d5;
	background-color: #fff;
}

.ec-base-prdInfo .layerOptionModify .titleArea {
	margin-top: 3px;
	display: none;
}

.ec-base-prdInfo .layerOptionModify ul {
	padding: 0;
	font-size: 12px;
}

.ec-base-prdInfo .layerOptionModify li {
	position: relative;
	margin: 0 0 7px;
	padding: 0 0 0 73px;
}

.ec-base-prdInfo .layerOptionModify li .optionItem {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 73px;
	height: 29px;
	font-size: 11px;
	color: #757575;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] {
	width: 100%;
}

.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter {
	margin: 0;
}

.orderList .ec-base-prdInfo {
	margin: -1px 0 0;
	border-width: 1px 0 0 0;
}

.orderList .ec-base-prdInfo .option {
	margin: 0;
}

.orderList .ec-base-prdInfo .prdFoot {
	margin: 0 -14px -6px;
}

.orderArea .ec-base-fold .ec-base-prdInfo {}

.orderConfirmLayer .orderArea .ec-base-prdInfo {
	border-bottom: 0;
}

.orderArea .ec-base-prdInfo+.ec-base-prdInfo {}

.ec-base-tooltip-area {
	display: inline-block;
	vertical-align: top;
}

.ec-base-tooltip-area.show {
	z-index: 301;
}

.ec-base-tooltip-area .btnTip {
	overflow: hidden;
	padding: 0 0 0 5px;
	margin: 0;
	border: 0;
	white-space: nowrap;
	width: 14px;
	height: 14px;
	font-size: 1px;
	line-height: 0;
	vertical-align: middle;
	color: transparent;
	text-indent: -150%;
	cursor: pointer;
	background: url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") right center no-repeat;
	background-size: 14px 14px;
}

.ec-base-tooltip {
	display: none;
	z-index: 2;
	position: absolute;
	top: inherit !important;
	left: 0 !important;
	right: 0 !important;
	width: 88%;
	margin: 3px auto 0;
	padding: 0 14px 14px;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 2px;
	letter-spacing: normal;
	background-color: #fff;
}

.ec-base-tooltip .title {
	display: block;
	padding: 0 20px 0 0;
	font-size: 15px;
	color: #000;
	line-height: 43px;
	background: #fff;
}

.ec-base-tooltip ul {
	color: #757575;
}

.ec-base-tooltip ul li {
	font-size: 13px;
}

.ec-base-tooltip .content table+.title {
	margin-top: 14px;
}

.ec-base-tooltip p {
	float: none;
	font-size: 12px;
	text-align: left;
}

.ec-base-tooltip p strong {
	font-weight: normal;
	font-size: 13px;
}

.ec-base-tooltip .btnClose {
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	margin: 0 !important;
	font-size: 1px;
	line-height: 0;
	text-indent: 150%;
	white-space: nowrap;
	border: 0;
	background: url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") no-repeat 50% 50%;
	background-size: 13px 13px;
}

.ec-base-tooltip.typeUpper {
	position: absolute;
	left: -90px !important;
	bottom: 33px !important;
	width: 200px;
	margin: 0;
	padding: 14px 28px 14px 14px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
}

.ec-base-tooltip.typeUpper:before {
	content: "";
	position: absolute;
	left: 40%;
	bottom: -5px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -3px 0 0;
	border-left: 5px solid transparent;
	border-top: 5px solid #ccc;
	border-right: 5px solid transparent;
}

.ec-base-tooltip.typeUpper:after {
	content: "";
	position: absolute;
	left: 40%;
	bottom: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -3px 0 0;
	border-left: 5px solid transparent;
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
}

.shippingFee {
	display: inline-block;
	position: static;
	vertical-align: middle;
	margin: 5px 0 0;
}

.shippingFee>a.btnNormal {
	margin: -3px 0 0 5px;
}

.shippingFee .wrap {
	display: none;
	z-index: 999;
	left: 2%;
	right: 2%;
	max-width: 900px;
	top: 100px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #d5d5d5;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
}

.shippingFee .wrap>h3 {
	padding: 0 14px;
	font-size: 13px;
	line-height: 36px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #d5d5d5;
	border-radius: 5px 5px 0 0;
}

.shippingFee .wrap .content {
	padding: 14px;
}

.shippingFee .wrap h4 {
	position: relative;
	margin: 0 7px 7px;
}

.shippingFee .wrap h4:before {
	display: inline-block;
	content: "";
	margin: 0 5px 0 0;
	width: 3px;
	height: 3px;
	background: #666;
	vertical-align: middle;
}

.shippingFee .wrap table+h4 {
	margin-top: 14px;
}

.shippingFee .wrap p strong {
	font-weight: normal;
	font-size: 13px;
}

.shippingFee .wrap table {
	background: #fff;
}

.shippingFee .wrap th,
.shippingFee .wrap td {
	padding: 7px;
	border: 1px solid #d5d5d5;
}

.shippingFee .wrap th {
	width: 80px;
	border-right-width: 0;
	color: #353535;
}

.shippingFee .wrap td {
	border-left-width: 0;
	white-space: normal;
}

.shippingFee .wrap .txtEm {
	color: #000;
}

.shippingFee .wrap .info {
	margin: 0;
	color: #757575;
	font-size: 11px;
}

.shippingFee .wrap .btnClose {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
	font-size: 0;
	border: none;
	background: transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat;
	background-size: 14px 14px;
}

.shippingFee>.button {
	display: inline-block;
	border: 1px solid #dedfe2;
	padding: 0 10px;
	border-radius: 3px;
	font-size: 12px;
	color: #000;
	line-height: 28px;
	text-decoration: none;
}

.shippingFee .ec-base-tooltip .btnTooltip {
	display: inline-block;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping {
	display: none;
	width: 300px;
	height: auto;
	position: absolute;
	border: 1px solid #ccc;
	padding: 0 14px 14px;
	border-radius: 2px;
	background-color: #fff;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close {
	position: absolute;
	right: 0;
	top: 0;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close a {
	overflow: hidden;
	display: block;
	width: 36px;
	height: 36px;
	font-size: 0;
	border: none;
	background: #0000 url(//img.echosting.cafe24.com/skin/mobile/common/btn_close.png) center center no-repeat;
	background-size: 14px 14px;
}

.ec-admin-icon.cart {
	height: 26px;
	cursor: pointer;
}

.ec-base-product {
	padding: 0;
	background-color: #fff;
}

.ec-base-product h2 {}

.ec-base-product h3 {
	margin-bottom: 14px;
}

.ec-base-product img {
	max-width: 100%;
}

.ec-base-product>ul {
	padding: 0px 0 0;
}

.ec-base-product li {
	vertical-align: top;
}

.ec-base-product [class*="grid"] {
	letter-spacing: 0;
	display: block;
	font-size: 0;
	box-sizing: border-box;
}

.ec-base-product [class*="grid"]>li {
	display: inline-block;
	font-size: 11px;
	vertical-align: top;
	text-align: center;
	margin-bottom: 40px;
}

.ec-base-product .thumbnail {
	position: relative;
	margin-bottom: 15px;
}

.ec-base-product .thumbnail a {
	display: block;
}

.ec-base-product .thumbnail a img {
	display: block;
	width: 100%;
	vertical-align: top;
}

.ec-base-product .thumbnail .prdIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 30% auto;
}

.ec-base-product .thumbnail .wish {
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 10;
}

.thumbnail .thumber_1 {}

.thumbnail .thumber_2 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	right: 0;
	text-align: center;
	transition: opacity .4s;
}

.thumbnail:hover .thumber_2 {
	opacity: 1;
	transition: opacity .4s;
}

.ec-base-product .description {
	min-height: 10px;
	margin: 0 0px;
	line-height: 1em;
	text-align: left;
}

.ec-base-product .description::after {
	clear: both;
	display: block;
	content: ""
}

.ec-base-product .description .name {
	display: block;
	word-wrap: break-word;
	margin: 0 0 7px;
}

.ec-base-product .description .name a {
	display: block;
	line-height: 130%;
	text-align: left;
	font-size: 11px;
	color: #1b1b1b;
	font-weight: normal;
}

.ec-base-product .description ul.spec {
	display: block;
}

.ec-base-product .description ul.spec li {
	display: block;
	margin-bottom: 7px;
}

.ec-base-product .icon {
	float: left;
	display: block;
	margin: 0 0 7px;
}

.ec-base-product .icon img {
	margin: 0 4px 0 0;
}

.ec-base-product .icon .icon_img {
	margin: 0 0 2px;
}

.ec-base-product .description .price {
	font-size: 12px;
	margin: 0 0 7px;
}

.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike {
	text-decoration: line-through;
}

.ec-base-product .description li.cart {
	margin: 0 0 7px;
}

.ec-base-product .description .color {
	overflow: hidden;
	margin: 0;
}

.ec-base-product .description .color .chips {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 3px 2px 0px;
	font-size: 0;
	line-height: 0;
	border: 1px solid #e3e3e3;
}

.ec-base-product .description .likeButton button {
	border: 0;
	background: none;
}

.ec-base-product .description .likeButton button strong {
	margin: 0 0 0 3px;
	font-size: 11px;
	line-height: 20px;
	color: #757575;
}

.ec-base-product .description .likeButton.selected button strong {
	line-height: 20px;
	color: #2e2e2e;
}

.sold_icore>img {
	display: none;
}

.sold_icore .sold_me {
	left: 0;
	right: 0;
	margin: 0 0px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 11px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
}

.ec-base-product .more_view {
	margin: 7px 4px 0;
}

.ec-base-product .more_view a {
	display: block;
	padding: 0 0 0 0;
	background: #d4d4d6;
}

.ec-base-product .more_view a span {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 30px;
	text-indent: 120%;
	background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%;
	background-size: 12px 12px;
}

.ec-base-product .layerDiscountPeriod {
	display: none;
	position: absolute;
	z-index: 100;
	left: 0;
	width: 100%;
	padding: 11px 7px;
	box-sizing: border-box;
}

.ec-base-product .layerDiscountPeriod .inner {
	border: 1px solid #353535;
	background: #f1f1f1;
	border-radius: 4px;
}

.ec-base-product .layerDiscountPeriod .inner .title {
	display: block;
	padding: 10px 14px;
	font-size: 14px;
	background-color: #353535;
	color: #fff;
}

.ec-base-product .layerDiscountPeriod .inner .timeleft {
	padding: 14px;
	color: #508bed;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.ec-base-product .layerDiscountPeriod ul {
	margin: 0 7px 14px;
	padding: 0;
	border: 1px solid #d5d5d5;
	background: #fff;
}

.ec-base-product .layerDiscountPeriod ul li {
	position: relative;
	padding: 14px 13px 14px 100px;
	border-top: 1px solid #ececec;
	color: #353535;
}

.ec-base-product .layerDiscountPeriod ul li:first-child {
	border-top: 0;
}

.ec-base-product .layerDiscountPeriod ul li span {
	position: absolute;
	top: 14px;
	left: 13px;
	color: #757575;
}

.ec-base-product .layerDiscountPeriod .btnClose {
	position: absolute;
	top: 8px;
	right: 4px;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat;
	background-size: 50% 50%;
}

.press .description .name {
	float: none;
	width: 100%;
}

.press .description ul.spec {
	float: none;
	width: 100%;
}

.press .description ul.spec li {
	text-align: left;
	line-height: 150%;
}

.ec-product-bgLT {
	background-position: left top;
}

.ec-product-bgLC {
	background-position: left center;
}

.ec-product-bgLB {
	background-position: left bottom;
}

.ec-product-bgRT {
	background-position: right top;
}

.ec-product-bgRC {
	background-position: right center;
}

.ec-product-bgRB {
	background-position: right bottom;
}

.ec-product-bgCT {
	background-position: center top;
}

.ec-product-bgCC {
	background-position: center center;
}

.ec-product-bgCB {
	background-position: center bottom;
}

.ec-base-product .grid1 {
	margin-left: 0;
	margin-right: 0;
}

.ec-base-product .grid2 {
	margin-left: 0;
	margin-right: 0;
}

.ec-base-product .grid3 {
	margin-left: 0;
	margin-right: 0;
}

.ec-base-product .grid4 {
	margin-left: 0;
	margin-right: 0;
}

.ec-base-product .grid5 {
	margin-left: 0;
	margin-right: 0;
}

.press .grid4 {}

.search .grid4 {}

.ec-base-product .grid1>li {
	width: 100%;
}

.ec-base-product .grid2>li {
	width: 50%;
}

.ec-base-product .grid3>li {
	width: 33.33333%;
}

.ec-base-product .grid4>li {
	width: 25%;
}

.ec-base-product .grid5>li {
	width: 20%;
}

.ec-base-product .grid1>li {
	padding: 0 0%;
	box-sizing: border-box;
}

.ec-base-product .grid2>li {
	padding: 0 0%;
	box-sizing: border-box;
}

.ec-base-product .grid3>li {
	padding: 0 0%;
	box-sizing: border-box;
}

.ec-base-product .grid4>li {
	padding: 0 0%;
	box-sizing: border-box;
}

.ec-base-product .grid5>li {
	padding: 0 0%;
	box-sizing: border-box;
}

.press .grid4>li {
	padding: 0 0.5%;
	box-sizing: border-box;
}

.search .grid4>li {
	padding: 0 0.5%;
	box-sizing: border-box;
}

@media all and (max-width:1000px) {
	.ec-base-product .prdList.grid1>li {
		width: 100%;
	}

	.ec-base-product .prdList.grid2>li {
		width: 50%;
	}

	.ec-base-product .prdList.grid3>li {
		width: 50%;
	}

	.ec-base-product .prdList.grid4>li {
		width: 33.33%;
	}

	.ec-base-product .prdList.grid5>li {
		width: 20%;
	}

	.ec-base-product .grid1 li .name {
		font-size: 12px;
	}

	.ec-base-product .grid2 li .name,
	.ec-base-product .grid3 li .name {
		font-size: 11px;
	}

	.ec-base-product .grid4 li .name {
		font-size: 11px;
	}

	.xans-product-normalmenu .sort select {
		width: 44px !important;
		font-size: 10px !important;
	}

	.swiper-container2 .swiper-slide .description .name {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}

	.swiper-container2 .swiper-slide .description ul.spec {
		float: none;
		width: 100%;
	}

	.swiper-container2 .swiper-slide .description ul.spec li {
		text-align: left;
	}

	.ec-base-product .description .name {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}

	.ec-base-product .description ul.spec {
		float: none;
		width: 100%;
	}

	.ec-base-product .description ul.spec li {
		text-align: left;
	}

	.sold_icore>img {
		display: none;
	}

	.sold_icore .sold_me {
		font-size: 10px;
	}

	.ec-base-product .description {
		padding: 0 5px;
	}
}

.main_control {
	display: none;
}

.swiper-container-main-1 {
	width: 100%;
	position: relative;
	height: calc(100vh - 37px);
}

.swiper-container-main-1 .swiper-pagination-main-1 {
	position: absolute;
	bottom: 20px;
	right: 20px;
	top: auto;
	left: auto;
	z-index: 4;
	width: 200px;
}

.swiper-container-main-1 .swiper-pagination-main-1.swiper-pagination-progressbar.swiper-pagination-white {
	background-color: rgba(0, 0, 0, .3);
}

.swiper-container-main-1 .swiper-pagination-main-1.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background-color: rgba(0, 0, 0, 1);
}

.bg_gray {
	background-color: #fff;
}

.bg_white {
	background-color: #fff;
}

.mypage_wrap {
	min-height: calc(100vh - 85px);
	display: flex;
	align-items: flex-start;
}

.mypage_wrap .mypage_cont {
	padding: 80px 0 100px;
	margin: 0 auto;
	width: 600px;
}

.mypage_wrap .mypage_cont .mypage_innerEtc {
	padding: 30px 30px 30px;
	background-color: #fff;
}

.mypage_wrap .basket_cont {
	padding: 80px 0 100px;
	margin: -15px auto 0;
	width: 900px;
}

.mypage_wrap .mypage_contTab_etc {
	padding-top: 30px;
	padding-bottom: 100px;
	margin: 0 auto;
	width: 600px;
}

.mypage_wrap .mypage_contTab_etc .mypage_innerEtc {
	padding: 0px 0px 0px;
	background-color: #fff;
}

.mypage_wrap .mypage_cont .mypage_innerLogin,
.mypage_wrap .mypage_cont .mypage_innerJoin {
	max-width: 410px;
	margin: 0 auto;
}

.mypage_wrap ul.tabs {
	max-width: 600px;
	font-size: 0;
}

.mypage_wrap ul.tabs li {
	display: inline-block;
	padding: 0px 20px 0 0;
	box-sizing: border-box;
	font-size: 11px;
	text-align: center;
}

.mypage_wrap ul.tabs li a {
	font-size: 11px;
	color: #c4c4c4;
}

.mypage_wrap ul.tabs li:first-child {
	border-right: 0px;
}

.mypage_wrap ul.tabs li.selected {}

.mypage_wrap ul.tabs li.selected a {
	color: #000;
}

.mypage_wrap div.tabcontents {
	max-width: 600px;
}

.mypage_wrap .tab_Etc {
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	background-color: #fff;
}

.mypage_wrap .tab_Etc li {
	display: inline-block;
	text-align: center;
	padding: 15px 15px 15px 0;
	color: #999;
}

.mypage_wrap .tab_Etc li a {
	color: #999;
}

.mypage_wrap .tab_Etc li.lo a {
	color: #000;
}

.mypage_wrap .tab_Etc li.selected {
	background-color: #fff;
}

.swiper-container-recommend {
	overflow: hidden;
	position: relative;
	padding-bottom: 65px;
}

.swiper-container-recommend .swiper-slide .thumbnail {
	position: relative;
}

.swiper-container-recommend .swiper-slide .thumbnail img {
	max-width: 100%;
}

.swiper-container-recommend .swiper-slide .description {
	margin-top: 10px;
	text-align: left;
}

.swiper-container-recommend .swiper-slide .description ul.spec li[rel="브랜드"] {
	display: none;
}

.swiper-container-recommend .swiper-slide .description .name {
	display: block;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 100%;
}

.swiper-container-recommend .swiper-slide .description .spec {
	margin: 5px 0 0;
}

.swiper-container-recommend .swiper-slide .description .name {
	display: block;
	text-align: left;
	font-weight: normal;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 100%;
}

.swiper-container-recommend .swiper-slide .sold .sold_me {
	left: 0;
	right: 0;
	margin: 0 0px;
	text-align: center;
	height: 30px;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
}

.swiper-container-recommend .swiper-slide .description .color_wrap {
	min-height: 8px;
}

.swiper-container-recommend .swiper-button-prev-recommend {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 1;
	left: 0;
	top: 40%;
	transform: rotate(180deg);
}

.swiper-container-recommend .swiper-button-next-recommend {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 1;
	right: 0;
	top: 40%;
}

.swiper-container-recommend .swiper-button-prev-recommend svg,
.swiper-container-recommend .swiper-button-next-recommend svg {
	height: 100%;
}

.swiper-container-recommend .thumbnail .thumber_1 {}

.swiper-container-recommend .thumbnail .thumber_2 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	right: 0;
	text-align: center;
	transition: opacity .4s;
}

.swiper-container-recommend .thumbnail:hover .thumber_2 {
	opacity: 1;
	transition: opacity .4s;
}

.swiper-container-detail {
	margin: 0px auto 0;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-detail .swiper-slide img {
	max-width: 100%
}

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

.swiper-container-detail.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}

.swiper-container-detail.gallery-thumbs .swiper-wrapper .swiper-slide {
	opacity: 0.4;
}

.swiper-button-prev-detail {
	position: absolute;
	left: 0px;
	width: 30%;
	height: 100%;
	top: 0;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	outline: 0;
	background-position: 10% center;
	z-index: 2;
	transition: all 0.2s ease-in-out;
}

.swiper-button-next-detail {
	position: absolute;
	right: 0px;
	width: 30%;
	height: 100%;
	top: 0;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	outline: 0;
	background-position: 90% center;
	z-index: 2;
	transition: all 0.2s ease-in-out;
}

.swiper-container-detail:hover .swiper-button-prev-detail.swiper-button-disabled,
.swiper-container-detail:hover .swiper-button-next-detail.swiper-button-disabled {
	opacity: .35;
	pointer-events: none
}

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

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

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

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

@media all and (max-width :1000px) {
	.swiper-container-main-1 {
		height: calc(100vh - 37px);
	}

	#contents {
		min-height: 800px;
		padding: 0 10px;
	}

	.mypage_wrap .mypage_cont {
		padding: 30px 10px 30px;
	}

	.mypage_wrap .mypage_cont .mypage_innerEtc {
		padding: 0px 10px;
	}

	.mypage_wrap .mypage_contTab_etc {
		padding-left: 10px;
		padding-right: 10px;
	}

	.order_list_con {
		padding-top: 30px;
	}

	.xans-myshop-orderhistorytab.ec-base-tab ul li {
		padding: 0 20px 0 0;
	}

	.mypage_wrap .basket_cont {
		padding: 30px 0;
	}
}

@font-face {
	font-family: 'xeicon';
	src: url("/web/upload/addbase/xeicon/xeicon.eot?3ka2yj");
	src: url("/web/upload/addbase/xeicon/xeicon.eot?3ka2yj#iefix") format("embedded-opentype"), url("/web/upload/addbase/xeicon/xeicon.woff2?3ka2yj") format("woff2"), url("/web/upload/addbase/xeicon/xeicon.ttf?3ka2yj") format("truetype"), url("/web/upload/addbase/xeicon/xeicon.woff?3ka2yj") format("woff"), url("/web/upload/addbase/xeicon/xeicon.svg?3ka2yj#xeicon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="xi-"],
[class*=" xi-"] {
	font-family: 'xeicon' !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.xi-home:before {
	content: "\e900";
}

.xi-home-o:before {
	content: "\e902";
}

.xi-bars:before {
	content: "\e91c";
}

.xi-hamburger-back:before {
	content: "\eb46";
}

.xi-hamburger-out:before {
	content: "\eb45";
}

.xi-apps:before {
	content: "\e903";
}

.xi-ellipsis-h:before {
	content: "\e94a";
}

.xi-ellipsis-v:before {
	content: "\e949";
}

.xi-drag-vertical:before {
	content: "\e996";
}

.xi-drag-handle:before {
	content: "\e960";
}

.xi-arrow-top:before {
	content: "\e912";
}

.xi-arrow-bottom:before {
	content: "\e904";
}

.xi-arrow-left:before {
	content: "\e906";
}

.xi-arrow-right:before {
	content: "\e907";
}

.xi-arrow-up:before {
	content: "\e915";
}

.xi-arrow-down:before {
	content: "\e905";
}

.xi-long-arrow-left:before {
	content: "\e908";
}

.xi-long-arrow-right:before {
	content: "\e90b";
}

.xi-long-arrow-up:before {
	content: "\e909";
}

.xi-long-arrow-down:before {
	content: "\e90a";
}

.xi-angle-left:before {
	content: "\e93b";
}

.xi-angle-left-min:before {
	content: "\e93c";
}

.xi-angle-left-thin:before {
	content: "\e93d";
}

.xi-angle-right:before {
	content: "\e93e";
}

.xi-angle-right-min:before {
	content: "\e93f";
}

.xi-angle-right-thin:before {
	content: "\e940";
}

.xi-angle-up:before {
	content: "\e944";
}

.xi-angle-up-min:before {
	content: "\e945";
}

.xi-angle-up-thin:before {
	content: "\e946";
}

.xi-angle-down:before {
	content: "\e941";
}

.xi-angle-down-min:before {
	content: "\e942";
}

.xi-angle-down-thin:before {
	content: "\e943";
}

.xi-caret-up:before {
	content: "\e92f";
}

.xi-caret-up-min:before {
	content: "\e930";
}

.xi-caret-down:before {
	content: "\e935";
}

.xi-caret-down-min:before {
	content: "\e936";
}

.xi-caret-up-circle:before {
	content: "\e931";
}

.xi-caret-up-circle-o:before {
	content: "\e932";
}

.xi-caret-down-circle:before {
	content: "\e937";
}

.xi-caret-down-circle-o:before {
	content: "\e938";
}

.xi-caret-up-square:before {
	content: "\e933";
}

.xi-caret-up-square-o:before {
	content: "\e934";
}

.xi-caret-down-square:before {
	content: "\e939";
}

.xi-caret-down-square-o:before {
	content: "\e93a";
}

.xi-arrows-h:before {
	content: "\e90e";
}

.xi-arrows-v:before {
	content: "\e90f";
}

.xi-expand:before {
	content: "\e910";
}

.xi-compress:before {
	content: "\e911";
}

.xi-arrows:before {
	content: "\e90c";
}

.xi-arrows-alt:before {
	content: "\e90d";
}

.xi-compare-arrows:before {
	content: "\e947";
}

.xi-scroll:before {
	content: "\e94b";
}

.xi-dashboard:before {
	content: "\e948";
}

.xi-dashboard-o:before {
	content: "\e95e";
}

.xi-refresh:before {
	content: "\e973";
}

.xi-catched:before {
	content: "\e923";
}

.xi-renew:before {
	content: "\e977";
}

.xi-sync:before {
	content: "\e982";
}

.xi-eye:before {
	content: "\e951";
}

.xi-eye-o:before {
	content: "\e950";
}

.xi-eye-off:before {
	content: "\e953";
}

.xi-eye-slash:before {
	content: "\e953";
}

.xi-eye-off-o:before {
	content: "\e952";
}

.xi-eye-slash2:before {
	content: "\e952";
}

.xi-lock:before {
	content: "\e964";
}

.xi-lock-o:before {
	content: "\e966";
}

.xi-unlock:before {
	content: "\e965";
}

.xi-unlock-o:before {
	content: "\e967";
}

.xi-trash:before {
	content: "\e96e";
}

.xi-trash-o:before {
	content: "\e96f";
}

.xi-flag:before {
	content: "\e961";
}

.xi-flag-o:before {
	content: "\e962";
}

.xi-expand-square:before {
	content: "\e954";
}

.xi-compress-square:before {
	content: "\e955";
}

.xi-log-in:before {
	content: "\e963";
}

.xi-log-out:before {
	content: "\e972";
}

.xi-search:before {
	content: "\e97a";
}

.xi-magnifier:before {
	content: "\e97a";
}

.xi-zoom-in:before {
	content: "\e97b";
}

.xi-magnifier-expand:before {
	content: "\e97b";
}

.xi-zoom-out:before {
	content: "\e97c";
}

.xi-magnifier-reduce:before {
	content: "\e97c";
}

.xi-subdirectory:before {
	content: "\e97e";
}

.xi-subdirectory-arrow:before {
	content: "\e981";
}

.xi-external-link:before {
	content: "\e980";
}

.xi-cog:before {
	content: "\e986";
}

.xi-view-array:before {
	content: "\e983";
}

.xi-view-carousel:before {
	content: "\e984";
}

.xi-view-column:before {
	content: "\e985";
}

.xi-view-day:before {
	content: "\e98d";
}

.xi-view-list:before {
	content: "\e993";
}

.xi-view-module:before {
	content: "\e997";
}

.xi-view-stream:before {
	content: "\e99a";
}

.xi-wrench:before {
	content: "\e99b";
}

.xi-filter:before {
	content: "\e9d9";
}

.xi-funnel:before {
	content: "\e9d9";
}

.xi-plus:before {
	content: "\e913";
}

.xi-plus-min:before {
	content: "\e914";
}

.xi-plus-thin:before {
	content: "\e9c5";
}

.xi-minus:before {
	content: "\e91a";
}

.xi-minus-min:before {
	content: "\e91b";
}

.xi-minus-thin:before {
	content: "\e9c1";
}

.xi-close:before {
	content: "\e921";
}

.xi-close-min:before {
	content: "\e922";
}

.xi-close-thin:before {
	content: "\e9af";
}

.xi-check:before {
	content: "\e928";
}

.xi-check-min:before {
	content: "\e929";
}

.xi-check-thin:before {
	content: "\e92a";
}

.xi-plus-circle:before {
	content: "\e916";
}

.xi-plus-circle-o:before {
	content: "\e917";
}

.xi-minus-circle:before {
	content: "\e91d";
}

.xi-minus-circle-o:before {
	content: "\e91e";
}

.xi-close-circle:before {
	content: "\e924";
}

.xi-close-circle-o:before {
	content: "\e925";
}

.xi-check-circle:before {
	content: "\e92b";
}

.xi-check-circle-o:before {
	content: "\e92c";
}

.xi-plus-square:before {
	content: "\e918";
}

.xi-plus-square-o:before {
	content: "\e919";
}

.xi-minus-square:before {
	content: "\e91f";
}

.xi-minus-square-o:before {
	content: "\e920";
}

.xi-close-square:before {
	content: "\e926";
}

.xi-close-square-o:before {
	content: "\e927";
}

.xi-check-square:before {
	content: "\e92d";
}

.xi-check-box:before {
	content: "\e92d";
}

.xi-checkbox-blank:before {
	content: "\ea0e";
}

.xi-check-square-o:before {
	content: "\e92e";
}

.xi-checkbox-checked:before {
	content: "\e92e";
}

.xi-radiobox-blank:before {
	content: "\e9c6";
}

.xi-radiobox-checked:before {
	content: "\e9c7";
}

.xi-cut:before {
	content: "\e9b0";
}

.xi-label:before {
	content: "\e9b1";
}

.xi-label-o:before {
	content: "\e9b2";
}

.xi-library-add:before {
	content: "\e9b3";
}

.xi-library-bookmark:before {
	content: "\e9b4";
}

.xi-tagged-book:before {
	content: "\e9b4";
}

.xi-save:before {
	content: "\e9b9";
}

.xi-lightbulb:before {
	content: "\e9be";
}

.xi-idea:before {
	content: "\e9be";
}

.xi-lightbulb-o:before {
	content: "\e9bf";
}

.xi-link:before {
	content: "\e9c0";
}

.xi-package:before {
	content: "\e9c2";
}

.xi-archive:before {
	content: "\e9c2";
}

.xi-pen:before {
	content: "\e9c3";
}

.xi-pen-o:before {
	content: "\e9c4";
}

.xi-undo:before {
	content: "\e9d2";
}

.xi-redo:before {
	content: "\e9c8";
}

.xi-switch-off:before {
	content: "\e9c9";
}

.xi-switch-on:before {
	content: "\e9ca";
}

.xi-toggle-off:before {
	content: "\e9cb";
}

.xi-toggle-on:before {
	content: "\e9cd";
}

.xi-bookmark:before {
	content: "\ea1c";
}

.xi-bookmark-o:before {
	content: "\ea1d";
}

.xi-tag:before {
	content: "\ea36";
}

.xi-tags:before {
	content: "\ea37";
}

.xi-mail:before {
	content: "\ea06";
}

.xi-envelope:before {
	content: "\ea06";
}

.xi-social-email:before {
	content: "\ea06";
}

.xi-mail-o:before {
	content: "\ea07";
}

.xi-mail-read:before {
	content: "\ea08";
}

.xi-envelope-open:before {
	content: "\ea08";
}

.xi-mail-read-o:before {
	content: "\ea09";
}

.xi-send:before {
	content: "\ea0b";
}

.xi-paper-plane:before {
	content: "\ea0b";
}

.xi-reply:before {
	content: "\ea0d";
}

.xi-reply-all:before {
	content: "\ea0c";
}

.xi-share:before {
	content: "\e9fa";
}

.xi-share-l:before {
	content: "\e9fa";
}

.xi-share-alt:before {
	content: "\e9e9";
}

.xi-share-alt-o:before {
	content: "\e9ea";
}

.xi-call:before {
	content: "\e9d3";
}

.xi-phone:before {
	content: "\e9d3";
}

.xi-call-outgoing:before {
	content: "\e9d4";
}

.xi-call-incoming:before {
	content: "\e9d6";
}

.xi-call-reception:before {
	content: "\e9d6";
}

.xi-call-missed:before {
	content: "\e9d5";
}

.xi-comment:before {
	content: "\e9d7";
}

.xi-comment-o:before {
	content: "\e9d8";
}

.xi-forum:before {
	content: "\e9f0";
}

.xi-comments:before {
	content: "\e9f0";
}

.xi-forum-o:before {
	content: "\e9f1";
}

.xi-video-call:before {
	content: "\ea18";
}

.xi-xi-film:before {
	content: "\ea18";
}

.xi-voicemail:before {
	content: "\ea19";
}

.xi-note:before {
	content: "\ea1a";
}

.xi-note-o:before {
	content: "\ea1b";
}

.xi-at:before {
	content: "\ea0a";
}

.xi-message:before {
	content: "\ea14";
}

.xi-message-o:before {
	content: "\ea15";
}

.xi-speech:before {
	content: "\ea12";
}

.xi-speech-o:before {
	content: "\ea13";
}

.xi-user-address:before {
	content: "\e9f4";
}

.xi-profile:before {
	content: "\e9f2";
}

.xi-user-circle:before {
	content: "\e9f2";
}

.xi-profile-o:before {
	content: "\ea2a";
}

.xi-user:before {
	content: "\e9f3";
}

.xi-users:before {
	content: "\e9f9";
}

.xi-group:before {
	content: "\ea2e";
}

.xi-community:before {
	content: "\ea2e";
}

.xi-user-plus:before {
	content: "\e9f7";
}

.xi-users-plus:before {
	content: "\ea17";
}

.xi-user-o:before {
	content: "\e9f5";
}

.xi-users-o:before {
	content: "\ea04";
}

.xi-user-plus-o:before {
	content: "\e9f8";
}

.xi-star:before {
	content: "\ea0f";
}

.xi-star-o:before {
	content: "\ea16";
}

.xi-heart:before {
	content: "\ea10";
}

.xi-heart-o:before {
	content: "\ea11";
}

.xi-thumbs-up:before {
	content: "\ea28";
}

.xi-thumbs-down:before {
	content: "\ea29";
}

.xi-crown:before {
	content: "\e9da";
}

.xi-trophy:before {
	content: "\ea38";
}

.xi-emoticon-happy:before {
	content: "\e9dd";
}

.xi-happy-face:before {
	content: "\e9dd";
}

.xi-emoticon-happy-o:before {
	content: "\e9ed";
}

.xi-emoticon-smiley:before {
	content: "\e9e4";
}

.xi-smiley-face:before {
	content: "\e9e4";
}

.xi-emoticon-smiley-o:before {
	content: "\e9e6";
}

.xi-emoticon-neutral:before {
	content: "\e9eb";
}

.xi-neutral-face:before {
	content: "\e9eb";
}

.xi-emoticon-neutral-o:before {
	content: "\e9ec";
}

.xi-emoticon-bad:before {
	content: "\e9de";
}

.xi-emoticon-bad-o:before {
	content: "\e9df";
}

.xi-emoticon-sad:before {
	content: "\e9ee";
}

.xi-sad-face:before {
	content: "\e9ee";
}

.xi-emoticon-sad-o:before {
	content: "\e9ef";
}

.xi-emoticon-devil:before {
	content: "\e9e2";
}

.xi-angry-face:before {
	content: "\e9e2";
}

.xi-emoticon-devil-o:before {
	content: "\e9e3";
}

.xi-emoticon-cool:before {
	content: "\e9e0";
}

.xi-emoticon-cool-o:before {
	content: "\e9e1";
}

.xi-bell:before {
	content: "\e99c";
}

.xi-bell-o:before {
	content: "\e99d";
}

.xi-bell-off:before {
	content: "\e99e";
}

.xi-bell-slash:before {
	content: "\e99e";
}

.xi-bell-off-o:before {
	content: "\e99f";
}

.xi-alarm:before {
	content: "\ea1e";
}

.xi-alarm-o:before {
	content: "\ea1f";
}

.xi-alarm-off:before {
	content: "\ea20";
}

.xi-time:before {
	content: "\ea2b";
}

.xi-time-o:before {
	content: "\ea2c";
}

.xi-snooze:before {
	content: "\ea27";
}

.xi-calendar:before {
	content: "\e9a0";
}

.xi-calendar-add:before {
	content: "\e9a1";
}

.xi-calendar-remove:before {
	content: "\e9a2";
}

.xi-calendar-cancle:before {
	content: "\e9a3";
}

.xi-calendar-check:before {
	content: "\e9a4";
}

.xi-calendar-list:before {
	content: "\e9a5";
}

.xi-new:before {
	content: "\e9a8";
}

.xi-new-o:before {
	content: "\e9a9";
}

.xi-info:before {
	content: "\e9a6";
}

.xi-information-circle:before {
	content: "\e9a6";
}

.xi-info-o:before {
	content: "\e9a7";
}

.xi-help:before {
	content: "\e9ad";
}

.xi-unknown-circle:before {
	content: "\e9ad";
}

.xi-help-o:before {
	content: "\e9ac";
}

.xi-error:before {
	content: "\e9aa";
}

.xi-error-o:before {
	content: "\e9ab";
}

.xi-ban:before {
	content: "\e9ae";
}

.xi-slash-circle:before {
	content: "\e9ae";
}

.xi-warning:before {
	content: "\ea2d";
}

.xi-hand-paper:before {
	content: "\ea21";
}

.xi-key:before {
	content: "\ea22";
}

.xi-security:before {
	content: "\ea24";
}

.xi-shield:before {
	content: "\ea24";
}

.xi-shield-checked:before {
	content: "\ea25";
}

.xi-check-shield:before {
	content: "\ea25";
}

.xi-shield-checked-o:before {
	content: "\ea26";
}

.xi-align-justify:before {
	content: "\e956";
}

.xi-align-left:before {
	content: "\e957";
}

.xi-align-center:before {
	content: "\e958";
}

.xi-align-right:before {
	content: "\e959";
}

.xi-indent:before {
	content: "\e95a";
}

.xi-dedent:before {
	content: "\e95b";
}

.xi-list-dot:before {
	content: "\e95c";
}

.xi-list-ul:before {
	content: "\e95c";
}

.xi-list-square:before {
	content: "\e95d";
}

.xi-list-ul-square:before {
	content: "\e95d";
}

.xi-list-number:before {
	content: "\ea6b";
}

.xi-list-ol:before {
	content: "\ea6b";
}

.xi-list:before {
	content: "\e95f";
}

.xi-list-ul-l:before {
	content: "\e95f";
}

.xi-paragraph:before {
	content: "\e968";
}

.xi-bold:before {
	content: "\e96a";
}

.xi-italic:before {
	content: "\e96c";
}

.xi-strikethrough:before {
	content: "\e969";
}

.xi-underline:before {
	content: "\e96b";
}

.xi-caps:before {
	content: "\e96d";
}

.xi-text-size:before {
	content: "\eaba";
}

.xi-text-type:before {
	content: "\e97f";
}

.xi-type:before {
	content: "\e97f";
}

.xi-spellcheck:before {
	content: "\eaa9";
}

.xi-translate:before {
	content: "\eabc";
}

.xi-line-height:before {
	content: "\e976";
}

.xi-lineheight:before {
	content: "\e976";
}

.xi-font:before {
	content: "\ea63";
}

.xi-text-format:before {
	content: "\eab9";
}

.xi-text-color:before {
	content: "\eaaa";
}

.xi-color-fill:before {
	content: "\ea5e";
}

.xi-color-helper:before {
	content: "\ea5f";
}

.xi-scissors:before {
	content: "\e994";
}

.xi-document:before {
	content: "\e998";
}

.xi-form:before {
	content: "\e998";
}

.xi-palette:before {
	content: "\e995";
}

.xi-color:before {
	content: "\e995";
}

.xi-color-dropper:before {
	content: "\e97d";
}

.xi-eye-dropper:before {
	content: "\e97d";
}

.xi-eraser:before {
	content: "\e970";
}

.xi-eraser-o:before {
	content: "\e971";
}

.xi-sort-asc:before {
	content: "\e974";
}

.xi-lineheight-plus:before {
	content: "\e974";
}

.xi-sort-desc:before {
	content: "\e975";
}

.xi-lineheight-minus:before {
	content: "\e975";
}

.xi-rotate-right:before {
	content: "\e978";
}

.xi-rotate-left:before {
	content: "\e979";
}

.xi-layout:before {
	content: "\e988";
}

.xi-layout-top:before {
	content: "\e988";
}

.xi-layout-o:before {
	content: "\e98e";
}

.xi-layout-full:before {
	content: "\e989";
}

.xi-layout-full-o:before {
	content: "\e98f";
}

.xi-layout-snb:before {
	content: "\e98a";
}

.xi-layout-top-left:before {
	content: "\e98a";
}

.xi-layout-snb-o:before {
	content: "\e990";
}

.xi-layout-aside:before {
	content: "\e98b";
}

.xi-layout-top-right:before {
	content: "\e98b";
}

.xi-layout-aside-o:before {
	content: "\e991";
}

.xi-layout-column:before {
	content: "\e98c";
}

.xi-layout-top-three:before {
	content: "\e98c";
}

.xi-layout-column-o:before {
	content: "\e992";
}

.xi-crop:before {
	content: "\e999";
}

.xi-border-color:before {
	content: "\ea39";
}

.xi-line-style:before {
	content: "\ea66";
}

.xi-line-weight:before {
	content: "\ea67";
}

.xi-border-all:before {
	content: "\e987";
}

.xi-border-bottom:before {
	content: "\ea32";
}

.xi-border-clear:before {
	content: "\ea33";
}

.xi-border-horizontal:before {
	content: "\ea45";
}

.xi-border-inner:before {
	content: "\ea46";
}

.xi-border-left:before {
	content: "\ea49";
}

.xi-border-outer:before {
	content: "\ea4f";
}

.xi-border-right:before {
	content: "\ea51";
}

.xi-border-style:before {
	content: "\ea52";
}

.xi-border-top:before {
	content: "\ea54";
}

.xi-border-vertical:before {
	content: "\ea5c";
}

.xi-valign-top:before {
	content: "\eabf";
}

.xi-valign-bottom:before {
	content: "\eabd";
}

.xi-valign-center:before {
	content: "\eabe";
}

.xi-code:before {
	content: "\ea5d";
}

.xi-emoticon:before {
	content: "\ea62";
}

.xi-emoji:before {
	content: "\ea62";
}

.xi-face:before {
	content: "\ea62";
}

.xi-link-insert:before {
	content: "\ea6a";
}

.xi-link-l:before {
	content: "\ea6a";
}

.xi-link-broken:before {
	content: "\ea68";
}

.xi-unlink:before {
	content: "\ea68";
}

.xi-omega:before {
	content: "\ea6c";
}

.xi-opacity:before {
	content: "\ea6d";
}

.xi-overscan:before {
	content: "\ea78";
}

.xi-paperclip:before {
	content: "\ea7f";
}

.xi-transform:before {
	content: "\eabb";
}

.xi-power-off:before {
	content: "\e94c";
}

.xi-esc:before {
	content: "\e94f";
}

.xi-command:before {
	content: "\e94e";
}

.xi-alt:before {
	content: "\e94d";
}

.xi-tab:before {
	content: "\eaf8";
}

.xi-backspace:before {
	content: "\eac4";
}

.xi-capslock:before {
	content: "\ead6";
}

.xi-watch:before {
	content: "\e9b5";
}

.xi-mouse:before {
	content: "\e9b6";
}

.xi-sdcard:before {
	content: "\e9b7";
}

.xi-usb-drive:before {
	content: "\e9b8";
}

.xi-diskette:before {
	content: "\e9ba";
}

.xi-print:before {
	content: "\e9bb";
}

.xi-social-print:before {
	content: "\e9bb";
}

.xi-fax:before {
	content: "\e9bc";
}

.xi-webcam:before {
	content: "\e9cc";
}

.xi-projector:before {
	content: "\e9ce";
}

.xi-presentation:before {
	content: "\e9cf";
}

.xi-plug:before {
	content: "\e9d0";
}

.xi-speaker:before {
	content: "\ea60";
}

.xi-airplay:before {
	content: "\eac0";
}

.xi-alarm-clock:before {
	content: "\eac1";
}

.xi-alarm-clock-o:before {
	content: "\eac2";
}

.xi-alarm-clock-off:before {
	content: "\eac3";
}

.xi-battery:before {
	content: "\eac5";
}

.xi-battery-full:before {
	content: "\eac5";
}

.xi-battery-o:before {
	content: "\ead0";
}

.xi-battery-min:before {
	content: "\ead0";
}

.xi-battery-10:before {
	content: "\eac6";
}

.xi-battery-20:before {
	content: "\eac7";
}

.xi-battery-30:before {
	content: "\eac8";
}

.xi-battery-40:before {
	content: "\eac9";
}

.xi-battery-50:before {
	content: "\eacb";
}

.xi-battery-60:before {
	content: "\eacc";
}

.xi-battery-70:before {
	content: "\eacd";
}

.xi-battery-80:before {
	content: "\eace";
}

.xi-battery-90:before {
	content: "\eacf";
}

.xi-bluetooth:before {
	content: "\ead1";
}

.xi-bluetooth-off:before {
	content: "\ead2";
}

.xi-bluetooth-on:before {
	content: "\ead3";
}

.xi-bluetooth-search:before {
	content: "\ead4";
}

.xi-brightness:before {
	content: "\ead5";
}

.xi-clock:before {
	content: "\ead7";
}

.xi-clock-o:before {
	content: "\ead8";
}

.xi-contrast:before {
	content: "\ead9";
}

.xi-desktop:before {
	content: "\eada";
}

.xi-monitor:before {
	content: "\eada";
}

.xi-laptop:before {
	content: "\eae9";
}

.xi-devices:before {
	content: "\eadb";
}

.xi-tablet:before {
	content: "\eaf9";
}

.xi-mobile:before {
	content: "\eaed";
}

.xi-tv:before {
	content: "\eafb";
}

.xi-enter:before {
	content: "\eadc";
}

.xi-flashlight:before {
	content: "\eadd";
}

.xi-flashlight-off:before {
	content: "\eade";
}

.xi-flight-off:before {
	content: "\eadf";
}

.xi-flight-on:before {
	content: "\eae0";
}

.xi-gamepad:before {
	content: "\eae1";
}

.xi-gps:before {
	content: "\eae2";
}

.xi-gps-none:before {
	content: "\eae3";
}

.xi-gps-off:before {
	content: "\eae4";
}

.xi-hdd:before {
	content: "\eae5";
}

.xi-hdmi:before {
	content: "\eae6";
}

.xi-keyboard:before {
	content: "\eae7";
}

.xi-keyboard-o:before {
	content: "\eae8";
}

.xi-space-bar:before {
	content: "\eaf7";
}

.xi-lock-rotation:before {
	content: "\eaea";
}

.xi-chip:before {
	content: "\eaeb";
}

.xi-chip-o:before {
	content: "\eaec";
}

.xi-mouse-pointer:before {
	content: "\eaee";
}

.xi-router:before {
	content: "\eaef";
}

.xi-wifi-router:before {
	content: "\eaef";
}

.xi-router-o:before {
	content: "\eaf0";
}

.xi-signal:before {
	content: "\eaf1";
}

.xi-signal-1:before {
	content: "\eaf2";
}

.xi-signal-2:before {
	content: "\eaf3";
}

.xi-signal-3:before {
	content: "\eaf4";
}

.xi-signal-4:before {
	content: "\eaf5";
}

.xi-signal-none:before {
	content: "\eaf6";
}

.xi-touch:before {
	content: "\eafa";
}

.xi-usb:before {
	content: "\eafc";
}

.xi-wifi:before {
	content: "\eafd";
}

.xi-wifi-signal:before {
	content: "\eafd";
}

.xi-wifi-signal-mid:before {
	content: "\eafe";
}

.xi-wifi-signal-min:before {
	content: "\eaff";
}

.xi-wifi-signal-off:before {
	content: "\eb00";
}

.xi-chart-bar:before {
	content: "\e901";
}

.xi-book:before {
	content: "\ea34";
}

.xi-book-o:before {
	content: "\ea35";
}

.xi-play:before {
	content: "\ea3e";
}

.xi-caret-right:before {
	content: "\ea3e";
}

.xi-play-circle:before {
	content: "\ea40";
}

.xi-play-circle-o:before {
	content: "\ea3f";
}

.xi-pause-circle:before {
	content: "\ea3d";
}

.xi-pause-circle-o:before {
	content: "\ea3c";
}

.xi-pause:before {
	content: "\ea3b";
}

.xi-stop:before {
	content: "\ea41";
}

.xi-recording-stop:before {
	content: "\eb24";
}

.xi-recording:before {
	content: "\eb21";
}

.xi-record:before {
	content: "\eb21";
}

.xi-eject:before {
	content: "\ea42";
}

.xi-step-backward:before {
	content: "\ea43";
}

.xi-step-forward:before {
	content: "\ea44";
}

.xi-backward:before {
	content: "\ea47";
}

.xi-forward:before {
	content: "\ea48";
}

.xi-fast-backward:before {
	content: "\eb08";
}

.xi-fast-forward:before {
	content: "\eb07";
}

.xi-camera:before {
	content: "\ea4b";
}

.xi-camera-o:before {
	content: "\ea4a";
}

.xi-videocam:before {
	content: "\ea4d";
}

.xi-video-camera:before {
	content: "\ea4d";
}

.xi-videocam-o:before {
	content: "\ea4c";
}

.xi-image:before {
	content: "\ea50";
}

.xi-image-o:before {
	content: "\ea4e";
}

.xi-microphone-o:before {
	content: "\ea56";
}

.xi-microphone:before {
	content: "\ea57";
}

.xi-microphone-off:before {
	content: "\ea58";
}

.xi-microphone-slash:before {
	content: "\ea58";
}

.xi-volume-mute:before {
	content: "\ea59";
}

.xi-volume:before {
	content: "\ea59";
}

.xi-volume-down:before {
	content: "\ea5a";
}

.xi-volume-min:before {
	content: "\ea5a";
}

.xi-volume-up:before {
	content: "\ea5b";
}

.xi-volume-max:before {
	content: "\ea5b";
}

.xi-volume-off:before {
	content: "\eb39";
}

.xi-volume-slash:before {
	content: "\eb39";
}

.xi-album:before {
	content: "\ea61";
}

.xi-record-play:before {
	content: "\ea61";
}

.xi-cd-r:before {
	content: "\ea61";
}

.xi-headset:before {
	content: "\ea64";
}

.xi-music:before {
	content: "\ea65";
}

.xi-chart-pyramid:before {
	content: "\ea69";
}

.xi-chart-bar-square:before {
	content: "\eb01";
}

.xi-chart-line:before {
	content: "\eb02";
}

.xi-chart-pie:before {
	content: "\eb03";
}

.xi-chart-pie-o:before {
	content: "\eb04";
}

.xi-equalizer:before {
	content: "\eb05";
}

.xi-volume-bar:before {
	content: "\eb05";
}

.xi-equalizer-thin:before {
	content: "\ea55";
}

.xi-exposure:before {
	content: "\eb06";
}

.xi-flash:before {
	content: "\eb09";
}

.xi-flash-off:before {
	content: "\eb0a";
}

.xi-focus-center:before {
	content: "\eb0b";
}

.xi-focus-frame:before {
	content: "\eb0c";
}

.xi-focus-weak:before {
	content: "\eb11";
}

.xi-paper:before {
	content: "\eb1e";
}

.xi-paper-o:before {
	content: "\eb1f";
}

.xi-library-books:before {
	content: "\eb14";
}

.xi-library-books-o:before {
	content: "\eb16";
}

.xi-library-image:before {
	content: "\eb17";
}

.xi-library-image-o:before {
	content: "\eb18";
}

.xi-library-music:before {
	content: "\eb19";
}

.xi-library-video:before {
	content: "\eb1a";
}

.xi-movie:before {
	content: "\eb1b";
}

.xi-movie-o:before {
	content: "\eb1c";
}

.xi-pacman:before {
	content: "\eb1d";
}

.xi-radio:before {
	content: "\eb20";
}

.xi-repeat:before {
	content: "\eb25";
}

.xi-repeat-one:before {
	content: "\eb26";
}

.xi-shuffle:before {
	content: "\eb27";
}

.xi-timer:before {
	content: "\eb29";
}

.xi-timer-o:before {
	content: "\eb2a";
}

.xi-timer-off-o:before {
	content: "\eb2f";
}

.xi-timer-sand:before {
	content: "\eb30";
}

.xi-sandwatch-min:before {
	content: "\eb30";
}

.xi-timer-sand-o:before {
	content: "\eb31";
}

.xi-trending-flat:before {
	content: "\eb36";
}

.xi-trending-down:before {
	content: "\eb33";
}

.xi-decline:before {
	content: "\eb33";
}

.xi-trending-up:before {
	content: "\eb37";
}

.xi-rise:before {
	content: "\eb37";
}

.xi-tune:before {
	content: "\eb38";
}

.xi-map:before {
	content: "\eb22";
}

.xi-map-folding:before {
	content: "\eb22";
}

.xi-map-o:before {
	content: "\eb23";
}

.xi-my-location:before {
	content: "\eb5d";
}

.xi-location-arrow:before {
	content: "\eb58";
}

.xi-woman:before {
	content: "\ea2f";
}

.xi-man:before {
	content: "\ea30";
}

.xi-toilet:before {
	content: "\ea31";
}

.xi-pregnant-woman:before {
	content: "\eb61";
}

.xi-maternity:before {
	content: "\eb61";
}

.xi-walk:before {
	content: "\eb6d";
}

.xi-walking:before {
	content: "\eb6d";
}

.xi-run:before {
	content: "\eb63";
}

.xi-wheelchair:before {
	content: "\eb6e";
}

.xi-glass:before {
	content: "\eb28";
}

.xi-market:before {
	content: "\eb2b";
}

.xi-shopping-bag:before {
	content: "\eb2b";
}

.xi-pharmacy:before {
	content: "\eb2c";
}

.xi-laundry:before {
	content: "\eb2e";
}

.xi-florist:before {
	content: "\eb32";
}

.xi-hlz:before {
	content: "\eb34";
}

.xi-park:before {
	content: "\eb35";
}

.xi-airplane:before {
	content: "\eb3a";
}

.xi-all:before {
	content: "\eb3b";
}

.xi-flight-takeoff:before {
	content: "\eb3c";
}

.xi-flight:before {
	content: "\eb3c";
}

.xi-flight-land:before {
	content: "\eb3d";
}

.xi-bank:before {
	content: "\eb3e";
}

.xi-bank-o:before {
	content: "\eb3e";
}

.xi-beach:before {
	content: "\eb3f";
}

.xi-bicycle:before {
	content: "\eb40";
}

.xi-building:before {
	content: "\eb41";
}

.xi-bus:before {
	content: "\eb42";
}

.xi-business:before {
	content: "\eb43";
}

.xi-cafe:before {
	content: "\eb44";
}

.xi-cake:before {
	content: "\eb47";
}

.xi-car:before {
	content: "\eb48";
}

.xi-church:before {
	content: "\eb49";
}

.xi-city:before {
	content: "\eb4a";
}

.xi-compass:before {
	content: "\eb4b";
}

.xi-compass-o:before {
	content: "\eb4c";
}

.xi-convenience-store:before {
	content: "\eb4d";
}

.xi-directions:before {
	content: "\eb4e";
}

.xi-factory:before {
	content: "\eb4f";
}

.xi-fitness-center:before {
	content: "\eb50";
}

.xi-garden:before {
	content: "\eb51";
}

.xi-gas-station:before {
	content: "\eb52";
}

.xi-golf:before {
	content: "\eb53";
}

.xi-hand-pointing:before {
	content: "\eb54";
}

.xi-hospital:before {
	content: "\eb55";
}

.xi-hotel:before {
	content: "\eb56";
}

.xi-library:before {
	content: "\eb57";
}

.xi-maker:before {
	content: "\eb59";
}

.xi-marker-circle:before {
	content: "\eb59";
}

.xi-marker-plus:before {
	content: "\eb5b";
}

.xi-maker-drop:before {
	content: "\eb5f";
}

.xi-map-marker:before {
	content: "\eb5f";
}

.xi-marker-check:before {
	content: "\eb5a";
}

.xi-motorcycle:before {
	content: "\eb5c";
}

.xi-navigation:before {
	content: "\eb5e";
}

.xi-pool:before {
	content: "\eb60";
}

.xi-restaurant:before {
	content: "\eb62";
}

.xi-school:before {
	content: "\eb64";
}

.xi-ship:before {
	content: "\eb65";
}

.xi-spa:before {
	content: "\eb66";
}

.xi-stroller:before {
	content: "\eb67";
}

.xi-subway:before {
	content: "\eb68";
}

.xi-taxi:before {
	content: "\eb69";
}

.xi-theater:before {
	content: "\eb6a";
}

.xi-film:before {
	content: "\eb6a";
}

.xi-traffic:before {
	content: "\eb6b";
}

.xi-train:before {
	content: "\eb6c";
}

.xi-cart:before {
	content: "\eb6f";
}

.xi-cart-o:before {
	content: "\e9fb";
}

.xi-cart-add:before {
	content: "\e9fc";
}

.xi-cart-remove:before {
	content: "\e9fd";
}

.xi-basket:before {
	content: "\e9fe";
}

.xi-box:before {
	content: "\ea01";
}

.xi-fragile:before {
	content: "\ea02";
}

.xi-coupon:before {
	content: "\ea03";
}

.xi-shop:before {
	content: "\ea05";
}

.xi-gift:before {
	content: "\eb70";
}

.xi-present:before {
	content: "\eb70";
}

.xi-gift-o:before {
	content: "\ea3a";
}

.xi-exchange:before {
	content: "\ea53";
}

.xi-barter:before {
	content: "\ea53";
}

.xi-yuan:before {
	content: "\ea6e";
}

.xi-won:before {
	content: "\ea6f";
}

.xi-yen:before {
	content: "\ea70";
}

.xi-pound:before {
	content: "\ea71";
}

.xi-euro:before {
	content: "\ea72";
}

.xi-rial:before {
	content: "\ea73";
}

.xi-dollar:before {
	content: "\ea74";
}

.xi-peso:before {
	content: "\ea75";
}

.xi-rupee:before {
	content: "\ea76";
}

.xi-credit-card:before {
	content: "\ea77";
}

.xi-money:before {
	content: "\ea79";
}

.xi-piggy-bank:before {
	content: "\ea7a";
}

.xi-strongbox:before {
	content: "\ea7b";
}

.xi-briefcase:before {
	content: "\ea7c";
}

.xi-percent:before {
	content: "\ea7d";
}

.xi-calculator:before {
	content: "\ea7e";
}

.xi-medicine:before {
	content: "\eb2d";
}

.xi-receipt:before {
	content: "\eb71";
}

.xi-truck:before {
	content: "\eb72";
}

.xi-wallet:before {
	content: "\eb73";
}

.xi-file:before {
	content: "\ea94";
}

.xi-file-o:before {
	content: "\ea80";
}

.xi-file-add:before {
	content: "\ea95";
}

.xi-file-add-o:before {
	content: "\ea81";
}

.xi-file-remove:before {
	content: "\ea96";
}

.xi-file-remove-o:before {
	content: "\ea82";
}

.xi-file-text:before {
	content: "\ea97";
}

.xi-file-text-o:before {
	content: "\ea83";
}

.xi-documents:before {
	content: "\ea98";
}

.xi-stack-paper:before {
	content: "\ea98";
}

.xi-documents-o:before {
	content: "\ea84";
}

.xi-file-image:before {
	content: "\ea99";
}

.xi-file-image-o:before {
	content: "\ea85";
}

.xi-file-video:before {
	content: "\ea9a";
}

.xi-file-video-o:before {
	content: "\ea86";
}

.xi-file-music:before {
	content: "\ea9b";
}

.xi-file-music-o:before {
	content: "\ea87";
}

.xi-file-code:before {
	content: "\ea9c";
}

.xi-file-code-o:before {
	content: "\ea88";
}

.xi-file-zip:before {
	content: "\ea9d";
}

.xi-file-zip-o:before {
	content: "\ea89";
}

.xi-file-upload:before {
	content: "\ea9e";
}

.xi-file-upload-o:before {
	content: "\ea8a";
}

.xi-file-download:before {
	content: "\ea9f";
}

.xi-file-download-o:before {
	content: "\ea8b";
}

.xi-file-check:before {
	content: "\eaa0";
}

.xi-file-check-o:before {
	content: "\ea8c";
}

.xi-folder:before {
	content: "\eaa1";
}

.xi-folder-o:before {
	content: "\ea8d";
}

.xi-folder-open:before {
	content: "\eaa8";
}

.xi-folder-shared:before {
	content: "\eb7d";
}

.xi-folder-zip:before {
	content: "\eaa7";
}

.xi-folder-zip-o:before {
	content: "\ea93";
}

.xi-folder-add:before {
	content: "\eaa2";
}

.xi-folder-add-o:before {
	content: "\ea8e";
}

.xi-folder-remove:before {
	content: "\eaa3";
}

.xi-folder-remove-o:before {
	content: "\ea8f";
}

.xi-folder-check:before {
	content: "\eaa4";
}

.xi-folder-check-o:before {
	content: "\ea90";
}

.xi-folder-upload:before {
	content: "\eaa5";
}

.xi-folder-upload-o:before {
	content: "\ea91";
}

.xi-folder-download:before {
	content: "\eaa6";
}

.xi-folder-download-o:before {
	content: "\ea92";
}

.xi-attachment:before {
	content: "\eb74";
}

.xi-cloud:before {
	content: "\eb75";
}

.xi-cloud-o:before {
	content: "\eb78";
}

.xi-cloud-off:before {
	content: "\eb79";
}

.xi-cloud-upload:before {
	content: "\eb7a";
}

.xi-cloud-upload-o:before {
	content: "\eb7b";
}

.xi-cloud-download:before {
	content: "\eb76";
}

.xi-cloud-download-o:before {
	content: "\eb77";
}

.xi-upload:before {
	content: "\eb7e";
}

.xi-download:before {
	content: "\eb7c";
}

.xi-globus:before {
	content: "\e9d1";
}

.xi-browser:before {
	content: "\e9db";
}

.xi-browser-text:before {
	content: "\e9dc";
}

.xi-rss-square:before {
	content: "\e9e5";
}

.xi-central-signal:before {
	content: "\e9e7";
}

.xi-central-router:before {
	content: "\e9e8";
}

.xi-antenna:before {
	content: "\e9f6";
}

.xi-barcode:before {
	content: "\e9ff";
}

.xi-qr-code:before {
	content: "\ea00";
}

.xi-accessibility:before {
	content: "\eb7f";
}

.xi-branch:before {
	content: "\eb80";
}

.xi-fork:before {
	content: "\eb85";
}

.xi-code-fork:before {
	content: "\eb85";
}

.xi-pull-requests:before {
	content: "\eb92";
}

.xi-merge:before {
	content: "\eb8b";
}

.xi-log:before {
	content: "\eb8a";
}

.xi-bug:before {
	content: "\eb81";
}

.xi-cookie:before {
	content: "\eb82";
}

.xi-fingerprint:before {
	content: "\eb84";
}

.xi-css3:before {
	content: "\eb83";
}

.xi-html5:before {
	content: "\eb86";
}

.xi-javascript:before {
	content: "\eb87";
}

.xi-csharp:before {
	content: "\eb88";
}

.xi-php:before {
	content: "\eb91";
}

.xi-python:before {
	content: "\eb94";
}

.xi-milestone:before {
	content: "\eb8c";
}

.xi-network-company:before {
	content: "\eb8d";
}

.xi-network-folder:before {
	content: "\eb8e";
}

.xi-network-home:before {
	content: "\eb8f";
}

.xi-home-network:before {
	content: "\eb8f";
}

.xi-network-public:before {
	content: "\eb90";
}

.xi-cloud-network:before {
	content: "\eb90";
}

.xi-puzzle:before {
	content: "\eb93";
}

.xi-rss:before {
	content: "\eb95";
}

.xi-social-rssfeed:before {
	content: "\eb95";
}

.xi-server:before {
	content: "\eb96";
}

.xi-network-server:before {
	content: "\eb97";
}

.xi-sitemap:before {
	content: "\eb98";
}

.xi-sitemap-o:before {
	content: "\eb99";
}

.xi-spinner-1:before {
	content: "\ec33";
}

.xi-spinner-2:before {
	content: "\ec34";
}

.xi-spinner-3:before {
	content: "\ec35";
}

.xi-spinner-4:before {
	content: "\ec36";
}

.xi-spinner-5:before {
	content: "\ec37";
}

.xi-full-moon:before {
	content: "\eb0d";
}

.xi-fullmoon:before {
	content: "\eb0d";
}

.xi-half-moon:before {
	content: "\eb0e";
}

.xi-halfmoon:before {
	content: "\eb0e";
}

.xi-crescent:before {
	content: "\eb9b";
}

.xi-moon:before {
	content: "\eb0f";
}

.xi-night:before {
	content: "\eb10";
}

.xi-snow-crystal:before {
	content: "\eb15";
}

.xi-snow:before {
	content: "\eb15";
}

.xi-cloudy:before {
	content: "\eb9c";
}

.xi-fog:before {
	content: "\eb9d";
}

.xi-foggy:before {
	content: "\eb9e";
}

.xi-lightning:before {
	content: "\eb9f";
}

.xi-partly-cloudy:before {
	content: "\eba0";
}

.xi-pouring:before {
	content: "\eba1";
}

.xi-rain:before {
	content: "\eba1";
}

.xi-snowy:before {
	content: "\eba2";
}

.xi-heavy-snow:before {
	content: "\eba2";
}

.xi-sun:before {
	content: "\eba3";
}

.xi-sun-o:before {
	content: "\eba4";
}

.xi-sunset:before {
	content: "\eba5";
}

.xi-sunset-down:before {
	content: "\eba6";
}

.xi-sunset-up:before {
	content: "\eba7";
}

.xi-thermometer:before {
	content: "\eba8";
}

.xi-tint:before {
	content: "\eba9";
}

.xi-humidity:before {
	content: "\eba9";
}

.xi-tint-o:before {
	content: "\ebaa";
}

.xi-tornado:before {
	content: "\ebab";
}

.xi-umbrella:before {
	content: "\ebac";
}

.xi-umbrella-o:before {
	content: "\ebad";
}

.xi-windy:before {
	content: "\ebae";
}

.xi-wind:before {
	content: "\ebae";
}

.xi-windy-variant:before {
	content: "\ebaf";
}

.xi-windsock:before {
	content: "\eb13";
}

.xi-cc-cc:before {
	content: "\eaad";
}

.xi-cc-by:before {
	content: "\eaae";
}

.xi-cc-sa:before {
	content: "\eaaf";
}

.xi-cc-nd:before {
	content: "\eab0";
}

.xi-cc-nc:before {
	content: "\eab1";
}

.xi-cc-nc-eu:before {
	content: "\eab2";
}

.xi-cc-nc-jp:before {
	content: "\eab3";
}

.xi-cc-remix:before {
	content: "\eab4";
}

.xi-cc-pd:before {
	content: "\eab5";
}

.xi-cc-sampling:before {
	content: "\eab6";
}

.xi-cc-zero:before {
	content: "\eab7";
}

.xi-cc-share:before {
	content: "\eab8";
}

.xi-copyleft:before {
	content: "\ebb0";
}

.xi-copyright:before {
	content: "\ebb1";
}

.xi-registered:before {
	content: "\eaab";
}

.xi-trademark:before {
	content: "\eaac";
}

.xi-500px:before {
	content: "\ebb2";
}

.xi-adobe:before {
	content: "\ebb3";
}

.xi-amazon:before {
	content: "\ebb4";
}

.xi-android:before {
	content: "\ebb5";
}

.xi-apple:before {
	content: "\ebb6";
}

.xi-beats:before {
	content: "\ebb7";
}

.xi-behance:before {
	content: "\ebb8";
}

.xi-bing:before {
	content: "\ebb9";
}

.xi-bitbucket:before {
	content: "\ebba";
}

.xi-blackberry:before {
	content: "\ebbb";
}

.xi-blogger:before {
	content: "\ebbc";
}

.xi-cc-amex:before {
	content: "\ebbe";
}

.xi-cc-discover:before {
	content: "\ebbf";
}

.xi-cc-mastercard:before {
	content: "\ebc0";
}

.xi-cc-paypal:before {
	content: "\ebc1";
}

.xi-cc-stripe:before {
	content: "\ebc2";
}

.xi-cc-visa:before {
	content: "\ebc3";
}

.xi-chrome:before {
	content: "\ebc5";
}

.xi-codepen:before {
	content: "\ebc6";
}

.xi-connectdevelop:before {
	content: "\ebc7";
}

.xi-d2:before {
	content: "\ebc8";
}

.xi-dashcube:before {
	content: "\ebc9";
}

.xi-delicious:before {
	content: "\ebca";
}

.xi-deviantart:before {
	content: "\ebcb";
}

.xi-digg:before {
	content: "\ebcc";
}

.xi-disqus:before {
	content: "\ebcd";
}

.xi-dribbble:before {
	content: "\ebce";
}

.xi-dropbox:before {
	content: "\ebcf";
}

.xi-drupal:before {
	content: "\ebd0";
}

.xi-edge:before {
	content: "\ebd1";
}

.xi-evernote:before {
	content: "\ebd2";
}

.xi-facebook:before {
	content: "\ebd3";
}

.xi-facebook-messenger:before {
	content: "\ebd4";
}

.xi-facebook-official:before {
	content: "\ebd5";
}

.xi-feedly:before {
	content: "\ebd6";
}

.xi-firefox:before {
	content: "\ebd7";
}

.xi-flickr:before {
	content: "\eaca";
}

.xi-flickr-square:before {
	content: "\ebd8";
}

.xi-foursquare:before {
	content: "\ebd9";
}

.xi-ghost:before {
	content: "\ebda";
}

.xi-git:before {
	content: "\ebdb";
}

.xi-git-symbol:before {
	content: "\ebdc";
}

.xi-github:before {
	content: "\ebdd";
}

.xi-github-alt:before {
	content: "\ebde";
}

.xi-gmail:before {
	content: "\ebdf";
}

.xi-google:before {
	content: "\ebe0";
}

.xi-google-play:before {
	content: "\ebe1";
}

.xi-google-plus:before {
	content: "\ebe2";
}

.xi-google-wallet:before {
	content: "\ebe3";
}

.xi-gratipay:before {
	content: "\ebe4";
}

.xi-hangouts:before {
	content: "\ebe5";
}

.xi-hunie:before {
	content: "\ebe6";
}

.xi-illustrator:before {
	content: "\ebe7";
}

.xi-illustrator-circle:before {
	content: "\ebe8";
}

.xi-instagram:before {
	content: "\ebe9";
}

.xi-internet-explorer:before {
	content: "\ebea";
}

.xi-jira:before {
	content: "\ebeb";
}

.xi-joomla:before {
	content: "\ebec";
}

.xi-jsfiddle:before {
	content: "\ebed";
}

.xi-kakaostory:before {
	content: "\ebef";
}

.xi-kakaotalk:before {
	content: "\ebee";
}

.xi-kickstarter:before {
	content: "\ebf0";
}

.xi-laravel:before {
	content: "\eb89";
}

.xi-line:before {
	content: "\ebf1";
}

.xi-line-messenger:before {
	content: "\ebf2";
}

.xi-linkedin:before {
	content: "\ebf3";
}

.xi-linkedin-square:before {
	content: "\ebf4";
}

.xi-linux:before {
	content: "\ebf5";
}

.xi-magento:before {
	content: "\ebf6";
}

.xi-maxcdn:before {
	content: "\ebf7";
}

.xi-medium:before {
	content: "\ebf8";
}

.xi-naver:before {
	content: "\ebf9";
}

.xi-naver-square:before {
	content: "\ebfa";
}

.xi-office:before {
	content: "\ebfb";
}

.xi-opencart:before {
	content: "\ebfc";
}

.xi-opera:before {
	content: "\ebfd";
}

.xi-oscommerce:before {
	content: "\ebfe";
}

.xi-path:before {
	content: "\ebff";
}

.xi-paypal:before {
	content: "\ec00";
}

.xi-photoshop:before {
	content: "\ec01";
}

.xi-photoshop-circle:before {
	content: "\ec02";
}

.xi-pinterest:before {
	content: "\ec03";
}

.xi-pinterest-p:before {
	content: "\ec04";
}

.xi-pocket:before {
	content: "\ec05";
}

.xi-qq:before {
	content: "\ec06";
}

.xi-quicktime:before {
	content: "\ec07";
}

.xi-reddit:before {
	content: "\ec08";
}

.xi-renren:before {
	content: "\ec09";
}

.xi-safari:before {
	content: "\ec0a";
}

.xi-sellsy:before {
	content: "\ec0b";
}

.xi-silverstripe:before {
	content: "\ebbd";
}

.xi-simplybuilt:before {
	content: "\ec0c";
}

.xi-sketch:before {
	content: "\ec0d";
}

.xi-skype:before {
	content: "\ec0e";
}

.xi-slack:before {
	content: "\ec0f";
}

.xi-slideshare:before {
	content: "\ec10";
}

.xi-soundcloud:before {
	content: "\ec11";
}

.xi-spotify:before {
	content: "\ec12";
}

.xi-stack-exchange:before {
	content: "\ec13";
}

.xi-stack-overflow:before {
	content: "\ec14";
}

.xi-steam:before {
	content: "\ec15";
}

.xi-steam-square:before {
	content: "\ec16";
}

.xi-stumbleupon:before {
	content: "\ec17";
}

.xi-stumbleupon-circle:before {
	content: "\ec18";
}

.xi-telegram:before {
	content: "\ec19";
}

.xi-tencent-weibo:before {
	content: "\ec1a";
}

.xi-trello:before {
	content: "\ec1b";
}

.xi-tumblr:before {
	content: "\ec1c";
}

.xi-tumblr-square:before {
	content: "\ec1d";
}

.xi-twich:before {
	content: "\ec1e";
}

.xi-twitter:before {
	content: "\ec1f";
}

.xi-ubercart:before {
	content: "\ec20";
}

.xi-ubuntu:before {
	content: "\ec21";
}

.xi-ubuntu-circle:before {
	content: "\ec22";
}

.xi-vimeo:before {
	content: "\ec23";
}

.xi-vine:before {
	content: "\ec24";
}

.xi-vk:before {
	content: "\ec25";
}

.xi-wechat:before {
	content: "\ec26";
}

.xi-whatsapp:before {
	content: "\ec27";
}

.xi-wikipedia:before {
	content: "\ec28";
}

.xi-windows:before {
	content: "\ec29";
}

.xi-wordpress:before {
	content: "\ec2a";
}

.xi-wordpress-official:before {
	content: "\ec2b";
}

.xi-xe:before {
	content: "\ec2c";
}

.xi-xing:before {
	content: "\ec2d";
}

.xi-xpressengine:before {
	content: "\ec2e";
}

.xi-yahoo:before {
	content: "\ec2f";
}

.xi-yelp:before {
	content: "\ec30";
}

.xi-youtube:before {
	content: "\ec31";
}

.xi-youtube-play:before {
	content: "\ec32";
}

.xi-x {
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.xi-2x {
	font-size: 2em;
}

.xi-3x {
	font-size: 3em;
}

.xi-4x {
	font-size: 4em;
}

.xi-5x {
	font-size: 5em;
}

.xi-spin {
	-webkit-animation: xi-spin 2s infinite linear;
	animation: xi-spin 2s infinite linear;
}

@-webkit-keyframes xi-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes xi-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.xi-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.xi-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.xi-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.xi-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.xi-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}

:root .xi-rotate-90,
:root .xi-rotate-180,
:root .xi-rotate-270,
:root .xi-flip-horizontal,
:root .xi-flip-vertical {
	-webkit-filter: none;
	filter: none;
}

.xi-fw {
	width: 1.28571em;
	text-align: center;
}

.xi-ul {
	padding-left: 0;
	margin-left: 2.14286em;
	list-style-type: none;
}

.xi-ul>li {
	position: relative;
}

.xi-li {
	position: absolute;
	left: -2.14286em;
	width: 2.14286em;
	top: 0.14286em;
	text-align: center;
}

.xi-li.xi-lg {
	left: -1.85714em;
}

.xi-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eee;
	border-radius: .1em;
}

.pull-right {
	float: right;
	margin-right: .3em;
}

.pull-left {
	float: left;
	margin-right: .3em;
}

object,
del,
sub,
var {
	margin: 0;
	padding: 0;
}

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

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

button.toggle2 span,
body,
code,
pre {
	font-size: 12px;
	font-family: 'Libre Baskerville', 'Noto Sans KR', sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0 auto;
	background: #fff;
}

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

img,
fieldset {
	border: 0;
	vertical-align: top;
}

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

table img {
	vertical-align: middle;
}

th,
td {
	border: 0;
	word-wrap: break-word;
}

input,
select,
textarea {
	font-size: 12px;
	font-family: 'Libre Baskerville', 'Noto Sans KR', sans-serif;
	color: #333;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

caption {
	overflow: hidden;
	width: 1px;
	font-size: 1px;
	line-height: 0;
	text-indent: 150%;
	white-space: nowrap;
}

legend,
.blind {
	display: block;
	overflow: hidden;
	position: absolute;
	font-size: 1px;
	line-height: 0;
	color: transparent;
	text-indent: -150%;
	white-space: nowrap;
}

hr.layout {
	display: none;
}

button {
	overflow: visible;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	cursor: pointer;
	background: transparent;
	color: #000;
	font-family: 'Libre Baskerville', 'Noto Sans KR', sans-serif;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
}

.dimmed {
	display: none;
	position: fixed;
	left: 0px;
	top: 0;
	right: 0px;
	bottom: 0px;
	z-index: 150;
	background: rgba(0, 0, 0, .4);
}

.dimmed.show {
	display: block;
}

.btnTooltip {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 3px;
	position: relative;
}

.btnTooltip:first-child {
	margin: 0;
}

body.eMobilePopup {
	overflow: hidden;
	position: fixed;
}

.ec-base-label {
	display: inline-block;
	margin-right: 5px;
}

.ec-base-label img {
	vertical-align: middle;
}

.ec-solution-box {
	padding: 20px;
	border: 5px solid #e8e8e8;
	color: #404040;
}

.ec-solution-box.gHalf {
	position: relative;
	padding: 20px 0;
}

.ec-solution-box.gHalf:before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #e6e6e6;
}

.ec-solution-box.typeBg {
	background-color: #fbfafa;
}

.ec-solution-box.typeThin {
	border-width: 1px;
	border-color: #d7d5d5;
}

.ec-solution-box.typeThinBg {
	border-width: 1px;
	border-color: #d7d5d5;
	background-color: #fbfafa;
}

.ec-solution-box.typeThinBg>.agree {
	padding: 20px;
	border: 1px solid #e6e6e6;
	background: #fff;
}

.ec-solution-box.typeThinBg>.agree p {
	padding: 0 0 17px;
}

.ec-solution-box.typeMember {
	padding: 0;
}

.ec-solution-box.typeMember .information {
	display: table;
	table-layout: fixed;
	padding: 10px 0;
	width: 100%;
	box-sizing: border-box;
}

.ec-solution-box.typeMember .information>.title,
.ec-solution-box.typeMember .information>.thumbnail {
	display: table-cell;
	padding: 0 15px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}

.ec-solution-box.typeMember .information>.title {
	vertical-align: middle;
}

.ec-solution-box.typeMember .information>.thumbnail img {
	max-width: 70px;
}

.ec-solution-box.typeMember .information .description {
	display: table-cell;
	padding: 0 10px;
	width: auto;
	line-height: 1.5em;
	border-left: 1px solid #e8e8e8;
	vertical-align: middle;
}

.ec-solution-box.typeMember.gMessage {
	border-width: 1px;
	border-color: #d7d5d5;
}

.ec-solution-box .message {
	display: block;
	padding: 10px 0 10px 35px;
	border-bottom: 1px solid #e8e7e7;
	background: #fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center;
}

.ec-solution-box.typeProduct {
	display: table;
	table-layout: fixed;
	padding: 15px 0;
	width: 100%;
	box-sizing: border-box;
}

.ec-solution-box.typeProduct .thumbnail,
.ec-solution-box.typeProduct .information {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
}

.ec-solution-box.typeProduct .thumbnail {
	width: 100px;
}

.ec-solution-box.typeProduct .thumbnail img {
	max-width: 90px;
	border: 1px solid #d7d5d5;
}

.ec-solution-box.typeProduct .information {
	padding-left: 0;
}

.ec-solution-button {
	padding: 10px 0;
	text-align: center;
}

.ec-solution-button.justify {
	position: relative;
}

.ec-solution-button:after {
	display: block;
	content: "";
	clear: both;
}

.ec-solution-button .gLeft {
	float: left;
	text-align: left;
}

.ec-solution-button .gRight {
	float: right;
	text-align: right;
}

.ec-solution-button.justify .gLeft {
	position: absolute;
	left: 0;
}

.ec-solution-button.justify .gRight {
	position: absolute;
	right: 0;
}

.ec-solution-button .text {
	margin: 0 6px 0 10px;
	color: #353535;
	line-height: 24px;
}

.ec-solution-button.typeBorder {
	margin-top: -1px;
	padding: 10px 20px;
	border: 1px solid #d7d5d5;
}

.ec-solution-button.typeBG {
	padding: 10px 20px;
	border: 1px solid #d7d5d5;
	background: #fbfafa;
}

.ec-solution-layer li {
	list-style: none;
}

.ec-solution-layer table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.ec-solution-layer caption {
	display: none;
}

.ec-solution-layer h1,
.ec-solution-layer h3 {
	margin: 0;
}

.ec-solution-layer {
	position: absolute;
	z-index: 100;
	border: 1px solid #757575;
	background: #fff;
}

.ec-solution-layer .header {
	padding: 7px 35px 7px 19px;
	color: #fff;
	background: #495164;
}

.ec-solution-layer .header>h1,
.ec-solution-layer .header>h3 {
	font-size: 14px;
	line-height: 1.5;
}

.ec-solution-layer .content {
	padding: 20px;
	font-size: 12px;
}

.ec-solution-layer div.ec-solution-help {
	margin-top: 0;
}

.ec-solution-layer .ec-solution-button {
	padding: 9px;
	border-top: 1px solid #d7d5d5;
	text-align: center;
	background: #fbfafa;
}

.ec-solution-layer .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 11px 20px;
	cursor: pointer;
}

#popup .ec-solution-layer {
	position: relative;
	border: 0;
}

#popup .ec-solution-layer .header {
	padding: 12px 35px 12px 19px;
}

#popup .ec-solution-layer .close {
	top: 5px;
}

.ec-solution-layer .content>.ec-solution-table table:first-child {
	margin-top: 0;
}

.ec-solution-layer .ec-solution-table table {
	line-height: 1.4;
}

.ec-solution-layer .ec-solution-table thead th {
	padding: 9px 0 8px;
}

.ec-solution-layer .ec-solution-table tbody th {
	padding: 9px 0 8px 10px;
}

.ec-solution-layer .ec-solution-table td {
	padding: 9px 10px 8px;
}

.ec-solution-layer .ec-solution-table.typeWrite td {
	padding: 5px 10px 4px;
}

.ec-solution-layer .ec-solution-table.typeList tfoot td {
	padding: 10px 10px 12px;
}

.ec-solution-layer .ec-solution-table.typeBorder tfoot td {
	padding: 10px 10px 12px;
}

.ec-solution-table table {
	position: relative;
	margin: 10px 0 0;
	border: 1px solid #d7d5d5;
	border-top-color: #fff;
	color: #fff;
	line-height: 1.5;
}

.ec-solution-table.gLayoutFixed table {
	table-layout: fixed;
}

.ec-solution-table.gLayoutFixed .gLayoutAuto table {
	table-layout: auto;
}

.ec-solution-table table:before {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #d7d5d5;
}

.ec-solution-table thead th {
	padding: 11px 0 10px;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	color: #353535;
	vertical-align: middle;
	font-weight: normal;
	background: #fbfafa;
}

.ec-solution-table tbody th {
	padding: 11px 0 10px 18px;
	border: 1px solid #dfdfdf;
	border-bottom-width: 0;
	color: #353535;
	text-align: left;
	font-weight: normal;
	background-color: #fbfafa;
}

.ec-solution-table th:first-child {
	border-left: 0;
}

.ec-solution-table td {
	padding: 11px 10px 10px;
	border-top: 1px solid #dfdfdf;
	color: #353535;
	vertical-align: middle;
}

.ec-solution-table td.clear {
	padding: 0 !important;
	border: 0 !important;
}

.ec-solution-table.typeWrite td {
	padding: 8px 10px 7px;
}

.ec-solution-table.typeList table {
	border-top-color: #d7d5d5;
}

.ec-solution-table.typeList table:before {
	display: none;
}

.ec-solution-table.typeList td {
	padding: 8px 10px 7px;
}

.ec-solution-table.typeList tfoot td {
	padding: 15px 10px 17px;
	background: #fbfafa;
}

.ec-solution-table .message {
	border: 1px solid #d7d5d5;
	padding: 50px 0;
	text-align: center;
	color: #757575;
	font-weight: bold;
}

.ec-solution-table table+.message {
	margin: -1px 0 0;
}

.ec-solution-table table td.message {
	padding: 50px 0;
}

.ec-solution-table .scroll .message {
	border: 0;
}

.ec-solution-table.typeList .head td {
	padding: 11px 0 10px;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	color: #353535;
	vertical-align: middle;
	text-align: center;
	background: #fbfafa;
}

.ec-solution-table.typeList .head td:first-child {
	border-left: 0;
}

.ec-solution-table.typeList .scroll {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 185px;
	min-height: 100px;
	border: 1px solid #d7d5d5;
	border-top-width: 0;
	margin-top: -1px;
}

.ec-solution-table.typeList .scroll table {
	border: 0;
	margin: 0;
}

.ec-solution-table.typeList .scroll table:before {
	display: none;
}

.ec-solution-table.typeList .scroll .message {
	border: 0;
}

.ec-solution-table thead.blind,
.ec-solution-table thead.blind th {
	display: none;
}

.ec-solution-table thead.blind+tbody tr:first-child th,
.ec-solution-table thead.blind+tbody tr:first-child td {
	border-top-width: 0;
}

.ec-solution-table.typeList.gLine table {
	border-width: 0;
	border-bottom-width: 1px;
}

.ec-solution-table.typeClear table:before {
	display: none;
}

.ec-solution-table.typeClear table,
.ec-solution-table.typeClear th,
.ec-solution-table.typeClear td {
	border: 0 none;
	background: none;
}

.ec-solution-table.typeClear th {
	font-weight: bold;
}

.ec-solution-table.gBorder td {
	border-left: 1px solid #dfdfdf;
}

.ec-solution-table.gBorder td:first-child {
	border-left: 0;
}

.ec-solution-table .left {
	text-align: left;
}

.ec-solution-table .center {
	text-align: center;
}

.ec-solution-table .right {
	text-align: right;
}

.ec-solution-table.typeList .center td,
.ec-solution-table.typeList td.center {
	padding-left: 0;
	padding-right: 0;
}

.ec-solution-table.typeList .center td.left {
	padding-left: 10px;
}

.ec-solution-table.typeList .center td.right {
	padding-right: 10px;
}

.ec-solution-table .top th,
.ec-solution-table th.top,
.ec-solution-table .top td,
.ec-solution-table td.top {
	vertical-align: top;
}

.ec-solution-table .middle th,
.ec-solution-table th.middle,
.ec-solution-table .middle td,
.ec-solution-table td.middle {
	vertical-align: middle;
}

.ec-solution-table img {
	vertical-align: middle;
}

@media print {
	.ec-solution-table table:before {
		display: none;
	}
}

.xans-popup-multipopup .paginate {
	position: absolute;
	bottom: 4px;
	width: 100%;
	text-align: center;
	background: transparent;
}

.ec-multi-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 300;
	height: 0px;
}

.ec-multi-popup .ec-multi-popup-inner {
	position: absolute;
	right: 7px;
	border: 1px solid #9d9db0;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-visual {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.ec-multi-popup .ec-multi-popup-inner ul {
	position: relative;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
	display: table;
	table-layout: fixed;
}

.ec-multi-popup .ec-multi-popup-inner ul img {
	width: 100%;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option {
	padding: 5px;
	color: #fff;
	background-color: #434447;
	text-align: right;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option label {
	font-size: 12px;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button {
	padding: 0 12px 0 4px;
	color: #fff;
	border: 0;
	cursor: pointer;
	background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_close_notice.png") no-repeat right 6px;
	background-size: 10px 9px;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul {
	display: table;
	table-layout: fixed;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul li {
	display: table-cell;
}

.ec-multi-popup-full {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	overflow: initial;
}

.ec-multi-popup-full .ec-multi-popup-visual {
	position: relative;
	overflow: hidden;
	display: table;
	width: 100%;
	background: #000;
}

.ec-multi-popup-full .ec-multi-popup-visual ul {
	display: table-cell;
	vertical-align: middle;
}

.ec-multi-popup-full .ec-multi-popup-visual li {
	display: block;
	width: 100%;
	text-align: center;
}

.ec-multi-popup-full .ec-multi-popup-visual li img {
	max-width: 100%;
	max-height: 100%;
}

.ec-multi-popup-full .ec-multi-popup-option {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-right: 150px;
	background-color: #434447;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ec-multi-popup-full .ec-multi-popup-option.en {
	padding-right: 93px;
}

.ec-multi-popup-full .ec-multi-popup-option.en .close {
	width: 93px;
}

.ec-multi-popup-full .ec-multi-popup-option.cn {
	padding-right: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.cn .close {
	width: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.jp {
	padding-right: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.jp .close {
	width: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option button {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #fff;
	border: 0;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ec-multi-popup-full .ec-multi-popup-option .today {
	margin-top: -1px;
}

.ec-multi-popup-full .option1 .ec-multi-popup-option .today {
	text-align: center;
}

.ec-multi-popup-full .ec-multi-popup-option .today,
.ec-multi-popup-full .ec-multi-popup-option .date,
.ec-multi-popup-full .ec-multi-popup-option .no {
	text-align: left;
	height: 26px;
	padding-left: 10px;
	border-right: 1px solid #333437;
	border-top: 1px solid #5b5c60;
	border-bottom: 1px solid #333437;
}

.ec-multi-popup-full .ec-multi-popup-option .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	height: 100%;
	text-align: center;
	border-left: 1px solid #5b5c60;
}

.ec-multi-popup-full button {
	padding: 0;
}

.ec-multi-popup-full button::-moz-focus-inner {
	padding: 0;
}

.ec-multi-popup-full.option1 .paginate {
	bottom: 35px;
}

.ec-multi-popup-full.option2 .paginate {
	bottom: 60px;
}

.ec-multi-popup-full.option3 .paginate {
	bottom: 85px;
}

.ec-multi-popup-full.ec-multi-popup-swipe {
	overflow: hidden;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual {
	position: relative;
	overflow: hidden;
	display: block;
	height: 100%;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul {
	position: relative;
	display: block;
	height: 100%;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li a {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li span {
	display: table-cell;
	vertical-align: middle;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-option {
	position: absolute;
	left: 0;
	bottom: 0;
}

.ec-multi-banner {
	position: relative;
	background: #fff;
}

.ec-multi-banner .ec-multi-banner-visual a {
	display: block;
	width: 100%;
	text-align: center;
}

.ec-multi-banner .ec-multi-banner-visual a img {
	width: 100%;
}

.ec-multi-banner .paginate {
	display: none;
	position: absolute;
	right: 7px;
	bottom: 7px;
	background: transparent;
}

.ec-multi-banner.ec-multi-banner-swipe .paginate {
	display: block;
}

.ec-multi-banner.ec-multi-banner-swipe {
	overflow: hidden;
}

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual {
	display: table;
	table-layout: fixed;
}

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual li {
	display: table-cell;
}

.progress_load {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	z-index: 99;
	background-size: 240px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

#promotionBanner {
	position: fixed;
	bottom: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 8;
	visibility: hidden;
	height: 0;
}

#promotionBanner.use {
	visibility: visible;
	height: auto;
}

#promotionBanner>.popContents {
	max-width: 900px;
	font-size: 11px;
	text-align: center;
	margin: 5px auto;
	overflow: hidden;
}

#promotionBanner>.popContents .text_center {}

#promotionBanner>.popContents .popClose {
	z-index: 3;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
	display: inline-block;
	text-align: right;
	font-size: 15px;
	padding: 0;
}

#promotionBanner>.popContents .popClose .btnClose {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
}

#promotionBanner>.popContents .popClose .btnClose::before,
#promotionBanner>.popContents .popClose .btnClose::after {
	content: "";
	position: absolute;
	top: 72%;
	left: 50%;
	width: 1px;
	height: 14px;
	background-color: #fff;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#promotionBanner>.popContents .popClose .btnClose::after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

#promotionBanner>.popContents .popClose #chkday {
	color: #5a5a5a;
}

#promotionBanner>.popContents .popClose .today_see {
	color: #dfdfdf;
}

#promotionBanner>.popContents .popClose label[for=chkday] {
	cursor: pointer;
	color: #d8d8d8;
	margin: 0 0 0;
	padding-right: 0px;
}

#promotionBanner .contents {
	width: 1100px;
	margin: 0 auto;
	height: 900px;
	background-color: #e0e0e0;
	overflow: hidden;
	padding: 20px;
}

#container {
	min-height: calc(100vh - 209px);
	padding: 60px 0px;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
}

#container .content_prd {
	margin: 0 auto;
}

#container .content_board {
	margin: 0 auto;
	min-height: calc(100vh - 284px);
}

#container .content_detail {
	padding: 0px 30px;
	border-bottom: 1px solid #000;
}

#container .content_board2 {
	max-width: 900px;
	margin: 80px auto 0;
}

#container .content_info {
	min-height: calc(100vh - 300px);
}

.content_prd::after {
	clear: both;
	display: block;
	content: ""
}

.top_prd::after {
	clear: both;
	display: block;
	content: ""
}

.top_prd {
	float: left;
	width: 200px;
}

.prd_right {
	float: right;
	width: calc(100% - 200px);
}

@media all and (max-width :1000px) {
	#container {
		padding: 59px 0 0 0;
	}

	#container .content_board {
		padding: 0 10px;
	}

	.top_prd {
		float: none;
		width: 100%;
	}

	.prd_right {
		float: none;
		width: 100%;
	}

	#container .content_board2 {
		margin: 0 auto 0;
	}
}

#header::after {
	content: "";
	clear: both;
	display: block;
}

#header {
	position: fixed;
	background: #fff;
	width: 100%;
	top: 0px;
	z-index: 9;
	border-bottom: 1px solid #000;
}

#header .header_wrap {
	width: calc(100% - 60px);
	top: 0px;
	padding: 0 30px;
}

#header #promotionBanner {
	position: relative;
	bottom: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 8;
	visibility: hidden;
	height: 0;
}

#header #promotionBanner.use {
	visibility: visible;
	height: auto;
}

#header #promotionBanner>.popContents {
	max-width: 900px;
	font-size: 11px;
	text-align: center;
	margin: 5px auto;
	overflow: hidden;
}

#header #promotionBanner>.popContents .close {
	z-index: 44;
	position: absolute;
	top: 4px;
	right: 11px;
	color: #fff;
}

#header #promotionBanner>.popContents .close a {
	color: #fff;
}

#header #promotionBanner>.popContents .close>input {
	display: none;
}

#header #promotionBanner>.popContents .close .close_bt::before {
	content: "|";
	display: inline-block;
	padding-right: 7px;
}

#header #promotionBanner .contents {
	width: 1100px;
	margin: 0 auto;
	height: 900px;
	background-color: #e0e0e0;
	overflow: hidden;
	padding: 20px;
}

#header .header_wrap::after {
	content: "";
	clear: both;
	display: block;
}

#header.logoleft .header_wrap .logo_area {
	display: inline-block;
	float: left;
	width: 7%;
	min-width: 170px;
}

#header.logoleft .header_wrap .logo_area>.xans-layout-logotop {
	display: table;
	height: 35px;
}

#header.logoleft .header_wrap .logo_area>.xans-layout-logotop a {
	font-size: 11px;
	line-height: 40px;
	display: block;
	vertical-align: middle;
	display: table-cell;
}

#header.logoleft .header_wrap .logo_area>.xans-layout-logotop img {
	display: block;
	max-width: 100%;
	max-height: 25px;
	vertical-align: middle;
}

#header .header_wrap .gnb .artcate .d1-wrap .d1>a,
#header .header_wrap .account_area>ul li a {
	font-size: 11px;
	line-height: 40px;
	display: block;
}

#header .header_wrap .gnb {
	display: inline-block;
	float: left;
	width: 50%;
	box-sizing: border-box;
}

#header .header_wrap .gnb .artcate .back_bg {
	transition: height .3s;
}

#header .header_wrap .gnb .artcate .d1-wrap:after {
	display: block;
	content: '';
	clear: both
}

#header .header_wrap .gnb .artcate .d1-wrap {
	font-size: 0;
	letter-spacing: 0;
}

#header .header_wrap .gnb .artcate .d1-wrap .d1 {
	display: inline-block;
}

#header .header_wrap .gnb .artcate .d1-wrap .d1>a.current_page::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	left: calc(50% - 10px);
	transform: translateX(-50%);
	bottom: 13px;
	width: 2px;
	height: 2px;
	background-color: #000;
	border-radius: 10px;
}

#header .header_wrap .gnb .artcate .d1-wrap .d1>a {
	position: relative;
	font-size: 11px;
	padding: 0 25px 0 0;
	height: 35px;
	line-height: 35px;
}

#header .header_wrap .gnb .artcate .d1-wrap .d1>a:hover,
#header .header_wrap .gnb .artcate .d1-wrap .d1.on>a {
	color: #000
}

#header .header_wrap .gnb .artcate .d1-wrap .d1.prd .d2-wrap {
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	background: #fff;
	;
	border: 0;
	white-space: nowrap;
}

#header .header_wrap .gnb .artcate .d2-wrap {
	position: absolute;
	box-sizing: border-box;
	display: none;
	white-space: nowrap;
	padding: 5px 0 15px;
}

#header .header_wrap .gnb .artcate .d2-wrap>ul {
	display: inline-block;
	padding: 0;
	margin: 0;
	border: 0
}

#header .header_wrap .gnb .artcate .d2-wrap>ul li:last-child {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0px 0% 0 0;
}

#header .header_wrap .gnb .artcate .d2-wrap .col {
	display: inline-block;
	vertical-align: top;
}

#header .header_wrap .gnb .artcate .d2-wrap .d2 {
	position: relative;
	display: block;
	vertical-align: top;
	padding: 0px 40px 0 0;
}

#header .header_wrap .gnb .artcate .d2-wrap .d2 ul.cowd li.fowd>a {}

#header .header_wrap .gnb .artcate .d2-wrap .d2.fowd {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0px 40px 0 0;
}

#header .header_wrap .gnb .artcate .d2-wrap .d2>a {
	font-size: 11px;
	color: #000;
	line-height: 20px;
	padding: 0 10px 0 0
}

#header .header_wrap .gnb .artcate .d2-wrap .d2>a ct {
	color: #AF0009;
}

#header .header_wrap .gnb .artcate .d1-wrap .d2:hover>a {
	color: #000
}

#header .header_wrap .gnb .artcate .d2-wrap .img {
	position: relative;
	display: inline-block;
	background: #fff;
	vertical-align: top;
	float: right;
	text-align: left;
	width: 40%;
	font-size: 0;
	letter-spacing: 0;
}

#header .header_wrap .gnb .artcate .d2-wrap .img a {
	display: inline-block;
	width: 50%;
	text-align: right;
	padding-left: 10px;
	box-sizing: border-box;
}

#header .header_wrap .gnb .artcate .d2-wrap .img a img {
	max-width: 100%;
	max-height: 100%;
}

#header .header_wrap .gnb .artcate .d2-wrap .img span {
	display: block;
	padding: 10px 0 0;
	font-size: 11px;
	text-align: left;
}

#header .header_wrap .gnb .artcate .d3-wrap {
	padding: 0 0;
	display: none;
}

#header .header_wrap .gnb .artcate .d3-wrap .d3 {
	position: relative;
}

#header .header_wrap .gnb .artcate .d3-wrap .d3>a {
	font-size: 11px;
	color: #000;
	line-height: 18px;
	padding: 0 10px 0 0
}

#header .header_wrap .gnb .artcate .d3-wrap .d3>a:hover,
#header .header_wrap .gnb .artcate .d3-wrap .d3.on>a {
	color: #000
}

#header .header_wrap .gnb .artcate .d2-wrap .d3.be:after {
	display: block;
	content: '';
	position: absolute;
	right: 5px;
	top: 10px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #aaa
}

#header .header_wrap .gnb .artcate .d2-wrap .d3.on.be:after {
	background: #555
}

#header .header_wrap .gnb .artcate .d4-wrap {
	display: none;
	position: absolute;
	left: 100%;
	top: -6px;
	background: #fff;
	border: 1px solid #ddd;
	width: 180px;
	padding: 5px 0
}

#header .header_wrap .gnb .artcate .d4-wrap .d4 {}

#header .header_wrap .gnb .artcate .d4-wrap .d4>a {
	font-size: 11px;
	color: #666;
	line-height: 24px;
	padding: 0 10px
}

#header .header_wrap .gnb .artcate .d4-wrap .d4>a:hover,
#header .header_wrap .gnb .artcate .d4-wrap .d4.on>a {
	background: #eee
}

#header .header_wrap .account_area {
	position: absolute;
	right: 30px;
}

#header .header_wrap .account_area>ul li {
	float: right;
	display: inline-block;
}

#header .header_wrap .account_area>ul li a {
	font-size: 11px;
	padding: 0 0 0 25px;
	height: 35px;
	line-height: 35px;
}

#header .header_wrap .account_area>ul li.search a {
	cursor: pointer;
}

#header .header_wrap .hamber_momenu {
	display: none;
}

#header .header_wrap .hamber_momenu::after {
	clear: both;
	display: block;
	content: ""
}

#header .header_wrap .hamber_momenu li.top_member {
	float: right;
	display: inline-block;
	padding-left: 15px;
	height: 35px;
	line-height: 35px;
}

#header .header_wrap .hamber_momenu li.top_member a {
	font-size: 11px;
}

#header .header_wrap .hamber_momenu button {
	float: right;
	display: inline-block;
	margin-left: 18px;
	width: 18px;
	height: 35px;
	position: relative;
}

#header .header_wrap .hamber_momenu button>span {
	width: 3px;
	border-radius: 50%;
	top: 50%;
	height: 3px;
	background-color: #000;
	position: absolute;
	transform: translateY(-55%);
}

#header .header_wrap .hamber_momenu button>span:nth-child(1) {
	left: 0;
	transition: all .5s;
}

#header .header_wrap .hamber_momenu button>span:nth-child(2) {
	left: 40%;
	transition: width .1s;
}

#header .header_wrap .hamber_momenu button>span:nth-child(3) {
	right: 0;
	transition: all .5s;
}

#header .header_wrap .hamber_momenu button.xline>span:nth-child(1) {
	top: 50%;
	transform: rotate(360deg);
}

#header .header_wrap .hamber_momenu button.xline>span:nth-child(2) {
	width: 0px;
}

#header .header_wrap .hamber_momenu button.xline>span:nth-child(3) {
	top: 50%;
	transform: rotate(-360deg);
}

.xline_dim {
	width: 34px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 10px;
}

.xline_dim>span {
	width: 20px;
	right: 0;
	height: 1px;
	background-color: #000;
	position: absolute;
}

.xline_dim>span:nth-child(1) {
	top: 35%;
	transition: all 2s;
}

.xline_dim>span:nth-child(2) {
	top: 50%;
	transition: width 2s;
}

.xline_dim>span:nth-child(3) {
	top: 65%;
	transition: all 2s;
}

.xline_dim.xline>span:nth-child(1) {
	top: 50%;
	transform: rotate(40deg);
	transition: all 2s;
}

.xline_dim.xline>span:nth-child(2) {
	width: 0px;
	transition: all 2s;
}

.xline_dim.xline>span:nth-child(3) {
	top: 50%;
	transform: rotate(-40deg);
	transition: all 2s;
}

#header #searchBarForm {
	position: absolute;
	z-index: 3;
	width: 100%;
	background-color: #fff;
	display: none;
	border-top: 1px solid #000;
}

#header #searchBarForm .Layout_SearchHeader {
	padding: 12px 30px 0;
}

#header #searchBarForm .Layout_SearchHeader::after {
	content: "";
	clear: both;
	display: block;
}

#header #searchBarForm .Layout_SearchHeader .searchForm {
	width: 50%;
	float: right;
	max-width: 200px;
	padding: 0px 0 15px;
	margin: 0px 0;
	text-align: center;
}

#header #searchBarForm .Layout_SearchHeader .searchForm .searchFormWrap {
	position: relative;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #000;
	margin: 0 auto;
}

#header #searchBarForm .Layout_SearchHeader .searchForm .searchFormWrap input {
	background: #fff;
	height: 20px;
	border: 0;
	width: 100%;
	padding: 0 5px;
}

#header #searchBarForm .Layout_SearchHeader .searchForm button {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0px;
	outline: 0;
	color: #000;
	font-size: 11px;
	padding: 0px 0 0 0px;
	line-height: 16px;
	background: #fff
}

#header #searchBarForm .Layout_SearchHeader .searchForm button img {
	width: 50px;
}

#header #searchBarForm .Layout_SearchHeader .hotKeyword {
	width: 50%;
	float: left;
}

#header #searchBarForm .Layout_SearchHeader .hotKeyword .title {
	display: inline-block;
	padding: 5px 0 0;
}

#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword {
	margin-top: 10px;
}

#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a {
	margin-right: 10px;
}

#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a::after {
	content: ",";
	clear: both;
	display: inline-block;
	margin-right: 4px;
}

#header #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a:last-child::after {
	display: none;
}

@media all and (max-width :1000px) {
	#header .header_wrap {
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}

	#header.logoleft .header_wrap .logo_area>.xans-layout-logotop img {
		max-height: 19px;
	}

	#header.logoleft .header_wrap .logo_area {
		float: left;
	}

	#header .header_wrap .gnb,
	#header .header_wrap .account_area {
		display: none;
	}

	#header .header_wrap .hamber_momenu {
		display: block;
	}

	#header #searchBarForm .Layout_SearchHeader {
		padding: 10px;
	}

	#header #searchBarForm .Layout_SearchHeader .searchForm {
		width: 100%;
		float: right;
		max-width: 400px;
		padding: 0px 0 10px;
		margin: 0px 0;
		text-align: center;
	}

	#header #searchBarForm .Layout_SearchHeader .hotKeyword {
		width: 100%;
		float: left;
	}

	#header #promotionBanner>.popContents .close {
		font-size: 10px;
		top: 6px;
	}
}

#header .header_wrap .account_area>ul li.xans-layout-multishoplist {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}

#header .header_wrap .account_area>ul li.xans-layout-multishoplist>ul li {
	position: relative;
}

#header .header_wrap .account_area>ul li.xans-layout-multishoplist>ul li:first-child:before {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	right: -10px;
	top: 11px;
	height: 10px;
	width: 1px;
	background-color: #000;
}

#header .header_wrap .account_area>ul li.xans-layout-multishoplist>ul li {
	display: block;
	float: left;
}

#header .header_wrap .account_area>ul li.xans-layout-multishoplist>ul li a {
	font-size: 11px;
	padding: 0 0 0 15px;
}

#header .header_wrap .account_area>ul li.xans-layout-multishoplist>ul li:last-child a {
	padding-bottom: 10px;
}

.artfinger_slide_wrap .xans-layout-multishoplistitem {
	vertical-align: top;
	padding-top: 35px;
}

.artfinger_slide_wrap .xans-layout-multishoplistitem>li {
	padding: 0 2px 0 0px;
	display: inline-block;
	vertical-align: top;
}

.artfinger_slide_wrap .xans-layout-multishoplistitem>li img {
	height: 22px;
}

#footer {
	position: relative;
	margin: 0px auto 0;
	display: block;
	z-index: 1;
	font-size: 10px;
	padding: 50px 30px 20px;
}

#footer::after {
	content: "";
	clear: both;
	display: block;
}

#footer .footer_inner {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

#footer .footer_inner .inner1 {
	flex: 1;
	text-align: left;
}

#footer .footer_inner .inner2 {
	flex: 1;
	text-align: left;
}

#footer .footer_inner .inner3 {
	flex: 2;
	text-align: right;
}

#footer .footer_inner .inner2 li {
	padding-bottom: 5px;
}

#footer .footer_inner .inner3 li {
	padding-bottom: 5px;
}

#footer .footer_inner .snscate li {}

#footer .footer_inner .snscate li a {
	padding-bottom: 5px
}

#footer .footer_inner .snscate li a.show {
	display: block;
}

@media all and (max-width :1000px) {
	#footer {
		padding: 30px 10px;
		word-break: keep-all;
	}

	#footer .footer_inner {
		display: block;
	}

	#footer .footer_inner .inner1 {
		text-align: left;
		margin-bottom: 20px;
	}

	#footer .footer_inner .inner2 {
		text-align: left;
		margin-bottom: 20px;
	}

	#footer .footer_inner .inner3 {
		text-align: left;
		margin-bottom: 0px;
	}

	#footer .footer_inner .snscate li {
		display: inline-block;
		padding-right: 10px;
	}
}

#aside {
	position: fixed;
	left: 0;
	top: 0px;
	bottom: 0;
	overflow: auto;
	min-width: 200px;
	width: 40%;
	background-color: #fff;
	z-index: 500;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: -webkit-transform .5s ease-out;
	transition: -webkit-transform .3s ease-out;
}

html.expand body {
	overflow: hidden;
}

html.expand #container {
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .5s ease-out;
}

html.expand #aside {
	border-right: 1px solid #000;
	z-index: 99999;
	overflow-x: hidden;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform .5s ease-out;
	transition: -webkit-transform .5s ease-out;
}

#aside .btnClose {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 15px;
	width: 30px;
	height: 30px;
	font-size: 1px;
	line-height: 0;
	color: transparent;
}

#dimmedSlider {
	display: none;
	position: fixed;
	left: 0px;
	top: 0;
	right: 0px;
	bottom: 0px;
	z-index: 99998;
	transition: all .4s;
	background-color: rgba(18, 18, 18, 0.36);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
}

.artfinger_slide_wrap {
	padding: 32px 10px 40px 20px;
}

.artfinger_slide_wrap .xans-layout-category {
	margin-top: 0px;
}

.artfinger_slide_wrap .xans-layout-category ul {
	display: none;
}

.artfinger_slide_wrap .xans-layout-category li {
	position: relative;
}

:root {
	--sidecont: 3.5vw;
}

.artfinger_slide_wrap .xans-layout-category li .cate_lin {
	line-height: calc(var(--sidecont) * 1.5);
	font-size: var(--sidecont, 13px);
	display: block;
	margin-right: 57px;
}

.artfinger_slide_wrap .xans-layout-category li.selected>a.cate_lin {
	color: #dfdfdf;
}

.artfinger_slide_wrap .xans-layout-category>li.noChild>a.view::after {
	display: none;
}

.artfinger_slide_wrap .xans-layout-category>li>a.view {
	position: absolute;
	right: 1px;
	top: 0px;
	height: calc(var(--sidecont) * 1.2);
	width: 20px;
	padding: 0 0 0 0;
}

.artfinger_slide_wrap .xans-layout-category>li>a.view:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0px;
	height: 0px;
	border-top: 3px solid transparent;
	;
	border-bottom: 3px solid transparent;
	;
	border-right: 3px solid transparent;
	border-left: 3px solid #000;
}

.artfinger_slide_wrap .xans-layout-category>li.selected>a.view:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 42%;
	transform: trasnlate(-50%, -50%);
	width: 0px;
	height: 0px;
	border-top: 3px solid #000;
	;
	border-bottom: 3px solid transparent;
	;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
}

.artfinger_slide_wrap .xans-layout-category>li>a.view:hover:after {
	animation-name: down_line;
	animation-duration: 1s;
	animation-iteration-count: 1;
}

.artfinger_slide_wrap .xans-layout-category .slideSubMenu {
	padding: 20px 0 25px 0;
}

.artfinger_slide_wrap .xans-layout-category .slideSubMenu li a {
	display: block;
	color: #000;
	font-size: 10px;
	line-height: 110%;
	white-space: nowrap;
}

.artfinger_slide_wrap .xans-layout-category .slideSubMenu li a .al {
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

.artfinger_slide_wrap .xans-layout-category .slideSubMenu li ul {
	display: block;
}

.artfinger_slide_wrap .xans-layout-category .slideSubMenu>li {
	margin-top: 10px;
}

.artfinger_slide_wrap .xans-layout-category li:first-child .slideSubMenu>li>a.view ct {
	color: #AF0009;
}

.artfinger_slide_wrap .xans-layout-category li:first-child .slideSubMenu>li>a.view {
	font-size: 11px;
	font-weight: 500;
}

.artfinger_slide_wrap .xans-layout-category li.selected.noChild>a.view {
	color: #fff;
	border-color: #62b7f7;
}

.artfinger_slide_wrap .xans-layout-category .slideSubMenu li ul {
	display: none;
	padding: 10px;
}

.artfinger_slide_wrap .xans-layout-category>li.noChild>a.view {
	display: none;
}

.artfinger_slide_wrap .xans-layout-category>li.noChild>a.cate_lin {
	margin-right: 0;
}

.artfinger_slide_wrap .exhide_board {
	margin-top: 40px;
	line-height: calc(var(--sidecont) * 1.5);
	font-size: var(--sidecont, 13px);
	display: block;
}

.artfinger_slide_wrap .member_state {
	margin-top: 40px;
}

.artfinger_slide_wrap .member_state .member li a {
	line-height: calc(var(--sidecont) * 1.4);
	font-size: calc(var(--sidecont, 13px) / 1.4);
	display: block;
}

.artfinger_slide_wrap .member_state .member .xans-layout-boardinfo ul {
	padding-top: 10px;
}

.artfinger_slide_wrap .member_state .member .xans-layout-boardinfo ul li {
	padding: 2px 10px;
}


/* Shop page style*/
.xans-product-menupackage {
    margin: 0 0 0 30px;
    vertical-align: middle;
}

.xans-product-menupackage .title {
}

.xans-product-menupackage .title .banner {
    margin: 0 0 20px;
}

.xans-product-menupackage .title h2 {
    color: #4a5164;
    font-size: 16px;
}

.xans-product-menupackage .title h2,.xans-product-menupackage .title .likeButton {
    display: inline-block;
    vertical-align: middle;
}

.xans-product-menupackage .title .likeButton button {
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
    height: 16px;
    font-family: verdana;
    color: #9a9a9a;
    letter-spacing: -1px;
    background: none;
}

.xans-product-menupackage .title .likeButton.selected button {
    color: #353535;
}

.xans-product-menupackage::after {
    clear: both;
    display: block;
    content: ""
}

.prd_menupackage {
    float: left;
    width: 60%;
}

.xans-product-menupackage .menuCategory {
    position: fixed;
    left: 30px;
    top: 80px;
    font-size: 0;
    line-height: 0;
}

.xans-product-menupackage .menuCategory > li {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 180%;
}

.xans-product-menupackage .menuCategory > li.title {
    position: relative;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    margin-bottom: 5px;
}

.xans-product-menupackage .menuCategory > li > a {
    color: #000;
}

.xans-product-menupackage .menuCategory > li > a:hover {
    color: #000;
    text-decoration: none;
}

.xans-product-menupackage .menuCategory > li.selected > a {
    color: #000;
    text-decoration: underline
}

.xans-product-menupackage .menuCategory > li.selected > a:after {
}

.xans-product-menupackage .menuCategory > li .count {
    font-weight: normal;
}

.xans-product-menupackage .menuCategory > li > ul {
    padding: 6px 0 0 0;
}

.xans-product-menupackage .menuCategory > li > ul > li {
    margin: 8px 0 0 0;
    line-height: 14px;
}

.xans-product-menupackage .menuCategory > li > ul > li > a {
    color: #575a63;
}

.xans-product-menupackage .menuCategory > li > ul > li > a:hover,.xans-product-menupackage .menuCategory > li > ul > li.selected > a {
    color: #008bcc;
}

.xans-product-menupackage .menuCategory > li > ul > li > .button {
    display: inline-block;
    position: relative;
    width: 9px;
    height: 14px;
    margin: 1px 0 0 3px;
    vertical-align: top;
}

.xans-product-menupackage .menuCategory > li > a ct {
    color: #AF0009;
}

.xans-product-menupackage .subCategory {
    display: none;
    position: absolute;
    left: 50%;
    top: 13px;
    z-index: 11;
    width: 300px;
    margin: 0 0 0 -151px;
    padding: 6px 0;
    border: 1px solid #565960;
    font-size: 0;
    line-height: 0;
    background: #fff url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_sub_category_line.gif") repeat-y 150px 0;
}

.xans-product-menupackage .subCategory li {
    display: inline-block;
    width: 130px;
    margin: 8px 0 8px 18px;
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.xans-product-menupackage .subCategory li a {
    color: #575a63;
}

.xans-product-menupackage .subCategory li a:hover,.xans-product-menupackage .subCategory li.selected a {
    color: #008bcc;
}

.xans-product-menupackage .menuCategory .button.selected {
    z-index: 11;
}

.xans-product-menupackage .menuCategory .button.selected .subCategory {
    display: block;
}

.board_menupackage {
    position: fixed;
    left: 0px;
    top: 80px;
    width: 200px;
}

.xans-board-title {
    display: block;
    margin-bottom: 0px;
    padding: 0 0 30px;
    background: #none;
}

.xans-board-title::after {
    clear: both;
    display: block;
    content: ""
}

.xans-board-title ul > li {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 180%;
}

.xans-board-title ul > li a {
    color: #000;
}

.xans-board-title ul > li.title {
    position: relative;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    margin-bottom: 5px;
}

.xans-board-title ul > li a.boadron {
    color: #000;
    text-decoration: underline;
}

@media all and (max-width : 1000px) {
    .board_menupackage,.prd_menupackage {
        float:none;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
    }

    .board_menupackage {
        padding: 30px 0 0;
    }

    .xans-product-menupackage {
        margin: 0;
    }

    .xans-product-menupackage .menuCategory {
        position: relative;
        left: 0;
        top: 0;
        padding: 20px 10px;
    }

    .xans-product-menupackage .menuCategory > li,.xans-board-title ul > li {
        display: inline-block;
        padding-right: 10px;
    }
}

/* Product detail page style*/
.xans-product-detail .prdDescription .prdDescription_inner::-webkit-scrollbar {
    padding-left: 5px;
    width: 2px;
}

.xans-product-detail .prdDescription .prdDescription_inner::-webkit-scrollbar-thumb {
    background-color: #000;
}

.xans-product-detail .prdDescription .prdDescription_inner::-webkit-scrollbar-track {
    background-color: #eee;
}

#btn_restock > img {
    max-height: 16px;
    margin-top: -3px;
}

.for-pc {
}

.for-mo {
    display: none!important;
}

.xans-product-detail .info_left {
    float: left;
}

.prdDescription {
    float: right;
}

.xans-product-detail::after {
    content: "";
    clear: both;
    display: block;
}

.xans-product-detail .prdThumbnail .xans-product-image {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

.xans-product-detail .prdDescription .prdTitle {
    margin: 0 0 24px;
}

.xans-product-detail .prdDescription .prdTitle h2.name {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    word-break: break-all;
}

.xans-product-detail .prdDescription .prdTitle .icon {
    display: inline-block;
    vertical-align: middle;
}

.xans-product-detail .prdDescription .prdTitle .icon img,.xans-product-detail .prdDescription .prdTitle .icon .icon_img {
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle;
}

.xans-product-detail .prdDescription .prdBoard {
    padding: 0 0 0px;
    background: #fff;
}

.xans-product-detail .prdDescription .prdBoard table {
    table-layout: auto;
}

.xans-product-detail .prdDescription .prdBoard th {
    padding: 2px 9px 10px 0;
    font-weight: normal;
    font-size: 11px;
    color: #000;
    text-align: left;
    vertical-align: top;
    width: 79px;
}

.xans-product-detail .prdDescription .prdBoard th > span {
    color: #999;
}

.xans-product-detail .prdDescription .prdBoard th strong,.xans-product-detail .prdDescription .prdBoard td strong {
    font-weight: 400;
}

.xans-product-detail .prdDescription .prdBoard td {
    padding: 2px 0 10px 0;
    font-size: 13px;
    color: #000;
    white-space: inherit;
}

.xans-product-detail .prdDescription .prdBoard td select {
}

.xans-product-detail .prdDescription .prdBoard td ul.discountMember {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.xans-product-detail .prdDescription .prdBoard td ul.discountMember li {
    float: left;
    margin: 0 0 0 2px;
}

.xans-product-detail .prdDescription .prdBoard #span_product_price_sale > span {
    font-weight: normal;
}

.xans-product-detail .prdDescription .prdBoard.info td select {
    width: 100%;
}

.xans-product-detail .prdDescription .prdBoard.info td .delv_price_B select {
    margin-bottom: 7px;
}

.xans-product-detail .prdDescription .quantity_single_div {
    padding: 0 0 0;
}

.xans-product-detail .prdDescription .quantity_single_div.quantity_single_div2 {
    padding: 17px 16px 17px 109px;
}

.xans-product-detail .prdDescription .quantity_single_div th {
    text-align: left;
    font-weight: normal;
}

.xans-product-detail .prdDescription .quantity_single_li .quantity_title {
    display: inline-block;
    width: 64px;
    padding: 0 10px 0 0;
    line-height: 28px;
}

.xans-product-detail .prdDescription .quantity_single_li {
    padding: 10px 0 0;
}

.xans-product-detail .prdDescription .quantity_single_li .ec-base-qty {
    vertical-align: top;
}

.xans-product-detail .prdDescription .xans-product-option input[type="text"] {
    width: 100%;
    height: 36px;
    font-size: 13px;
    line-height: 36px;
}

.xans-product-detail .prdDescription .xans-product-option .txtByte {
    float: right;
    margin: 2px 0 -5px;
    font-size: 12px;
    color: #999;
}

.xans-product-detail .prdDescription .xans-product-option .txtByte .length {
    color: #000;
}

.xans-product-detail .prdDescription .xans-product-option .txtByte + * {
    display: block;
    clear: both;
}

.xans-product-detail .prdDescription .xans-product-option select {
    width: 100%;
    height: 30px;
    font-size: 11px;
    line-height: 28px;
    border-color: #000;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button li {
    float: left;
    position: relative;
    margin: 0px;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button li:last-child {
    margin-right: 0;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button li a {
    display: block;
    min-width: 20px;
    margin-left: 5px;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #fff;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button li a span {
    display: inline-block;
    line-height: 16px;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button li.ec-product-selected {
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button li.ec-product-selected a {
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button .ec-product-selected a {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #000;
    transition: all .2s;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button .ec-product-disabled a {
    cursor: default;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button .ec-product-soldout a {
    color: #abaeb5;
    background: #f7f7f7;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected a {
    border: 1px dashed #000;
    background: #fff;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview {
    margin: -4px 0 0 -4px;
    text-align: right;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li {
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    margin: 4px 0 0 6px;
    box-sizing: border-box;
    background: #fff;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li a {
    position: relative;
    margin: 0;
    border: 0;
    min-width: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    min-width: inherit;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li a img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li a span {
    overflow: hidden;
    padding: 0;
    line-height: 0;
    font-size: 1px;
    color: transparent;
    text-indent: 120%;
    white-space: nowrap;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li.ec-product-selected {
    border: 1px solid #000;
    border-radius: 100%;
    margin: 3px 0 0 3px;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li.ec-product-selected a {
    border: 0;
    min-width: 15px;
    width: 15px;
    height: 15px;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li[title^="화이트"] a {
    border: 1px solid #dedfe2;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview li[title^="화이트"].ec-product-selected a {
    border: 0;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout,.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled {
    border: 1px solid #dedfe2;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview .ec-product-selected.ec-product-soldout {
    border: 1px dashed #000;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 1px;
    height: 51px;
    background: #dedfe2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .8;
    background: #dedfe2;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-radio > li {
    display: inline-block;
    margin: 2px 15px 2px 0;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-radio > li label {
    font-size: 13px;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-radio .ec-product-disabled,.xans-product-detail .prdDescription .xans-product-option .ec-product-radio .ec-product-soldout {
    color: #abaeb5;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-radio .ec-product-disabled input[type="radio"] {
    background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled2.png");
    -webkit-appearance: none;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-radio .ec-product-soldout input[type="radio"] {
    background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled.png");
    -webkit-appearance: none;
}

.xans-product-detail .prdDescription .xans-product-option .ec-product-radio .ec-product-soldout.ec-product-selected input[type="radio"] {
    background-image: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_checked.png");
}

.prdDescription .fileInfo .infoDesc {
    margin: 9px 0 0;
}

.prdDescription .fileInfo .infoDesc li {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.xans-product-fileoption td.fileInfo #ul_file_option {
    margin: 9px 0 0;
}

.xans-product-fileoption td.fileInfo #ul_file_option li {
    position: relative;
    min-height: 30px;
    padding: 7px 20px 8px 4px;
    border-bottom: 1px solid #e5e9f2;
    font-size: 12px;
    line-height: 16px;
    color: #757575;
    box-sizing: border-box;
}

.xans-product-fileoption td.fileInfo #ul_file_option li a {
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    margin: -7px 0 0;
    background: url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/detail/btn_attach_file_delete.png") no-repeat 0 0;
    background-size: 15px auto;
}

.xans-product-fileoption td.fileInfo #ul_file_option li a img {
    display: none;
}

.productSet {
    margin: 0px 0px 0;
    word-break: break-all;
}

.productSet .title {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    height: 36px;
    padding: 5px 43px 5px 0;
    box-sizing: border-box;
}

.productSet .title h3 {
    font-size: 12px;
    font-weight: normal;
}

.productSet .title .btnCover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 1px;
    line-height: 0;
    text-indent: -150%;
    color: transparent;
    cursor: pointer;
}

.productSet .title .btnCover:after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 12px;
    height: 8px;
    margin: -4px 0 0;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/detail/ico_product_set_arrow.png') no-repeat 0 0;
    background-size: 12px auto;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.productSet.closed .title .btnCover:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.productSet .product {
    padding: 0 4px;
}

.productSet .product > li {
    padding: 6px 0 5px;
    border-top: 1px solid #e5e9f2;
}

.productSet .product > li:first-child {
    margin-top: -10px;
    border-top: 0;
}

.productSet .information {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

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

.productSet .information .thumbnail {
    overflow: hidden;
    width: 70px;
    height: auto;
    margin: 3px 0 0;
}

.productSet .information .thumbnail a {
    display: block;
}

.productSet .information .thumbnail a img {
    width: 100%;
}

.productSet .information .description {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0 0 0 15px;
}

.productSet .description .prdName {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}

.productSet .description .prdPrice {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}

.productSet .description .prdSalePrice {
    display: block;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}

.productSet .description .option > li {
    padding: 5px 0;
}

.productSet .description .option > li > ul > li {
    display: table;
    width: 100%;
}

.productSet .description .option > li > ul > li > ul > li {
    margin: 4px 4px 0 0!important;
}

.productSet .description .option > li > ul > li > ul > li:first-child {
    margin-left: -4px!important;
}

.productSet .description .option li ul .name {
    display: table-cell;
    width: 100px;
    padding: 0 10px 0 0;
    font-weight: normal;
    vertical-align: middle;
}

.productSet .description .option li ul .name + * {
    display: table-cell;
    vertical-align: middle;
}

.productSet .description .option li ul select {
    width: 100%;
}

.productSet .description .option > li.addOption {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.productSet .description .option li.addOption .name {
    display: block;
    width: 64px;
    padding: 7px 10px 0 0;
    font-weight: normal;
}

.productSet .description .option li.addOption .name + * {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    text-align: right;
}

.productSet .description .option li.addOption input[type="text"] {
    width: 100%;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
}

.productSet .xans-product-option input[type="text"] {
    height: 28px;
    font-size: 12px;
    line-height: 28px;
}

.productSet .xans-product-option .txtByte {
    font-size: 11px;
}

.productSet .xans-product-option select {
    height: 28px;
    font-size: 11px;
    line-height: 28px;
    border-color: #000;
}

.productSet .xans-product-option .ec-product-button[option_style='button'] li a {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

.productSet .xans-product-option .ec-product-button[option_style='button'] li a span {
    padding: 4px 9px 3px 0;
}

.productSet .xans-product-option .ec-product-button.ec-product-preview:before {
    display: none;
}

.productSet .xans-product-option .ec-product-button.ec-product-preview li {
    width: 15px;
    height: 15px;
    min-width: inherit;
    margin: 4px 10px 0 0!important;
}

.productSet .xans-product-option .ec-product-radio {
    margin: 3px 0;
}

.path li a {
    position: relative;
    color: #999;
    font-size: 10px;
    padding-right: 13px;
}

#zoomMouseGiude {
    display: none!important;
}

.xans-product-detail .fundingProduct {
    padding: 15px 0px 14px;
    background-color: #fff;
}

.xans-product-detail .fundingProduct .title {
    display: flex;
    flex-direction: column-reverse;
}

.xans-product-detail .fundingProduct .title .name {
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 2px;
}

.xans-product-detail .fundingProduct .title .dDay {
    font-weight: bold;
    display: block;
    color: #777777;
    font-size: 14px;
}

.xans-product-detail .fundingProduct .title .prdState {
    display: flex;
    justify-content: space-between;
    color: #777777;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.xans-product-detail .fundingProduct .title .prdState .state {
    font-size: 13px;
    color: #1b87d4;
    font-weight: bold;
}

.xans-product-detail .fundingProduct .title .prdState .money {
    font-size: 13px;
    color: #bababa;
    font-weight: bold;
    white-space: nowrap;
}

.xans-product-detail .fundingProduct .summary {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    margin-top: 5px;
}

.xans-product-detail .fundingProduct .fundingStatus {
    margin-top: 14px;
    position: relative;
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
}

.xans-product-detail .fundingProduct .fundingStatus .perNumber {
    flex: none;
    font-size: 15px;
    line-height: 27px;
    color: #1b87d4;
    font-weight: bold;
    text-align: left;
}

.xans-product-detail .fundingProduct .fundingStatus .monenyNum em {
    font-size: 15px;
    line-height: 27px;
    font-style: normal;
}

.xans-product-detail .fundingProduct .fundingStatus .monenyNum {
    flex: 1;
    font-size: 11px;
    line-height: 27px;
    color: #000;
    font-weight: bold;
    text-align: right;
}

.xans-product-detail .fundingProduct .fundingStatus .graphBar {
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #efefef;
}

.xans-product-detail .fundingProduct .fundingStatus .graphBar span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #479bdb;
}

.xans-product-detail .fundingProduct .fundingStatus .goalNumber {
    position: absolute;
    right: 0;
    top: 0;
    color: #a7a7a7;
    font-size: 11px;
}

.xans-product-detail .fundingProduct .fundingShipping {
    margin-top: 20px;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #777777;
    padding: 12px 0 12px 24px;
    border-top: 1px solid #ececec;
}

.xans-product-detail .fundingProduct .fundingShipping .iconShipping {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 12px;
    background-image: url(//img.echosting.cafe24.com/skin/mobile/product/ico_funding_shipping.gif);
    background-size: auto 18px;
    width: 18px;
    height: 18px;
}

.xans-product-detail .fundingProduct p.prdIcon {
    margin: 0 0 7px;
}

.xans-product-detail .prdDescription .prdBoard.option {
    padding: 30px 0 0;
}

.xans-product-detail .prdDescription .prdBoard.option table {
    margin: 0 0 0;
}

.xans-product-detail .prdDescription .prdBoard.option th {
    padding: 8px 9px 0 0;
}

.xans-product-detail .prdDescription .prdBoard.option td {
    padding: 8px 0 0;
}

.xans-product-detail .prdDescription .prdBoard.option td .ec-product-radio {
    margin: -7px 0 10px;
    vertical-align: top;
    text-align: right;
}

.xans-product-detail .prdDescription .prdBoard.option td .btnSubmit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-size: 11px;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
}

.xans-product-detail .prdDescription .prdBoard.option td .value {
    color: #767479;
    word-break: break-all;
    display: none;
}

.xans-product-detail .prdDescription .prdBoard.option td .value .ec-product-value {
    color: #363437;
}

.xans-product-detail .fundingProductSet {
    margin: 0;
    background-color: #fff;
    padding: 0 0px 7px;
}

.xans-product-detail .xans-product-funding {
    margin: 0;
}

.xans-product-detail .xans-product-funding.productEnd .contents {
    position: relative;
}

.xans-product-detail .xans-product-funding.productEnd .product .information .prdPrice .remaining {
    z-index: 8;
    color: #777777;
}

.xans-product-detail .xans-product-funding.productEnd .contents:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.65);
}

.xans-product-detail .xans-product-funding .product > li:first-child {
    padding: 0;
}

.xans-product-detail .xans-product-funding .product .option {
    border: 0;
    margin: 0;
    background-color: #fff;
}

.xans-product-detail .xans-product-funding .product .byte {
    display: block;
    font-size: 11px;
    line-height: 15px;
}

.xans-product-detail .xans-product-funding .product .inputFundingOption {
    width: 100%;
}

.xans-product-detail .xans-product-funding .product table {
    table-layout: auto;
}

.xans-product-detail .xans-product-funding .product table th {
    font-size: 13px;
    line-height: 36px;
    vertical-align: top;
    color: #757575;
    font-weight: normal;
    text-align: left;
}

.xans-product-detail .xans-product-funding .product #ul_file_option li {
    margin: 4px 0 0;
    color: #757575;
    font-size: 11px;
}

.xans-product-detail .xans-product-funding .product #ul_file_option .btnDelete {
    overflow: hidden;
    display: inline-block;
    text-indent: -999px;
    width: 21px;
    height: 20px;
    border: 0;
    cursor: pointer;
    background: url(//img.echosting.cafe24.com/skin/mobile_ko_KR/product/btn_delete.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.xans-product-detail .xans-product-funding .product td.fileInfo input {
    width: 95%;
}

.xans-product-detail .xans-product-funding .product .information {
    padding: 0 13px;
}

.xans-product-detail .xans-product-funding .product .information .prdPrice {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding: 7px 0;
    display: flex;
    justify-content: space-between;
}

.xans-product-detail .xans-product-funding .product .information .prdPrice .remaining {
    font-size: 11px;
    color: #1b87d4;
    display: inline-block;
}

.xans-product-detail .xans-product-funding .product .information .prdDescription {
    border-top: 1px solid #ececec;
    padding: 11px 0 15px;
}

.xans-product-detail .xans-product-funding .product .information .prdDescription .name {
    font-size: 11px;
    color: #1b1b1b;
    line-height: 18px;
}

.xans-product-detail .xans-product-funding .product .information .prdDescription .description {
    font-size: 11px;
    color: #757575;
    line-height: 18px;
    margin: 7px 0 8px;
}

.xans-product-detail .xans-product-funding .product .information .prdDescription .description li {
    list-style: none;
}

.xans-product-detail .xans-product-funding .product .information .prdDescription .ec-base-qty [type="tel"] {
    height: 30px;
}

.xans-product-detail .xans-product-funding .product .information .checkbox label {
    font-weight: normal;
}

.xans-product-detail .xans-product-funding .product .information .checkbox input[type="checkbox"]:checked .dnd_module_a240bc49ca24f8328aa623df4b028fda label {
    font-weight: bold;
}

.xans-product-detail .xans-product-funding .product .option {
    padding: 0 13px 0;
    margin-top: -1px;
}

.xans-product-detail .xans-product-funding .product .option strong.setTitle {
    font-size: 11px;
    padding: 8px 0 9px;
    display: block;
}

.xans-product-detail .xans-product-funding .product .option tbody {
    border-bottom: 1px solid #ececec;
}

.xans-product-detail .xans-product-funding .product .option tbody:last-child {
    border-bottom: 0;
}

.xans-product-detail .xans-product-funding .product .option th {
    padding: 7px 0;
}

.xans-product-detail .xans-product-funding .product .option td {
    padding: 7px 0;
}

.sizeGuide {
    padding: 7px 0 14px 22px;
    background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_sizeGuide.png") no-repeat 2px 9px;
    background-size: auto 10px;
}

.sizeGuide a {
    display: inline-block;
    padding: 0 14px 0 0;
    font-weight: bold;
    color: #1b1b1b;
    font-size: 13px;
    background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/btn_sizeguide.png") no-repeat 100% 50%;
    background-size: auto 12px;
}

.xans-product-detail .prdDescription #totalProducts {
    margin: 0 0 0;
    font-size: 11px;
}

.xans-product-detail .prdDescription #totalProducts tbody td p {
    padding: 0px 0px 0 0px;
    font-weight: normal;
    line-height: 21px;
    margin: 0;
}

.xans-product-detail .prdDescription #totalProducts tbody td p.product > br,.xans-product-detail .prdDescription #totalProducts tbody td p.product > span {
}

.xans-product-detail .prdDescription #totalProducts tbody td p.product > br {
    display: none;
}

.xans-product-detail .prdDescription #totalProducts tbody + tbody {
    border-top: 1px solid #d5d5d5
}

.xans-product-detail .prdDescription #totalProducts tbody tr.option {
    border-top: 0;
}

.xans-product-detail .prdDescription #totalProducts tbody tr.option table tr {
    border-top: 0
}

.xans-product-detail .prdDescription #totalProducts tbody tr.option table tr th {
    border-top: 1px solid #d5d5d5
}

.xans-product-detail .prdDescription #totalProducts tbody tr.option table th {
    text-align: left;
    padding: 6px 0 7px 5px;
    line-height: 29px;
    vertical-align: top;
}

.xans-product-detail .prdDescription #totalProducts tbody tr.option table td {
    text-align: left;
    padding: 6px 0 7px;
    line-height: 29px;
    border: 0;
    border-top: 1px solid #d5d5d5;
}

.xans-product-detail .prdDescription #totalProducts tbody tr.option > td {
    padding: 0;
    border: 0;
}

.xans-product-detail .prdDescription #totalProducts > table > tbody > tr > td > table > tbody > tr:first-child > td {
    border: 0;
}

.xans-product-detail .prdDescription #totalProducts > table > tbody > tr > td > table > tbody > tr:first-child > td:first-child {
    text-align: left;
}

.xans-product-detail .prdDescription #totalProducts > table > tbody > tr > td > table > tbody > tr:first-child.option > td {
    padding: 0;
    border: 0;
}

.xans-product-detail .prdDescription #totalProducts thead {
    display: none;
}

.xans-product-detail .prdDescription #totalProducts tbody tr:first-child > td {
}

.xans-product-detail .prdDescription #totalProducts tbody tr:last-child > td {
}

.xans-product-detail .prdDescription #totalProducts tbody tr td:last-child {
}

.xans-product-detail .prdDescription #totalProducts tbody tr td {
}

.xans-product-detail .prdDescription #totalProducts tbody td {
    padding: 8px;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    vertical-align: middle;
    word-break: break-all;
    background: #fff;
    border-top: 1px solid #fff;
}

.xans-product-detail .prdDescription #totalProducts tbody tr td:first-child {
    padding: 2px 0 2px 0px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 34%;
}

.xans-product-detail .prdDescription #totalProducts tbody tr td.right {
    padding: 2px 4px 2px 0px;
    font-size: 11px;
    color: #000;
    text-align: right;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 88px;
}

.xans-product-detail .prdDescription #totalProducts tbody td img {
    vertical-align: middle;
}

.xans-product-detail .prdDescription #totalProducts tbody.option_products > tr.option_product td p.product {
    font-size: 0;
}

.xans-product-detail .prdDescription #totalProducts tbody.option_products > tr.option_product td p.product > span {
    font-size: 12px;
}

.xans-product-detail .prdDescription #totalProducts tbody td p.option strong,.xans-product-detail .prdDescription #totalProducts tbody td p.product strong {
    font-weight: normal;
    color: #000
}

.xans-product-detail .prdDescription #totalProducts tbody td p.product + p {
    margin: 7px 0 0;
    white-space: nowrap;
}

.xans-product-detail .prdDescription #totalProducts input.quantity_opt {
    width: 85px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border: 0px;
    outline: 0;
    text-align: center;
    padding: 0 28px;
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.up.eProductQuantityUpClass {
    position: absolute;
    left: 63px;
    margin-top: 5px;
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.down.eProductQuantityDownClass {
    position: absolute;
    left: 9px;
    margin-top: 5px;
}

.xans-product-detail .prdDescription #totalProducts input[readonly] {
    width: 30px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border: 0px;
    outline: 0;
    text-align: left;
    padding: 2px 2px;
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.up.eProductQuantityUpClass .option_box_up {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .00001;
    width: 20px!important;
    height: 19px!important;
    padding-left: 21px;
    background-size: 9px 9px;
    background-position: center center;
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.down.eProductQuantityDownClass .option_box_down {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .00001;
    width: 20px!important;
    height: 19px!important;
    padding-left: 21px;
    background-size: 9px 9px;
    background-position: center center;
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.up.eProductQuantityUpClass:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 1px;
    background: #000;
    transform: translateX(-50%);
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.up.eProductQuantityUpClass:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 9px;
    margin: -4px 0 0 0;
    background: #000;
}

.xans-product-detail .prdDescription #totalProducts .option_product p > a.down.eProductQuantityDownClass:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 1px;
    background: #000;
    transform: translateX(-50%);
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity {
    display: inline-block;
    position: relative;
    width: 70px!important;
    padding: 0 25px;
    height: 28px;
    box-sizing: border-box;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity input {
    width: 54px;
    height: 26px;
    padding: 0 5px;
    border: 0;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    line-height: 29px;
    text-align: center;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a {
    position: absolute;
    top: 0;
    width: 28px;
    height: 28px;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a > img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .00001;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 1px;
    background: #000;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a:first-of-type {
    right: 0;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a:first-of-type:before {
    margin: 0 0 0 -4px;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a:first-of-type:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 9px;
    margin: -4px 0 0 0;
    background: #000;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a:last-of-type {
    left: 0;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity a:last-of-type:before {
    margin: 0 0 0 -4px;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity + a,.xans-product-detail .prdDescription #totalProducts tbody td a.delete {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px 0 0 5px;
    vertical-align: middle;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/detail/btn_total_product_delete.png') no-repeat 0 0;
    background-size: 10px auto;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity + a .option_box_del,.xans-product-detail .prdDescription #totalProducts tbody td a.delete .option_box_del {
    opacity: .00001;
}

.xans-product-detail .prdDescription #totalProducts tbody td .quantity + a .option_add_box_del,.xans-product-detail .prdDescription #totalProducts tbody td a.delete .option_add_box_del {
    opacity: .00001;
}

.xans-product-detail .prdDescription #totalProducts tbody td .price {
    display: block;
    margin: 0 0 6px;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

.xans-product-detail .prdDescription #totalProducts tbody td .mileage {
    display: none;
}

.xans-product-detail .prdDescription .totalPrice {
    display: none;
}

.xans-product-detail .prdDescription .totalPrice .total {
    margin-left: auto;
}

.xans-product-detail .prdDescription .totalPrice .total em {
    font-style: normal;
}

.xans-product-detail .prdDescription .totalPrice .total strong {
}

.xans-product-detail .prdDescription .productAction {
    margin-top: 5px;
}

.xans-product-detail .prdDescription .productAction.gFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 120;
    width: 100%;
    padding: 9px 10px 20px 6px;
    border-top: 1px solid #dedfe2;
    box-sizing: border-box;
    background: #fbfbfd;
}

.xans-product-detail .prdDescription .productAction.gFixed .inner {
    max-width: 1020px;
    margin: 0 auto;
}

.xans-product-detail .prdDescription .productAction.gFixed .buyButton {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.xans-product-detail .prdDescription .productAction.gFixed .buyButton .btnBuy,.xans-product-detail .prdDescription .productAction.gFixed .buyButton .button {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    min-height: 24px;
    padding: 9px 10px 7px;
    margin: 0 0 0 4px;
    font-size: 13px;
    line-height: inherit;
}

.xans-product-detail .prdDescription .productAction.gFixed .buyButton .btnBuy {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: inherit;
    font-size: 13px;
}

.xans-product-detail .prdDescription .productAction.gFixed .buyButton .button {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #000;
    box-sizing: border-box;
    background: #fff;
}

.fundingLayer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 301;
}

.fundingLayer .inner {
    position: fixed;
    display: flex;
    background: #ffffff;
    overflow: hidden;
    z-index: 500;
    top: 50px;
    bottom: auto;
    left: 0;
    right: 0;
    min-width: 280px;
    max-width: 600px;
    width: 92%;
    height: auto;
    margin: auto;
    border-radius: 2px;
    flex-direction: column;
}

.fundingLayer h1 {
    padding: 20px 18px 0;
    line-height: 35px;
    font-size: 16px;
    text-align: left;
    color: #1b1b1b;
    line-height: 24px;
    font-weight: bold;
}

.fundingLayer .wrap {
    max-height: 200px;
    min-height: 100px;
    padding: 9px 18px 0;
    background: #fff;
    flex: 1;
    height: 100%;
    font-size: 12px;
    overflow-x: auto;
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.fundingLayer .wrap .notice {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
}

.fundingLayer .wrap .notice em {
    color: #1b87d4;
    font-weight: bold;
}

.fundingLayer .wrap .notice + .help {
    margin-top: 12px
}

.fundingLayer .wrap .help {
    font-size: 11px;
    line-height: 1.5;
    color: #777777;
}

.fundingLayer .wrap .help li {
    position: relative;
    padding: 0 0 0 8px;
    background: none;
}

.fundingLayer .wrap .help li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #777777;
}

.fundingLayer .wrap + div > .ec-base-button,.fundingLayer .wrap + .ec-base-button,.fundingLayer > .ec-base-button {
    margin: 0;
    padding: 18px;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
}

.fundingLayer .btnClose {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 510;
    width: 36px;
    height: 36px;
    border: 0;
    padding: 0;
    font-size: 0;
    text-indent: -150%;
    background: url(//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png) center center no-repeat;
    background-size: 14px 14px;
}

.xans-product-detail .xans-product-funding .value {
    color: #767479;
    word-break: break-all;
}

.xans-product-detail .xans-product-funding .value .ec-product-value {
    color: #363437;
}

.xans-product-detail .xans-product-funding .ec-product-button li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 3px 3px 0;
    vertical-align: top;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    background: #fff;
}

.xans-product-detail .xans-product-funding .ec-product-button li:last-child {
    margin-right: 0;
}

.xans-product-detail .xans-product-funding .ec-product-button li a {
    display: block;
    min-width: 30px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
}

.xans-product-detail .xans-product-funding .ec-product-button li a span {
    display: inline-block;
    padding: 6px 5px;
    box-sizing: border-box;
    word-break: break-all;
}

.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview li {
    padding: 3px;
}

.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview li a {
    min-width: 24px;
    width: 24px;
    height: 24px;
}

.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview li a img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview li a span {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    padding: 0;
    text-indent: 120%;
    white-space: nowrap;
}

.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview .ec-product-soldout span,.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview .ec-product-disabled span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.xans-product-detail .xans-product-funding .ec-product-button.ec-product-preview .ec-product-soldout span {
    background: url("//img.echosting.cafe24.com/skin/mobile/product/soldout_bg.png") repeat;
    background-size: 28px auto;
}

.xans-product-detail .xans-product-funding .ec-product-button .ec-product-soldout {
    border-style: dashed;
}

.xans-product-detail .xans-product-funding .ec-product-button .ec-product-soldout a span {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
    color: #c8c8c8;
}

.xans-product-detail .xans-product-funding .ec-product-button .ec-product-soldout.ec-product-selected {
    border-style: dashed;
}

.xans-product-detail .xans-product-funding .ec-product-button .ec-product-disabled a span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.xans-product-detail .xans-product-funding .ec-product-button .ec-product-selected {
    border: 2px solid #495164;
    border-radius: 2px;
}

.xans-product-detail .xans-product-funding .ec-product-button .ec-product-selected a {
    margin: -1px;
}

.xans-product-detail .xans-product-funding .ec-product-radio > li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.xans-product-detail .xans-product-funding .ec-product-radio .ec-product-disabled,.xans-product-detail .xans-product-funding .ec-product-radio .ec-product-soldout {
    color: #d7d7d7;
}

.xans-product-detail .product_description {
    border: 1px solid #ececec;
}

.xans-product-detail .product_description h3 {
    font-size: 0;
}

.xans-product-detail .productSet .description .btnBasic {
    width: 100%;
    max-width: 320px;
    color: #757575;
    font-weight: bold;
}

.xans-product-detail .productSet .description .btnBasic.icoToggle span {
    display: inline-block;
    padding: 0 20px 0 0;
    background: url(//img.echosting.cafe24.com/skin/mobile/product/ico_toggle_arow_down2.png) no-repeat right 10px;
    background-size: 13px auto;
}

.xans-product-detail .productSet .description.selected .btnBasic.icoToggle span {
    background-image: url(//img.echosting.cafe24.com/skin/mobile/product/ico_toggle_arow_up2.png);
}

#dCouponDetail {
    position: absolute;
    left: 50% !important;
    z-index: 100;
    min-width: 310px;
    margin: 0 0px 0 -156px;
    ;border: 1px solid #353535;
    border-radius: 4px;
    background: #f1f1f1;
}

#dCouponDetail.active {
    display: block;
}

#dCouponDetail h3 {
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 14px;
    background: #353535;
    color: #fff;
}

#dCouponDetail h3 + a {
    position: absolute;
    right: 20px;
    top: 14px;
}

#dCouponDetail ul {
    margin: 14px 7px 7px;
    background: #fff;
    border: 1px solid #d5d5d5;
}

#dCouponDetail ul li {
    padding: 12px;
    border-top: 1px solid #ededed;
}

#dCouponDetail ul li:first-child {
    border-top: 0;
}

#dCouponDetail ul + a {
    display: block;
    padding: 12px 0;
    text-align: center;
    border-top: 1px solid #d7d5d5;
    background: #fbfafa;
}

.xans-product-detail .prdDescription .topLogo {
    overflow: hidden;
    margin: 3px 0 0;
}

.xans-product-detail .prdDescription .topLogo span {
    float: left;
    padding: 0 14px 0 0;
    font-size: 13px;
}

.xans-product-detail .prdDescription .topLogo span img {
    max-height: 20px;
}

.xans-product-detail .prdDescription .topLogo a {
    float: left;
}

.xans-product-detail .prdDescription .topLogo a img {
    max-height: 26px;
}

.productAction:not(.gFixed) .buyButton {
    padding: 0 0 8px;
}

.productAction .buyButton {
}

.productAction .buyButton .btnBuy {
    display: block;
    width: 100%;
    height: 36px;
    font-size: 11px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #000;
    margin-bottom: 5px;
}

.productAction .buyButton .btnBuy:hover {
    text-decoration: none;
}

.productAction .buyButton .actionCart {
    display: block;
    width: 100%;
    height: 36px;
    font-size: 11px;
    line-height: 36px;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
}

.productAction .buyButton .addition {
}

.productAction:not(.gFixed) .buyButton .addition {
    margin: 8px 0 0;
    box-sizing: border-box;
}

.productAction .buyButton .addition .button {
    width: 100%;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 11px;
    color: #000;
    word-break: break-all;
    background: #fff;
}

.productAction:not(.gFixed) .buyButton .addition .button:first-child {
    border: 1px solid #000;
}

.productAction:not(.gFixed) .buyButton .addition .button:before {
    content: '';
    display: inline-block;
    height: 13px;
    margin: 0 7px 0 0;
    vertical-align: middle;
}

.productAction .buyButton .addition .actionWish:before {
    width: 14px;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/detail/ico_action_wish.png') no-repeat 0 0;
    background-size: 13px auto;
}

.productAction .buyButton .addition .displaynone + .button:after {
    display: none;
}

.productAction .soldoutButton {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 0 -4px;
}

.productAction:not(.gFixed) .soldoutButton {
    padding: 0 0 8px;
}

.productAction .soldoutButton .button {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    margin: 0 0 0 4px;
    border: 1px solid #000;
    font-size: 12px;
    color: #000;
}

.productAction .soldoutButton .button.soldout {
    border: 1px solid #dedfe2;
    color: #fff;
    background: #dedfe2;
}

.xans-product-detail .button.soldout {
    width: 100%;
    display: block;
    border: 1px solid #dedfe2;
    color: #fff;
    background: #dedfe2;
    height: 40px;
    font-size: 12px;
}

.xans-product-detail .add_button button {
    font-size: 11px;
    padding-left: 10px;
    text-align: right;
}

.xans-product-detail .add_button button i {
    font-size: 10px;
}

.xans-product-detail .add_button {
    text-align: right;
}

.xans-product-detail .add_button a {
    font-size: 11px;
    padding-left: 10px;
}

.productDetailImageView {
    position: relative;
    overflow: hidden;
}

.productDetailImageViewThumList {
    overflow-y: hidden;
}

.productDetailImageViewThumList .item {
    float: left;
    width: 100%;
    background: #fff;
}

.productDetailImageViewThumList .item img {
    width: 100%;
}

.productDetailImageView .navigation {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
}

.productDetailImageView .navigation .swiper-pagination-bullet {
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 0 6px;
    border-radius: 6px;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    background: #cacaca;
}

.productDetailImageView .navigation .swiper-pagination-bullet-active {
    background: #000;
}

.prdDescription .prdBoard td .shippingFee {
    margin: 0 0 0 4px;
}

.prdDescription .prdBoard td .shippingFee .button {
    position: relative;
    border: none;
}

.prdDescription .prdBoard td .shippingFee .ec-base-tooltip {
    display: none;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    width: 88%;
    margin: 3px auto 0;
    padding: 0;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 2px;
    letter-spacing: normal;
    background-color: #fff;
}

.prdDescription .prdBoard td .shippingFee .ec-base-tooltip .title {
    display: block;
    padding: 0 20px 0 0;
    font-size: 15px;
    color: #000;
    line-height: 43px;
    background: #fff;
}

.prdDescription .prdBoard td .shippingFee .wrap > h3 {
    padding: 0 14px;
    font-size: 13px;
    line-height: 36px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 5px 5px 0 0;
}

.prdDescription .prdBoard td .shippingFee .wrap .content {
    padding: 14px;
}

.prdDescription .prdBoard td .shippingFee .wrap h4 {
    position: relative;
    margin: 0 7px 7px;
}

.prdDescription .prdBoard td .shippingFee .wrap h4:before {
    display: inline-block;
    content: "";
    margin: 0 5px 0 0;
    width: 3px;
    height: 3px;
    background: #666;
    vertical-align: middle;
}

.prdDescription .prdBoard td .shippingFee .wrap table + h4 {
    margin-top: 14px;
}

.prdDescription .prdBoard td .shippingFee .wrap p strong {
    font-weight: normal;
    font-size: 13px;
}

.prdDescription .prdBoard td .shippingFee .wrap table {
    background: #fff;
}

.prdDescription .prdBoard td .shippingFee .wrap th,.prdDescription .prdBoard td .shippingFee .wrap td {
    padding: 7px;
    border: 1px solid #d5d5d5;
}

.prdDescription .prdBoard td .shippingFee .wrap th {
    width: 80px;
    border-right-width: 0;
    color: #353535;
}

.prdDescription .prdBoard td .shippingFee .wrap td {
    border-left-width: 0;
}

.differentialShipping {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: inherit;
    z-index: 100;
    width: 88% !important;
    margin: 3px auto 0;
}

.differentialShipping h3.title {
    margin: 0;
    padding: 0 35px 0 19px;
    border: 0;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    background: #495164;
}

.differentialShipping .content {
    padding: 12px 18px 14px 18px;
    border: 1px solid #757575;
    text-align: center;
    background: #fff;
}

.btnTooltip.ec-front-shop-delivery-defferent-shipping {
    position: static;
}

.differentialShipping .close {
    position: absolute;
    right: 14px;
    top: 12px;
}

.differentialShipping .close img {
    vertical-align: top;
    cursor: pointer;
}

.differentialShipping .content ul {
    color: #757575;
    line-height: 25px;
}

.differentialShipping .content li {
    overflow: hidden;
}

.differentialShipping .content li strong {
    float: left;
    font-weight: normal;
}

.differentialShipping .content li span {
    float: right;
    color: #2e2e2e;
}

.differentialShipping .content .info {
    margin: 7px 0 0;
    padding: 7px 0 0;
    border-top: 1px dotted #b0b1b3;
    color: #80aeef;
    text-align: right;
}

.xans-product-detaildesign .discount_layer {
    display: block;
    margin: 3px auto 0;
    padding: 0 14px 14px;
}

.xans-product-detaildesign .discount_layer h3 {
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 43px;
}

.xans-product-detaildesign .discount_layer p,.xans-product-detaildesign .discount_layer ul {
    margin: 7px 0;
}

.xans-product-detaildesign .discount_layer p.bullet,.xans-product-detaildesign .discount_layer ul.bullet li {
    padding: 0 0 0 14px;
    font-size: 12px;
    background: url("//img.echosting.cafe24.com/skin/mobile/common/ico_dot.png") no-repeat 3px 6px;
    background-size: 4px auto;
}

.xans-product-detaildesign .discount_layer .info {
    color: #757575;
    font-size: 12px;
}

.xans-product-detaildesign .discount_layer table {
    border: 1px solid #ececec !important;
    background: #fff;
}

.xans-product-detaildesign .discount_layer thead {
    display: table-column;
}

.xans-product-detaildesign .discount_layer thead th {
    padding: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: 0;
}

.xans-product-detaildesign .discount_layer tbody th {
    padding: 7px 3px 7px 7px;
}

.xans-product-detaildesign .discount_layer tbody th,.xans-product-detaildesign .discount_layer tbody td {
    font-size: 12px;
    border-top: 1px solid #ececec !important;
}

.xans-product-detaildesign .discount_layer tbody td {
    padding: 7px 7px 7px 0;
    text-align: right;
}

.xans-product-detaildesign .discount_layer tbody td .addMobile {
    display: block;
}

.xans-product-detaildesign .discount_layer .gCenter {
    text-align: center;
}

.productSet .ec-base-qty {
    display: inline-block;
    flex: none !important;
    position: relative;
    width: 110px !important;
    padding: 0 28px;
    height: 28px;
    border: 1px solid #dedfe2;
    box-sizing: border-box;
}

.productSet .ec-base-qty input {
    width: 54px;
    height: 26px;
    padding: 0 5px;
    border: 0;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    line-height: 29px;
    text-align: center;
    vertical-align: top;
}

.productSet .ec-base-qty a {
    position: absolute;
    top: 0;
    width: 28px;
    height: 28px;
}

.productSet .ec-base-qty a > img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .00001;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.productSet .ec-base-qty a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 1px;
    background: #000;
}

.productSet .ec-base-qty a:first-of-type {
    right: 0;
}

.productSet .ec-base-qty a:first-of-type:before {
    margin: 0 0 0 -4px;
}

.productSet .ec-base-qty a:first-of-type:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 9px;
    margin: -4px 0 0 0;
    background: #000;
}

.productSet .ec-base-qty a:last-of-type {
    left: 0;
}

.productSet .ec-base-qty a:last-of-type:before {
    margin: 0 0 0 -4px;
}

.event {
    padding: 16px 16px 6px;
}

.shippingCycle {
    background: #f1f1f1;
}

.shippingCycle .title {
    display: inline-block;
    padding: 5px 3px;
    font-size: 12px;
    font-weight: bold;
    color: #1b1b1b;
}

.shippingCycle .button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shippingCycle .button .gLabel {
    position: relative;
    overflow: hidden;
    width: 25%;
    margin: 0;
    padding: 3px;
    box-sizing: border-box;
}

.shippingCycle .button .gLabel .txt {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d7d5d5;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
}

.shippingCycle .button .gLabel input {
    position: absolute;
    top: 0;
    left: -9999em;
}

.shippingCycle .button .gLabel input:checked + .txt {
    line-height: 28px;
    border: 2px solid #008bcc;
}

.fundingDetail {
    background-color: #fff;
    display: none;
}

.fundingDetail h3 {
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    color: #1b1b1b;
    padding: 11px 14px;
}

.fundingDetail ul li {
    position: relative;
    border-top: 1px solid #ececec;
    padding: 14px;
}

.fundingDetail ul li .prdPrice {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.fundingDetail ul li .prdPrice .remaining {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    color: #1b87d4;
}

.fundingDetail ul li .name {
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #1b1b1b;
    margin-top: 10px;
}

.fundingDetail ul li .description {
    font-size: 12px;
    line-height: 17px;
    color: #777777;
    margin-top: 13px;
}

html[lang="ko"] .dnd_module_92dd6f7ac13d81237bb5f8047fb78f58 .fundingDetail {
    display: block;
}

.shippingFee .ec-base-tooltip .btnTooltip {
    position: static;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: inherit;
    z-index: 100;
    width: 88% !important;
    margin: 3px auto 0;
}

.shippingFee .wrap .differentialShipping .content {
    border: 1px solid #757575;
}

.differentialShipping .content li {
    overflow: hidden;
}

.differentialShipping .content li strong {
    float: left;
    font-weight: normal;
}

.differentialShipping .content li span {
    float: right;
    color: #2e2e2e;
}

.shippingFee .wrap table {
    position: static;
}

.xans-product-detaildesign .shippingFee > .button {
    border: 0;
}

.ec-base-tooltip .differentialShipping h3.title {
    display: block;
    padding: 0 20px 0 0;
    font-size: 15px;
    color: #000;
    line-height: 43px;
    background: #fff;
}

.differentialShipping {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: inherit;
    z-index: 100;
    width: 88% !important;
    margin: 3px auto 0;
}

.dnd_module_92dd6f7ac13d81237bb5f8047fb78f58 .differentialShipping h3.title {
    margin: 0;
    padding: 0 35px 0 19px;
    border: 0;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    background: #495164;
}

.differentialShipping .content {
    border: 1px solid #757575;
    text-align: center;
    background: #fff;
    padding: 12px 18px 14px 18px;
}

.btnTooltip.ec-front-shop-delivery-defferent-shipping {
    position: static;
}

.differentialShipping .close {
    position: absolute;
    right: 14px;
    top: 12px;
}

.differentialShipping .close img {
    vertical-align: top;
    cursor: pointer;
}

.differentialShipping .content ul {
    color: #757575;
    line-height: 25px;
}

.differentialShipping .content .info {
    margin: 7px 0 0;
    padding: 7px 0 0;
    border-top: 1px dotted #b0b1b3;
    color: #80aeef;
    text-align: right;
}

input {
    padding: 5px 10px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    border: 1px solid #dcd8d6;
    box-sizing: border-box;
    outline: none;
}

input[type="radio"],input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 0;
    -webkit-appearance: none;
    vertical-align: middle;
}

input[type="radio"] {
    background: url('https://moma-img.cafe24img.com/img/1/92dd/bg_radio_2.png') no-repeat 0 0;
    background-size: 20px auto;
}

input[type="radio"]:checked {
    background-image: url("https://moma-img.cafe24img.com/img/1/92dd/bg_radio_checked_2.png");
}

input[type="checkbox"] {
    background: url('https://moma-img.cafe24img.com/img/1/92dd/bg_checkbox.png') no-repeat 0 0;
    background-size: 20px auto;
}

input[type="checkbox"]:checked {
    background-image: url("https://moma-img.cafe24img.com/img/1/92dd/bg_checkbox_checked.png");
}

input[type="radio"] + label,input[type="checkbox"] + label {
    margin: 0 16px 0 6px;
    vertical-align: middle;
}

textarea {
    padding: 12px;
    color: #54504f;
    border: 1px solid #dcd8d6;
    line-height: 1.5;
}

.tabProduct {
    position: relative;
    padding: 0 16px;
    border-bottom: 1px solid #e1e1e1;
    background: #fff;
}

.tabProduct .tab {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    overflow: hidden;
    position: relative;
    top: 1px;
}

.tabProduct .tab li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 2px solid transparent;
    text-align: center;
}

.tabProduct .tab li > a {
    display: block;
    height: 100%;
    padding: 15px 5px 13px;
    font-size: 14px;
    color: #afa9a6;
    box-sizing: border-box;
    line-height: 100%;
}

.tabProduct .tab li > a:hover {
    text-decoration: none;
}

.tabProduct .tab li.selected {
    border-color: #54504f;
}

.tabProduct .tab li.selected > a {
    font-weight: bold;
    color: #54504f;
}

.prdAdditional {
    clear: both;
}

.prdAdditional .brdButton {
    padding: 20px 0px 15px;
    margin-top: -44px;
    text-align: right;
    background: #fff;
    border-bottom: 1px solid #000;
}

.prdAdditional .brdButton .btnWrite {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #54504f;
    font-size: 13px;
    line-height: 40px;
    color: #54504f;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    text-decoration: none;
}

.prdAdditional .brdButton .viewLink {
    display: inline-block;
    margin: 16px 0;
    font-size: 12px;
    color: #54504f;
}

.prdAdditional .brdButton .viewLink:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -2px 0 0 7px;
    vertical-align: middle;
    background-size: 7px auto;
    border-style: solid;
    border-color: #54504f;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
}

.prdAdditional .board .nodata,.prdAdditional .board .noAccess {
    height: 222px;
    padding: 58px 10px 20px;
    font-size: 12px;
    color: #afa9a6;
    text-align: center;
    box-sizing: border-box;
}

.prdAdditional .faq {
    margin: 0;
    padding: 10px 0 7px;
}

.prdAdditional .faq .toggle {
    margin: 0 7px 7px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

.prdAdditional .faq .toggle > .title {
    position: relative;
    padding: 14px;
    color: #508bed;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    cursor: pointer;
    background-color: #f0f0f0;
}

.prdAdditional .faq .toggle > .title:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 40px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 13px 8px;
    background-position: center;
    background-image: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_toggle_arow_down.png");
}

.prdAdditional .faq .toggle.selected > .title:after {
    background-image: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_toggle_arow_up.png");
}

.prdAdditional .faq .toggle.disable > .title:after {
    background-image: none !important;
}

.prdAdditional .faq .toggle .contents {
    display: none;
    border-top: 1px solid #ddd;
    padding: 14px;
    color: #777;
}

.prdAdditional .faq .toggle.selected > .contents,.prdAdditional .faq .toggle.disable > .contents {
    display: block;
}

.prdAdditional {
    margin: 0;
    padding: 0;
    background: #fff;
}

.prdAdditional #prdDetail .button {
    text-align: center;
    padding: 12px 0;
}

.prdAdditional #prdDetail .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_expand.png");
    background-size: 13px 13px;
}

.prdAdditional #prdDetail img {
    max-width: 100%;
    margin: 0;
    text-align: center;
}

.prdAdditional .btnMore {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.prdAdditional .btnMore a {
    display: block;
    padding: 12px 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #d5d5d5;
    color: #757575;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
}

.prdAdditional .btnMore span.icoMore {
    display: inline-block;
    margin: 0 0 0 8px;
    width: 12px;
    height: 7px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_more.gif") no-repeat 50% 50%;
    background-size: 12px 7px;
}

#prdReview {
    margin: 150px 30px 0;
}

#prdQnA {
    margin: 0px 30px;
}

#prdReview h3,#prdQnA h3 {
    font-size: 12px;
    font-weight: normal;
}

.prdAdditional .board {
    background: #fff;
}

.prdAdditional .board .writeNotiArea {
    padding: 0 14px;
    background: #fff;
}

.prdAdditional .board .writeNotiArea:after {
    content: "";
    display: block;
    clear: both;
}

.prdAdditional .board .writeNotiArea p {
    float: left;
    margin: 7px 0;
}

.prdAdditional .board .writeNotiArea div.gRight {
    float: right;
    margin: 7px 0 0;
}

.prdAdditional .board .minor {
    height: 222px;
    padding: 58px 10px 20px;
    font-size: 12px;
    color: #999;
    text-align: center;
    box-sizing: border-box;
}

.prdAdditional .board .minor .button {
    display: inline-block;
    height: 28px;
    margin: 16px 0 0;
    padding: 0 10px;
    border: 1px solid #54504f;
    font-size: 12px;
    color: #54504f;
    line-height: 26px;
    box-sizing: border-box;
    text-decoration: none;
}

.prdAdditional .board .minor .btnBasic {
    display: inline-block;
    background: transparent;
    font-family: "Apple SD Gothic Neo","Noto Sans Regular","맑은 고딕","malgun gothic","돋움","dotum",sans-serif;
    height: 28px;
    margin: 16px 0 0;
    padding: 0 10px;
    border: 1px solid #000;
    font-size: 12px;
    color: #000;
    line-height: 26px;
    box-sizing: border-box;
    text-decoration: none;
}

.prdAdditional .board .boardSort {
    padding: 7px 14px;
    font-size: 13px;
    background: #f1f1f1;
}

.prdAdditional .board .boardSort:after {
    content: "";
    display: block;
    clear: both;
}

.prdAdditional .board .boardSort span {
    float: left;
    margin: 0 14px 0 0;
}

.prdAdditional .brdList {
    border-bottom: 1px solid #000;
    background: #fff;
}

.prdAdditional .brdList > li {
    padding: 10px 4px;
    border-top: 1px solid #000;
}

.prdAdditional .brdList > li:first-child {
    border-top: 0;
}

.prdAdditional .brdList > li > .link {
    display: block;
    position: relative;
    color: #54504f;
    text-decoration: none;
}

.prdAdditional .brdList > li > .link .subject {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.prdAdditional .brdList > li > .link .subject::after {
    content: "";
    clear: both;
    display: block;
}

.prdAdditional .brdList > li > .link .subject > .id {
    float: right;
}

.prdAdditional .brdList > li > .link .subject .text {
    margin: 0 3px 0 0;
}

.prdAdditional .brdList > li > .link .subject > img {
    display: inline-block;
    width: inherit !important;
    height: inherit !important;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

.prdAdditional .brdList > li > .link .subject .commentCntdhs {
    display: none;
    padding: 0 2px 0 0;
}

.prdAdditional .brdList > li > .link .info {
    display: block;
    margin: 5px 0 0;
    font-size: 11px;
    color: #afa9a6;
}

.prdAdditional .brdList > li > .link .info::after {
    content: "";
    clear: both;
    display: block;
}

.prdAdditional .brdList > li > .link .info .pthite {
    float: left;
}

.prdAdditional .brdList > li > .link .info > span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 5px 8px 0;
    vertical-align: top;
    background: #dddee0;
}

.prdAdditional .brdList > li > .link .info > span:first-child:before,.prdAdditional .brdList > li > .link .info > span.point + span:before {
    display: none;
}

.prdAdditional .brdList > li > .link .append {
    float: right;
}

.prdAdditional .brdList > li > .link .append > span {
    display: inline-block;
    font-size: 11px;
    color: #afa9a6;
    vertical-align: middle;
}

.prdAdditional .brdList > li > .link .append > span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 3px 8px 0;
    background: #dddee0;
}

.prdAdditional .brdList > li > .link .append > span:first-child:before {
    display: none;
}

.prdAdditional .brdList .contentView {
    margin: 0;
    padding: 0;
    min-height: 0;
    border-top: 0;
    color: #54504f;
    font-size: 15px;
    text-align: left;
    word-wrap: break-word;
}

.prdAdditional .brdList .contentView .formGroup {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prdAdditional .brdList .contentView .formGroup .gLeft {
    text-align: left;
}

.prdAdditional .brdList .contentView .formGroup .gRight {
    text-align: right;
}

.prdAdditional .brdList .contentView .view {
}

.prdAdditional .brdList .contentView .view.secret {
    padding: 16px 16px 19px;
    background: #f6f6f6;
}

.prdAdditional .brdList .contentView .view.secret .alert {
    display: block;
    margin: 0 0 10px;
    color: #5d5d5d;
    font-size: 12px;
}

.prdAdditional .brdList .contentView .view.secret .formGroup input[type="password"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.prdAdditional .brdList .contentView .view.secret .formGroup input[type="button"] {
    min-width: 60px;
    height: 36px;
    margin: 0 0 0 4px;
    border: 0;
    border-radius: 0;
    font-size: 13px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #000;
}

.prdAdditional .brdList .contentView .view.comment {
    padding: 10px;
    background-color: #f7f7f7;
    font-size: 12px;
    line-height: 20px;
}

.prdAdditional .brdList .contentView .view.comment .attachImage {
    max-width: 100%;
    text-align: center;
}

.prdAdditional .brdList .contentView .view.comment .attachImage img {
    max-width: 100%;
    margin: 0 0 14px;
}

.prdAdditional .brdList .contentView .view.comment .formGroup {
    margin: 25px 0 19px;
}

.prdAdditional .brdList .contentView .view.comment .formGroup a em {
    color: #000;
}

.prdAdditional .brdList .contentView .view.comment .formGroup .btnReply {
    display: inline-block;
    position: relative;
    padding: 0 16px 0 0;
    font-size: 12px;
    color: #54504f;
    vertical-align: top;
    text-decoration: none;
}

.prdAdditional .brdList .contentView .view.comment .formGroup .btnReply:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 5px;
    margin: -2px 0 0;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/board/btn_reply.png') no-repeat 0 0;
    background-size: 8px auto;
}

.prdAdditional .brdList .contentView .view.comment .formGroup .btnReply .number {
    margin: 0 0 0 3px;
    color: #000;
}

.boardCommentPackage {
    overflow: hidden;
    background: #fff;
}

.boardCommentPackage .brdCmtTitle {
    margin: 0 16px;
    padding: 16px 0 14px;
    border-bottom: 1px solid #000;
}

.boardCommentPackage .brdCmtTitle h3 {
    display: inline-block;
    font-size: 13px;
    color: #000;
}

.boardCommentPackage .empty {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    height: 160px;
    padding: 0 16px;
    font-size: 12px;
    color: #999;
    text-align: center;
    box-sizing: border-box;
}

.cmtSecret {
    margin: 16px 0 34px;
}

.cmtSecret #secure_password {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.brdCmtAuthority {
    margin: 20px 16px;
    padding: 12px 10px 11px;
    border-radius: 4px;
    font-size: 12px;
    color: #0078ea;
    text-align: center;
    background: #f6f8fa;
}

.prdAdditional .brdList .formGroup {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.prdAdditional .brdList .contentView .view.comment .brdCmt .formGroup {
    margin-bottom: 0;
}

.prdAdditional .brdList .formGroup .gLeft {
    text-align: left;
    font-size: 0;
}

.prdAdditional .brdList .formGroup .gRight {
    text-align: right;
    font-size: 0;
}

.prdAdditional .brdList .formGroup .button {
    display: inline-block;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    box-sizing: border-box;
    text-decoration: none;
}

.prdAdditional .brdList .formGroup .button.theme1 {
    border: 1px solid #54504f;
    color: #54504f;
    background: #fff;
}

.prdAdditional .brdList .formGroup .button.theme2 {
    border: 1px solid #54504f;
    color: #fff;
    background: #54504f;
}

.prdAdditional .brdList .formGroup .button.large {
    min-width: 67px;
    height: 36px;
    font-size: 13px;
    line-height: 36px;
    text-align: center;
}

.prdAdditional .brdList .formGroup .button.large.theme1 {
    border-color: #000;
}

.prdAdditional .brdList .formGroup .gLeft .button {
    margin: 0 4px 0 0;
}

.prdAdditional .brdList .formGroup .gRight .button {
    margin: 0 0 0 4px;
}

.prdAdditional .brdList .contentView .brdCmt {
    margin: 0 -16px;
    background: #f6f6f6;
}

.brdCmt li {
    position: relative;
    padding: 19px 16px 19px 36px;
    border-top: 1px solid #e5e9f2;
}

.brdCmt li:before {
    content: '댓글';
    position: absolute;
    left: 22px;
    top: 24px;
    width: 6px;
    height: 6px;
    font-size: 1px;
    line-height: 0;
    text-indent: -150%;
    color: transparent;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/board/ico_reply.png') no-repeat 0 0;
    background-size: 6px auto;
}

.brdCmt li > .info {
    margin: 0 0 9px;
    font-size: 0;
}

.brdCmt li > .info > span {
    display: inline-block;
    font-size: 12px;
    color: #afa9a6;
    vertical-align: middle;
}

.brdCmt li > .info > span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 3px 8px 0;
    background: #dddee0;
}

.brdCmt li > .info > span:first-child:before,.brdCmt li > .info .point + span:before {
    display: none;
}

.brdCmt li > .info .point {
    height: 10px;
    margin: 3px 3px 0 0;
    vertical-align: top;
}

.brdCmt li > .info .writer a {
    color: #afa9a6;
}

.brdCmt li > .comment {
    font-size: 13px;
    line-height: 20px;
    color: #54504f;
    word-wrap: break-word;
}

.brdCmt li > .comment .icon > img {
    display: inline-block;
    width: inherit !important;
    height: inherit !important;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

.brdCmt li > .comment + .formGroup {
    margin: 25px 0 0;
}

.brdCmt li > .formGroup .btnReply {
    display: inline-block;
    position: relative;
    padding: 0 16px 0 0;
    font-size: 14px;
    color: #000;
    vertical-align: top;
}

.brdCmt li > .formGroup .btnReply:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 5px;
    margin: -2px 0 0;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/board/btn_reply.png') no-repeat 0 0;
    background-size: 8px auto;
}

.brdCmt li > .formGroup .btnReply .number {
    margin: 0 0 0 3px;
    color: #0078ea;
}

.brdCmt li.replyArea {
    margin-left: 36px;
    padding-left: 14px;
    background: #f6f6f6;
}

.brdCmt li.replyArea:before {
    content: '댓글의 댓글';
    position: absolute;
    left: 0;
    top: 24px;
    width: 6px;
    height: 6px;
    font-size: 1px;
    line-height: 0;
    text-indent: -150%;
    color: transparent;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/board/ico_reply.png') no-repeat 0 0;
    background-size: 6px auto;
}

.brdEditor {
}

.brdEditor .titEditor {
    display: block;
    margin: 0 0 12px;
    font-size: 13px;
}

.brdEditor .info {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 0 -10px;
}

.brdEditor .info .name,.brdEditor .info .password {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 10px;
}

.brdEditor .info input {
    width: 100%;
}

.brdEditor .comment {
    display: block;
    margin: 10px 0 0;
    word-wrap: break-word;
}

.brdEditor .comment textarea {
    width: 100%;
    height: 62px;
    box-sizing: border-box;
}

.brdEditor .comment .byte {
    display: block;
    margin: 2px 0 0;
    font-size: 12px;
    color: #54504f;
    text-align: right;
}

.brdEditor .comment .byte .current {
    color: #000;
}

.brdEditor .formGroup {
    margin: 15px 0 0;
}

.brdEditor .formGroup .secret {
}

.brdEditor .formGroup .secret label {
    height: 20px;
    font-size: 13px;
    color: #54504f;
    line-height: 20px;
}

.brdEditor .formGroup .secret label input[type="checkbox"] {
    vertical-align: top;
}

.brdEditor .byteRating {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 12px 0 0;
}

.brdEditor .byteRating .label {
    width: 64px;
    padding: 0 10px 0 0;
    font-weight: normal;
    font-size: 13px;
    color: #54504f;
    box-sizing: border-box;
}

.brdEditor .byteRating .rating {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #54504f;
}

.brdEditor .byteRating .rating em {
    font-style: normal;
}

.brdEditor .byteRating .rating input[type=radio] + label {
    margin: 0 7px 0 4px;
}

.brdEditor .captcha {
    margin: 20px 0 32px;
}

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

.brdEditor .captcha .image {
    float: left;
    min-height: 36px;
    margin: 0 10px 0 0;
    padding: 5px;
    box-sizing: border-box;
    background: #dedfe2;
}

.brdEditor .captcha .form {
    overflow: hidden;
}

.brdEditor .captcha .form input[type="text"] {
    width: 100%;
}

.brdEditor .captcha .help {
    clear: both;
    margin: 7px 0 0;
    font-size: 12px;
    color: #999;
}

.brdCmtWrite {
}

.brdCmtWrite .brdEditor {
    margin: 0 -16px 0;
    padding: 20px 16px;
    border-top: 1px solid #e5e9f2;
    background: #f6f6f6;
}

.prdAdditional .brdList .contentView .view.comment .brdCmtWrite .formGroup {
    margin-bottom: 0;
}

.brdCmtReply {
    margin: 19px -16px -19px -36px;
}

.brdCmtReply .brdEditor {
    padding: 20px 16px;
    border-top: 1px solid #e5e9f2;
    background: #f6f6f6;
}

.prdAdditional .brdPaginate.typeList {
    padding: 20px 0 48px;
    text-align: center;
}

.prdAdditional .brdPaginate.typeList [class*='btn'] {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    vertical-align: top;
}

.prdAdditional .brdPaginate.typeList [class*='btn']:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 13px;
    margin: -6px 0 0 -4px;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_btn_paginate.png') no-repeat 0 0;
    background-size: 100px auto;
}

.prdAdditional .brdPaginate.typeList .btnNext:before {
    background-position: -50px 0;
}

.prdAdditional .brdPaginate.typeList .page {
    display: inline-block;
    height: 32px;
    max-width: 220px;
    vertical-align: top;
}

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

.prdAdditional .brdPaginate.typeList .page li {
    float: left;
}

.prdAdditional .brdPaginate.typeList .page li a {
    display: inline-block;
    margin: 0 18px;
    font-size: 15px;
    line-height: 32px;
    color: #999;
    text-decoration: none;
}

.prdAdditional .brdPaginate.typeList .page .other {
}

.prdAdditional .brdPaginate.typeList .page .this {
    font-weight: bold;
    color: #000;
}

.prdAdditional .brdList .contentView .memoCont .boardCommentAuthority {
    padding: 14px;
    text-align: center;
    background: #fff;
}

.prdAdditional #prdDetail {
    word-break: break-all;
    text-align: center;
}

.xans-product-detail .info_left .prd_info_tab {
    font-size: 11px;
    line-height: 18px;
    max-height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    padding-top: 40px;
}

.xans-product-detail .info_left .prd_info_tab::-webkit-scrollbar {
    display: none;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more {
    list-style: none;
    padding: 0px 0;
    margin: 0 auto;
    width: 100%!important;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li {
    list-style: none;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li:first-child {
    border-top: 1px solid #000;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li .tab_wrap pre {
    white-space: break-spaces;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li .tab_wrap {
    display: none;
    padding: 10px 0 10px 0px;
    color: #000;
    font-size: 11px;
    line-height: 18px;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li .tab_wrap p {
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li > a {
    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 31px;
    height: 29px;
    font-size: 12px;
    user-select: none;
    color: #000
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li > a.active {
    color: #999;
}

.xans-product-detail .info_left .prd_info_tab .accordion_more > li > a:hover {
    text-decoration: none
}

.xans-product-detail .info_left .prd_info_tab .accordion_more li div div {
    padding: 0px;
    margin: 0px;
}

.xans-product-detail .info_left {
    box-sizing: border-box;
    display: inline-block;
    width: 400px;
    height: 90vh;
    padding: 0 0 0 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.xans-product-detail .info_left::after {
    content: "";
    clear: both;
    display: block;
}

.xans-product-detail .prdThumbnail {
    box-sizing: border-box;
    display: inline-block;
    width: calc(100% - 800px);
    padding: 0 50px;
    min-height: 100vh;
    margin: 0 auto;
}

.xans-product-detail .prdDescription {
    box-sizing: border-box;
    display: inline-block;
    width: 400px;
    height: 90vh;
    padding: 0 40px 0 0;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.xans-product-detail .prdDescription .prdDescription_inner {
    max-height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    padding-top: 40px;
}

.xans-product-detail .prdDescription .info_left {
    display: none;
}

@media all and (min-width : 1001px) and (max-width :1530px) {
    .xans-product-detail .info_left {
        width:25%;
    }

    .xans-product-detail .prdThumbnail {
        width: 50%;
    }

    .xans-product-detail .prdDescription {
        width: 25%;
    }
}

@media all and (max-width: 1000px) {
    .for-pc {
        display:none!important;
    }

    .for-mo {
        display: block!important;
    }

    .xans-product-detail {
        display: block;
    }

    .xans-product-detail .prdThumbnail {
        width: 100%;
        float: none;
        padding: 50px 0 0 0;
        margin-bottom: 25px;
        min-height: auto;
    }

    .xans-product-detail .prdDescription {
        float: left;
        position: relative;
        height: auto;
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        top: 0;
    }

    .xans-product-detail .prdDescription .prdDescription_inner {
        position: relative;
        right: auto;
        padding: 0 10px;
    }

    .xans-product-detail .info_left {
        display: none;
    }

    .xans-product-detail .prdDescription .info_left {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 10px;
        top: 0;
        height: auto;
    }

    .xans-product-detail .prdAdditional.detail_image_mo {
        padding: 30px 0 30px;
    }

    .xans-product-detail .prdDescription .prdBoard tr.prd_promotion_date_css td > span > span {
        display: block;
    }

    .xans-product-detail .prdDescription .prdBoard tr.prd_promotion_date_css td > span > span.period {
        margin-left: 0px;
        display: block;
        margin-top: 6px;
    }

    .xans-product-relation .relation h3 {
        margin: 0 10px 10px!important;
    }

    .xans-product-relation .box p,.xans-product-relation .box ul {
        padding: 0 10px!important;
    }

    #prdReview {
        margin: 100px 10px 0!important;
    }

    #prdQnA {
        margin: 0px 10px!important;
    }
}

@media all and (max-width: 1000px) {
    .xans-product-detail .prdDescription #totalProducts tbody.option_products > tr.option_product td:first-child {
        width:55%;
    }

    .xans-product-detail .prdDescription #totalProducts tbody.option_products > tr.option_product td p {
        display: inline-block;
        position: relative;
        margin: 0 0 0;
    }

    .xans-product-detail .prdDescription #totalProducts tbody.option_products > tr.option_product td p.product {
    }

    .xans-product-detail .prdDescription #totalProducts tbody tr td.right {
        width: 83px;
    }

    .xans-product-detail .prdDescription #totalProducts tbody tr td.center {
        padding: 2px 4px 2px 0px;
        font-size: 11px;
        color: #000;
        text-align: right;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        width: 6px;
    }
}

.xans-product-action.productAction .npay_type_A_2 {
    width: 100%!important;
    padding: 0 0!important;
    height: 49px !important;
}

.xans-product-action.productAction .npay_type_A_2 .npay_button_box {
    border-top: 0px!important;
    padding: 0 0!important;
}

.xans-product-action.productAction .npay_type_A_2 .npay_button_box .npay_button {
    padding: 0px 0 5px 0!important;
}

.xans-product-action.productAction .npay_type_A_2 .npay_button_box .npay_button .npay_text {
    display: none!important;
}

.xans-product-action.productAction .npay_type_A_2 .npay_button_box .npay_event {
    display: none!important;
}

.xans-product-action.productAction .npay_type_A_2 .npay_button_box .npay_button .npay_btn_item.btn_width {
    display: none!important;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container {
    width: 100%;
    border-top: 0px!important;
    padding: 0 0!important;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_contents {
    padding: 5px 0 5px 0!important;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_contents button.__checkout_btn_buy {
    border-radius: 0px;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_contents button.__checkout_btn_wish {
    top: 5px;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_title {
    display: none!important;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_notice {
    display: none!important;
}

.xans-product-action.productAction .npay_storebtn_bx {
    width: 100%!important;
    padding: 0 0!important;
    height: 40px !important;
}

.xans-product-action.productAction .npay_storebtn_bx .npay_button_box {
    border-top: 0px!important;
    padding: 0 0!important;
}

.xans-product-action.productAction .npay_storebtn_bx .npay_button_box .npay_button {
    padding: 0px 0 5px 0!important;
}

.xans-product-action.productAction .npay_storebtn_bx .npay_button_box .npay_button a {
    border-radius: 0px!important;
}

.xans-product-action.productAction .npay_storebtn_bx .npay_button_box .npay_button .npay_btn_item.btn_width,.xans-product-action.productAction .npay_storebtn_bx .npay_button_box .npay_button .npay_text {
    display: none!important;
}

.xans-product-action.productAction .npay_storebtn_bx .npay_button_box .npay_event {
    display: none!important;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_contents .__checkout_wrap_btn_channel {
    display: none!important;
}

.xans-product-action.productAction #appPaymentButtonBox #checkoutContainer.__checkout_buy_container .__checkout_buy_contents button.__checkout_btn_wish {
    display: none!important;
}

.xans-product-action.productAction #appPaymentButtonBox #kakao-checkout-button .__checkout_buy_mobile {
    width: 100%;
    border-top: 0px!important;
    padding: 0 0!important;
}

.xans-product-action.productAction #appPaymentButtonBox #kakao-checkout-button .__checkout_buy_mobile .__checkout_buy_contents {
    padding: 5px 0 5px 0!important;
}

.xans-product-action.productAction #appPaymentButtonBox #kakao-checkout-button .__checkout_buy_mobile .__checkout_buy_contents button.__checkout_btn_buy {
    border-radius: 0px;
    margin-left: 0;
}

.xans-product-action.productAction #appPaymentButtonBox #kakao-checkout-button .__checkout_buy_mobile .__checkout_buy_contents button.__checkout_btn_wish {
    top: 5px;
}

.xans-product-action.productAction #appPaymentButtonBox #kakao-checkout-button .__checkout_buy_mobile .__checkout_buy_contents .__checkout_tit_buy {
    display: none!important;
}

.xans-product-action.productAction #appPaymentButtonBox #kakao-checkout-button .__checkout_buy_mobile .__checkout_buy_notice {
    display: none!important;
}


/* Product search page style */
#shopQ .typePopup .searchForm .search {
    margin: 0;
    border-bottom: 0;
}

#shopQ .keywordArea {
    padding-bottom: 10px;
}

#shopQ .keywordArea .inner {
    padding: 20px 16px 16px;
}

#shopQ .keywordArea .heading {
    font-weight: normal;
    font-size: 12px;
    color: #abaeb5;
}

#shopQ .keywordArea .list {
    margin: 12px 0 0;
}

#shopQ .keywordArea .list > a {
    display: inline-block;
    margin: 0 12px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    vertical-align: top;
}

#shopQ .keywordArea .list > a:hover {
    text-decoration: none;
}

.searchField {
    display: block !important;
    text-align: center;
}

.searchField .searchbox {
    border-bottom: 1px solid #000;
    width: 225px;
    margin: 0 auto;
}

.searchField .searchbox input.keyword {
    display: inline-block;
    padding: 10px 0;
    border: 0;
}

.searchField .searchbox button.btnStrong {
    display: inline-block;
    padding: 0!important;
    border: 0;
}

.searchField .searchbox .xans-product-searchdata {
    display: inline-block;
}

.productPackage {
    background: #fff;
    margin-top: 50px;
}

.productList {
    position: relative;
    width: 100%;
    padding: 50px 0px 0;
    box-sizing: border-box;
    background-color: #fff;
}

.productList .xans-product-searchdata {
    padding: 0 62px 20px 0;
}

.productList img {
    max-width: 100%;
}

.productList li {
    vertical-align: top;
}

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

.productList .thumbnail {
    position: relative;
}

.productList .thumbnail a {
    display: block;
    position: relative;
    font-size: 0;
    background: #f6f6f8;
}

.productList .thumbnail a img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

.productList .thumbnail .prdIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 30% auto;
}

.productList .thumbnail .icon {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
}

.productList .thumbnail .icon img {
    margin: 0 4px 0 0;
    vertical-align: bottom;
}

.productList .thumbnail .thumber_1 {
}

.productList .thumbnail .thumber_2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    right: 0;
    text-align: center;
    transition: opacity .4s;
}

.productList .thumbnail:hover .thumber_2 {
    opacity: 1;
    transition: opacity .4s;
}

.productList .description {
    min-height: 10px;
    margin: 0 0px;
    line-height: 1em;
    text-align: left;
}

.productList .description .description::after {
    clear: both;
    display: block;
    content: ""
}

.productList .description .name {
    float: left;
    width: 70%;
    display: block;
    word-wrap: break-word;
    margin: 0 0 10px;
}

.productList .description .name a {
    display: block;
    text-align: left;
    font-size: 13px;
    color: #1b1b1b;
    font-weight: normal;
}

.productList .description .name span[rel="상품요약정보"] {
    display: block;
    text-align: left;
}

.productList .description ul.spec {
    float: right;
    width: 30%;
    min-width: 90px;
    display: block;
}

.productList .description ul.spec li {
    text-align: right;
    display: block;
    margin-bottom: 6px;
}

.productList .icon {
    float: left;
    width: 70%;
    display: block;
    margin: 0 0 7px;
}

.productList .icon img {
    margin: 0 4px 0 0;
}

.productList .icon .icon_img {
    margin: 0 0 2px;
}

.productList .description .price {
    font-size: 12px;
    margin: 0 0 7px;
}

.productList .description .strike,.productList .description .mPriceStrike {
    text-decoration: line-through;
}

.productList .description li.cart {
    margin: 0 0 7px;
}

.productList .description .color {
    overflow: hidden;
    margin: 0;
}

.productList .description .color .chips {
    float: left;
    width: 12px;
    height: 10px;
    margin: 0 2px 2px 0;
    font-size: 0;
    line-height: 0;
    border: 1px solid #e3e3e3;
}

.productList .description .likeButton button {
    border: 0;
    background: none;
}

.productList .description .likeButton button strong {
    margin: 0 0 0 3px;
    font-size: 11px;
    line-height: 20px;
    color: #757575;
}

.productList .description .likeButton.selected button strong {
    line-height: 20px;
    color: #2e2e2e;
}

.productList .description .icon {
    display: block;
    margin: 17px 0 0 0;
}

.productList .description .icon img {
    margin: 2px 2px 0 0;
    vertical-align: middle;
}

.productList.typeThumb .prdList {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -10px;
}

.productList.typeThumb .prdList > li {
    float: left;
    width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
    padding: 0 0 20px 0;
}

.productList.typeThumb .prdList > li > .inner {
    padding-left: 10px;
}

.productList.typeThumb .prdList.small > li {
    width: 33.3%;
    -webkit-flex-basis: 33.3%;
    -ms-flex-basis: 33.3%;
    flex-basis: 33.3%;
}

.productList .btnSorting {
    position: absolute;
    right: 16px;
    top: 20px;
}

.productList .btnSorting button {
    overflow: hidden;
    position: relative;
    float: left;
    width: 31px;
    height: 28px;
    box-sizing: border-box;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    background: #ededed;
}

.productList .btnSorting button.selected {
    border: 1px solid #000;
    background: #fff;
}

.productList .btnSorting button:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_btn_sorting.png') no-repeat 0 0;
    background-size: 100px auto;
}

.productList .btnSorting button.bigView:before {
    background-position: 0 0;
}

.productList .btnSorting button.bigView.selected:before {
    background-position: 0 -50px;
}

.productList .btnSorting button.smallView:before {
    background-position: -50px 0;
}

.productList .btnSorting button.smallView.selected:before {
    background-position: -50px -50px;
}

.productPaginate.typeList {
    display: block;
    margin: 20px auto 0;
    padding: 0 0 48px;
    text-align: center;
    background: #fff;
    white-space: nowrap;
}

.productPaginate.typeList [class*='btn'] {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    border: 1px solid #dedfe2;
    vertical-align: top;
}

.productPaginate.typeList [class*='btn']:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 13px;
    margin: -6px 0 0 -4px;
    background: url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_btn_paginate.png') no-repeat 0 0;
    background-size: 100px auto;
}

.productPaginate.typeList .btnNext:before {
    background-position: -50px 0;
}

.productPaginate.typeList .page {
    display: inline-block;
    height: 32px;
    vertical-align: top;
}

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

.productPaginate.typeList .page li {
    display: inline-block;
}

.productPaginate.typeList .page li a {
    display: block;
    margin: 0 8px;
    font-size: 15px;
    line-height: 32px;
    color: #999;
    text-decoration: none;
}

.productPaginate.typeList .page .other {
}

.productPaginate.typeList .page .this {
    font-weight: bold;
    color: #000;
}

.discountPeriod {
    display: inline-block;
}

.layerDiscountPeriod {
    display: none;
    border: 1px solid #565960;
    background: #fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.layerDiscountPeriod strong.title {
    display: block;
    margin: 0 0 12px;
    padding: 0 35px 0 0;
    font-weight: bold;
    color: #2e2e2e;
}

.layerDiscountPeriod strong.title img {
    vertical-align: middle;
}

.layerDiscountPeriod .content p {
    margin: 2px 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #757575;
    letter-spacing: -1px;
}

.layerDiscountPeriod .content p strong {
    font-weight: normal;
    font-size: 12px;
    color: #2e2e2e;
}

.layerDiscountPeriod .content p strong span {
    font-size: 11px;
}

.layerDiscountPeriod .edge {
    display: none;
}

.shippingFee .ec-base-tooltip .btnTooltip {
    position: static;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close a {
    text-indent: 150%;
}

.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping {
    left: 0;
    right: 0;
    width: 88%;
    margin: 3px auto 0;
}

#ec-product-searchdata-form {
    display: block !important;
}

.xans-product-searchdata .searchCondition {
    display: none;
    z-index: 301;
    overflow-y: auto;
    max-width: 900px;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.xans-product-searchdata .searchCondition h2 {
    padding: 16px 50px 16px 16px;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    background: #fff;
    color: #000;
}

.xans-product-searchdata .searchCondition .btnClose {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110;
    color: #000;
    font-size: 0;
    line-height: 0;
    background: url('https://moma-img.cafe24img.com/img/1/f653/close_btn.png') 0 0 no-repeat;
    background-size: 50px;
}

.xans-product-searchdata .searchCondition .wrap {
    padding: 0 0 86px;
    border-top: 1px solid #dedfe2;
    font-size: 13px;
    background: #fff;
}

.xans-product-searchdata .searchCondition .toggleArea.selected {
    position: relative;
    border-bottom: 0;
}

.xans-product-searchdata .searchCondition .toggleArea {
    position: relative;
    border-bottom: 1px solid #dedfe2;
}

.xans-product-searchdata .searchCondition .toggleArea > .title {
    position: relative;
    overflow: hidden;
    padding: 18px 100px 18px 40px;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    background-color: #f6f6f6;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.xans-product-searchdata .searchCondition .toggleArea > .title:after {
    display: block;
    position: absolute;
    top: 0;
    left: 14px;
    content: "";
    width: 20px;
    height: 100%;
    background: url("https://moma-img.cafe24img.com/img/1/f653/ico_arrow.png") no-repeat center;
    background-size: 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.xans-product-searchdata .searchCondition .toggleArea.selected > .title:after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

.xans-product-searchdata .searchCondition .toggleArea.disable > .title:after {
    background-image: none !important;
}

.xans-product-searchdata .searchCondition .toggleArea > .title h3 {
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata .searchCondition .toggleArea > .contents {
    display: none;
    border: 1px solid #d5d5d5;
    border-left: 0 ;
    border-right: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.xans-product-searchdata .searchCondition .toggleArea.selected > .contents,.xans-product-searchdata .searchCondition .toggleArea.disable > .contents {
    display: block;
}

.xans-product-searchdata .searchCondition .toggleArea .btnClear {
    position: absolute;
    top: 10px;
    right: 16px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dedfe2;
    cursor: pointer;
    outline: 0;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}

.xans-product-searchdata .searchCondition .check .xans-product-filterform {
    padding: 14px 16px 0;
    display: flex;
    flex-wrap: wrap;
}

.xans-product-searchdata .searchCondition .check li {
    margin: 0 0 14px 0;
    flex-basis: 50%;
}

.xans-product-searchdata .searchCondition .check li label {
    display: inline-block ;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 0;
    line-height: 20px;
    color: #54504f;
}

.xans-product-searchdata .searchCondition .check li label.selected {
    color: #000;
}

.xans-product-searchdata .searchCondition .check li input {
    margin: 0 4px 0 0 ;
    background-image: url(https://moma-img.cafe24img.com/img/1/f653/bg_checkbox.png);
}

.xans-product-searchdata .searchCondition .check li input:checked {
    background-image: url(https://moma-img.cafe24img.com/img/1/f653/bg_checkbox_checked.png);
}

.xans-product-searchdata .searchCondition .check .icoColor {
    display: inline-block;
    margin: -2px 4px 0 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.xans-product-searchdata .searchCondition .button .xans-product-filterform {
    padding: 14px 16px;
    margin: -5px 0 0 -4px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata .searchCondition .button li {
    display: inline-block;
    padding: 5px 0 0 4px;
    min-width: 33.33%;
    max-width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.xans-product-searchdata .searchCondition .button li button {
    display: inline-block;
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 6px 6px 4px;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    color: #54504f;
    word-break: break-all;
    word-wrap: break-word;
    background: #fff;
}

.xans-product-searchdata .searchCondition .button li.selected button {
    border-color: #000;
    color: #fff;
    background: #000;
}

.xans-product-searchdata .searchCondition .button.full .xans-product-filterform {
    padding: 0;
    margin: 0;
}

.xans-product-searchdata .searchCondition .button.full li {
    width: 100%;
    padding: 0;
    border: 1px solid #fff;
    border-bottom-color: #e5e9f2;
}

.xans-product-searchdata .searchCondition .button.full li button {
    border: 0;
    font-size: 13px;
    padding: 10px 6px 11px;
    color: #54504f;
}

.xans-product-searchdata .searchCondition .button.full li.selected button {
    background: #fff;
    color: #000;
}

.xans-product-searchdata .searchCondition.shopQShow .button.full li.selected button {
    border-color: #000;
    color: #fff;
    background: #000;
}

.xans-product-searchdata .searchCondition .button.full .txtRange {
    color: #757575;
}

.xans-product-searchdata .searchCondition .colorChip .xans-product-filterform {
    padding: 14px 16px;
    margin: -14px 0 0;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata .searchCondition .colorChip li {
    position: relative;
    display: inline-block;
    width: 20%;
    margin: 14px 0 0;
    text-align: center;
    vertical-align: middle;
}

.xans-product-searchdata .searchCondition .colorChip li .circle {
    display: inline-block;
    width: 45px;
    height: 45px;
    outline: 0;
    cursor: pointer;
    border-radius: 27px;
}

.xans-product-searchdata .searchCondition .colorChip li.selected .icoColorCheck {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 28px;
    height: 23px;
    margin: -11px 0 0 -14px;
    background: url("//img.echosting.cafe24.com/skin/mobile/product/ico_color_selected.png") no-repeat 0 0;
    background-size: 28px auto;
}

.xans-product-searchdata .searchCondition.shopQShow .colorChip li .circle {
    display: inline-block;
    width: 26px;
    height: 26px;
    outline: 0;
    cursor: pointer;
    border-radius: 13px;
}

.xans-product-searchdata .searchCondition.shopQShow .colorChip li.selected .icoColorCheck {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 26px;
    height: 26px;
    margin: 0;
    background: url("//img.echosting.cafe24.com/skin/mobile/product/ico_color_selected.png") no-repeat 5px 6px;
    background-size: 18px auto;
}

.xans-product-searchdata .searchCondition .priceInput {
    margin: 14px 0;
    text-align: center;
    color: #54504f;
}

.xans-product-searchdata .searchCondition .priceInput > input[type="text"] {
    width: 43%;
    margin: 0 4px 0 0;
}

.xans-product-searchdata .searchCondition .priceInput > input {
    color: #54504f;
    border-radius: 4px;
}

.xans-product-searchdata .searchCondition .priceInput > input:focus {
    border-color: #dcd8d6;
}

.xans-product-searchdata .searchCondition .priceSlide .slider {
    position: relative;
    padding: 9px 16px 11px;
    margin: 14px 16px 14px 8px;
}

.xans-product-searchdata .searchCondition .priceSlide .range {
    position: static;
    box-shadow: 0 0 0 0;
    height: 4px;
    background: #abaeb5;
    border-radius: 4px;
    border: 0;
}

.xans-product-searchdata .searchCondition .priceSlide .noUi-base {
    position: static;
    box-shadow: 0 0 0 0;
    height: 4px;
    background: #abaeb5;
    border-radius: 0;
    border: 0;
}

.xans-product-searchdata .searchCondition .priceSlide .noUi-connect {
    position: absolute;
    top: 0px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 4px;
    box-shadow: none;
    bottom: initial;
    font-size: 0;
    line-height: 0;
    background: #000;
    box-sizing: border-box;
}

.xans-product-searchdata .searchCondition .priceSlide .noUi-handle {
    position: absolute;
    top: -8px;
    display: block;
    margin: 0 0 0 10px;
    width: 22px;
    height: 22px;
    background: #000;
    border-radius: 11px;
    box-shadow: none;
    font-size: 0;
    line-height: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
}

.xans-product-searchdata .searchCondition .priceSlide .noUi-handle:before,.xans-product-searchdata .searchCondition .priceSlide .noUi-handle:after {
    display: none;
}

.xans-product-searchdata .searchCondition .priceSlide .value {
    overflow: hidden;
    margin: 0 16px 14px;
    text-align: right;
    font-size: 12px;
    color: #54504f;
}

.xans-product-searchdata .searchCondition.shopQShow .priceSlide .value {
    margin: 0 16px 14px 0;
}

.xans-product-searchdata .searchCondition .priceSlide .value .minPrice {
    float: left;
}

.xans-product-searchdata .xans-product-searchconditiondata {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
    padding: 0 48px 0 16px;
    white-space: nowrap;
    background: #f6f6f6;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.xans-product-searchdata .xans-product-searchconditiondata .searchDataResult {
    overflow-x: auto;
}

.xans-product-searchdata .xans-product-searchconditiondata .searchDataResult li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 30px 0 10px;
    margin: 13px 4px 13px 0;
    border: 1px solid #e1e0cc;
    vertical-align: top;
    color: #5d5d5d;
    font-size: 12px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.xans-product-searchdata .xans-product-searchconditiondata .searchDataResult li .icoColor {
    display: inline-block;
    margin: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0;
    line-height: 0;
    margin: -3px 4px 0 0;
}

.xans-product-searchdata .xans-product-searchconditiondata .btnSearchDelete {
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    font-size: 1px;
    line-height: 0;
    color: transparent;
}

.xans-product-searchdata .xans-product-searchconditiondata .btnSearchDelete:before {
    content: '';
    position: absolute;
    background-image: url(//img.echosting.cafe24.com/skin/dnd_ko_KR/common/module/sfix_search_form.png);
    background-repeat: no-repeat;
    background-size: 150px 25px;
    right: 8px;
    top: 8px;
    width: 12px;
    height: 12px;
    background-position: -100px 0;
}

.xans-product-searchdata .xans-product-searchconditiondata .btnRefresh {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 30px;
    height: 30px;
    border: 0;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    background: url(https://moma-img.cafe24img.com/img/1/f653/btn_refresh.png) no-repeat 5px 5px;
    background-size: 20px 20px;
    outline: 0;
    cursor: pointer;
}

.xans-product-searchdata .searchCondition .withinInput {
    padding: 14px 16px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata .searchCondition .withinInput .search {
    position: relative;
}

#ec-product-fixed-form-filter.xans-product-searchdata .searchCondition .withinInput .search {
    margin: 0;
}

#ec-product-fixed-form-filter.xans-product-searchdata .searchCondition .withinInput .search .btnDelete {
    right: 35px;
}

.xans-product-searchdata .searchCondition .withinInput .search .keyword {
    width: 100%;
    height: 36px;
    padding: 10px;
    font-size: 13px;
    line-height: 13px;
    font-weight: inherit;
    color: #353535;
    border: 1px solid #dedfe2;
    border-radius: 0;
    outline-style: none;
    box-sizing: border-box;
    padding-right: 69px;
}

.xans-product-searchdata .searchCondition .withinInput .suggest ul {
    display: none;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff;
}

.xans-product-searchdata .searchCondition .withinInput .suggest li {
    overflow: hidden;
    height: 30px;
    padding: 0 8px;
    font-size: 13px;
    color: #353535;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xans-product-searchdata .searchCondition .withinInput .suggest li:hover,.xans-product-searchdata .searchCondition .withinInput .suggest li.selected {
    cursor: pointer;
    background: #f1f1f1;
}

.xans-product-searchdata .searchCondition.shopQShow {
    display: block !important;
    position: static;
}

.xans-product-searchdata .searchCondition.shopQShow .wrap {
    padding: 0 0 13px;
    border-top: 1px solid #e5e9f2;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea {
    display: flex;
    flex-wrap: wrap;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea .title {
    flex: 0 0 110px;
    box-sizing: border-box;
    background: #fff;
    padding: 18px 23px 13px 16px;
    pointer-events: none;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea .contents {
    flex: 1;
    border: 0;
    overflow-x: auto;
    display: flex;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea .contents.search.searchForm {
    display: inline-block;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea .contents.priceSlide {
    display: block;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea > .title:after {
    display: none;
}

.xans-product-searchdata .searchCondition.shopQShow .toggleArea .title h3 {
    font-size: 12px;
    font-weight: normal;
}

.xans-product-searchdata .searchCondition.shopQShow .button .xans-product-filterform {
    padding: 14px 0 14px 0;
    margin : 0;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    flex-wrap: nowrap;
}

.xans-product-searchdata .searchCondition.shopQShow .button li {
    min-width: auto;
    padding: 0 4px 0 0;
    display: block;
}

.xans-product-searchdata .searchCondition.shopQShow .button li button {
    padding: 0 12px;
    line-height: 28px;
}

.xans-product-searchdata .searchCondition.shopQShow .check .xans-product-filterform {
    padding: 14px 0;
    list-style: none;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    flex-wrap: nowrap;
}

.xans-product-searchdata .searchCondition.shopQShow .check li {
    flex-basis: auto;
    margin: 0;
}

.xans-product-searchdata .searchCondition.shopQShow .check li label {
    padding-right: 30px;
}

.xans-product-searchdata .searchCondition .check li input:checked + label {
    color: #000;
}

.xans-product-searchdata .searchCondition.shopQShow .colorChip .xans-product-filterform {
    padding: 14px 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    flex-wrap: nowrap;
}

.xans-product-searchdata .searchCondition.shopQShow .colorChip li {
    width: auto;
    margin: 0 16px 0 0;
    display: block;
}

.xans-product-searchdata .searchCondition.shopQShow .check .icoColor {
    margin-right: 7px;
}

.xans-product-searchdata .searchCondition.shopQShow .button.full .xans-product-filterform {
    padding: 14px 0 14px 0;
    white-space: nowrap;
}

.xans-product-searchdata .searchCondition.shopQShow .button.full li {
    margin: 0 4px 0 0;
    padding: 0;
    border: 1px solid #d5d5d5;
    width: auto;
}

.xans-product-searchdata .searchCondition.shopQShow .priceInput {
    display: inline-block;
    display: flex;
    line-height: 30px;
}

.xans-product-searchdata .searchCondition.shopQShow .contents.button.full .priceInput > input[type="text"] {
    width: 100px;
    height: 30px;
}

.xans-product-searchdata .searchCondition.shopQShow .priceSlide .slider {
    padding-left: 0;
}

.xans-product-searchdata .searchCondition.shopQShow .priceSlide .slider .noUi-target {
    border: 0;
    box-shadow: none;
    height: 4px;
}

.xans-product-searchdata .searchCondition.shopQShow .withinInput {
    padding: 14px 16px 14px 0;
}

.xans-product-searchdata .searchCondition.shopQShow .withinInput .search {
    margin: 0;
}

#shopQ .ec-base-button.gFixed {
    box-shadow: 0 0 0;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e5e9f2;
    background: #fbfbfd;
    padding: 9px 16px 20px;
    box-sizing: border-box;
}

#shopQ .ec-base-button.gFixed .ec-base-button[class*="gColumn"] {
    max-width: 872px;
    margin: 0 auto;
}

#shopQ .ec-base-button.gFixed .ec-base-button[class*="gColumn"] button {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    padding: 0 10px;
    border: 1px solid #000;
    font-size: 13px;
    line-height: 40px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    border-radius: 0;
}

#shopQ .ec-base-button.gFixed .ec-base-button[class*="gColumn"] .btnEm {
    background: #fff;
    font-weight: normal;
}

#shopQ .ec-base-button.gFixed .ec-base-button[class*="gColumn"] .btnSubmit {
    color: #fff;
    background: #000;
}

#shopQ .typeList > .moreTags {
    text-align: center;
    display: flex;
}

#shopQ .typeList > .moreTags button {
    display: block;
    height: 36px;
    border: 1px solid #000;
    font-size: 12px;
    margin: 13px 16px 13px;
    color: #000;
    line-height: 36px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    width: 100%;
}

#shopQ .typeList > .moreTags button:before {
    content: '+ ';
}

@media all and (max-width : 1000px) {
    .searchbox {
        width:100%;
        display: flex;
        margin-top: 10px;
        justify-content: center;
    }
}


/* About page style */
.css3-tab .css3-tab-nav {
    width: 30%;
    padding-left: 30px;
    padding-top: 30px;
}

.cust_right {
    width: 30%
}

.css3-tab .css3-tab-nav label {
    position: relative;
    display: block;
    font-size: 11px;
    color: #000;
    text-align: left;
    transition: all .3s ease 0s;
    padding-bottom: 7px;
}

.css3-tab {
    width: 100%;
    display: flex;
    list-style: none;
    margin: 0px auto 40px;
    padding: 0px 0 0 0;
    position: relative;
    letter-spacing: 0
}

.css3-tab:after {
    content: "";
    display: block;
    clear: both;
}

.css3-tab input[type='radio'] {
    display: none;
}

.css3-tab .css3-tab-content::after {
    clear: both;
    display: block;
    content: ""
}

.css3-tab .css3-tab-content .content_left {
    float: left;
    width: 30%;
    font-size: 13px;
    font-weight: bold;
    margin-top: 30px;
}

.css3-tab .css3-tab-content .content_right {
    float: right;
    width: 70%;
    margin-top: 0px;
}

.css3-tab .css3-tab-content {
    width: 50%;
    padding-top: 0px;
    display: none;
    background: #FFF;
    clear: left;
    box-sizing: border-box;
    transition: all 1s;
    font-size: 11px;
    word-break: keep-all;
    line-height: 200% ;
    color: #000;
}

.css3-tab .css3-tab-content h2 {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    text-align: left;
    margin-bottom: 40px
}

.css3-tab .css3-tab-content h3 {
    position: relative;
    padding: 30px 0 10px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.css3-tab .css3-tab-content b {
    font-size: 11px;
    color: #000
}

.css3-tab input[id='tabOne']:checked ~ .css3-tab-nav label[for='tabOne'] {
    color: #000;
    text-decoration: underline;
    cursor: default;
}

.css3-tab input[id='tabOne']:checked ~ div.tab-one {
    display: block;
}

.css3-tab input[id='tabTwo']:checked ~ .css3-tab-nav label[for='tabTwo'] {
    color: #000;
    text-decoration: underline;
    cursor: default;
}

.css3-tab input[id='tabTwo']:checked ~ div.tab-two {
    display: block;
}

.css3-tab input[id='tabThree']:checked ~ .css3-tab-nav label[for='tabThree'] {
    color: #000;
    text-decoration: underline;
    cursor: default;
}

.css3-tab input[id='tabThree']:checked ~ div.tab-three {
    display: block;
}

.css3-tab input[id='tabFour']:checked ~ .css3-tab-nav label[for='tabFour'] {
    color: #000;
    text-decoration: underline;
    cursor: default;
}

.css3-tab input[id='tabFour']:checked ~ div.tab-four {
    display: block;
}

.css3-tab input[id='addNew']:checked ~ .css3-tab-nav label[for='addNew'] {
    color: black;
    cursor: default;
}

.css3-tab input[id='addNew']:checked ~ div.add-new {
    display: block;
}

.location {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.location img {
    width: 100%;
}

.css3-tab .css3-tab-nav label span {
    position: absolute;
    right: 50px;
    vertical-align: middle
}

.css3-tab .css3-tab-nav label:hover {
    cursor: pointer;
    transition: all .3s ease-in-out;
    color: #000
}

.css3-tab-nav label {
    margin: 0px;
}

.css3-tab .css3-tab-content p,.css3-tab .css3-tab-content span {
    line-height: 200%!important;
    font-size: 11px!important
}

@media all and (max-width : 1000px) {
    .css3-tab {
        display:block;
    }

    .css3-tab .css3-tab-content {
        width: 100%;
        padding: 0 10px;
    }

    .css3-tab .css3-tab-nav {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 10px 10px;
    }

    .cust_right {
        width: 0%;
    }

    .css3-tab .css3-tab-nav label {
        display: inline-block;
        padding-right: 10px;
        font-size: 10px;
    }

    .css3-tab .css3-tab-content .content_left {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .css3-tab .css3-tab-content .content_right {
        float: none;
        width: 100%;
        max-height: calc(100vh - 300px);
        overflow-y: auto;
    }

    .css3-tab .css3-tab-content h3 {
        position: relative;
        padding: 10px 0 10px;
    }
}


/* Board page style */
.boardListPackage {
    background: #fff;
}

.xans-board-listpackage .boardSort {
    padding: 0 14px;
}

.xans-board-listpackage .boardSort:after {
    content: "";
    display: block;
    clear: both;
}

.xans-board-listpackage .boardSort span {
    float: left;
    width: 49%;
    font-size: 13px;
}

.xans-board-listpackage .boardSort span:first-of-type {
    padding: 0 2% 0 0;
}

.xans-board-listpackage .boardSort span select {
    margin: 7px 0;
}

.xans-board-notice {
    margin: -1px 0 0;
    font-size: 11px;
    border-top: 1px solid #000;
    background-color: #f3f3f3;
}

.xans-board-notice > li {
    position: relative;
    padding: 18px 5px;
    color: #757575;
    border-bottom: 1px solid #000;
}

.xans-board-notice > li .summary > a {
    display: block;
    color: #757575;
}

.xans-board-notice > li .summary > a .blist_top {
    display: block;
    margin-bottom: 0;
}

.xans-board-notice > li .summary > a .blist_top::after {
    content: "";
    clear: both;
    display: block;
}

.xans-board-notice > li .summary > a .blist_top .category_line {
    float: left;
}

.xans-board-notice > li .summary > a .blist_top .subject {
    float: left;
    font-weight: 400;
    color: #000;
}

.xans-board-notice > li .summary > a .blist_top .name {
    float: right;
}

.xans-board-notice > li .summary > a .blist_bottom {
    display: block;
}

.xans-board-notice > li .summary > a .blist_bottom::after {
    content: "";
    clear: both;
    display: block;
}

.xans-board-notice > li .summary > a .blist_bottom > span {
    float: left;
}

.xans-board-notice > li .summary > a .blist_bottom > .date {
    float: right;
}

.xans-board-fixed {
    margin: -1px 0 0;
    font-size: 11px;
    border-top: 1px solid #000;
}

.xans-board-fixed > li {
    position: relative;
    padding: 18px 5px;
    color: #757575;
    border-bottom: 1px solid #000;
}

.xans-board-fixed > li .summary > a {
    display: block;
    color: #757575;
}

.xans-board-fixed > li .summary > a .blist_top {
    display: block;
    margin-bottom: 4px;
}

.xans-board-fixed > li .summary > a .blist_top::after {
    content: "";
    clear: both;
    display: block;
}

.xans-board-fixed > li .summary > a .blist_top .category_line {
    float: left;
}

.xans-board-fixed > li .summary > a .blist_top .subject {
    float: left;
    font-weight: 400;
    color: #000;
}

.xans-board-fixed > li .summary > a .blist_top .name {
    float: right;
}

.xans-board-fixed > li .summary > a .blist_bottom {
    display: block;
}

.xans-board-fixed > li .summary > a .blist_bottom::after {
    content: "";
    clear: both;
    display: block;
}

.xans-board-fixed > li .summary > a .blist_bottom > span {
    float: left;
}

.xans-board-fixed > li .summary > a .blist_bottom > .date {
    float: right;
}

.xans-board-list {
    margin: -1px 0 0;
    font-size: 11px;
    border-top: 1px solid #000;
}

.xans-board-list > li {
    position: relative;
    padding: 18px 5px;
    color: #757575;
    border-bottom: 1px solid #000;
}

.xans-board-list > li .summary > a {
    display: block;
    color: #757575;
}

.xans-board-list > li .summary > a .blist_top {
    display: block;
    line-height: 18px;
    margin-bottom: 4px;
}

.xans-board-list > li .summary > a .blist_top::after {
    content: "";
    clear: both;
    display: block;
}

.xans-board-list > li .summary > a .blist_top .category_line {
    float: left;
}

.xans-board-list > li .summary > a .blist_top .subject {
    float: left;
    font-weight: 400;
    color: #000;
}

.xans-board-list > li .summary > a .blist_top .name {
    float: right;
}

.xans-board-list > li .summary > a .blist_bottom {
    display: block;
}

.xans-board-list > li .summary > a .blist_bottom::after {
    content: "";
    clear: both;
    display: block;
}

.xans-board-list > li .summary > a .blist_bottom > span {
    float: left;
}

.xans-board-list > li .summary > a .blist_bottom > .date {
    float: right;
}

.xans-board-empty {
    padding: 28px 0;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #000;
    background: #fff;
}

.xans-board-list-11 {
    margin: -1px 0 0;
    font-size: 11px;
    border-top: 1px solid #d5d5d5;
    background: #fff;
}

.xans-board-paging-11 {
    margin: 0 0 29px;
    background: #fff;
}

.xans-board-listpackage-9 .boardSort span.consult {
    position: relative;
    padding: 0 49px 0 0;
    width: 32%;
}

.xans-board-listpackage-9 .boardSort span.consult select {
    width: 100%;
}

.xans-board-listpackage-9 .boardSort span.consult button {
    position: absolute;
    right: 0;
    top: 0;
}

.xans-board-listpackage-9 .summary .answer strong {
    color: #000;
}

.xans-board-listheader-8 {
    width: 100%;
    margin: 7px 0 0;
    background: #fff;
}

.xans-board-listheader-8 ul {
    height: 36px;
    border: 1px solid #c8cdd2;
    border-bottom: none;
    font-size: 0;
}

.xans-board-listheader-8 ul:after {
    content: "";
    display: block;
    clear: both;
}

.xans-board-listheader-8 li {
    float: left;
    width: 50%;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    background: #f1f1f1;
}

.xans-board-listheader-8 li.selected {
    background: #fff;
}

.xans-board-listheader-8 li a {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #c8cdd2;
    border-bottom: 1px solid #c8cdd2;
    color: #333;
    font-size: 14px;
    line-height: 35px;
}

.xans-board-listheader-8 li:first-child a {
    border-left: none;
}

.xans-board-listheader-8 li.selected a {
    border-bottom: none;
    color: #333;
    font-weight: bold;
}

.xans-board-paging-1002.ec-base-paginate.typeList {
    background: #fff;
}

.xans-board-search {
    margin: 0 0 29px;
    padding: 14px 0;
    text-align: left;
}

.xans-board-search input#search {
    width: 100%;
}

.xans-board-search .category {
    overflow: hidden;
}

.xans-board-search .category select {
    margin: 0 0 7px;
}

.xans-board-search .category select#product_category_depth1,.xans-board-search .category select#product_category_depth3,.xans-board-search .category select#search_date {
    float: left;
    width: 49%;
}

.xans-board-search .category select#product_category_depth2,.xans-board-search .category select#product_category_depth4,.xans-board-search .category select#search_key {
    float: right;
    width: 49%;
}

.xans-board-search.xans-board-search-9 {
    margin: 0;
    padding: 0;
}

.xans-board-search.xans-board-search-9.boardSearch9 {
    margin: 0 0 29px;
    padding: 14px;
}

.xans-board-catemove {
    padding: 30px 10px 0;
    border-top: 1px solid #d7d5d5;
    color: #757575;
    font-size: 12px;
}

.xans-board-catemove p {
    padding: 0 0 0 7px;
    line-height: 25px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_triangle3.gif") no-repeat 0 10px;
}

.xans-board-function {
    padding: 10px 10px 0;
    color: #757575;
    font-size: 12px;
}

.xans-board-function p {
    padding: 0 0 0 7px;
    line-height: 25px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_triangle3.gif") no-repeat 0 10px;
}

/* Lookbook page style */
.lookbook_wrap > .prd_menupackage {
    float: none;
    width: 100%;
}

.lookbook_wrap .lookbook_inner {
}

.lookbook_wrap .lookbook_inner > ul {
}

.lookbook_wrap .lookbook_inner > ul > li {
    position: relative;
    margin-bottom: 0px!important;
    border-bottom: 1px solid #000;
}

.lookbook_wrap .lookbook_inner > ul > li:after {
    position: absolute;
    content: "";
    height: 100%;
    right: 0;
    top: 0;
    border-right: 1px solid #000;
}

.lookbook_wrap .lookbook_inner > ul > li:nth-child(3n):after {
    display: none;
}

.lookbook_wrap .lookbook_inner > ul > li .thumbnail {
    margin: 30px 30px 20px;
    box-sizing: border-box;
}

.lookbook_wrap .lookbook_inner > ul > li .description {
    margin: 10px 30px 0;
    text-align: center;
}

.lookbook_wrap .lookbook_inner > ul > li .description .name a {
    text-align: center;
    margin: 0 0 60px;
}

#prdDetail {
    position: relative;
    border-left: 1px solid #000;
    min-height: 100vh;
}

#prdDetail .prdDetailInfo {
    position: fixed;
    width: calc(500px - 90px);
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 30px;
}

#prdDetail .prdDetailContent {
    position: relative;
    width: calc(100% - 500px);
    box-sizing: border-box;
    margin: 0px 0px 0 500px;
    padding: 30px 0 30px 30px;
}

#prdDetail .prdDetailContent:after {
    content: "";
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    position: absolute;
}

#prdDetail .title {
    position: fixed;
    left: 15px;
    top: 50%;
    transform: translateX(-50%) rotate(-90deg);
    font-weight: bold;
    font-size: 13px;
}

@media only screen and (max-height: 510px) {
    #prdDetail .title {
        top:auto;
        bottom: 237px;
    }
}

@media only screen and (max-height: 800px) and (max-width:1010px) {
    #prdDetail .title {
        top:auto;
        bottom: 356px;
    }
}

@media all and (max-width: 1000px) {
    .lookbook_wrap .lookbook_inner > ul > li {
    }

    .lookbook_wrap .lookbook_inner > ul > li:after {
        display: none;
    }

    .lookbook_inner .prdList.grid1 > li {
        width: 100%!important;
    }

    .lookbook_inner .prdList.grid2 > li {
        width: 100%!important;
    }

    .lookbook_inner .prdList.grid3 > li {
        width: 100%!important;
    }

    .lookbook_inner .prdList.grid4 > li {
        width: 100%!important;
    }

    .lookbook_wrap .lookbook_inner > ul > li .thumbnail {
        margin: 30px 20px 20px;
        border: 1px solid #000;
        padding: 5px;
    }

    .lookbook_wrap .lookbook_inner > ul > li .description {
        margin: 10px 30px 0;
        text-align: center;
    }

    .lookbook_wrap .lookbook_inner > ul > li .description .name a {
        text-align: center;
        margin: 0 0 30px;
    }

    #prdDetail .prdDetailInfo {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #prdDetail .prdDetailContent {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 30px 0 30px 30px;
    }
}


/**
	Theme customer by MonoK
	Author : MonoKim
	Date : 2025-11-07
 **/
 body {
	font-size: 14px !important;
 }

.xans-product-detail .prdDescription .prdBoard th {
	padding: 9px 9px 10px 0;
	width: 95px;
}
.account-profile-page, .success-page {
    margin-top: 65px;
}
.account_area ul li {
	text-transform: uppercase;
}
.text-danger {
	color: #961e04;
	font-size: 12px;
}
.group-address svg {
    width: 20px;
    height: 20px;
}
.product-option-radio {
	margin-left: 5px;
}
:root {
    --shop-color-header-top: #1b74e6 !important;
    --shop-color-bg: #f5f5f5 !important;
    --shop-color-main: #000000 !important;
    --shop-color-sub: #5dac46 !important;
    --shop-color-text: #252a2b !important;
    --shop-color-header: #fff !important;
    --shop-color-title: #333333 !important;
    --shop-color-hover: #111111 !important;
    --shop-color-label: #bd110f !important;
    --shop-color-button: #000000 !important;
    --shop-color-button-text: #fff !important;
    --footer-bg-color-2: #2a2a2a !important;
    --footer-color-title: #263b96 !important;
    --footer-color-text: #aaaaaa !important;
}

.xans-product-detail .info_left, .xans-product-detail .prdDescription {
	justify-content: flex-start;
}
.xans-product-detail .info_left .prd_info_tab {
	padding-top: 200px;
}
.xans-product-detail .prdDescription {
	top: 200px
}
.main04 .left_area  img {
	width: 100%;
	height: auto;
}
.main04 {
	margin-top: -10px;
}
#container {
    padding: 72px 0px;
}
#header .header_wrap .gnb .artcate .d1-wrap .d1>a {
	font-weight: 500;
    height: 40px;
    line-height: 40px;
}
#header .header_wrap .gnb .artcate .d1-wrap {
    margin-bottom: 0;
}
#header.logoleft .header_wrap .logo_area>.xans-layout-logotop img {
	margin-top: 5px;
}
/**
 * Instagram Feed Styles
 * Grid: 2 rows x 5 columns
 * Icon arrows vẽ bằng CSS (không dùng ảnh)
 */

/* ============================================
   INSTAGRAM FEED SECTION
   ============================================ */
.instagram-feed-section {
    padding: 60px 0;
    background: #fff;
    overflow: hidden;
}

.instagram-feed-section .section-title {
    text-align: center;
    margin-bottom: 30px;
}

.instagram-feed-section .section-title h2 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.instagram-feed-section .section-title a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.instagram-feed-section .section-title a:hover {
    color: #E1306C;
}

/* ============================================
   SWIPER CONTAINER
   ============================================ */
.swiper-container-instagram {
    width: 100%;
    position: relative;
    padding: 0 60px;
    box-sizing: border-box;
}

.swiper-container-instagram .swiper-slide {
    height: calc(50% - 3px);
}

/* ============================================
   INSTAGRAM ITEM (Each image)
   ============================================ */
.ig-item {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.ig-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, opacity 0.3s ease;
}

.ig-item:hover img {
    transform: scale(1.08);
    opacity: 0.85;
}

/* Dark overlay on hover */
.ig-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.ig-item:hover::before {
    opacity: 1;
}

/* Instagram icon on hover (CSS only) */
.ig-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 2;
    /* Instagram camera icon using CSS */
    border: 3px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
}

/* Camera lens (inner circle) */
.ig-item .ig-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 3;
}

/* Camera flash dot */
.ig-item .ig-icon::before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
}

.ig-item:hover::after,
.ig-item:hover .ig-icon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

/* ============================================
   NAVIGATION BUTTONS - CSS ARROWS
   ============================================ */
.swiper-container-instagram .swiper-button-prev-ig,
.swiper-container-instagram .swiper-button-next-ig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(80, 80, 80, 0.9);
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s ease;
}

.swiper-container-instagram .swiper-button-prev-ig {
    left: 0;
}

.swiper-container-instagram .swiper-button-next-ig {
    right: 0;
}

.swiper-container-instagram .swiper-button-prev-ig:hover,
.swiper-container-instagram .swiper-button-next-ig:hover {
    background: rgba(0, 0, 0, 0.95);
}

/* Arrow icon using CSS borders */
.swiper-container-instagram .swiper-button-prev-ig::before,
.swiper-container-instagram .swiper-button-next-ig::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/* Prev arrow - points left */
.swiper-container-instagram .swiper-button-prev-ig::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

/* Next arrow - points right */
.swiper-container-instagram .swiper-button-next-ig::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

/* Disabled state */
.swiper-container-instagram .swiper-button-prev-ig.swiper-button-disabled,
.swiper-container-instagram .swiper-button-next-ig.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1200px) {
    .swiper-container-instagram {
        padding: 0 50px;
    }
}

@media (max-width: 768px) {
    .instagram-feed-section {
        padding: 40px 0;
    }

    .instagram-feed-section .section-title h2 {
        font-size: 20px;
    }

    .swiper-container-instagram {
        padding: 0 45px;
    }

    .swiper-container-instagram .swiper-button-prev-ig,
    .swiper-container-instagram .swiper-button-next-ig {
        width: 40px;
        height: 40px;
    }

    .swiper-container-instagram .swiper-button-prev-ig::before,
    .swiper-container-instagram .swiper-button-next-ig::before {
        width: 10px;
        height: 10px;
    }
}

@media (max-width: 480px) {
    .instagram-feed-section {
        padding: 30px 0;
    }

    .swiper-container-instagram {
        padding: 0 40px;
    }

    .swiper-container-instagram .swiper-button-prev-ig,
    .swiper-container-instagram .swiper-button-next-ig {
        width: 35px;
        height: 35px;
    }
}