@charset "UTF-8";
@import '/cjom/mobile/css/layout.css?cVER=250624045836';
@import '/cjom/mobile/css/animation.css?cVER=250624045836';
@import '/cjom/mobile/css/components.css?cVER=250624045836';

body.is-opened {overflow: hidden;position: fixed;left: 0;right: 0;}
.fixed-menu-position .fixed-menu, .fixed-menu-position .fixed-menu__top--single {bottom: 75px;}
.fixed-menu-position .fixed-menu__top--single   {bottom:75px;}
.fixed-menu-position .fixed-menu__top--single.cart__list__item--none {bottom:20px;}
.fixed-menu-position .fixed-menu.cart__list__item--none {bottom:20px;}
.contents {background-color: #f2f2f2;}
.contents.mb0{margin-bottom:0;}
.contents--with-btn {margin-bottom: 95px;}
.hr {margin-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee;}
.hr2 {height: 1px;margin: 0;clear: both;border: 0;background-color: #ddd;}
.h1 {margin-bottom: 30px;font-size: 32px;font-weight: 700;}
.h2 {margin: 20px 0 10px 0; font-size: 14px; font-weight: 700; color: #000;}
.h2:first-child { padding-top: 20px; margin-top: 0;}
.h3 {margin-bottom: 20px; font-size: 20px; font-weight: 700;}
.bold {font-weight: bold !important;}
.medium {font-weight: normal !important;}
.regular {font-weight: 300 !important;}
.underline {text-decoration: underline;}
.block {display: block;}
.v_top {vertical-align: top !important;}
.v_mid {vertical-align: middle !important;}
.v_bot {vertical-align: bottom !important;}
.t_left {text-align: left !important;}
.t_center {text-align: center !important;}
.t_right {text-align: right !important;}
.t_br{border-radius:4px;}
.blind {clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;}
.underline-style {border-bottom: 1px solid #2a715a; color: #2a715a;}
.number {letter-spacing: 0 !important;}
.scroll-x {padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.scroll-x__inner {position: relative; display: block !important; white-space: nowrap; font-size: 0;}
.scroll-x__item {display: inline-block !important; font-size: 14px;}
.basic-color1 {color: #000 !important;}
.basic-color2 {color: #767676 !important;}
.basic-color3 {color: #555 !important;}
.line-color1 {color: #eee;}
.line-color2 {color: #ddd;}
.point-color1 {color: #2a715a !important;}
.point-color2 {color: #a97c50;}
.point-color3 {color: #fff3d9;}
.point-color4 {color: #f8f8f8;}
.point-color5 {color: #f72a66;}
.point-color6 {color: #f80012;}
.point-color7 {color: #000;}
.point-color8 {color: #1ba774;}

.fc-green {color: #2a715a !important;}
.fc-lightgreen {color: #2a715a !important;}
.fc-orange {color: #E72A50 !important;}
.fc-red {color: #f80012 !important;}
.fc-red02 {color: #b00000 !important;}
.fc-brown {color: #bd8b57 !important;}
.fc-black {color: #000 !important;}

.fc-gray {color: #555 !important;}
.fc-lightgray {color: #767676 !important;}

.fc__999 {color: #999 !important}
.fc__666 {color: #666 !important}
.fc__333 {color: #333 !important}
.fc__111 {color: #111 !important}

.color-box {padding: 15px;}
.color-box--style01 {background-color: #2a715a; color: #fff;}
.color-box--style02 {background-color: #fbf6ef;}
.color-box--style03 {background: #b49263; color: #fff;}
.color-box--style04 {background: #fff; border-radius: 3px;}
.color-box--style05 {border: 2px solid #2a715a; background-color: #fff;}
.color-box--style06 {background-color: #f8f8f8; color: #767676;}
.color-box--style07 {background-color: #1ba774 !important; color: #fff !important;}

.color-box__text {font-size: 12px; line-height: 18px;}
.color-box__text-color1 {color: #f7eee0;}
.color-box__text--fs14 {font-size: 14px;}
.color-box__text .red {color: #ff0018;}
.ico-essential {display: inline-block; width: 7px; height: 7px; margin-bottom: 3px; margin-left: 5px; vertical-align: middle;}
.essential_text {font-size: 12px; color: #e3334a;}
.essential_text > .ico-essential {margin-right: 5px;}
.caution_text {margin-top: 10px; padding-left: 20px; font-size: 12px; line-height: 18px; color: #767676;}
.caution_text--mt0 {margin-top: 0;}
.caution_text--pt10 {padding-top: 10px;}

.caution_text::before {content: ''; display: inline-block; width: 15px; height: 15px;background: url(/cjom/mobile/images/icon/ico-caution-30x30.png) no-repeat center; background-size: cover; margin: -13px 5px -10px -20px; vertical-align: middle;}
.caution_text--type2 {color: #000; padding-left: 20px;}
.caution_text--type2::before {width: 15px; height: 15px; background: #ddd url(/cjom/mobile/images/icon/ico-tooltip-3x12-active.png) no-repeat center; background-size: 1.5px 6px; border-radius: 100%; margin: -3px 5px 0 -20px;}
.caution_text--type3 {padding-left: 20px; margin-top: 0;}
.caution_text--type3::before {content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(/cjom/mobile/images/icon/ico-exclamation-mark-30x30.png) no-repeat center; background-size: 15px; margin: 0 5px 0 -20px;}
.section__title-box {display: block; position: relative; box-sizing: border-box; height: 50px; line-height: 50px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} /* 2019-07-23 공통 타이틀 하단 라인 추가 */
.section__title-box .inner{position:relative;}
.section__title-close {position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(/cjom/mobile/images/icon/ico-close-28x28.png) no-repeat center; background-size: 14px 14px;}
.section__header {padding: 20px 15px 15px; background-color: #fff; display: flex; justify-content: space-between; align-items: center;}
.section__header--border {border-bottom: 1px solid #eee;}
.section__header-title {font-size: 16px;}
.section__content--white {background-color: #fff;}
.section__content--fixed-pd {margin-bottom: 95px;}
.section__content--with-btn {padding-bottom: 85px;}

.section__previus {display: block; position: absolute; left: 0; top: 0; background: url(//img.cjthemarket.com/cjom/mobile/images/icon/ico-arrow-left-17x30.png) no-repeat center; background-size: 8.5px 15px; width: 50px; height: 48px; line-height: 48px;} /* 2019-08-07 접근성 수정 */
.section__previus .blind {display: block; clip-path: none; clip: auto; height: 48px; line-height: 48px; text-indent: -9999px; overflow: hidden; width: 50px; white-space: normal;
} /* 2019-08-07 접근성 수정 */
.section-share {position: absolute; top: 50%; right: 4px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.section__title {line-height: 49px; font-size: 16px; font-weight: 700; color: #000; text-align: center; padding: 0 40px; white-space: nowrap;}
.section__title--single {line-height: 24px; font-size: 20px; text-align: left; padding: 30px 0 20px 0; background: #fff;}
.section__title-sub {font-size: 12px; line-height: 18px; color: #555;}
[data-js=scrollx-positioning] {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
[data-js=scrollx-positioning__item] {opacity: 0 !important;}
.is-loaded>[data-js=scrollx-positioning__item] {opacity: 1 !important;}
.is-tablemode {display: table !important;}
.is-tablemode>[data-js=scrollx-positioning__item] {display: table-cell !important; padding-left: 0 !important; padding-right: 0 !important;}

.sc-tab-1--col-2 [data-js=scrollx-positioning__item], .sc-tab-1--col-3 [data-js=scrollx-positioning__item] {opacity: 1 !important;}
.is-tablemode .sc-tab-1__anchor {padding-left: 0 !important; padding-right: 0 !important;}
.section__category {overflow: hidden; border-bottom: 1px solid #eee;}

.section__category-ul {margin-bottom: -1px; background-color: #f8f8f8;}
.section__category-ul:after {display: block; clear: both; content: '';}
.section__category-li {float: left; width: 50%; box-sizing: border-box;}
.section__category-li:nth-child(even) .section__category-anchor {border-right: 0;}
.section__category-anchor {padding-left: 15px; height: 45px; line-height: 45px; background-color: #f8f8f8; display: block; box-sizing: border-box; font-size: 14px;border-right:1px solid #eee;border-bottom:1px solid #eee; color: #666;}
.section__floating .section__category {position:relative;border-bottom:0;}
.section__floating .section__category:after {position:absolute;left:0;bottom:0;display:block;width:100%;height:1px; background-color:#eee;content:'';}
.section__category-anchor.is-active {color:#1ba774;}
.section__category--type2 {overflow: inherit;}
.section__category--type2 .section__category-ul {margin-bottom: 0; display: flex; align-items: center;}
.section__category--type2 .section__category-li {flex: 1; width: auto; float: none; text-align: center;}
.section__category--type2 .section__category-anchor {padding-left: 0; position: relative; border: none; color: #555;}
.section__category--type2 .section__category-anchor:after {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: -1px; right: -1px; background: 0; border: 1px solid #eee;}
.section__category--type2 .section__category-anchor.is-active {background-color: inherit; font-weight: 700; color: #2a715a;}
.section__category--type2 .section__category-anchor.is-active:after {border-color: #0e5302; z-index: 1;}
.section__category--type2 .section__category-selected:after {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); width: 20px; height: 20px; background: url(/cjom/mobile/images/icon/ico-arrow-top-40x40.png) no-repeat center; background-size: 20px; content: '';}
.section__category--type2 .section__category-selected.is-open:after {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
.section__category--type2 .section__category-selected--top:after {background: url(/cjom/mobile/images/icon/ico-arrow-top-bottom-40x40.png) no-repeat center; background-size: 20px;}
.section__floating-box--bdt1 {border-top: 1px solid #f8f8f8;}
.section__category-hidden.section__floating--target {position: static; overflow: hidden; padding:12px 0 0 15px; background-color: #fff;height:45px; box-sizing: border-box;}
.section__category-hidden.section__floating--target.section__floating--target--none-border {border-bottom: none;}
.section__category-hidden.section__floating--padding {padding-right: 15px;}
.section__category--type3 {padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; overflow-y: hidden;border-bottom:0; -webkit-overflow-scrolling: touch; border-top: 0;-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */
} /* 2019-07-11 상단라인예외처리 */
.section__category--type3::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.section__category--type3-center {text-align: center;}
.section__category--type3 .section__category-ul {position: relative;background-color:#fff; white-space: nowrap; font-size: 0;}
.section__category--type3 .section__category-li {float: none; display: inline-block; vertical-align: middle; width: auto;height:31px;}
.section__category--type3 .section__category-anchor {padding: 0 8px; line-height:22px;height:31px; display: flex;color:#666; align-items: center;background-color:#fff; font-size:14px;border-bottom:2px solid #f0f0f0;border-right:0;}
.section__category--type3 .section__category-anchor.is-active {position:relative;color:#1ba774;}
.section__category--type3 .section__category-anchor.is-active:after {position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#1ba774;content:'';z-index:100;}
.section__category-selected {display: none;}
.section__dropdown .section__category-ul {display: none;}
.section__dropdown .section__category-selected {padding-left: 15px; width: 100%; height: 45px; line-height: 45px; background-color: #2a715a; font-size: 13px; color: #fff; display: block; position: relative; box-sizing: border-box; text-align: left;}
.section__dropdown .section__category-selected.alone:after {display: none;}
.section__dropdown .section__category-selected:after {position: absolute; top: 50%; margin-top: -8px; right: 17px; width: 15px; height: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); background-image: url(/cjom/mobile/images/icon/ico-dropdown-arrow.png); background-position: center; background-size: 15px; content: '';}
.section__dropdown--opened .section__category-selected:after {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
.section__dropdown .section__category-li {float: none; width: 100%;}

.section__dropdown .section__category-anchor {
	height: 45px;
	line-height: 45px;
	background-color: #f8f8f8;
	border-bottom: none;
	border-top: 1px solid #eee;
}

.section__dropdown .section__category-anchor.is-active {
	border-color: #eee;
	font-weight: normal;
	color: #767676;
}

.section__dropdown.section__dropdown--opened .section__category {
	position: relative;
	z-index: 2;
}

.section__category--question .section__category-anchor {
	font-size: 13px;
}

.section__tab {
	width: 100%;
	height: 41px;
	position: relative;
	background: #fff;
	overflow: hidden;
	text-align: center;
}

.section__tab::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eee;
	bottom: 0;
	left: 0;
}

.section__tab__inner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	font-size: 0;
	height: 40px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

.section__tab__inner::-webkit-scrollbar {
	display: none;
}

.section__tab__item {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
}

.section__tab__item:first-child {
	padding-left: 15px;
}

.section__tab__item:last-child {
	padding-right: 15px;
}

.section__tab__link {
	position: relative;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #555;
	white-space: nowrap;
}

.section__tab__link.is-active {
	font-weight: 700;
	color: #2a715a;
}

.section__tab__link.is-active:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -1px;
	left: 0;
	background: #2a715a;
}

.section__tab__item.is-active .section__tab__link {
	font-weight: 700;
	color: #2a715a;
}

.section__tab__item.is-active .section__tab__link::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -1px;
	left: 0;
	background: #2a715a;
}

.default-padding {
	display: block;
	padding: 0 15px;
}

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

.default-padding--pb30 {
	padding-bottom: 30px;
}

.default-padding--pb35 {
	padding-bottom: 35px;
}

.default-padding--pb40 {
	padding-bottom: 40px;
}

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

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

.default-padding--pt30 {
	padding-top: 30px;
}

.default-padding--bdt15 {
	border-top: 15px solid #f8f8f8;
}

.default-padding--bdt5 {
	border-top: 5px solid #f8f8f8;
}

.default-padding--bdb1 {
	border-bottom: 1px solid #f8f8f8;
}

.default-padding--bg-fff {
	background: #fff;
}

.default-padding--popup {
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	border-top: 15px solid #f8f8f8;
}

.default-padding--popup:first-child {
	border-top: 0;
}

.default-padding--popup:last-child {
	padding-bottom: 0;
}

.default-padding--calendar {
	background: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	border-top: 15px solid #f8f8f8;
}

.default-padding--calendar:first-child {
	border-top: 5px solid #f8f8f8
}

.btn {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	background: none;
	text-align: center;
}

.btn:disabled {
	opacity: 0.4;
	position: relative;
}

.btn--flex {
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-shape01 {padding: 0 9px;min-width:74px;height:25px;line-height:25px;font-size:12px;color:#555;border:1px solid #ddd;box-sizing: border-box;}
.btn--shape01 {
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-size: 14px;
	font-weight: 300;
}

.btn--shape02 {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	font-weight: 300;
}

.btn--shape03 {
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-weight: 300;
}

.btn--shape04 {
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-size: 14px;
	font-weight: 300;
}

.btn--shape05 {
	width: 85px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-weight: 300;
}

.btn--shape06 {
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: 300;
	border-radius: 15px;
}

.btn--shape07 {
	padding: 0 9px;
	min-width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: 300;
	box-sizing: border-box;
}

.btn--shape08 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: 300;
}

.btn--shape09 {
	width: 80px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: 300;
}

.btn--shape11 {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-indent: -999em;
}

.btn--shape12 {
	font-size: 14px;
	color: #555;
	padding-right: 25px;
}

.btn--shape13 {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	font-size: 11px;
	color: #fff;
}

.btn--shape14 {padding:5px 9px;font-size:12px !important;border: solid 1px #ddd;color:#555;}

.btn--shape19 {width:100%;height:48px;line-height:48px;font-size:14px;font-weight:300;}
.btn--shape20 {width:100%;height:44px;line-height:44px;font-size:15px;}
.btn--shape21 {width:100%;padding:10px 0;font-size:15px;}

.btn--width-auto {
	width: auto;
	padding: 0 10px;
}

.btn--min-width70 {
	min-width: 70px;
}

.btn--style01 {
	background-color: #0c8050;
	color: #fff;
}
.btn-box--btm-floating .btm-msg {margin-top:10px;font-size:12px;line-height:16px;color:#e72a50;letter-spacing:-1px;text-align:center;}

.order .btn-box--btm-floating .btn--style01 {
	font-weight: 700;
	font-size: 15px;
}
.cart .btn-box--btm-floating .btn--shape01 {
	font-weight: 700;
	font-size: 15px;
}
.btn--style02 {
	border: 1px solid #0c8050;
	background-color: #fff;
	color: #0c8050;
}

.btn--style03 {
	background-color: #eee;
	color: #555;
}

.btn--style04 {
	background-color: #fff;
	border: 1px solid #eee;
	color: #555;
}

.btn--style05 {
	background-color: #000;
	color: #fff;
}

.btn--style06 {
	border: 1px solid #fff;
	border-top: 1px solid #ddd;
	color: #000;
	background-color: #fff;
}

.btn--style07 {
	background-color: #1d362a;
	color: #fff;
}

.btn--style08 {
	background-color: #fff;
	border: 1px solid #E72A50;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.btn--style09 {
	background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
	color: #0c8050;
}

.btn--style10 {
	border-top: 1px solid #0c8050;
	background-color: #fff;
	color: #0c8050;
}

.btn--style11 {
	background-color: #fff;
	border: 1px solid #767676;
	line-height: 15px !important;
	padding: 8px 0;
	height: auto !important;
}

.btn--style12 {
	background-color: #999;
	border: 1px solid #999;
	color:#fff;
}

.btn--style13{border: 1px solid #999;background-color:#fff;color:#333;}
.btn--style14{border: 1px solid #333;background-color:#fff;color:#111;}
.btn--style15{border: 1px solid #0c8051 !important;background-color:#fff;color:#0c8051;}

.btn-list01 {
	width: 100%;
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 45px;
	height: 45px;
	color: #767676;
	letter-spacing: -0.44px;
	text-align: center;
}

.btn--text {
	background-color: unset;
	position: relative;
	font-size: 12px;
}

.btn--text+.btn--text:before {
	width: 1px;
	height: 10.5px;
	background-color: #ddd;
	margin-left: 8px;
	margin-right: 8px;
	display: inline-block;
	content: "";
}

.text-btn {
	font-weight: 700;
	font-size: 12px;
	color: #2a715a;
	text-decoration: underline;
	background-color: transparent;
}

.order__point-type-box .text-btn {
	font-weight: 300;
} /* 2019-07-17 장바구니 조회하기 볼드 삭제 */
.point-color6.text-btn {
	color: #f80012;
}

.text-btn--block {
	display: block;
	width: 100%;
	height: 50px;
}

.btn--checked {
	border-color: #2a715a;
	color: #2a715a;
}

.btn--checked::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 7.5px;
	background: url(/cjom/mobile/images/icon/ico-check-22x15.png) no-repeat
		center;
	background-size: contain;
	margin: 0 5px 0 0;
}

.btn--checked2::before {
	vertical-align: top;
	margin-top: 4px;
}

.btn--gift {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 55px;
	border: 1px solid #555;
	color: #555;
	font-size: 14px;
}

.btn--black {
	border: none;
	background-color: #000;
	color: #fff;
}

.btn--green {
	border: none;
	background-color: #0f5333;
	color: #fff;
} /* 2019-07-29 장바구니 버튼스타일 재정의 */
.btn--red {
	border: none;
	background-color: #e72a50;
	color: #fff;
} /* 2019-07-29 구매하기 버튼스타일 재정의 */
.btn--gift:before {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/cjom/mobile/images/icon/ico-gift-40x40.png) no-repeat
		center;
	background-size: 20px;
	content: '';
}

.btn-box {
	position: relative;
	margin: 0;
	font-size: 0;
	background-color: #fff;
}

.btn-box--bg {
	background-color: #f8f8f8;
}

.btn-box--plant {
	margin: 0 -15px;
	padding: 0 15px 15px;
	background-color: #2a715a;
}

.btn-box--plant .btn {
	width: 100%;
	height: 46px;
	line-height: 45px;
	box-sizing: border-box;
	background-color: #2a715a;
	border: 1px solid #fff;
	font-size: 13px;
	color: #fff;
}

.btn-box--full-size {
	margin-left: -15px;
	margin-right: -15px;
}

.btn-box--fixed {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;
}

.btn-box--center {
	text-align: center;
}

.btn-box--right {
	text-align: right;
}

.btn-box--left {
	text-align: left;
}

.btn-box--mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}
.pb32 {
	padding-bottom:32px !important;
}
.mb32 {
	margin-bottom:32px;
}
.mr8 {margin-right:8px;}

.btn-box--mt20 {
	margin-top: 20px;
}

.btn-box--mt25 {
	margin-top: 25px;
}

.btn-box--mt30 {
	margin-top: 25px;
}

.btn-box--top-margin {
	margin-top: 30px;
}

.btn-box--padding {
	padding: 0 15px;
}

.btn-box .btn+.btn {
	margin-left: 10px;
}

.btn-box--col-2 .btn {
	width: calc(50% - 2.5px);
}

.btn-box--col-2 .btn:nth-child(n) {
	margin-left: 0;
}

.btn-box--col-2 .btn:nth-child(2n) {
	margin-left: 5px;
}

.btn-box--col-2 .btn+.btn+.btn {
	margin-top: 5px;
}

.btn-box--col-3 {
	margin-left: -5px;
}

.btn-box--col-3 .btn {
	width: calc(33.3% - 5px);
	margin-left: 5px;
}

.btn-box--col-3 .btn+.btn {
	margin-left: 5px;
}

.btn-box--col-4 {
	margin-left: -5px;
}

.btn-box--col-4 .btn {
	width: calc(25% - 5px);
	margin-left: 5px;
}

.btn-box--col-4 .btn+.btn {
	margin-left: 5px;
}

.btn-box--col-2.btn-box--none-margin .btn {
	width: 50%;
}
.btn-box.btn-box-col-2 .btn {width:49%;}
.btn-box--none-margin .btn+.btn {margin-left:0px;}
.btn-box--btm-floating {
	position: fixed;
	left: 0;
	right: 0;
	bottom:0;
	padding: 10px 15px;
	z-index: 110;
	border-top: solid 0.5px rgba(0, 0, 0, 0.08);
	background-color: #f8f8f8;
}

.btn-box--btm-floating .btn {
	height: 44px;
	line-height: 44px;
	font-size: 17px;width: 100%;
	border: 0;
}

.btn-box-gift {position:relative;display: flex;padding-top:10px;align-items: center;}	/* MARKETDEV-9592 padding-top 추가 */
.btn-box-gift .btn {width: calc(100% - 80px);}
.btn-box-gift.none .btn {width:100%; box-sizing:border-box;}
.btn-box-gift .btn:first-child {width: 40px;margin-right:9px;}
.member-benefit__price+.btn-box-gift{padding-top:0;}	/* MARKETDEV-9592 추가 */
.btn-box--btm-floating.btn-box-gift-btn3 .btn {width:43%;}
.btn-box--btm-floating.btn-box-gift-btn3 .btn:first-child {width:11%;margin-right:1%;}
.btn-box--with-border {border-top: 15px solid #f8f8f8;}
.btn-box--full-size-padding {margin: 0 -15px;padding: 15px 15px 0;border-top: 1px solid #eee;}
@media screen and (max-width:320px){
	.btn-box--btm-floating.btn-box-gift-btn3 .btn:first-child {width:10%;margin-right:2%;}
}
.btn-box--col-2 .btn.btn--full {width: 100%;margin: 5px 0 0 0;}
.btn-box--none-bg {	background: transparent;}
.btn--more::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 9.5px;
	height: 5.5px;
	margin: 0 0 2px 4px;
	background: url(/cjom/mobile/images/icon/ico-arrow-down-19x11.png)
		no-repeat center;
	background-size: contain;
}

.btn--wd105 {
	width: 105px;
	padding: 0;
	overflow: hidden;
}

.btn--ico01 {
	width: 15px;
	height: 15px;
	background: url(/cjom/mobile/images/icon/ico-thum-off.png) no-repeat 0 0;
	background-size: 100%;
	text-indent: -999em;
}

.btn--ico01.on {
	background: url(/cjom/mobile/images/icon/ico-thum-on.png) no-repeat 0 0;
	background-size: 100%;
}

.btn--ico02 {
	width: 15px;
	height: 15px;
	background: url(/cjom/mobile/images/icon/ico-list-off.png) no-repeat 0 0;
	background-size: 100%;
	text-indent: -999em;
}

.btn--ico02.on {
	background: url(/cjom/mobile/images/icon/ico-list-on.png) no-repeat 0 0;
	background-size: 100%;
}

.btn--ico03 {
	line-height: 15.5px;
}

.btn--ico03:before {
	width: 15.5px;
	height: 15.5px;
	font-size: 12px;
	background: url(/cjom/mobile/images/icon/ico-delete.png) no-repeat 0 0;
	background-size: 15px 15px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 4.5px;
	content: "";
}

.btn--ico04 {
	width: 18px;
	height: 18px;
	background: url(/cjom/mobile/images/icon/ico-close-23x23.png) no-repeat
		center;
	background-size: 11.5px 11.5px;
	text-indent: -999em;
}

.btn--ico05:before {
	width: 18px;
	height: 18.5px;
	background: url(/cjom/mobile/images/icon/ico-gift-36x37.png) no-repeat
		center;
	background-size: 18px 18.5px;
	display: inline-block;
	vertical-align: middle;
	margin: -4px 4.5px 0 0;
	content: "";
}

.btn--ico06 {
	line-height: 15.5px;
}

.btn--ico06:before {
	width: 15px;
	height: 15px;
	font-size: 12px;
	background: url(/cjom/mobile/images/icon/ico-clock.png) no-repeat 0 0;
	background-size: 15px 15px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 4.5px;
	content: "";
}

.btn--ico07 {
	width: 30px;
	height: 30px;
	background: url(/cjom/mobile/images/icon/ico-close-52x52.png) no-repeat
		center;
	background-size: 17px;
	text-indent: -999em;
}

.btn--share {
	width: 40px;
	height: 40px;
	background: url(/cjom/mobile/images/icon/ico-share-white-40x40.png)
		no-repeat center;
	background-size: 20px;
	text-indent: -999em;
}

.btn--ico08:before {
	width: 18px;
	height: 18.5px;
	background: url(/cjom/mobile/images/icon/ico-gift-36x36-2a715a.png)
		no-repeat center;
	background-size: 18px 18.5px;
	display: inline-block;
	vertical-align: middle;
	margin: -4px 4.5px 0 0;
	content: "";
}
.btn-box--btm-floating.btn-box--none-margin .btn+.btn {margin-left: 1%;}
.btn-box--btm-floating .btn-bgift {font-size: 10px;color: #666;}
.btn-box--btm-floating .btn-bgift span {
	display: block;
	height: 44px;
	padding-top: 14px;
	background: url(/cjom/mobile/images/icon/ico_buy_gift.svg) no-repeat 50%
		5px;
	box-sizing: border-box;
	background-size: 22px 21px;
}

.btn-box--btm-floating .btn-bwhite {
	height: 44px;
	line-height: 42px;
	font-size: 17px;
	font-weight: bold;
	color: #0C8050;
	border: 1px solid #0C8050;
	background-color: #fff;
}

.btn-box--btm-floating .btn-bgreen {
	height: 44px;
	line-height: 42px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #0C8050;
	background-color: #0C8050;
}

/*22-06 임직원할인한도초과*/
.btn-box--btm-floating-2 {
	padding-top:10px;  /*22-07-01 수정 */
	border-top-width:1px;
}
.btn-box--btm-floating-2 .member-benefit__price {
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:13px;
	margin-bottom:7px;
	margin-top:0em;
	color:#333;
}
.btn-box--btm-floating-2 .member-benefit__price .member-benefit__text {
	display:inline;
	font-size:1em;
	font-weight:normal;
	letter-spacing:-0.05em;
	vertical-align:middle;
}
.btn-box--btm-floating-2 .member-benefit__price strong.member-benefit__text {
	display:inline;
	font-size:14px;
	font-weight:bold;
	margin-left:3px;
	letter-spacing:0;
	letter-spacing:-0em;
	vertical-align:middle;
}
.btn-box--btm-floating-2 .member-benefit__price .member-benefit__text--type2 {margin-bottom:0}
.btn-box--btm-floating-2 .member-benefit__price .member-benefit__text--type2 > span {
	display:inline;
	font-size:1em;
	height:1em;
	vertical-align:initial;
}

.btn-box--btm-floating-2 .member-amount-noti {
	display:flex;
	flex-direction:row;
    align-items: center;
    justify-content:space-between;  /*22-07-01 추가 */
	flex-grow: 0;
	padding: 0px 8% 0px 12%;
	background-color: #f8f8f8;
}
.btn-box--btm-floating-2 .member-amount-noti > div {
	font-family: Roboto, sans-serif;
	font-weight:normal;
	text-align:center;
	line-height:1;
}
.btn-box--btm-floating-2 .member-amount-noti > div.icon {
	padding:0 1.2em;  /*22-07-01 수정 */
}
.btn-box--btm-floating-2 .member-amount-noti > div.icon.pR05 {
	padding-right:5px;
}
.btn-box--btm-floating-2 .member-amount-noti > div > i {
	width:8px;
}

.btn-box--btm-floating-2 .member-amount-noti .title {
	display:block;  /* 22-07-01 수정 */
	font-family:inherit;
	font-weight: normal;
	font-size: 10px;
	line-height: 1;
	vertical-align: bottom;
	color: #666;
}

.btn-box--btm-floating-2 .member-amount-noti .price {
	font-family:inherit;
	display: block; /* 22-07-01 수정 */
	font-size: 12px;
	color: #333;
	line-height: 1.3;
	vertical-align: initial;
}

.btn-box--btm-floating-2 .member-amount-noti .price > em {
	display: inline-block;
	margin-left: 0px;
	font-family: Roboto, sans-serif;
	font-size: inherit;
	font-weight: normal;
	font-style: normal;
}

.btn-box--btm-floating-2 .member-amount-noti .all-price {
	display: inline-block;
	font-size: 12px;
	color: #0c8050;
}

.btn-box--btm-floating-2 .member-amount-noti .all-price > strong {
	font-family: Roboto, sans-serif;
	font-size: inherit;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.3;
}
.btn-box--btm-floating-2 .member-amount-noti .icon-math {
	display: inline-block;
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0 0px;
	font: 0/0 a;
	vertical-align: text-top;
}

.btn-box--btm-floating-2 .member-amount-noti .icon-math.minus:after,
.btn-box--btm-floating-2 .member-amount-noti .icon-math.result:before,
.btn-box--btm-floating-2 .member-amount-noti .icon-math.result:after {
	content: '';
	position: absolute;
	display: block;
	background-color: #666;
	color:#666;
	pointer-events: none;
}

.btn-box--btm-floating-2 .member-amount-noti .icon-math.minus:after {
	top: 5px;
	left: 1px;
	width: 8px;
	height: 1px;
}

.btn-box--btm-floating-2 .member-amount-noti .icon-math.result:before {
	top: 5px;
	width: 8px;
	height: 1px;
}

.btn-box--btm-floating-2 .member-amount-noti .icon-math.result:after {
	top: 8px;
	width: 8px;
	height: 1px;
}

.btn-box--btm-floating-2 .member-amount-noti .amount-excess {
	min-width:90px;
}
.btn-box--btm-floating-2 .member-amount-noti .amount-excess .all-price {
	color:#fa6729;
}
.btn-box--btm-floating-2 .member-amount-noti .amount-excess .all-price > p {
	color:inherit;
	font-size:.7em;
	line-height:1.4;
}

/* 22-07-01 추가, 갤럭시 폴드 대응 */
@media only screen and (max-width:280px) {
	.btn-box--btm-floating-2 .member-amount-noti {
		padding: 0px 0% 0px 0%;
	}
	.btn-box--btm-floating-2 .member-amount-noti > div.icon {
		padding:0 .8em;
	}
}
/*//22-06 임직원할인한도초과*/

/* MARKETDEV-10329 프라임 특가 신규추가 */
.btn-box--btm-floating .prime-benefit--wrap {padding:2px 0 0;margin:0 -15px 12px;}
.btn-box--btm-floating .prime-benefit__text {height:18px;font-size:14px;text-align:center;line-height:18px;color:#000;}
.btn-box--btm-floating .prime-benefit__text-str {font-weight:bold;color:#CB840F;}
.btn-box--btm-floating .prime-benefit--wrap + .btn-box-gift {padding-top:0;}
.prime__staff--active .btn-box--btm-floating .prime-benefit--wrap {padding:2px 0 12px;border-bottom:1px solid #eee;}

.prime__banner--add .prime__banner--wrapper.prime__banner--noline {padding:0;}
.prime__banner--add .prime__banner--noline .prime__banner--link {height:36px;margin-top:0;padding:0;border:0 none;border:0 none;box-shadow:none;}
.prime__banner--add .prime__banner--noline .prime__banner--link a {padding-left:110px;background-size:90px auto;background-position:15px center;}
.btn-box--btm-floating .prime__banner--wrapper.prime__banner--noline + .btn-box-gift {padding-top:8px;}
.prime__staff .btn-box--btm-floating .prime__banner--wrapper.prime__banner--noline {border-bottom:1px solid #eee;}

/* 상품상세 구매 레이어 개선 : 구매버튼 ui 케이스별 모음 */
.btn-box--btm-floating-re.btn-box-gift {/* position:relative; */display: flex;align-items: center;}
.btn-box--btm-floating-re.btn-box-gift .btn {width: calc(100% - 0px);}
.btn-box--btm-floating-re.btn-box-gift .btn:first-child {width: 48px;height:48px;margin-right:6px;}
.btn-box--btm-floating-re.btn-box-gift-btn3 {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn-box--btm-warp {width:100%;}
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn:first-child {width:auto;height:48px;}
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn-box--btm-warp .btn:first-child {margin-right:0;}
.btn-box--btm-floating-re.btn-box-gift-btn3 > .btn:first-child {width:48px;height:48px;background-color:#fff}
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn-bgift {margin-right:6px !important;}
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn-box--btm-warp .btn,
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn-box--btm-warp .btn.btn-cart,
.btn-box--btm-floating-re.btn-box-gift-btn3 .btn-box--btm-warp .btn.btn-bgreen {width:50%;}
.btn-box--btm-floating-re .btn-box--btm-warp .btn.btn-cart {border-radius: 3px 0 0 3px;}
.btn-box--btm-floating-re .btn-box--btm-warp .btn.btn-bgreen {border-radius: 0 3px 3px 0;}

.btn-box--btm-floating-re {
	/* position: absolute; */
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px 10px;
	z-index: 110;
	background-color: #f6f6f6; /*#fff*/
	border-top: 1px solid #ddd;
	transform: translateZ(0);
}
.btn-box--btm-floating-re.btn-box--none-margin .btn+.btn {margin-left:0%;}
.btn-box--btm-floating-re.btn-box.btn-box-col-2 .btn {width:50%;}
.btn-box--btm-floating-re .btn-bgift {
	font-size: 10px;
	color: #1ba774;
	border:1px solid #ddd;
	border-radius: 3px;
	box-sizing:border-box;
	letter-spacing: normal;
}
.btn-box--btm-floating-re .btn-bgift span { /*선물버튼, 220121 추가수정*/
	display: block;
	width: 47px;
	height: 43px;
	padding-top: 10px;
	font-size: inherit;
	box-sizing: border-box;
	background: url(/cjom/mobile/images/icon/ico_buy_gift_re.svg) no-repeat 50% 6px;
	background-size: auto 18px;
	border-radius:3px;
}
.btn-box--btm-floating-re .btn-cart,
.btn-box--btm-floating-re .btn-bgreen,
.btn-box--btm-floating-re .btn-bwhite {
	height: 48px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.44px;
}
.btn-box--btm-floating-re .btn-bwhite {
	color: #1ba774;
	border: 1px solid #1ba774;
	background-color: #fff;
	border-radius: 3px;
}
.btn-box--btm-floating-re .btn-cart {
	color: #fff;
	border: none;
	background-color: #222;
	border-radius:3px;
}
.btn-box--btm-floating-re .btn-bgreen {
	color: #fff;
	border: none;
	background-color: #1ba774;
	border-radius:3px;
}
/* 상품상세 구매 레이어 개선 : 구매버튼 ui 케이스별 모음 */


.link-right-arrow {
	padding-right: 10px;
	background: url('/cjom/mobile/images/icon/ico-arrow-right-11x18.png')
		no-repeat 100% 50%;
	background-size: 5.5px auto;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	color: #555;
}

.link-right-arrow--right-minus-25 {
	float: right;
	margin-top: -25px;
}

.link-right-arrow--mt15 {
	margin-top: 15px;
}

.link-right-arrow--type2 {
	padding: 0 14px 1px 0;
	height: 12px;
	line-height: 12px;
	background: url(/cjom/mobile/images/icon/ico-arrow-right-30x30.png)
		no-repeat right center;
	background-size: 15px;
	color: #555;
}

.link-right-arrow--type3 {
	display: block;
	padding: 0 14px 0 0;
	min-height: 12px;
	background: url(/cjom/mobile/images/icon/ico-arrow-right-14x24.png)
		no-repeat right center;
	background-size: 7px 12px;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.checkbox {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.checkbox--ml30 {
	margin-left: 30px;
}

.checkbox--col3 {
	margin-top: -15px;
	font-size: 0;
}

.checkbox--col3 .checkbox__input {
	margin-top: 15px;
	width: calc(100%/ 3);
	box-sizing: border-box;
}

.checkbox__block-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkbox__block-container .checkbox__input {
	margin-top: 0;
}

.checkbox__block-container .form-element {
	width: calc(( 100%/ 3)* 2);
}


/*220121 상품상세 구매 레이어 개선 건 : 수정*/
.checkbox__input {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	overflow: hidden;color:#000;
	padding-left: 25px;
	font-size: 14px;
	cursor: pointer;
	z-index: 10;
}
.checkbox__input:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;height: 20px;
	border: 1px solid #ddd; /*org #2a715a*/
	background-color: #fff;
	box-sizing: border-box;
	content: '';
	border-radius:2px;
}
.checkbox__input.type2:before {border:none; background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='2.5' fill='%23fff' stroke='%23DDD'/%3E%3Cpath d='m5.453 10 3.182 3.182 5.909-5.909' stroke='%23DDD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.checkbox__input:focus {outline: none;}
/*//220121 상품상세 구매 레이어 개선 건 : 수정*/


.disabled .checkbox__input:before {background-color:#cdcdcd; opacity: 0.4;}

.checkbox__input[aria-checked=true]:after {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: #2a715a
		url(/cjom/mobile/images/icon/ico-default-checked.png) no-repeat center;
	background-size: 20px 20px;
	content: '';
	border-radius:2px;
}

.checkbox__input[aria-disabled=true]:before {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}

.checkbox__input[aria-disabled=true]:after {
	display: none !important;
}

.checkbox__input[aria-checked=true][aria-disabled=true]:before {
	opacity: 0.4;
}

.checkbox__input[aria-checked=true][aria-disabled=true]:after {
	opacity: 0.4;
	background: #2a715a
		url(/cjom/mobile/images/icon/ico-default-checked.png) no-repeat center;
	display: inline-block !important;
	background-size: 20px;
}

.checkbox__input--type2 {
	padding-left: 24px;
	font-size: 12px;
	line-height: 18px;
}

.checkbox__input--type2:before {
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: none;
	background: transparent
		url(/cjom/mobile/images/icon/ico-checkbox--type2-default.png)
		no-repeat;
	background-size: cover;
}

.checkbox__input--type2[aria-checked=true]:after {
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: none;
	background: transparent
		url(/cjom/mobile/images/icon/ico-checkbox--type2-active.png) no-repeat;
	background-size: cover;
}

.checkbox__label {
	display: inline-block;
	vertical-align: middle;
}

.checkbox__hidden {
	position: absolute;
	top: -200%;
	left: -200%;
	width: 0;
	height: 0;
	opacity: 0;
}

.checkbox--half {
	position: relative;
	display: block;
	padding: 14px 0 4px 0;
	margin: 0 -5px;
}

.checkbox--half:after {
	content: '';
	display: block;
	clear: both;
}

.checkbox--half .checkbox__input {
	float: left;
	box-sizing: border-box;
	width: calc(50% - 10px);
	margin: 0 5px 10px 5px;
}

.checkbox__input--btn-style::before, .checkbox__input--btn-style::after
	{
	display: none;
}

.checkbox__input--btn-style {
	border: 1px solid #ddd;
	width: 70px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	padding-left: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	color: #555;
}

.checkbox__input--btn-style[aria-checked=true] {
	border-color: #2a715a;
	background-color: #2a715a;
	color: #fff;
}

.checkbox__input--auto {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.radio__input {
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 13px;
}

.radio__input+.radio__input {
	margin-left: 15px;
}


/* MARKETDEV-8434 선물세트배송지 */
@media all and (max-width:320px){
	.giftset-delivery-radio .radio__input{display:block;}
	.giftset-delivery-radio .radio__input+.radio__input{margin-top:8px;margin-left:0;}
}


.radio__input:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	content: '';
}


.radio__input[aria-checked=true]:after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #1ba774;
	box-sizing: border-box;
	content: '';
}
.radio__input[aria-checked=true]:before {background-color: #fff !important;border-color:#1ba774 !important;}
.radio__input[aria-disabled=true]:before {
	background-color: #f5f5f5 !important;border-color:#eee !important;
}
.radio__input[aria-disabled=true]:after {background-color: #f5f5f5 !important;}
.radio__input[aria-disabled=true][aria-checked=true]:before,
	.radio__input[aria-disabled=true][aria-checked=true]:after {
	background-color: #eee;
}

.radio__hidden {
	position: absolute;
	top: -200%;
	left: -200%;
	width: 0;
	height: 0;
	opacity: 0;
}

.radio__wrap--type1 .radio__input+.radio__input {
	margin-left: 20px;
}
.radio__input strong {font-size:16px;font-weight:bold;}
.radio__group-title {
	padding-bottom: 13px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	font-weight: 700;
	font-size: 16px;
}

.radio__group-title--small {
	font-size: 14px;
	margin-bottom: 0;
	border-bottom: none;
}

.border-radio {
	display: flex;
	flex-wrap: wrap;
}

.border-radio__input {
	height: 45px;
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 13px;
	color: #767676;
	padding-left: 0;
	overflow: unset;
}

.border-radio__input[aria-checked=true], .border-radio__input.is-active
	{
	font-weight: 700;
	color: #2a715a;
}

.border-radio__input:before {
	display: none;
}

.border-radio__input:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: -1px;
	right: -1px;
	background: 0;
	border: 1px solid #ddd;
}

.border-radio__input[aria-checked=true]:after, .border-radio__input.is-active:after
	{
	border-color: #2a715a;
	z-index: 1;
	display: block;
	top: 0;
	left: 0;
	background: 0;
	width: unset;
	height: unset;
	border-radius: 0;
	margin-top: 0;
}

.radio__wrap--fit {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.radio__wrap--fit .radio__input {
	margin-left: 0;
}

.radio__wrap--col3 {
	margin: -15px 0 0 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.radio__wrap--col3 .radio__input {
	width: calc(100%/ 3);
}

.radio__wrap--col3 .radio__input {
	margin: 15px 0 0 0 !important;
}

.radio--tab {
	padding: 20px 0 0;
	background-color: #fff;
}

.radio__wrap--tab {
	width: 100%;
	display: table;
	border-collapse: collapse;
	text-align: center;
	font-size: 13px;
	color: #555;
}

.radio__row {
	display: table-row;
}

.radio__input--tab {
	padding-left: 0;
	width: calc(100%/ 3);
	height: 45px;
	border: 1px solid #eee;
	display: table-cell;
}

.radio__input--tab:before, .radio__input--tab:after {
	display: none;
}

.radio__input--tab[aria-checked=true] {
	background-color: #2a715a;
	color: #fff;
}

.radio__input--tab+.radio__input--tab {
	margin-left: 0;
}

.radio__group-title--tab {
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 0;
}

.select {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	height: 40px;
	line-height: 38px;
	border: 1px solid #e0e0e0;
	padding: 0 26px 0 10px;
	font-size: 13px;
	color: #000;
	background: #fff url(/cjom/mobile/images/icon/ico-select-34x8.png)
		no-repeat right center;
	background-size: 17px 4px;
}

.select--border-none {
	border: none;
}

.select--border-none option {
	color: #000;
}

.select--border-none option:first-child {
	color: #767676;
}

.select-ico {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: left;
}

.select-ico--sort {
	padding-left: 20px;
	background: url(/cjom/mobile/images/icon/ico-sort.png) no-repeat top 2px
		left 0;
	background-size: 15.5px auto;
	color: #000;
	font-size: 12px;
}

.form-label {
	margin-bottom: 9px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	font-size: 14px;
	color: #000;
}

.form-label--mb15 {
	margin-bottom: 15px;
}

.form-label--block {
	display: block;
}

.form-label--require:after {
	margin-top: -2px;
	margin-left: 3px;
	width: 7px;
	height: 7px;
	display: inline-block;
	vertical-align: middle;
	background: url(/cjom/mobile/images/common/ico-essential.png) no-repeat
		center;
	background-size: 7px;
	content: '';
}

.form-element {
	position: relative;
	text-align: left;
}

.form-element--mt10 {
	margin-top: 10px;
}

.form-element__value {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	font-size: 13px;
	color: #000;
	height: 40px;
	line-height: 20px;
	padding: 10px;
	font-family: 'Noto Sans CJK KR', sans-serif;
	font-weight: 300;
}

.form-element__input {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
	color: #000;
	height: 45px;
	border: 1px solid #ddd;
	padding: 0 30px 0 10px;
	outline:none;
}

.form-element__input.form-element--price {
	padding: 0 44px 0 10px;
	text-align: right;
} /* 2019-07-23 가격영역 우측정렬 */
.form-element input:focus, .form-element select:focus, .form-element textarea:focus
	{
	border-color: #000;
}

.form-element input:disabled, .form-element select:disabled,
	.form-element textarea:disabled {
	border-color: #ddd;
	background-color: #eee;
	color: #555;
}

.form-element input::placeholder, .form-element input::-webkit-placeholder,
	.form-element input::-moz-placeholder, .form-element select::placeholder,
	.form-element select::-webkit-placeholder, .form-element select::-moz-placeholder,
	.form-element textarea::placeholder, .form-element textarea::-webkit-placeholder,
	.form-element textarea::-moz-placeholder {
	color: #767676;
}

.form-element__input--text-right {
	text-align: right;
}

.form-element__input--text-center {
	text-align: center;
}

.form-element__select {
	padding: 0 30px 0 10px;
	width: 100%;
	height: 45px;
	line-height: 43px;
	border: 1px solid #e0e0e0;
	background: #fff url(/cjom/mobile/images/icon/ico-select-40x40.png )
		no-repeat right 5px center;
	background-size: 20px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 14px;
	color: #000;
}
.form-element__select { overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.form-element__select[disabled] {
	color: #555;
}

.form-element__select--round {
	border-radius: 15px;
	height: 30px;
	line-height: 29px;
	padding-left: 15px;
} /* 2019-07-17 배송지 개수 선택, 배송요청사항 정렬 수정 */
.form-element__textarea {
	padding: 12px 10px;
	border: 1px solid #ccc;
	width: 100%;
	line-height: 20px;
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	resize: none;
	overflow-y:auto !important;
	outline:none;
}

.form-element--textarea .form-element__error {
	position: absolute;
	left: 0;
	bottom: 1px;
	margin-top: 0;
}

.form-element__auth {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #f80012;
}

.form-element__auth--alert {
	top: 16px;
	margin-top: 0;
}

.form-element__count {
	margin-top: 7px;
	text-align: right;
	font-size: 14px;
	color: #767676;
}
.form-element__count [data-js=form-ctrl__count-current] {
	color: #000;
	margin-right: 1px;
} /* 2019-07-12 텍스트간격 띄어쓰기 */
.form-element__count [data-js=form-ctrl__count-total] {
	margin-left: 3px;
} /* 2019-07-12 텍스트간격 띄어쓰기 */
.form-element__delete {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 45px;
	background: url('/cjom/mobile/images/icon/ico-input-delete.png')
		no-repeat right 5px center;
	background-size: 20px;
}

.form-element__delete.is-active {
	display: block;
}

.form-element__alert {
	margin-top: 10px;
	padding-left: 19px;
	line-height: 18px;
	background: url(/cjom/mobile/images/icon/ico-form-alert.png) no-repeat
		left 2px;
	background-size: 15px;
	display: block;
	font-size: 12px;
	color: #767676;
}

.form-element__alert span.point-color1 {
	display: inline-block;
}

.form-element__alert ~.form-element__alert {
	margin-top: 2px;
}

.form-element__error {
	margin-top: 10px;
	height: 12px;
	line-height: 12px;
	display: block;
	font-size: 12px;
	color: #f72a66;
}

.form-element__input--price {
	padding-right: 60px;
}

.form-element__inner-text {
	font-size: 13px;
	position: absolute;
	top: 14px;
	right: 30px;
}

.form {
	display: block;
	font-size: 0;
}

.form--padding {
	padding: 20px 15px;
}

.form__column {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
}

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

.form__row+.form__row {
	margin-top: 20px;
}

.form__inner-row+.form__inner-row {
	margin-top: 10px;
}

.form__description {
	margin-bottom: 15px;
	font-size: 12px;
}

.form--half .form__column {
	width: calc(50% - 5px);
}

.form--half .form__column+.form__column {
	margin-left: 10px;
}

.form--half-no-margin .btn {
	width: 50%;
}

.form--col4 {
	margin-left: -5px;
}

.form--col4 .form__column {
	width: calc(25% - 5px);
	margin-left: 5px;
}

.form--has-button {
	position: relative;
}

.form--has-button .form__column {
	width: 100%;
	padding-right: 74px;
}

.form--has-button .btn {
	position: absolute;
	width: 75px;
	right: 0;
	top: 0;
}

.form--has-button2 {
	position: relative;
}

.form--has-button2 .form__column {
	width: calc(100% - 80px);
}

.form--has-button2 .btn {
	display: inline-block;
	width: 70px;
	margin-left: 10px;
}

.form--has-button3 {
	position: relative;
}

.form--has-button3 .form__column {
	width: calc(100% - 90px);
}

.form--has-button3 .btn {
	display: inline-block;
	width: 80px;
	margin-left: 10px;
}

.form--buy-gift {
	position: relative;
}

.form--buy-gift .form__column {
	width: 100%;
	padding-right: 90px;
}

.form--buy-gift>.btn {
	position: absolute;
	width: 90px;
	right: 0;
	top: 0;
}

.form--address {
	position: relative;
}

.form--address .form__column {
	width: 100%;
	padding-right: 97px;
}

.form--address>.btn {
	position: absolute;
	width: 97px;
	right: 0;
	top: 0;
}

.form__phone {
	margin: 0 -10px;
	font-size: 0;
}
.form__phone .txt_desc {margin:5px 10px;}
.form__phone .form__column {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: calc(33.33% - 20px);
	margin: 0 10px;
}

.form__phone .form__column:nth-child(2):after, .form__phone .form__column:nth-child(3):after
	{
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 1px;
	left: -14px;
	top: 50%;
	background: #000;
}

.form__phone .form-element__input {
	padding-right: 10px;
}

.form--phone .form-element__input {
	padding-right: 10px;
}

.form-element+.checkbox {
	margin-top: 10px;
}

.form__email {
	margin: 0;
	font-size: 0;
}

.form__email .form__column:first-child {
	width: calc(43% - 20px);
}

.form__email .form__column:last-child {
	width: 57%;
}

.form__column--atmark {
	width: 20px;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}

.form__email .form-element__input {
	padding-right: 10px;
}

.form__address .form__column:first-child {
	width: calc(100% - 80px);
}

.form__address .form__column:last-child {
	padding-left: 10px;
	width: 80px;
	box-sizing: border-box;
	text-align: right;
}

.form__has-button {
	position: relative;
}

.form__has-button .form__column {
	width: calc(100% - 80px);
}

.form__has-button .btn {
	display: inline-block;
	width: 70px;
	margin-left: 10px;
}

.form--phone {
	margin: 0 -10px;
}

.form--phone .form__column {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: calc(33.33% - 20px);
	margin: 0 10px;
}

.form--phone .form__column:after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 1px;
	left: -14px;
	top: 50%;
	background: #000;
}

.form--phone .form__column:first-child:after {
	display: none;
}

.form--email {
	margin: 0 -10px;
	position: relative;
}

.form--email .form__column {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: calc(57% - 20px);
	margin: 0 10px;
}

.form--email .form__column:first-child {
	width: calc(43% - 20px);
}

.form__atmark {
	display: inline-block;
	font-size: 14px;
	color: #000;
	line-height: 38px;
	text-align: center;
	width: 20px;
	margin: 0 -10px;
}

.form__count-textarea {
	font-size: 12px;
	color: #767676;
	text-align: right;
	margin-top: 10px;
}

.form__count-textarea>span {
	vertical-align: baseline;
}

.form__card-number {
	border: 1px solid #ddd;
}

.form__card-number .form__column {
	width: 25%;
}

.form__card-number--mobile .form__column {
	width: 33.3%;
}

.form__card-number .form__column--max .form-element__input {
	padding: 0 5px;;
}

.form__card-number .form-element__input {
	border: 0;
	padding: 0 15px;
	text-align: center;
}

.form__card-number .form__column+.form__column:before {
	z-index: 2;
	display: inline-block;
	width: 8px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
	left: -4px;
	content: "";
}

.form__cal-box {
	background: url(/cjom/mobile/images/icon/ico-wave.png) no-repeat center
		center;
	background-size: 7px auto;
	width: 100%;
}

.form__cal-box .form__column {
	width: calc(50% - 7.5px);
}

.form__cal-box .form__column+.form__column {
	margin-left: 15px;
}

.form-element__cal {
	background: url(/cjom/mobile/images/icon/ico-cal.png) no-repeat center
		right 10px;
	background-size: 13px auto;
}

.flex-box {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex-box--column {
	flex-direction: column;
}

.flex-box__item:first-child {
	width: 35px;
}

.flex-box__item:nth-child(2) {
	max-width:calc(100% - 80px);
}

.sc-tab-1 {
	width: 100%;
	height: 44px;
	position: relative;
	/*overflow: hidden;*/ /*20230130 장바구니 선물세트 툴팁으로인해삭제*/
	z-index: 2;
	text-align: center;
	background: #fff;
}

.sc-tab-1.cart-tab{z-index:10;}	/* 2024-01-12 수정 : 장바구니 선물세트 툴팁이 상단 타이틀 영역에 가려지는 이슈로 인해 클래스 추가 */

.sc-tab-1--bdt1 {
	border-top: 1px solid #f8f8f8;
}

.sc-tab-1--bdt15 {
	border-top: 15px solid #f8f8f8;
}

.sc-tab-1::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eee;
	bottom: 0;
	left: 0;
}

.sc-tab-1--none-bd:before {
	display: none;
}

.sc-tab-1__inner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*overflow-y: hidden;*/
	overflow-x: auto;
	font-size: 0;
	height: 44px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

.sc-tab-1__inner::-webkit-scrollbar {
	display: none;
}

.sc-tab-1__item {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
}

.sc-tab-1__item:first-child {
	padding-left: 15px;
}

.sc-tab-1__item:last-child {
	padding-right: 15px;
}

.sc-tab-1__anchor {
	position: relative;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	color: #555;
	white-space: nowrap;
}

.sc-tab-1__anchor.is-active {
	font-weight: 700;
	color: #2a715a;
}

.sc-tab-1__anchor.is-active::after {
	/* content: '';
	display: block;
	position: absolute;
	width: 100%;
	padding: 0 3px;
	height: 3px;
	bottom: 1px;
	left: -3px;
	background: #2a715a; */
}

.sc-tab-1__item.is-active:first-child .sc-tab-1__anchor {
	padding-left: 3px;
}

.sc-tab-1__item.is-active:first-child .sc-tab-1__anchor::after {
	left: 0;
	padding-left: 0;
}

.sc-tab-1__item.is-active:last-child .sc-tab-1__anchor {
	padding-right: 3px;
}

.sc-tab-1__item.is-active:last-child .sc-tab-1__anchor::after {
	padding-right: 0;
}

.sc-tab-1--col-2 .sc-tab-1__inner, .sc-tab-1--col-3 .sc-tab-1__inner {
	display: table;
}

.sc-tab-1--col-2::before, .sc-tab-1--col-3::before {
	display: none;
}

.sc-tab-1--col-2 .sc-tab-1__item, .sc-tab-1--col-3 .sc-tab-1__item {
	display: table-cell;
	padding: 0;
	background: transparent;
	background-color: #e6e6e6;
} /* 2019-07-17 배경색 수정 */
.sc-tab-1--col-2 .sc-tab-1__item {
	width: 50%;
}

.sc-tab-1--col-3 .sc-tab-1__item {
	width: 33.33%;
}

.sc-tab-1--col-2 .sc-tab-1__anchor, .sc-tab-1--col-3 .sc-tab-1__anchor {
	display: block;
}

.sc-tab-1--col-2 .sc-tab-1__anchor.is-active, .sc-tab-1--col-3 .sc-tab-1__anchor.is-active
	{
	background: #fff;
}
.sc-tab-1--col-3 .sc-tab-1__anchor.newReddotted:after {
	display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #f72a66;
    content: '';
    border-radius: 100%;
	margin-top: 10px;
    box-sizing: border-box;
    margin-left: 2px;
	vertical-align: top;

} /*MARKETDEV-4069 긴급 추가 건*/

.sc-tab-1--col-2 .sc-tab-1__anchor.is-active::after, .sc-tab-1--col-3 .sc-tab-1__anchor.is-active::after
	{
	/* display: none; */
}

.sc-tab-1--col-2 .sc-tab-1__item:first-child .sc-tab-1__anchor.is-active,
	.sc-tab-1--col-3 .sc-tab-1__item:first-child .sc-tab-1__anchor.is-active
	{
	padding: 0;
}

.sc-tab-1--type-gift {
	height: auto;
}

.sc-tab-1--type-gift img {
	display: block;
}

.sc-tab-1--type-gift .sc-tab-1__item {
	width: auto;
	background-color: #f8f8f8;
	vertical-align: bottom;
}

.sc-tab-1--type-gift .sc-tab-1__item.is-active .sc-tab-1__anchor {
	padding-left: 0 !important;
}

.sc-tab-1--type-gift .sc-tab-1__item.is-active {
	background-color: #167529;
}

.sc-tab-1--type-gift .sc-tab-1__inner {
	position: static;
	height: auto;
	overflow: hidden;
	table-layout: fixed;
}

.sc-tab-1--type-gift .sc-tab-1__anchor {
	display: block;
	height: auto;
	line-height: inherit;
	vertical-align: bottom;
	background: transparent;
	border: 0;
}

.sc-tab-1--type-gift .sc-tab-1__item:first-child .sc-tab-1__anchor.is-active,
	.sc-tab-1--type-gift .sc-tab-1__item:first-child .sc-tab-1__anchor.is-active
	{
	padding-top: 0;
}

.sc-tab-1--type-gift .sc-tab-1__anchor.is-active {
	border: 0;
	background: transparent;
}

.sc-tab-1 .component-container {
	text-align: left;
}

.sc-tab-1--full .sc-tab-1__inner {
	position: static;
	overflow: hidden;
	display: table;
}

.sc-tab-1--full .sc-tab-1__item {
	padding: 0;
	display: table-cell;
}

.sc-tab-1--full .sc-tab-1__anchor.is-active::after {
	left: 0;
	padding: 0;
}

.sc-tab-2 {
	display: block;
}

.sc-tab-2__wrap {
	background: #fff;
	padding: 20px 15px;
}

.sc-tab-2__inner {
	display: table;
	width: 100%;
	height: 45px;
	border-collapse: collapse;
}

.sc-tab-2__item {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 45px;
	background: #fff;
	text-align: center;
}

.sc-tab-2__anchor {
	display: block;
	box-sizing: border-box;
	position: relative;
	color: #767676;
	font-size: 13px;
	height: 45px;
	line-height: 43px;
	border: 1px solid #ddd;
	border-left: 0;
}

.sc-tab-2__item:first-child>.sc-tab-2__anchor {
	border-left: 1px solid #ddd;
}

.sc-tab-2__anchor.is-active {
	color: #2a715a;
	border-color: #2a715a;
	font-weight: 700;
}

.sc-tab-2__anchor.is-active::after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: calc(100% + 2px);
	background: #0c8050;
}

.sc-tab-2__item:first-child>.sc-tab-2__anchor.is-active {
	border-left: 1px solid #0c8050;
}

.sc-tab-2--col-3 .sc-tab-2__item {
	width: 33.33%;
}

.sc-tab-2--col-4 .sc-tab-2__item {
	width: 25%;
}

.sc-tab-2__inner+.sc-tab-2__inner .sc-tab-2__anchor {
	border-top: 0;
}

.sc-tab-2__inner+.sc-tab-2__inner .sc-tab-2__anchor.is-active::before {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: calc(100% + 2px);
	top: -1px;
	left: -1px;
	background: #2a715a;
}

.sc-tab-3 {
	display: block;
	margin-left: -5px;
}

.sc-tab-3__wrap {
	background: #fff;
	padding: 20px 15px;
}

.sc-tab-3__inner {
	display: table;
	width: 100%;
	height: 30px;
	border-collapse: collapse;
}

.sc-tab-3__item {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 30px;
	padding-left: 5px;
	background: #fff;
	text-align: center;
}

.sc-tab-3__anchor {
	display: block;
	box-sizing: border-box;
	position: relative;
	color: #767676;
	font-size: 12px;
	height: 30px;
	line-height: 29px;
	border: 1px solid #eee;
}

.sc-tab-3__anchor.is-active {
	color: #2a715a;
	border-color: #2a715a;
	font-weight: 700;
}

.sc-tab-3__anchor.is-active::after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: calc(100% + 2px);
	background: #2a715a;
}

.sc-tab-3__item:first-child>.sc-tab-3__anchor.is-active {
	border-left: 1px solid #2a715a;
}

.sc-tab-3--col-3 .sc-tab-3__item {
	width: 33.33%;
}

.sc-tab-3--col-4 .sc-tab-3__item {
	width: 25%;
}

.tab {
	display: block;
}

.tab__table {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.tab__row {
	display: table-row;
}

.tab__col {
	display: table-cell;
	text-align: center;
	font-size: 13px;
	color: #555;
	height: 45px;
	border: 1px solid #eee;
	background: #fff;
	vertical-align: middle;
	box-sizing: border-box;
}

.tab__col.is-active {
	color: #fff;
	border-color: #2a715a;
	background: #2a715a;
}

.tab--col-5 .tab__col {
	width: 20%;
}

.tab--col-4 .tab__col {
	width: 25%;
}

.tab--col-3 .tab__col {
	width: 33.33%;
}

.tab--col-2 .tab__col {
	width: 50%;
}

.tab__ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.tab__li+.tab__li:before {
	margin-top: -5px;
	width: 1px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #eee;
	content: '';
}

.tab__anchor {
	padding: 0 10px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 12px;
	color: #767676;
}

.tab--type1 .tab__anchor.is-active {
	border: none;
	text-decoration: underline;
	font-weight: 700;
	color: #000;
}

.border-tab {
	display: flex;
	flex-wrap: wrap;
}

.border-tab__li {
	flex: 1;
}

.border-tab__anchor {
	height: 45px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 13px;
	color: #767676;
}

.border-tab__anchor.is-active {
	font-weight: 700;
	color: #2a715a;
}

.border-tab__anchor:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: -1px;
	right: -1px;
	background: 0;
	border: 1px solid #eee;
}

.border-tab__anchor.is-active:after {
	border-color: #2a715a;
	z-index: 1;
}

.tab--type-2 {
	margin: 20px 15px;
	overflow: visible;
}

.tab--type-2 .tab__col {
	height: 32px;
}

.popup .tab--type-2 {
	padding: 10px 15px;
	margin: 0;
	background: #f8f8f8;
}

.tab--type-3 {
	display: block;
	font-size: 0;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

.tab__col--type-3 {
	display: inline-block;
	border: 0;
}

.tab__col--type-3 .tab__anchor {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 50px;
	line-height: 46px;
	display: block;
	box-sizing: border-box;
}

.tab__anchor.is-active {
	border: 1px solid #2a715a;
	color: #2a715a;
}

.list-box {
	display: block;
	background: #fff;
}

.list-box__item {
	display: block;
	border-top: 1px solid #eee;
	padding: 15px;
}

.list-box__item__anchor {
	position: relative;
}

.list-box__item__anchor:after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 21px;
	top: 50%;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(/cjom/mobile/images/icon/ico-arrow-right-14x24.png)
		no-repeat 0 0;
	background-size: 7px 12px;
}

.list-box__item:first-child {
	border-top: 0;
}

.list-box__link {
	display: block;
	padding-right: 18px;
	position: relative;
}

.list-box__link::after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	width: 8px;
	height: 14px;
	background: url(/cjom/mobile/images/icon/ico-arrow-right-16x28.png)
		no-repeat center;
	background-size: contain;
}

.list-box .list-box__link::after {
	display: none;
}

.list-box__title {
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.list-box__title:first-child {
	margin-top: 0;
}

.list-box__subtext {
	font-size: 12px;
	color: #767676;
	margin-top: 10px;
}

.list-box__subtext:first-child {
	margin-top: 0;
}

.list-box__date {
	font-size: 12px;
	color: #555;
	margin-top: 7px;
}

.list-box__date:first-child {
	margin-top: 0;
}

.list-box__btn-box {
	display: block;
	position: relative;
	margin-top: 10px;
}

.list-box__btn-box .btn {
	margin-bottom: 5px;
}

.accordion {
	display: block;
	background: #fff;
}

.accordion--mt10 {
	margin-top: 10px;
}

.accordion--mt15 {
	margin-top: 15px;
}

.accordion__item {
	display: block;
	border-bottom: 1px solid #eee;
}

.accordion__item:first-child {
	border-top: 0;
}

.accordion__top {
	display: table;
	width: 100%;
}

.accordion__title {
	display: table-cell;
	padding: 16px 0 16px 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #000;
}

.accordion__title .checkbox__input {
	font-size: 16px;
	font-weight: 700;
	overflow: unset;
	height: auto;
}

.accordion__title--type2 {
	padding: 15px 0 15px 5px;
}

.accordion__title--question {
	position: relative;
	padding-left: 53px;
	font-size: 14px;
	font-weight: 300;
}

.accordion__title--question::before {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 24px;
	height: 24px;
	background: url(/cjom/mobile/images/icon/ico-ser-question.png) no-repeat
		0 0;
	background-size: auto 24px;
	display: inline-block;
	vertical-align: middle;
	content: '';
}

.accordion__anchor {
	display: table-cell;
	box-sizing: content-box;
	padding-right: 15px;
	vertical-align: middle;
	text-align: right;
	width: 10%;
	min-width: 34px;
}

.accordion__anchor::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 8px;
	background: url(/cjom/mobile/images/icon/ico-arrow-down-28x16.png)
		no-repeat center;
	background-size: contain;
	transition: transform .3s;
}

.accordion__anchor.is-active::before {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
} /* 2019-07-11 kitkat 대응 프리픽스 추가 */
.accordion__top.is-active .accordion__anchor::before {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
} /* 2019-07-11 kitkat 대응 프리픽스 추가 */
.accordion__panel {
	display: block;
	position: relative;
	background-color: #fff;
	padding: 20px 15px 30px;
	color: #555;
}

.accordion__panel:before {
	position: absolute;
	top: 0;
	width: calc(100% - 30px);
	height: 1px;
	background-color: #eee;
	margin: 0 auto;
	display: block;
	content: "";
}

.accordion__panel--grey {
	background: #f8f8f8;
}

.accordion__panel--grey:before {
	display: none;
}

.accordion__panel--product-list {
	padding-bottom: 0;
}

.accordion__panel-inner+.accordion__panel-inner {
	border-top: 1px solid #eee;
	padding-top: 23px;
	margin-top: 12px;
}

.accordion__panel-inner--answer {
	padding-left: 38px;
	position: relative;
}

.accordion__panel-inner--answer::before {
	position: absolute;
	top: 0;
	left: 5px;
	width: 24px;
	height: 24px;
	background: url(/cjom/mobile/images/icon/ico-ser-question.png) no-repeat
		-24px 0;
	background-size: auto 24px;
	display: inline-block;
	vertical-align: middle;
	content: '';
}

.accordion__panel-inner--answer p {
	line-height: 20px;
}

.accordion__panel-inner--answer li {
	line-height: 20px;
}

.accordion__panel-inner--answer .gutter__top-bottom {
	padding: 6px 0;
}

.accordion__mark {

}

.accordion__mark:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(/cjom/mobile/images/icon/ico-inquiry-type.png) no-repeat
		0 0;
	background-size: 48px auto;
	display: inline-block;
	vertical-align: middle;
	content: '';
}

.accordion__mark--q:before {
	background-position: 0 0;
}

.accordion__mark--a:before {
	background-position: -24px 0;
}

.accordion__mark--q {
	font-size: 14px;
	line-height: 20px;
}

.accordion__mark--a {
	font-size: 14px;
	line-height: 20px;
}

.accordion__title--type3 {
	padding: 17px 0 17px 15px;
	vertical-align: middle;
}

.accordion__anchor--type3 {
	width: 15px;
}

.accordion--type4 {
	border-bottom: 5px solid #f8f8f8;
}

.accordion__item--type4 {
	border-top: 5px solid #f8f8f8;
	border-bottom: 0;
}

.accordion__item--type4:first-child {
	border-top: 5px solid #f8f8f8;
}

.accordion__item--type4.is-active {
	border-bottom: 10px solid #f8f8f8;
}

.accordion__title--type4 {
	padding: 19px 0 18px 15px;
	box-sizing: border-box;
}

.accordion__title--type4 span:not (.order__info-value ) {
	font-weight: 700;
	font-size: 16px; }

.accordion__title--type5 {
	padding-right: 15px;
}

.accordion--type1 .accordion__title, .accordion--type1 .accordion__panel
	{
	background-color: #fff;
}

.accordion--type2 .accordion__title {
	padding-left: 15px;
}

.accordion--type2 .accordion__panel {
	background-color: #f8f8f8;
}

.accordion--type2 .accordion__panel:before {
	display: none;
}

.more-box {
	display: block;
	background: #fff;
	text-align: center;
	font-size: 0;
	line-height: 52px;
}

.more-box--pb20 {
	padding-bottom: 20px;
}

.more-box__btn {
	display: block;
	text-align: center;
	width: 100%;
	vertical-align: middle;
	background: transparent;
	font-size: 13px;
	padding: 10px 15px;
}

.more-box__btn::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(/cjom/mobile/images/icon/ico-arrow-down-16x9.png)
		no-repeat center;
	background-size: contain;
	width: 8px;
	height: 4.5px;
	margin: 0 0 1px 6px;
}

.more-box__btn>.number {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 10px;
}

.more-box__btn>.number>span {
	font-family: inherit;
}
.noti-box {padding:15px 15px 15px 12px;background-color:#f8f8f8;}
.noti-box ul li {position:relative;padding-left:10px;margin-bottom:5px;color:#767676;font-size:12px;line-height:16px;}
.noti-box ul li:after {display:block;position:absolute;left:0;top:5px;width:2px;height:2px;background-color:#767676;content:'';}
.noti-box ul li:last-child {margin-bottom:0;}


.info-box {
	background: #fff;
	padding: 28px 15px 38px 15px;
}

.info-box--toggle {
	display: none;
}

.info-box--toggle.is-active {
	display: block;
}

.info-box--bg {
	background-color: #f8f8f8;
	padding: 18px 20px;
}

.info-box--bg-event {
	background: rgba(255, 255, 255, .5);
	padding: 18px 20px;
}

.info-box--no-padding {
	padding: 0;
}

.info-box__title {
	font-size: 16px;
	color: #2a715a;
	font-weight: 700;
	padding-bottom: 9px;
	border-bottom: 2px solid #2a715a;
	margin-bottom: 20px;
}

.info-box__list {
	display: block;
}

.info-box__list__item {
	display: block;
	margin-top: 10px;
	padding-left: 9px;
	text-indent: -7px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

.info-box__list__item:first-child {
	margin-top: 0;
}

.info-box__list__item::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 3px 0.2em 0;
	vertical-align: middle;
	background: #555;
}
.noti-accordion-anchor {display:block;position:relative;}
.noti-accordion-anchor::before {
	content: '';
	display:block;position:absolute;right:15px;top:21px;
	width: 14px;
	height: 8px;
	background: url(/cjom/mobile/images/icon/ico-arrow-down-28x16.png)
		no-repeat center;
	background-size: contain;
	transition: transform .3s;
}
.noti-accordion-anchor.is-active::before {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg); }
.info-notice-wp {padding:0 15px;}
.info-notice-list {display: block;}
.info-notice-list li {
	display: block;
	margin-top: 10px;
	padding-left: 9px;
	text-indent: -7px;
	font-size: 14px;
	line-height:20px;
	color:#333;}
.info-notice-list li .emp {color:#777;}
.info-notice-list li:first-child {	margin-top: 0;}
.info-notice-list li::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 3px 0.2em 0;
	vertical-align: middle;
	background: #767676;}

.info-box-wrap {
	margin-top: 28px;
}
.component-container .info-box-wrap {
	margin-bottom:20px;
}
.info-box-wrap--none-margin {
	margin-top: 0;
}

.info-box-wrap--padding {
	margin-top: 0;
	padding: 20px 15px;
}

.info-box--type2 {
	background: #fff;
	padding: 25px 15px;
}

.info-box__title--type2 {
	font-size: 16px;
	line-height: 21px;
	color: #000;
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 15px;
}

.info-box__list-title--type2 {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 13px;
	color: #000;
}

.info-box--type3 {
	background: #fff;
	padding: 20px 15px;
}

.info-box__title--type3 {
	font-size: 12px;
	line-height: 17px;
	color: #000;
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 10px;
	font-weight: 700;
}

.info-box__list__item--type2 {
	margin-top: 4px;
	font-size: 12px;
	line-height: 18px;
	color: #767676;
	word-break: keep-all;
}

/* 2023-11-02 오네배송 관련 css 추가 */
.info-box__list__item.o-ne-txt::before{background:#f72a66;}
.info-box__list__item.o-ne-txt{color:#f72a66;}

.info-box__title--type4 {
	font-size: 13px;
	line-height: 17px;
	color: #666;
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
	font-weight: 700;
}

.info-box__list__item--type2.point-color5 {
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.info-box__list__item--type2::before {
	background: #767676;
}

.info-box__list__item--type2 .text-btn {
	font-weight: 300;
}

.info-box__title--sub {
	font-size: 14px;
	margin-bottom: 13px;
}

.info-box__list+.info-box__title--sub {
	margin-top: 15px;
}

.info-box__list__item--none {
	padding-left: 0;
	text-indent: 0;
}

.info-box__list__item--none::before {
	display: none;
}

.info-box__list--inner {
	margin-top: 4px;
}

.info-box__list--inner .info-box__list__item {
	padding-left: 7px;
	text-indent: -7px;
	margin-top: 2px;
}

.info-box__list--inner .info-box__list__item::before {
	font-size: 12px;
	width: auto;
	height: auto;
	background: none;
	color: #767676;
	margin-right: 2px;
	text-indent: 0;
	content: "-";
}

.info-box__list__item-link {
	display: inline-block;
	margin-top: 10px;
	font-weight: 700;
	font-size: 12px;
	text-decoration: underline;
	color: #2a715a;
	padding-left: 10px;
	background-color: transparent;
}

.info-box__list__item .info-box__list__item-link {
	margin-top: 0;
}

.info-box__list--in-terms {
	margin-top: 14px;
}

.info-box__list--in-terms .info-box__list__item {
	font-size: 13px;
	line-height: 19px;
}

.info-box__check-li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.info-box__check-li+.info-box__check-li {
	margin-top: 5px;
}

.info-box__check-li .checkbox__input {
	font-size: 12px !important;
	font-weight: 300 !important;
	color: #767676;
}

.info-box__check-li .info-box__list__item-link {
	margin-top: 0;
	line-height: 1;
}

.board-detail {padding-bottom:20px;
	display: block;
	background: #fff;
}

.board-detail__header {
	margin: 0 15px;
	padding: 20px 0 10px;
	border-bottom: 1px solid #000;
}

.board-detail__body {
	padding: 15px 15px 30px;
}

.board-detail__footer {
	padding: 0 15px;
}

.board-detail__title {
	font-size: 16px;
	line-height: 1.4;
	color: #000;
	word-break: keep-all;
}

.board-detail__date {
	font-size: 12px;
	line-height: 18px;
	color: #555;
	margin-top: 3px;
}

.board-detail__content {
	font-size: 14px;
	line-height: 20px;
	color: #555;
}

.board-detail__content__title {
	color: #2a715a;
	font-weight: 700;
}

.board-detail__content__inner-box {
	display: block;
	margin-top: 5px;
	padding: 15px 15px 20px 15px;
	background: #f8f8f8;
}

.board-detail__content__table {
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-collapse: collapse;
}

.board-detail__content__table td {
	font-size: 12px;
	line-height: 1.2;
	color: #767676;
	vertical-align: middle;
	text-align: center;
	padding: 13px 0;
	background: #fff;
}

.board-detail__content__table tr {
	border-top: 1px solid #f8f8f8;
}

.board-detail__content__table tr:first-child {
	border-top: 1px solid #000;
}

.board-detail__content__table-title {
	color: #000;
	margin: 17px 0 12px 0;
}

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

.board-detail__file__title {
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	margin-bottom: 10px;
}

.board-detail__file__list {
	display: block;
	padding: 20px;
	background: #f8f8f8;
}

.board-detail__file__item {
	padding-left: 6px;
	font-size: 12px;
	color: #555;
}

.board-detail__file__item+.board-detail__file__item {
	margin-top: 10px;
}

.board-detail__file__item::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	background: #555;
	margin: -2px 4px 0 -6px;
}

.board-detail__file__link {
	text-decoration: underline;
	color: #555;
}

.board-detail .form-element__input {
	padding-right: 10px;
}

.inner-list>li {
	padding-left: 10px;
	text-indent: -10px;
	margin-top: 5px;
}

.inner-list>li:first-child {
	margin-top: 0;
}

.inner-list>li::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	background: #555;
	margin: -3px 8px 0 0;
	vertical-align: middle;
}

.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	z-index: 100;
}

.popup__header {
	display: block;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #f8f8f8;
}

.popup__body {
	display: block;
	background-color: #fff;
}

.popup__bottom {
	display: block;
	border-top: 1px solid #f8f8f8;
}

.popup__h1 {
	line-height: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-align: center;
	white-space: nowrap;
	margin: 0 40px;
}

.popup-close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	height: 20px;
	background: url(/cjom/mobile/images/icon/ico-close-28x28.png) no-repeat
		center;
	background-size: 14px 14px;
}

.popup__bg-gray {
	background: #f8f8f8;
}

.popup__inner {
	padding: 0 15px;
}

.popup-mini {
	padding: 25px;
	width: 90%;
	background: #fff;
	z-index: 100;
	box-sizing: border-box;
	vertical-align: middle;
}

.popup-mini__body {
	display: block;
	height: calc(100% - 102px);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	text-align: left;
}

.popup-mini__h1 {
	font-size: 17px;
	font-weight: 700;
	color: #2a715a;
	text-align: left;
	white-space: nowrap;
}

.popup-mini__close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -30px;
	right: 0;
	background: #2a715a
		url(/cjom/mobile/images/icon/ico-close-28x28-fff.png) no-repeat center
		center;
	background-size: 14px;
	display: inline-block;
}

.popup-mini .popup__bottom {
	margin: 40px -25px -25px -25px;
}

.popup-mini__text {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}

.popup-mini__question-text {
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	margin: 20px 0 25px 0;
	text-align: center;
}

.popup__section {
	background-color: #fff;
	text-align: left;
}

.popup__section--padding {
	padding: 20px 15px;
}

.search .popup-close {
	top: 0;
	left: 0;
	right: auto;
	width: 50px;
	height: 50px;
	background: url(/cjom/mobile/images/icon/ico-arrow-left-17x30.png)
		no-repeat center;
	background-size: 8.5px 15px;
}

.popup--share {
	top: 50%;
	left: 20px;
	margin-top: -139px;
	box-sizing: border-box;
	width: calc(100% - 40px);
	padding: 30px 25px;
	background: #fff;
	border-radius: 10px;
	height: 278px;
}

.popup--share .popup__header {
	padding: 0;
	margin: 0;
	border: 0;
	height: auto;
}

.popup--share .popup__body {
	overflow: hidden;
	height: auto;
}

.popup--share .popup__h1 {
	font-size: 17px;
	line-height: 21px;
	color: #000;
	font-weight: 700;
	text-align: left;
	padding: 0;
	margin: 0 0 30px 0;
}

.popup--share .popup-close {
	position: absolute;
	top: 20px;
	right: 15px;
	left: auto;
}

.popup--calendar .popup__bottom {
	box-sizing: border-box;
	padding: 0 15px 18px 15px;
	height: 68px;
}

.popup--calendar .caution_text--type3 {
	margin-bottom: 15px;
}

.popup__sns_list {
	display: block;
	text-align: center;
	margin: -10px -15px 0 -15px;
}

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

.popup__sns_list__item {
	display: inline-block;
	float: left;
	width: 33.3%;
	margin: 5px 0 10px 0;
}

.popup__sns_list__img {
	width: 60px;
	margin: 0 auto;
}

.popup__sns_list__text {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 13px;
	color: #767676;
}

html.is-open.ios_ver15{
	height:100vh;
	padding-bottom:calc(1rem + env(safe-area-inset-bottom));
	box-sizing:border-box;
}

html.is-opened.ios_ver15{
	height:100vh;
	padding-bottom:calc(1rem + env(safe-area-inset-bottom));
	box-sizing:border-box;
}
html.is-opened.ios_ver15 body.is-opened{bottom:0;}
html.is-opened.ios_ver15 body #wrap,
html.is-opened.ios_ver15 body .contents,
html.is-opened.ios_ver15 body .sub{height:calc(100% - env(safe-area-inset-bottom));}

html.is-opened.ios_ver15,
html.is-opened.ios_ver15 body,
html.is-opened.ios_ver15 body #wrap,
html.is-opened.ios_ver15 body .contents,
html.is-opened.ios_ver15 body .sub,
html.is-opened.ios_ver15 body .sticky-dim{
	overscroll-behavior-y:contain;
	touch-action:none;
}

/* html.is-open.ios_ver15,
html.is-open.ios_ver15 body,
html.is-open.ios_ver15 #wrap,
html.is-open.ios_ver15 .contents,
html.is-open.ios_ver15 .sub,
html.is-open.ios_ver15 .modal-container{
	overscroll-behavior:contain;
	overflow:hidden;
	touch-action:none;
} */

html.is-open .footer-tab,
html.is-open .fixed-menu__top{
	display:none !important;
}

html.is-open #wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

/* MARKETDEV-8967 */
html.is-open.is-opened #wrap {
	overflow: visible;
}


html.is-open body.branch-banner-is-active{
	margin-top:0 !important;
	padding-top:76px;
	transition: all 0s ease 0s !important;
}

html.is-open .modal-container {
	z-index: 200;
}

.modal-container-my {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden
} /* 2019-07-30 내 후기 UI변경으로인한 css 추가 */
.modal-container {
	position: relative;
}

.modal {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
}

.modal.is-open {
	display: block;
}

.modal__mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal__container {
	position: relative;
	z-index: 4;
	height:100vh;
	box-sizing: border-box;
	padding-bottom:calc(1rem + env(safe-area-inset-bottom));
}

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

.modal__container--white .modal__contents {
	background-color: #fff;
}

.modal__container--open-event {
	background-color: #f2f1ed;
}

.modal__container--none-padding {
	padding: 0 !important;
}

.modal__container--none-padding .modal__close {
	top: 0 !important;
}

.modal__scroll {
	padding: 0 15px;
}

.modal__scroll-inner {
	background-color: #fff;
}

.modal__header {
	background-color: #fff;
}

.modal__header-title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	font-size: 16px;
	font-weight: 700;
}

.modal__header-title--evt {
	display: block;
	font-size: 14px;
	text-align: center;
	padding: 25px 0 25px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.modal__header-title__btn {
	display: block;
	text-align: center;
	width: calc(100% - 100px);
	height: 50px;
	line-height: 50px;
}

.modal__header-title__btn::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 7px;
	margin: -5px 0 -3px 7px;
	background: url(/cjom/mobile/images/icon/ico-arrow-down-24x14.png)
		no-repeat center;
	background-size: 12px 7px;
}

.modal__header-title__previus {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/cjom/mobile/images/icon/ico-arrow-left-17x30.png)
		no-repeat center;
	background-size: 8.5px 15px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.modal__header-title__previus .blind {
	display: block;
	clip-path: none;
	clip: auto;
	height: 50px;
	line-height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	width: 50px;
	white-space: normal;
}

.modal__header-fixed .modal__header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 11;
}

.modal__header-fixed .modal__contents {
	padding-top: 50px;
	border-top: none;
	min-height: 100vh;
}

.modal__close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: url(/cjom/mobile/images/icon/ico-close-28x28.png) no-repeat
		center;
	background-size: 14px 14px;
}

.modal__contents {padding-bottom: 30px; min-height: calc(100vh - 50px); border-top: 5px solid #f8f8f8; box-sizing: border-box;}
.modal__contents.border__none {border:none;}

.modal__contents--center {
	text-align: center;
}

.modal__contents--full {
	height: 100%;
}

.modal__contents--black {
	background-color: #000 !important;
}

.modal__contents--bdn {
	border: none;
}

.modal__contents--with-btn {
	padding-bottom: 95px;
	position: relative;
}

.modal__contents--with-btn-fit {
	padding-bottom: 55px;
}

.modal__contents--no-padding-bottom {
	padding-bottom: 0;
}

.modal__contents--none-header {
	min-height: 100vh;
}

.modal__contents--iframe {
	position: relative;
	padding-bottom: 0;
}

.modal__contents--iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.modal__btn-box {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 100;
}

.modal__section--padding-type1 {
	padding: 20px 15px 30px;
}

.modal__section--none-bottom {
	padding: 20px 15px 0;
}

.modal__section--horizon {
	padding: 0 15px;
}

.modal__section ~.modal__section {
	border-top: 15px solid #f8f8f8;
}

.modal__text {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}

.modal__text--bold {
	font-weight: 700;
}

.modal__text--16 {
	font-size: 16px;
	line-height: 22px;
}

.modal__text--description {
	color: #555;
}

.modal__text--center {
	text-align: center;
}

.modal--mini .modal__container {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 20px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 290px;
	height: auto;
	max-height: 100%;
	box-sizing: border-box;
}
.modal--mini .modal__container--none-bottom-horizon {padding: 20px 0 0;}
.modal--mini .modal__contents {
	height: auto;
	min-height: 100%;
	border-top: 0;
	padding: 0;
}

.modal--mini .modal__header {
	margin-bottom: 15px;
}

.modal--mini .modal__header-title {
	justify-content: left;
	font-size: 17px;
	line-height: 18px;
	height: auto;
}

.modal--mini .modal__close {
	top: 7px;
}

.modal__inner-box {
	display: block;
	padding: 20px;
	background: #f8f8f8;
}

/* 배너 영역 추가:MARKETDEV-3584 */
.register-banner__wrap {position: relative; z-index:10;}
.register-banner__wrap a {display:block; height:100%;}
.modal--mini .register-banner__wrap {margin:-16px -20px 20px;}

/* //배너 영역 추가:MARKETDEV-3584 */


/* 2023-10-13 추가 : 배송비 안내 팝업 추가 MARKETDEV-6413 */
.modal--mini.type-delivery .modal__container{width:calc(100% - 40px);max-width:360px;padding:26px 20px;}
.modal--mini.type-delivery .modal__header{margin-bottom:16px;}
.modal--mini.type-delivery .delivery-coupon-content{font-size:14px;}
.modal--mini.type-delivery .delivery-coupon-content::after{content:'';display:block;clear:both;}
.modal--mini.type-delivery .coupon-title{float:left;width:calc(100% - 100px);word-break:keep-all;line-height:20px;}
.modal--mini.type-delivery .coupon-price{float:right;width:100px;text-align:right;line-height:20px;}
.modal--mini.type-delivery .infoList{margin-top:16px;padding-top:16px;border-top:1px solid #ddd;}
.modal--mini.type-delivery .infoList>li{position:relative;padding-left:8px;color:#767676;font-size:13px;}
.modal--mini.type-delivery .infoList>li::before{content:'';position:absolute;top:8px;left:0;width:2px;height:2px;border-radius:50%;background:#767676;}

/* // 2023-10-13 추가 : 배송비 안내 팝업 추가 MARKETDEV-6413 */

.modal--alert .modal__container {
	position: fixed;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	margin-left: -135px;
	width: 270px;
	height: auto;
	max-height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 27px 20px 20px 20px;
} /* 2019-07-08 안드로이드대응 추가 */
.modal--alert .main-noti .modal__contents {
	overflow: visible;
	padding-bottom: 1px;
} /* 2019-07-10 메인팝업추가 */
.modal--alert .modal__contents {
	height: auto;
	min-height: unset;
	max-height: unset;
	border-top: 0;
	overflow-y: hidden;
	padding-bottom: 0;
}

.modal--alert .modal__contents .main-noti-img {
	margin: -27px -20px 0
}

.modal-alert__title {
	font-size: 17px;
	font-weight: 700;
	line-height: 23px;
	text-align: center;
}

.modal-alert__text {
	font-size: 14px;
	line-height: 20px;
	color: #767676;
	text-align: center;
	margin-top: 12px;
}

.modal-alert__text+.btn-box {
	margin-top: 22px;
}

.modal-alert__text-comment {
	font-size: 13px;
}

#modal-primeBenefitAlert1 .modal-alert__text-comment {
	font-size: 12px;
}

#primeOdrBnfInfoPop  .modal-alert__text-comment {
	font-size: 12px;
}

/* 2023-11-17 오네배송 추가 */
#modal-orderDay .infoList,
#modal-one-orderDay .infoList,
#modal-deliveryInfo .infoList{
	color: #555;
	font-size: 14px;
	line-height: 20px;
}

#modal-orderDay .infoList li,
#modal-one-orderDay .infoList li,
#modal-deliveryInfo .infoList li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 5px;
	color: #555;
}

#modal-orderDay .infoList li:before,
#modal-one-orderDay .infoList li:before,
#modal-deliveryInfo .infoList li:before {
	position: absolute;
	left: 0;
	top: 10px;
	width: 3px;
	height: 3px;
	background-color: #555;
	display: inline-block;
	content: '';
}

#modal-orderInfo .modal__contents {font-size:14px;line-height:20px;color:#555;}

.modal--share .modal__container {
	max-width: 290px;
}

.modal--share .modal__contents {
	overflow: visible;
	min-height: auto;
}

.modal--share .modal__header {
	padding: 0;
}

.modal--share .modal__header-title {
	font-size: 17px;
	line-height: 21px;
	color: #000;
	font-weight: 700;
	text-align: left;
	padding: 0;
	margin: 0 0 25px 0;
}

.popup--share {
	top: 50%;
	left: 20px;
	margin-top: -139px;
	box-sizing: border-box;
	padding: 30px 25px;
	background: #fff;
	border-radius: 10px;
	height: 278px;
}

.popup--share .popup__header {
	padding: 0;
	margin: 0;
	border: 0;
	height: auto;
}

.popup--share .popup__body {
	overflow: hidden;
	height: auto;
}

.popup--share .popup__h1 {
	font-size: 17px;
	line-height: 21px;
	color: #000;
	font-weight: 700;
	text-align: left;
	padding: 0;
	margin: 0 0 30px 0;
}

.popup--share .popup-close {
	position: absolute;
	top: 20px;
	right: 15px;
	left: auto;
}

[data-js=slick__item] {
	position: relative;
	display: none
}

[data-js=slick__item]:first-child {
	display: block;
}

[data-js=slick__item] .video-box {
	position: static;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slick-initialized *[data-js=slick__item] {
	display: block;
}

.video-box {
	margin: 0 -15px;
	position: relative;
	overflow: hidden;
}

.video-box--no-full {
	margin: 0;
}

.video-box__cover-box {
	display: block;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

.video-box__cover-box.is-buffering {
	opacity: 0;
}

.video-box__play {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-size: 39px;
	position: absolute;
	box-sizing: border-box;
}

.is-loaded>.video-box__play {
	background: url(/cjom/mobile/images/icon/ico-video-play-button.png)
		no-repeat center;
	background-size: 39px;
}

.video-box__play--type2 {
	background: none;
}

.video-box__play-time {
	top: auto;
	bottom: 10px;
	left: 10px;
	right: auto;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: url(/cjom/mobile/images/icon/ico-video-play-button2.png)
		no-repeat center;
	background-size: 20px;
	position: absolute;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	font-size: 11px;
}

.video-box__play-icon {
	z-index: 2;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
}

.video-box__play-icon--instagram {
	background:
		url(/cjom/mobile/images/icon/ico-sns-instagram-40x40-white.png)
		no-repeat center;
	background-size: 20px;
}

.video-box__play-icon--facebook {
	background:
		url(/cjom/mobile/images/icon/ico-sns-facebook-40x40-white.png)
		no-repeat center;
	background-size: 20px;
}

.video-box__play-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-box__play-box {
	position: relative;
	width: 100%;
	z-index: 1;
}

.video-box__play-box[data-js=video-ctrl__youtube] {
	display: none;
	padding-bottom: 56.25%;
}

.slick-with-video .video-box__play-box {
	display: none;
}

.video-box.is-play .video-box__cover, .video-box.is-play .product__tag-list,
	.video-box.is-play .module-product__badge-box {
	display: none;
}

.video-box.is-play .video-box__play {
	background: none;
}

.video-box.is-play .video-box__play-box, .video-box.is-play .video-box__play-box video
	{
	display: block !important;
}

.video-box.is-pause .video-box__play {
	background: url(/cjom/mobile/images/icon/ico-video-play-button.png)
		no-repeat center;
	background-size: 39px;
}

.video-box--no-margin {
	margin: 0;
}

.fixed-tab {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 42px;
	border-top: 1px solid #ddd;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 20;
}

.fixed-tab:after {
	position: absolute;
	top: -4.5px;
	left: 50%;
	width: 22.5px;
	height: 4.5px;
	margin-left: -11.25px;
	background: url(/cjom/mobile/images/common/bg-tab-bar.png) no-repeat;
	background-size: 100%;
	content: '';
	z-index: 18;
}

.fixed-tab__list {
	font-size: 0;
}

.fixed-tab__li {
	width: 20%;
	display: inline-block;
	vertical-align: bottom;
}

.fixed-tab__li:nth-child(1) .fixed-tab__anchor:before {
	margin-left: -9px;
	width: 18px;
	background-position: 0 0;
}

.fixed-tab__li:nth-child(2) .fixed-tab__anchor:before {
	margin-left: -6.5px;
	width: 13px;
	background-position: -20px 0;
}

.fixed-tab__li:nth-child(4) .fixed-tab__anchor:before {
	margin-left: -8px;
	width: 16px;
	background-position: -35px 0;
}

.fixed-tab__li:nth-child(5) .fixed-tab__anchor:before {
	margin-left: -8px;
	width: 16px;
	background-position: -53px 0;
}

.fixed-tab__anchor {
	padding-top: 23px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #555;
	position: relative;
	display: block;
	text-align: center;
}

.fixed-tab__anchor:before {
	position: absolute;
	bottom: 20px;
	left: 50%;
	height: 16.5px;
	background-image: url(/cjom/mobile/images/common/ico-tab-bar.png);
	background-repeat: no-repeat;
	background-size: 69px auto;
	overflow: hidden;
	content: '';
}

.fixed-tab__menu-button {
	margin: 0 auto;
	top: -4px;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background: #025232 url(/cjom/mobile/images/common/bg-tab-bar-menu.png)
		no-repeat center;
	background-size: 14px 12px;
	position: relative;
	display: block;
	z-index: 19;
}

.product-type1 {
	border-top: 1px solid #eee;
	margin: 0 -12px;
	font-size: 0;
}

.product-type1__list {
	width: 50%;
	padding: 20px 12px 0;
	position: relative;
	box-sizing: border-box;
}

.product-type1__image-box {
	position: relative;
	display: block;
	text-align: left;
}

.product-type1__image-anchor {
	position: relative;
	display: block;
}

.product-type1__best {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #000;
	text-align: center;
	font-weight: 700;
	font-size: 11px;
	color: #fff;
	z-index: 2;
}

.product-type1--row .product-type1__best {
	top: 15px;
	left: 15px;
}

.product-type1__best--top {
	background-color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.product-type1__image {
	max-width: 300px;
}

.product-type1__mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.02);
}

.product-type1__text-box {
	width: 100%;
	margin-top: 10px;
	padding-right: 45px;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.product-type__text-discount-price {
	text-decoration: line-through;
	color: #767676;
	font-size: 11px;
}

.product-type__text-discount {
	font-size: 14px;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.product-type1__text-price {
	margin-top: 6px;
	font-size: 14px;
	color: #000;
}

.product-type1__text-price>* {
	display: inline-block;
	vertical-align: middle;
}

.product-type1__text-price>.number {
	letter-spacing: -0.05em !important;position:relative;top:-1px;
}

.product-type1__text-title {
	display: -webkit-box;
	font-size: 13px;
	line-height: 19px;
	max-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
}

.product-type1__cart {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	display: block;
	background: url(/cjom/mobile/images/icon/ico-product-list-cart.png)
		no-repeat 0 0;
	background-size: 100%;
}

.product-type1__rating {
	position: relative;
	margin-top: 13px;
}

.product-type1__rating-area {
	width: 64px;
	background: url(/cjom/mobile/images/icon/ico-rating-type1-off.png)
		no-repeat 0 0;
	background-size: 64px auto;
	display: inline-block;
	vertical-align: middle;
}

.product-type1__rating-outer {
	overflow: hidden;
}

.product-type1__rating-image {
	width: 64px;
	max-width: none;
}

.product-type1__rating-area--wd55 {
	line-height: 1;
	width: 55px;
	height: 11px;
	background: url(/cjom/mobile/images/icon/ico-rating-type1-off.png)
		no-repeat 0 0;
	background-size: 55px auto;
	vertical-align: middle;
}

.product-type1__rating-area--wd55 .product-type1__rating-image {
	width: 55px;
}

.product-type1__rating-count {
	margin-left: 5px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	color: #767676;
}

.product-type1__ship {
	margin-top: 8px;
	font-size: 12px;
	color: #767676;
}

.product-type1__ship--margin {
	margin-top: 8px;
}

.product-type1__ship--black {
	color: #000;
}

.product-type1__ship:after {
	display: block;
	clear: both;
	content: '';
}

.product-type1__ship-list:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 2px;
	height: 2px;
	background-color: #767676;
	content: '';
}

.product-type1__ship-list {
	position: relative;
	margin-left: 5px;
	padding-left: 6px;
	float: left;
}

.product-type1__ship-list:first-child:before {
	display: none;
}

.product-type1__ship-list:first-child {
	margin-left: 0;
	padding-left: 0;
}

.product-type1__ship--type2 .product-type1__ship-list {
	padding-left: 0;
	min-width: 50px;
	height: 20px;
	line-height: 20px;
	background-color: #f8f8f8;
	text-align: center;
	font-size: 11px;
	color: #767676;
}

.product-type1__ship--type2 .product-type1__ship-list:before {
	display: none;
}

.product-type1__ship--type2 {
	margin: 0 0 10px;
}

.product-type1__regular-delivery__price-box {
	display: flex;
	align-items: center;
}

.product-type1__regular-delivery__price-box>*+* {
	margin-left: 5px;
}

.product-type1__regular-delivery__price {
	font-size: 12px;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.product-type1__regular-delivery__price em {
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
}

.product-type1__regular-delivery__image {
	width: 40.5px;
	height: 10.5px;
}

.product-type1__regular-delivery__discount {
	padding-left: 17px;
	width: 35px;
	height: 15px;
	line-height: 15px;
	box-sizing: border-box;
	border-radius: 7.5px;
	background: #E72A50
		url(/cjom/mobile/images/icon/ico-regular-delivery.png) no-repeat 6px
		center;
	background-size: 8px 7px;
	font-size: 10px;
	color: #fff;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.product-type1__alarm {
	position: absolute;
	bottom: 35px;
	right: 0;
	width: 30px;
	height: 30px;
	display: block;
	background: url(/cjom/mobile/images/icon/ico-product-list-alarm.png)
		no-repeat 0 0;
	background-size: 100%;
}

.product-type1__alarm-type2 {
	width: 38px;
	height: 25px;
	display: inline-block;
	background:
		url(/cjom/mobile/images/icon/ico-product-list-alarm-type2.png)
		no-repeat 0 0;
	background-size: 100%;
}

.product-type1--row {
	margin: 0;
	border-top: none;
}

.product-type1--row .product-type1__list {
	padding: 17px 15px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	background-color: #fff;
}

.product-type1--row .product-type1__list+.product-type1__list {
	border-top: 1px solid #eee;
}

.product-type1--row .product-type1__image-box {
	position: static;
	width: 110px;
	height: 110px;
}

.product-type1--row .product-type1__image {
	width: 110px;
}

.product-type1--row .product-type1__text-box {
	width: calc(100% - 110px);
	padding-left: 10px;
	padding-right: 0;
	margin-top: 0;
	box-sizing: border-box;
}

.product-type1--row .product-type1__text-anchor {
	display: block;
}

.product-type1--row .product-type1__text-title {
	height: auto;
	font-size: 13px;
	color: #333;
}

.product-type1--row .product-type1__text-price {
	margin-bottom: 10px;
	font-size: 13px;
}

.product-type1--row .product-type1__text-price strong {
	font-size: 16px;
}

.main__section .product-type1--row .product-type1__cart {
	right: 0;
}

.product-type1--row .product-type1__cart {
	right: 15px;
	bottom: 15px;
}

.product-type1--row .product-type1__alarm {
	right: 50px;
	bottom: 15px;
}

.product-type1--row .component-recipe {
	margin-top: 9px;
}

.product-type1__soldout {
	display: block;
	background-color: transparent;
	font-size: 11px;
	color: #2a715a;
	font-weight: 700;
	text-decoration: underline;
	margin-top: 7px;
}

.product-type1.product-type1--row .product-type1__list--soldout .product-type1__soldout
	{
	margin-left: 120px;
}

.product-type1 .product-type1__list--soldout .product-type1__list--soldout-image
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 1;
	content: '';
}

.product-type1 .product-type1__list--soldout .product-type1__list--soldout-image img
	{
	max-width: 70px;
}

.product-type1 .product-type1__list--soldout .product-type1__image {
	opacity: 0.3;
}

.product-type1 .product-type1__list--soldout .product-type1__text-title,
	.product-type1 .product-type1__list--soldout .product-type1__text-price
	{
	opacity: 0.5;
}

.product-container {
	overflow: hidden;
}

.product-container--has-padding {
	margin: 0 -15px;
}

.product-container--margin .product-type1--thumb {
	margin: 0 -1px 0 0;
}

.product-type1--thumb {
	margin: 0 -1px 0 0;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
}

.product-type1--thumb .product-type1__list {
	padding: 13px 14px 15px 15px;
	border-top: 1px solid #eee;
}

.product-type1--thumb ~.btn-container .btn__more {
	border-top: none;
}

.product-type1--thumb ~.btn-box .btn__more {
	border-top: none;
}

.product-type1--auto-height .product-type1__list {
	padding-bottom: 15px;
	height: auto;
}

.product-type1--thumb .product-type1__cart {
	bottom: 0;
	right: 0;
}

.product-type1--thumb .product-type1__text-box {
	padding-right: 0;
}

.product-type1__description {
	width: calc(100% - 80px);
	overflow: hidden;
	height: 1.2em;
	line-height: 1.2em;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 13px;
	font-weight: 500;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.product-type1__title {
	margin-top: 5px;
	width: calc(100% - 80px);
	line-height: 17px;
	font-size: 12px;
	color: #555;
}

.product-type1__align {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.product-type1__align>* {
	margin-top: 0;
	padding-top: 0;
}

.product-type1--column {
	margin: 0 -15px;
}

.product-type1--column .product-type1__list {
	padding: 15px 0 0;
	width: 100%;
}

.product-type1--column .product-type1__list:first-child {
	padding: 0;
}

.product-type1--column .product-type1__image {
	width: 210px;
}

.product-type1--column .product-type1__text-box {
	margin-top: 0;
	padding: 15px;
}

.product-type1--column .product-type1__text-price strong.number {
	font-size: 16px;
}

.product-type1--column .product-type__text-discount {
	font-size: 16px;
}

.product-type1--column .product-type__text-discount-price {
	font-size: 14px;
}

.product-type1--column .product-type1__cart {
	bottom: 15px;
	right: 15px;
}

.product-type1--column .video-box {
	margin: 0;
}

.product-type1__anchor {
	display: block;
}

.component-sorting ~* .product-type1 {
	border-top: none;
}

.modal__contents>.product-type1 {
	border-top: none;
}

.product__category-box .product-type1--column.product-type1--full-image .product-type1__image-box
	{
	height: auto;
}

.product__category-box .product-type1--column.product-type1--full-image .product-type1__image
	{
	width: 100%;
	max-width: none;
}

.product__category-box .product-type1--column .product-type1__text-title
	{
	height: auto;
	max-height: 38px;
}

.product__category-box .product-type1--column {
	margin: 0;
}

.product-type1--line-full {
	margin-left: -15px;
	margin-right: -15px;
}

.product-type1--line-full .product-type1__list {
	padding-left: 15px;
	padding-right: 15px;
}

.product-type1--thumb .product-type1__list {
	border-top: 0;
	border-right: 1px solid #eee;
}

.product-type1--thumb .product-type1__list+.product-type1__list+.product-type1__list
	{
	border-top: 1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:-1px;
}

.product-type1--thumb .product-type1__list:nth-last-child(1),
.product-type1--thumb .product-type1__list:nth-child(odd):nth-last-child(2){
	border-bottom:0 !important;
}

.product-type1--hotdeal .product-type1__image-box {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 180px;
	height: auto;
}

.product-type1--hotdeal .product-type1__image {
	width: 100%;
	max-width: none;
}

.product-type1--hotdeal .product-type1__description {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.product-type1--hotdeal .product-type1__title {
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.product__tag-list {
	position: absolute;
	top: 8px;
	right: 15px;
	z-index: 3;
}

.product__tag {
	width: 50px;
	text-align: left;
}

.product-type2 {
	display: block;
	border-top: 1px solid #000;
}

.product-type2__wrap {
	display: block;
}

.product-type2__item {
	display: block;
	padding: 0 15px;
	background: #fff;
}

.product-type2__item:last-child {
	border-bottom: 1px solid #ddd;
}

.product-type2__table {
	display: table;
	width: 100%;
	border-top: 1px solid #f8f8f8;
}

.product-type2__item:first-child .product-type2__table {
	border-top: 0;
}

.product-type2__item--short+.product-type2__item .product-type2__table {
	border-top: 0;
}

.product-type2__col {
	display: table-cell;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}

.product-type2__item--short {
	background: #f8f8f8;
	border-top: 1px solid #ddd;
}

.product-type2__item--short:first-child {
	border-top: 0;
}

.product-type2__item--short .product-type2__table {
	min-height: 40px;
}

.product-type2__item--short .product-type2__col {
	padding-top: 10px;
	padding-bottom: 10px;
}

.product-type2__item--short .product-type2__col:nth-child(2) {
	text-align: right;
}

.product-type2__col--checkbox {
	width: 35px;
	text-align: left;
}

.product-type2__col--image {
	vertical-align: top;
	width: 60px;
	padding-right: 15px;
}

.product-type2__col--date {
	padding-left: 15px;
	font-size: 12px;
	color: #000;
	width: 64px;
	text-align: center;
}

.product-type2__code {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-decoration: underline;
}

.product-type2__title {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: left;
}

.product-type2__price {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	color: #555;
	text-align: left;
}

.product-type2__option {
	margin-top: 5px;
	font-size: 12px;
	line-height: 16px;
	color: #767676;
}

.product-type2__count::before {
	content: '';
	display: inline-block;
	height: 10px;
	width: 1px;
	background: #ddd;
	margin: -3px 10px 0 10px;
	vertical-align: middle;
}

.product-type2__price .number {
	display: inline-block;
	vertical-align: baseline;
}

.product-type2__state .product-type2__alert-state {
	color: #000;
	font-weight: 700;
}

.product-type2__state .product-type2__alert-period {
	font-size: 12px;
	color: #767676;
	vertical-align: baseline;
}

.product-type2__state--point .product-type2__alert-state,
	.product-type2__state--point .product-type2__alert-period {
	color: #2a715a;
}

.product-type2__path {
	font-size: 12px;
	color: #555;
}

.product-type2__path:before {
	width: 1px;
	height: 10px;
	background-color: #ddd;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	content: "";
}

.product-type2__path:first-child:before {
	display: none;
}

.product-type2__date {
	font-size: 12px;
	color: #000;
}

.product-type2__table--in-inquiry {
	border-top: 0;
}

.product-type2__table--in-inquiry .product-type2__col {
	padding-top: 0;
	padding-bottom: 0;
}

.product-type2__table--in-inquiry .product-type2__col--checkbox {
	vertical-align: top;
}

.product-type2__table--in-inquiry .product-type2__col--checkbox .checkbox
	{
	margin-top: 20px;
}

.product-type2__big-price {
	display: block;
	font-size: 12px;
	color: #000;
	margin-top: 10px;
}

.product-type2__big-price .number {
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.product-type2__deadline, .product-type2__deadline-date {
	font-size: 12px;
	color: #555;
}

.product-box__recommend {

}

.product-box__recommend--mt15 {
	margin-top: 15px;
}

.product-box__recommend--mt20 {
	margin-top: 20px;
}

.product-box__recommend-list {
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #eee;
	display: table;
	table-layout: fixed;
}

.product-box__recommend-box {
	display: table-cell;
	vertical-align: middle;
}

.product-box__recommend-box:first-child {
	width: 60px;
}

.product-box__recommend-box:nth-child(2) {
	padding-left: 12px;
}

.product-box__recommend-box:nth-child(3) {
	width: 32px;
	padding-left: 7px;
}

.product-box__recommend-box--2-button .product-box__recommend-like,
	.product-box__recommend-box--2-button .product-box__recommend-cart {
	display: inline-block;
}

.product-box__recommend-box--2-button,
	.product-box__recommend-box--2-button:nth-child(3) {
	text-align: right;
	width: 72px;
	font-size: 0;
}

.product-box__recommend-box__image-box {
	position: relative;
	width: 60px;
}

.product-box__recommend-box__mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.05);
}

.product-box__recommend-list.soldout .product-box__recommend-text--type2,
	.product-box__recommend-list.soldout .product-box__recommend-text--type4
	{
	color: #767676;
}

.product-box__recommend-text--mt6 {
	margin-top: 6px;
}

.product-box__recommend-text--type1 {
	margin-bottom: 7px;
	font-size: 11px;
	color: #333;
}

.product-box__recommend-text--type2 {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.product-box__recommend-text--type3 {
	font-size: 12px;
	color: #555;
}

.product-box__recommend-text--type4 {
	margin-top: 7px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
	color: #000;
}

.product-box__recommend-text--type4 strong {
	font-size: 16px;
}
.product-box-prime {margin-top:1px;font-size:12px;line-height:16px;color:#c68f35;}
.product-box__recommend-like {
	width: 32px;
	height: 32px;
	display: block;
	background: url(/cjom/mobile/images/icon/ico-product-list-like.png)
		no-repeat 0 0;
	background-size: 100%;
}

.product-box__recommend-like.is-active {
	background: url(/cjom/mobile/images/icon/ico-product-list-like_on.png)
		no-repeat 0 0;
	background-size: 100%;
}

.product-box__recommend-cart {
	width: 32px;
	height: 32px;
	display: block;
	background: url(/cjom/mobile/images/icon/icon-product-cart.png)
		no-repeat 0 0;
	background-size: 100%;
}

.product-box__recommend-like+.product-box__recommend-cart {margin-left:6px;}
.product-box__recommend--type2 {
	margin-top: 10px;
}

.product-box__recommend--type2 .product-box__recommend-list {
	padding: 17px 0;
}

.product-box__recommend--type2 .product-box__recommend-list ~.product-box__recommend-list
	{
	border-top: 1px solid #f6f6f6;
	margin-top: 0;
}

.product-box__recommend--type2 .product-box__recommend-box:first-child,
	.product-box__recommend--type2 .product-box__recommend-box__image-box {
	width: 100px;
}

.product-box__recommend--type2 .product-box__recommend-text--type1 {
	font-size: 13px;
}

.product-box__recommend--type2 .product-box__recommend-text--type2 {
	font-size: 13px;
}

.product-box__recommend--type2 .product-box__recommend-text--type2 strong
	{
	font-size: 16px;
}

.product__banner {
	margin: 15px 0 0;
	border-top: 15px solid #f8f8f8;
	border-bottom: 15px solid #f8f8f8;
}

.product__banner-link {
	display: block;
}

.product-type1--thumb .product__banner {
	margin: 0;
	width: 100%;
}

.product-type1--thumb .product__banner img {

}

.product__keyword-list {
	margin: 0;
	padding: 20px;
	text-align: center;
	background-color: #fff;
}

.product__keyword-header {
	font-size: 15px;
	font-weight: 700;
}

.product__keyword-ul {
	margin-top: 15px;
	font-size: 0;
}

.product__keyword-li {
	margin-top: 5px;
	display: inline-block;
	vertical-align: middle;
}

.product__keyword-li+.product__keyword-li {
	margin-left: 5px;
}

.product__keyword-anchor {
	padding: 6px;
	border: 1px solid #ddd;
	border-radius: 2px;
	display: block;
	font-size: 12px;
}

.product-box__recommend-list--type2 {
	border: 1px solid #eee;
	background: #f8f8f8;
	padding: 14px 9px;
	box-sizing: border-box;
}

.product-box__recommend--carousel .product-box__recommend-list {
	margin-left: 7px;
}

.product-box__recommend--carousel .product-box__recommend-list:first-child
	{
	margin-left: 0;
}

.product-view {
	padding: 15px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.product-view__image-box {
	width: 110px;
}

.product-view__text-box {
	padding-left: 15px;
	width: calc(100% - 110px);
	box-sizing: border-box;
}

.product-view__title {
	font-size: 13px;
}

.product-view__price {
	margin-top: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.product-view__price * ~* {
	margin-left: 5px;
}

.product-view__price-discount {	color: #E72A50;}
.product-view__price-line {
	font-size: 11px;
	color: #767676;
	text-decoration: line-through;
}
.product-view em {
	font-style: normal;
	font-weight: 300;
}
.counting-number {
	float:left;
	display: flex;
	align-items: center;
	font-size: 0;
	border:1px solid #ddd;
	background-color: #fff;
	width:103px;
	height: 30px;
	box-sizing: border-box;
}
/*22-06 임직원할인한도초과 - 위로 6px 이동*/
.member-amount-noti-box .counting-number {
	margin-top:-6px;
}
/*22-06 임직원할인한도초과 - 위로 6px 이동*/
.counting-number__button {
	width:29px;
	height: 29px;
	box-sizing: border-box;
	position: relative;
	display: block;
	vertical-align: middle;
	background-color: transparent;
}
.counting-number__button:disabled {	opacity: 0.5;}
.counting__ico {
	position: absolute;
	left:50%;top: 50%;transform:translate(-50%);
	display: inline-block;}
.counting__ico--minus {width:15px;height:1px;background: url(/cjom/mobile/images/icon/ico-minus.svg) no-repeat 50%;background-size:15px 1px;}
.counting__ico--plus {width:15px;height:15px;margin-top:-7px;background: url(/cjom/mobile/images/icon/ico-plus.svg) no-repeat 50%;background-size:15px;}
.counting-number__input {
	width:43px;
	height: 29px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;border-left:1px solid #ccc;border-right:1px solid #ccc;
	text-align: center;
	font-size: 16px;
	font-weight:500;color:#555;
}
.counting-number__input:disabled {
	background-color: #fff;
	color: #767676;
}
.counting-number + .refere {margin-left:10px;float:left;color:#999;font-size:11px;line-height:32px;letter-spacing:-0.5px;}


/*
* 상품상세 구매 레이어 개선 : 카운팅 버튼 ui
*/
.counting-number {
	float:left;
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-size: 0;
	border:1px solid #ddd;
	background-color: #fff;
	width:92px; /*106px*/
	height: 31px;
	box-sizing: border-box;
	border-radius: 2rem;
	overflow:hidden
}
.counting-number .counting-number__button {
	width: 30px;
	height: 30px; /*220121 추가수정*/
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: transparent;
}
.counting-number .counting-number__button:disabled {
	opacity: 0.5;
}
.counting-number .counting__ico {
	position: absolute;
	left:50%;
	top: 50%;
	transform:translate(-50%);
	display: inline-block;
	}
.counting-number .counting__ico--minus {
	width:10px;
	height:2px;
	margin-top:-1px;
	background: url(/cjom/mobile/images/icon/ico-minus.svg) no-repeat 50%;
	background-size:10px 2px;
	margin-left:4px;
}
.counting-number .counting__ico--plus {
	width:10px;
	height:10px;
	margin-top:-6px;
	background: url(/cjom/mobile/images/icon/ico-plus.svg) no-repeat 50%;
	background-size:10px;
	margin-left:-4px;
}
.counting-number .counting-number__input {
	/*width:44px; 3자리수 기준*/
	width:35px;padding:0; /*220121 추가수정, 4자리수 기준*/
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	text-align: center;
	font-size: 14px;color:#333;
}
.counting-number .counting-number__input:focus { /*220121 추가*/
    outline: none;
}
.counting-number .counting-number__input:disabled {
	background-color: #fff;
	color: #767676;
}
.counting-number .counting-number + .refere {
	margin-left:10px;
	float:left;
	color:#999;
	font-size:11px;
	line-height:32px;
	letter-spacing:-0.5px;
}
/*
* //상품상세 구매 레이어 개선 : 카운팅 버튼 ui
*/


.text-box {
	padding: 20px;
	color: #000;
}

.text-box--pd25 {
	padding: 25px;
}

.text-box--mt30 {
	margin-top: 30px;
}

.text-box--mt20 {
	margin-top: 20px;
}


.text-box--mb30 {
	margin-bottom: 30px;
}

.text-box--m-side-15 {
	margin-left: 15px;
	margin-right: 15px;
}

.text-box--border {
	border: 1px solid #eee;
}

.text-box__ul {

}

.text-box__li {
	margin-top: 5px;
	padding-left: 6px;
	position: relative;
	font-size: 12px;
	line-height: 1.45;
}

.text-box__li:first-child {
	margin-top: 0;
}

.text-box__li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #000;
	content: '';
}

.text-box--gray {
	background-color: #f8f8f8;
}

.text-box--gray .text-box__li {
	color: #767676;
}

.text-box--gray .text-box__li:before {
	background-color: #767676;
}

.text-box--gray .text-box__li.type2:before {
	background-color: transparent;
}

.text-box__text1 {
	font-size: 14px;
	line-height: 20px;
}
.text-box__text1+.cart-box__price-list {margin-top: 15px;}

/* 툴팁정리: the play 툴팁 CSS 이동 */
.tooltip {margin-left: 5px;display: inline-block; vertical-align: middle; width: 15px;height: 15px;}
.tooltip__anchore {position: relative; display: inline-block; width: 15px; height: 15px; box-sizing: border-box; border-radius: 100%; background: #fff url(/cjom/mobile/images/icon/ico-common-tooltip.png) no-repeat 0 0; background-size: auto 15px;}
.tooltip__anchore.is-active {background-position: -15px 0;}
.tooltip__anchore.mark {background: url(/cjom/mobile/images/icon/ico-form-alert_off.png) no-repeat 0 0; background-size:cover;}
.tooltip__anchore.mark.is-active {background-image: url(/cjom/mobile/images/icon/ico-form-alert.png) no-repeat 0 0;}
/*.tooltip__anchore.is-active:after {position: absolute; margin: 13px 0 0 2px; width: 10px; height: 5px; background: url(/cjom/mobile/images/icon/ico-tooltip-arrow.png) no-repeat 0 0; background-size: 10px auto; display: block; z-index: 101; outline: none; content: '';}*/
/* MARKETDEV-9620 수정 */
.tooltip__anchore.none.is-active:after {display:none;}
.tooltip--anchor {width: auto; height: auto;}
.tooltip--anchor .tooltip__anchore {background: none; width: auto; height: auto; text-decoration: underline; color: #2a715a; font-size: 12px; font-weight: 700;}
.tooltip--anchor .tooltip__anchore.is-active:after {margin: 2px 0 0 19px;}
.tooltip--sticky {position: relative;}
.tooltip--sticky .tooltip__anchore:after {display: none;}
.tooltip--top.is-active:after {display: none;}
.tooltip__pannel {display: none; position: absolute; text-indent: 0; margin-top: 4px; z-index: 11;}
.tooltip__pannel.left32 {left:32px !important;}
.tooltip__pannel--sticky {z-index: 100;}
.tooltip__pannel--sticky {z-index:111 !important;}
.tooltip__pannel--sticky:before {transform: rotate(180deg); position: absolute; left: 50%; bottom: -3px; margin-left: -5px; width: 10px; height: 4px; background: url(/cjom/mobile/images/icon/ico-tooltip-arrow.png) no-repeat 0 0; background-size: 10px auto; display: block; z-index: 101; outline: none; content: '';}
.tooltip__pannel--sticky:before {transform: rotate(180deg); position: absolute; left: 50%; bottom: -3px; margin-left: -5px; width: 10px; height: 4px; background: url(/cjom/mobile/images/icon/ico-tooltip-arrow.png) no-repeat 0 0; background-size: 10px auto; display: block; z-index: 101; outline: none; content: ''; display:none;}
.tooltip__pannel--cookit {z-index: 301;}
.tooltip__pannel--cookit:before {position: absolute; left: 50%; top: -3px; margin-left: -1px; width: 10px; height: 4px; background: url(/cjom/mobile/images/icon/ico-tooltip-arrow.png) no-repeat 0 0; background-size: 10px auto; display: block; z-index: 101; outline: none; content: '';}
.tooltip--cookit.is-active:after {display: none;}
.tooltip--cookit .tooltip__anchore.is-active:after {display: none;}
.tooltip__pannel--modal:before {display: none;}
.tooltip__title {margin-bottom: 15px; text-align: center; font-size: 13px;}
.tooltip__title--regular {font-weight: 300; font-size: 12px;}
.tooltip__title--left {text-align: left;}

.tooltip__text {padding: 20px 20px; width: 220px; line-height: 18px; background: #fff; border: 1px solid #ddd; position: relative; box-sizing: border-box; font-weight: 300; font-size: 12px; color: #000;}
.tooltip__pannel{z-index:200;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.tooltip__pannel:focus{border:none;outline:none}
.tooltip_mission{padding:16px 21px 16px 16px; width:237px;border-color:#999}
.tooltip_mission .tooltip_mission_tit{display:block;margin-bottom:16px;font-size:15px;color:#333;font-weight:bold;line-height:16px}
.tooltip_mission .tooltip_mission_list{margin-left:8px}
.tooltip_mission .tooltip_mission_item{position:relative;padding-left:8px;margin-top:5px;font-size:13px;color:#333;line-height:16px}
.tooltip_mission .tooltip_mission_item:first-child{margin-top:0}
.tooltip_mission .tooltip_mission_item:before{position:absolute;left:0;top:6px;width:2px;height:2px;background-color:#333;border-radius:50%;content:''}
.tooltip_mission .tooltip_mission_list+.tooltip_mission_tit{margin-top:16px}
.theplay-mission-info-login{padding:18px 40px}
.theplay-mission-info-login .mission-info-box{margin-top:0}
.theplay-mission-info-login .mission-txt em{color:#222;font-weight:bold}
.tooltip_mission .cart-prime-tooltip__close{top:16px;right:21px;width:12px;height:12px;background-image:url(/cjom/mobile/images/icon/ico-close-theplay.svg);background-size:12px 12px}


/*상품상세 구매 레이어 개선 : 툴팁 ui*/
.sticky-product-re .tooltip__text {
	padding: 20px 20px;
	width: 220px;
	line-height: 18px;
	background: #fff;
	border: 1px solid #ddd;
	position: relative;
	box-sizing: border-box;
	font-weight: 300;
	font-size: 12px;
	color: #000;
	z-index:111; /*220119 추가*/
}
/*상품상세 구매 레이어 개선 : 툴팁 ui*/


.tooltip__pannel--center {
	justify-content: center;
}

.tooltip__pannel--left {
	justify-content: flex-start;
}

.tooltip__description {
	font-size: 12px;
	line-height: 18px;
}

.all-menus {
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

.all-menus.is-active {
	left: 0;
	opacity: 1;
	z-index: 210;  /*MARKETDEV-3918 z-index 수정*/
}

.all-menus__header {
	height: 60px;
	padding: 18px 20px;
	box-sizing: border-box;
	background-color: #2a715a;
	display: flex;
	justify-content: space-between;
}

.all-menus__header-user-photo {
	width: 3 "D:/쿡킷/이벤트_카드사/img_20200701_tab_bg.png" 5px;
	height: 35px;
	margin-top: 3px;
}

.member-staff .all-menus__header-user-photo {
	background-image: url(/cjom/mobile/images/icon/ico-all-menus-staff.png);
}

.shut-down .all-menus__header-user-photo {
	background-image:
		url(/cjom/mobile/images/icon/ico-all-menus-shut-down.png);
}

/* lnb area */
.lnb-title {
	padding: 30px 20px 0;
	height: 60px;
	box-sizing: border-box;
}

.lnb-heder {
	display: flex;
	position: -webkit-sticky;
	position: fixed;
	z-index: 2;
	box-sizing: border-box;
	padding: 18px 20px;
	width: 100%;
	height: 60px;
	justify-content: space-between;
	background-color: #0c8050;
}

.lnb-heder-title {
	display: flex;
}

.lnb-title h2 {
	font-size: 17px;
	color: #333;
	font-weight: bold;
}
.lnb-brand, .lnb-service {
	padding-bottom: 58px;
	border-top: 10px solid #f8f8f8;
	background-color: #fff;
}
.lnb-service {padding-bottom: 0;}

/* 더마켓 전문관 신설 */
.lnb-special {margin-top:8px;}
.lnb-special .lnb-cont {margin-top:-20%; padding:0 17px 30px; background-color:#fff;}
.lnb-special .lnb-cont .thumb-list {display:grid; grid-template-columns: repeat(2, 1fr); gap:16px;}
.lnb-special .lnb-cont .thumb-list li a {position: relative; display:block; border-radius:4px; overflow: hidden;}
.lnb-special .lnb-cont .thumb-list .text {position:absolute; font-size:15px; color:#fff; left:16px; bottom:16px; letter-spacing: -0.5px; font-weight:bold;}

.lnb-special .special-market__title {position: relative;}
.lnb-special .special-market__title dl {position:absolute; top:21%; left:16px; top: 0; bottom: 37%; right: 16px; display: flex; flex-direction: column; justify-content: center;}
.lnb-special .special-market__title dt {font-weight:bold; font-size:20px; color:#fff;}
.lnb-special .special-market__title dd {font-size:14px; margin-top:4px; color:#fff;}

.banner__wrap.special {padding-bottom:0px; background-color:#fff;}
.banner__wrap img {width:100%;}
.banner__wrap a {display:block; height:auto;}

.special-market .product-list li {padding: 30px 8px 0;}
.special-market .product-cate-box {margin-top:6px;}
.special-market .btn-more {display: block; cursor: pointer; height: 50px; line-height: 50px; text-align: center; margin: 0 8px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; background-color: #fff;}
/* //더마켓 전문관 신설 */

.lnb-brand {
	padding-bottom: 54px;
}

.lnb-brand-list {
	overflow: hidden;padding:0 0 10px;
	box-sizing: border-box;
	border-top: 1px solid #eee;
}

.lnb-brand-list li {
	float: left;
	width: 25%;
	height: 80px;
	margin-top: 6px;
	text-align: center;
}

.lnb-brand-list li a {
	display: block;padding:0 5px;
	height: 100%;
}

.lnb-brand-list li a p {
	display: flex;
	align-items: center;
	vertical-align: middle;
	text-align: center;
	height:60px;
}

.lnb-brand-list li a img {
	height:60px;
	margin: 0 auto;
	width:auto;
}

.lnb-brand-list li a span {
	display: block;
	font-size: 12px;
	color: #202020;
}

.lnb-service-list {
	overflow: hidden;
	box-sizing: border-box;
	border-top: 1px solid #eee;
}

.lnb-service-list li {
	float: left;
	display: block;;
	width: 33.3%;
	height: 125px;
	text-align: center;
}

.lnb-service-list li:nth-child(3n+1) {
	width: 33.4%;
}

.lnb-service-list li a {
	display: block;
	border: 1px solid #eee;
	padding-top: 29px;
	border-right: 0;
	border-top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-weight: 500;
	color: #202020;
}

.lnb-service-list li:nth-child(3n+1) a {
	border-left: 0;
}

.lnb-service-list li a:before {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
	background: url(/cjom/mobile/images/common/icon-lnb-service.png)
		no-repeat 0 0;
	background-size: auto 40px;
	content: '';
}

.lnb-service-list li:nth-child(1) a:before {background-position: 0 0;}
.lnb-service-list li:nth-child(2) a:before {background-position: -80px 0;}
.lnb-service-list li:nth-child(3) a:before {background-position: -40px 0;}
.lnb-service-list li:nth-child(4) a:before {background-position: -120px 0;}
.lnb-service-list li:nth-child(5) a:before {background-position: -160px 0;}
.lnb-service-list li:nth-child(5) a:before {background-position: -200px 0;}
.lnb-service-list li:nth-child(6) a:before {background-position: -240px 0;}
.lnb-service-list li:nth-child(7) a:before {background-position: -280px 0;}
.lnb-service-list li:nth-child(8) a:before {background-position: -320px 0;}


.all-menus.renew{border-top:0;}
.all-menus.renew .lnb-title{padding:20px;height:55px;background:#fff;line-height:1;}
.all-menus.renew .lnb-brand-list {overflow: hidden;padding:8px 0 20px 0;margin-top:-10px;box-sizing: border-box;border-top:0;}
.all-menus.renew .lnb-brand-list li {float: left;width: 25%;height:100%;margin-top:0;padding:0 5px;text-align: center;border-top:1px solid #f4f4f4;box-sizing:border-box;}
.all-menus.renew .lnb-brand-list li:nth-child(n+1):nth-child(-n+4){border-top:0;margin-top:0;}
.all-menus.renew .lnb-brand-list li a {display: block;padding:0;min-width:80px;height: 100%;}
/* .all-menus.renew .lnb-brand-list li:nth-child(4n+1){padding-left:10px;}
.all-menus.renew .lnb-brand-list li:nth-child(4n){padding-right:10px;} */
.all-menus.renew .lnb-brand-list li a p {display: flex;align-items: center;vertical-align: middle;text-align: center;height:60px;}
.all-menus.renew .lnb-brand-list li a img {height:60px;margin: 0 auto;width:80px;}
.all-menus.renew .lnb-brand-list li a span {display: block;min-width:80px;margin:0 auto;padding-bottom:14px;font-size: 12px;color: #202020;}

.all-menus.renew .lnb-service-list {overflow: hidden;box-sizing: border-box;padding-bottom:18px;border-top:0;}
.all-menus.renew .lnb-service-list li {float: left;display: block;padding:0 6px;width: 33.3%;height:100%;text-align: center;border-top: 1px solid #f4f4f4;box-sizing:border-box;}
.all-menus.renew .lnb-service-list li:nth-child(n+1):nth-child(-n+3){border-top:0;}
.all-menus.renew .lnb-service-list li:nth-child(n+1):nth-child(-n+3) a{padding-top:0;}
.all-menus.renew .lnb-service-list li:nth-child(3n+1) {width: 33.4%;}
.all-menus.renew .lnb-service-list li:nth-child(3n+1){padding-left:12px;padding-right:6px !important;}
.all-menus.renew .lnb-service-list li:nth-child(3n){padding-right:12px;}
.all-menus.renew .lnb-service-list li a {display: block;padding:12px 0;border-right: 0;border: 0;box-sizing: border-box;width: 100%;height: 100%;font-size: 13px;font-weight: 500;color: #202020;}
.all-menus.renew .lnb-service-list li:nth-child(3n+1) a {border-left: 0;}
.all-menus.renew .lnb-service-list li a:before {display: block;width: 40px;height: 40px;margin: 0 auto 4px;background: url(//img.cjthemarket.com/cjom/mobile/images/common/icon-lnb-service_re.png) no-repeat 0 0; background-size: auto 40px;content: '';}

.all-menus.renew .lnb-service-list li:nth-child(1) a:before{background: url(//img.cjthemarket.com/cjom/mobile/images/common/icon-lnb-lounge.gif) no-repeat 0 0; background-size: auto 40px;}
.all-menus.renew .lnb-service-list li:nth-child(2) a:before {background-position: 0 0;}
.all-menus.renew .lnb-service-list li:nth-child(3) a:before {background-position: -40px 0;}
.all-menus.renew .lnb-service-list li:nth-child(4) a:before {background-position: -120px 0;}
/*.all-menus.renew .lnb-service-list li:nth-child(5) a:before {background-position: -160px 0;}*/ /* <!-- MARKETDEV-7543 '레시피 컨텐츠' 종료에 따른 ①사용범위 파악, ②제외 처리(브랜드관 작업 포함) */
.all-menus.renew .lnb-service-list li:nth-child(5) a:before {background-position: -200px 0;}
.all-menus.renew .lnb-service-list li:nth-child(6) a:before {background-position: -240px 0;}
.all-menus.renew .lnb-service-list li:nth-child(7) a:before {background-position: -280px 0;}
.all-menus.renew .lnb-service-list li:nth-child(8) a:before {background-position: -80px 0;}

.all-menus.renew  .thumb-list-s{padding:0;margin-top:0;border-top:1px solid #f4f4f4;}
.all-menus.renew  .thumb-list-s li{padding:0;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;border-top:0;}
.all-menus.renew  .thumb-list-s li:nth-child(4n){border-right:0;padding-right:0;}
.all-menus.renew  .thumb-list-s li:nth-child(n+5){border-bottom:0;}
.all-menus.renew  .thumb-list-s li a{display:table;height:100%;min-width:100%;}
.all-menus.renew  .thumb-list-s li a span{display:table-cell;vertical-align:middle;min-width:100%;text-align:center;padding-bottom:0;}
.all-menus.renew  .thumb-list-s li a img{display:block;width:93px;height:88px;padding-bottom:0;}

.lnb-brand .thumb-list-b{overflow:hidden;height:100%;padding:4px 20px 20px 20px;margin:0 -5px;}
.lnb-brand .thumb-list-b li{width:50%;float:left;}
.lnb-brand .thumb-list-b li a{display:block;margin:0 3.05%;border-radius:3px;overflow:hidden;}
.lnb-brand .thumb-list-b li:nth-child(3), .lnb-brand .thumb-list-b li:nth-child(4){margin-top:3.05%;}
.lnb-brand .text-list {overflow:hidden;width:100%;border-top:1px solid #f4f4f4;}
.lnb-brand .text-list li{float:left;width:25%;text-align:center;height:48px;line-height:48px;border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4;box-sizing:border-box;}
.lnb-brand .text-list li:nth-child(4n){border-right:0;}
.lnb-brand .text-list li a{display:block;width:100%;height:100%;}


@media only screen and (max-width:320px) {
	.lnb-heder{padding:18px 15px;}
	.lnb-heder-title .user-name{display:block;position:relative;top:-7px;font-size:16px;}
	.lnb-heder-title .user-grade{position:relative;top:-12px;}
	.lnb-heder-title .user-grade,.lnb-heder-title .user-grade strong{font-size:12px !important;}
	.lnb-heder-title .user-grade-prime{padding-left:17px !important;}
}

@media only screen and (max-width:375px) {
	.all-menus.renew .accord_item .lnb-smenu{font-size:12px !important;}
	.all-menus.renew  .thumb-list-s li a img{display:block;width:78px;height:74px;}
}

.lnb-heder-title div {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
}
.lnb-heder-title  a {
	font-size: 18px;
	line-height: 24px;position:relative;
	color: #fff;
}
.lnb-heder-title  a:before /*{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff;content:'';}*/
.lnb-heder-title .user-name {

}

.lnb-heder-title .user-grade {margin-left:1px;font-size: 13px;vertical-align:baseline;display:inline-block;}
.lnb-heder-title .user-grade-prime {padding-left:20px;background:url('/cjom/mobile/images/prime/ico_user_grade.svg') no-repeat 0 50%;background-size:16px 14px;}
.lnb-heder-title .user-grade strong {color:#d4a14c;font-weight:bold;}

.lnb-heder-utill {
	display: flex;
}

.lnb-heder-utill li {
	margin-left: 20px;
}

.lnb-heder-utill li:first-child {
	margin-left: 0;
}

.lnb-heder-utill li a {
	width: 24px;
	height: 24px;
	background: url(//img.cjthemarket.com/cjom/mobile/images/icon/icon-lnb-header.png) no-repeat
		0 0;
	background-size: auto 24px;
	display: block;
}

.lnb-heder-utill li a.lnb-heder-utill-btn-noti {
	position: relative;
	background-position: 0 0;
}

.lnb-heder-utill-btn-noti em {
	position: absolute;
	top: -3px;
	right: -7px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	border-radius: 100%;
	background-color: #f72a66;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	color: #fff;
}

.lnb-heder-utill li a.lnb-heder-utill-btn-set {
	background-position: -24px 0;
}

.lnb-heder-utill li .lnb-heder-utill-btn-close {
	display: block;
	width: 24px;
	height: 24px;
	background: url(/cjom/mobile/images/icon/icon-lnb-header.png) no-repeat
		-48px 0;
	background-size: auto 24px;
}

.lnb-submenu {
	padding-top: 60px;
	border-top: 10px solid #f8f8f8;
}

.lnb-submenu  .accordion__anchor::before {background:none;}
.lnb-submenu .accord_item {
	border-top: 1px solid #eee;
	background-color: #fff;
}
.all-menus.renew .lnb-submenu .accord_item:nth-child(n+1):nth-child(-n+3){
	border-top:0;
}

.lnb-submenu .accord_item a {
	display: table;
	position: relative;
	height: 50px;
	padding: 17px 0 17px 20px;
	box-sizing: border-box;
}

.lnb-submenu .accord_item .lnb-smenu {
	display: table-cell;
	padding-left: 40px;font-weight:bold;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 25px;
}
/*.lnb-submenu .accord_item:nth-child(1) .lnb-smenu {background-size:25px; }
.lnb-submenu .accord_item:nth-child(2) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu02.svg) no-repeat 0 0; background-size:25px; }
.lnb-submenu .accord_item:nth-child(3) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu03.svg) no-repeat 0 0; background-size:25px; }
.lnb-submenu .accord_item:nth-child(4) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu04.svg) no-repeat 0 0; background-size:25px; }
.lnb-submenu .accord_item:nth-child(5) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu05.svg) no-repeat 0 0; background-size:25px; }
.lnb-submenu .accord_item:nth-child(6) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu06.svg) no-repeat 0 0; background-size:25px; }
.lnb-submenu .accord_item:nth-child(7) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu07.svg) no-repeat 0 0; background-size:25px; }
.lnb-submenu .accord_item:nth-child(8) .lnb-smenu {background:url(/cjom/mobile/images/icon/ico-lnbmenu08.svg) no-repeat 0 0; background-size:25px; }*/
.lnb-submenu .accord_panel {
	background-color: #f8f8f8;
}

.lnb-submenu .accord_panel .dep2 {
	display: block;
	overflow: hidden;
}

.lnb-submenu .accord_panel .dep2 li {
	float: left;
	width: 50%;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}

.lnb-submenu .accord_panel .dep2 li:nth-child(even) {
	border-right: 0;
}

.lnb-submenu .accord_panel .dep2 li a {
	display: block;
	padding: 15px 20px;
	height: 50px;
	line-height: 20px;
	font-size: 14px;
	box-sizing: border-box;
}

/* MARKETDEV-7515 LNB및 메인배너 개편 */
.renew2 a{outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.renew2 .lnb-header{position:absolute;top:0;left:0;width:100%;height:149px;border-bottom:0.5px solid #ddd;background:#fff;z-index:10;}
.renew2 .lnb-header-title{display:block;}
.renew2 .lnb-header-title div{position:relative;padding:0 15px;color:#333;font-size:0;line-height:56px;}
.renew2 .lnb-header-title .user-name{font-size:18px;color:#333;font-weight:700;}
.renew2 .lnb-header-title .user-grade{margin-left:8px;font-size:13px;}
.renew2 .lnb-header-utill{position:absolute;top:6px;right:0;width:88px;font-size:0;}
.renew2 .lnb-header-utill.new{width:auto;}
.renew2 .lnb-header-utill>li{display:inline-block;width:44px;height:44px;}
.renew2 .lnb-header-utill-btn-set,
.renew2 .lnb-header-utill-btn-close,
.renew2 .lnb-header-utill .app__alarm {display:block;width:44px;height:44px;}
.renew2 .lnb-header-utill-btn-set{background:url(/cjom/mobile/images/icon/ico_lnb_setting.svg) no-repeat 0 0;}
.renew2 .lnb-header-utill-btn-close{background:url(/cjom/mobile/images/icon/ico_lnb_close.svg) no-repeat 0 0;}
.renew2 .lnb-header-utill .app__alarm {background:url(/cjom/mobile/images/icon/icon_alarm.svg) no-repeat 0 0; position: relative;}
.renew2 .lnb-header-utill .app__alarm em {display:none; position:absolute; top:6px; right:3px; width:17px; height:17px; background-color:#2E9771; border-radius:50%; color:#fff; font-size: 10px; z-index:1; line-height:101%;}
.renew2 .lnb-header-utill .app__alarm.is-active em {display:flex; align-items:center; justify-content:center;}

.renew2 .lnb-header-brand{height:100px;padding:8px 0 0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;}
.renew2 .lnb-header-brand::-webkit-scrollbar{display:none !important;}
.renew2 .lnb-header-brand ul{text-align:center;font-size:0;white-space:nowrap;}
.renew2 .lnb-header-brand ul>li{display:inline-block;position:relative;width:65px;height:72px;text-align:center;}
.renew2 .lnb-header-brand ul>li:first-child{margin-left:7.5px;}
.renew2 .lnb-header-brand ul>li:last-child{margin-right:7.5px;}
.renew2 .lnb-header-brand ul[data-brand-cnt="5"]{padding:0 calc(16.6vw - 41.6px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="5"]>li{width:auto;margin-right:calc(16.6vw - 41.6px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="4"]{padding:0 calc(20vw - 40px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="4"]>li{width:auto;margin-right:calc(20vw - 40px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="3"]{padding:0 calc(25vw - 37.5px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="3"]>li{width:auto;margin-right:calc(25vw - 37.5px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="2"]{padding:0 calc(33.3vw - 33.3px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="2"]>li{width:auto;margin-right:calc(33.3vw - 33.3px);}
.renew2 .lnb-header-brand ul[data-brand-cnt="5"]>li:first-child,
.renew2 .lnb-header-brand ul[data-brand-cnt="4"]>li:first-child,
.renew2 .lnb-header-brand ul[data-brand-cnt="3"]>li:first-child,
.renew2 .lnb-header-brand ul[data-brand-cnt="2"]>li:first-child{margin-left:0;}
.renew2 .lnb-header-brand ul[data-brand-cnt="5"]>li:last-child,
.renew2 .lnb-header-brand ul[data-brand-cnt="4"]>li:last-child,
.renew2 .lnb-header-brand ul[data-brand-cnt="3"]>li:last-child,
.renew2 .lnb-header-brand ul[data-brand-cnt="2"]>li:last-child{margin-right:0;}

.renew2 .lnb-header-brand .brand-img{display:block;width:50px;margin:0 auto;}
.renew2 .lnb-header-brand .brand-tit{position:absolute;top:58px;left:50%;font-size:12px;text-align:center;transform:translateX(-50%);white-space:nowrap;}
.renew2 .lnb-submenu{display:flex;position:absolute;top:149px;left:0;width:100%;height:calc(100% - 149px);padding:0;border:0;background:#fff;box-sizing:border-box;z-index:1;}
.renew2 .lnb-main-category{width:34%;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior-y:none;}
.renew2 .lnb-main-category::-webkit-scrollbar{display:none !important;}
.renew2 .lnb-main-category a{display:block;padding:16px 15px;font-size:14px;line-height:18px;color:#777;font-weight:500;background:#f4f6f8;word-break:break-all;}
.renew2 .lnb-main-category .is-active a{background:#fff;font-weight:700;color:#333;}
.renew2 .lnb-sub-category{width:66%;height:100%;padding-bottom:40px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;overscroll-behavior-y:none;}
.renew2 .lnb-sub-category::-webkit-scrollbar{display:none !important;}
.renew2 .lnb-sub-category .lnb-title{padding:20px 0;}
.renew2 .lnb-sub-category .lnb-theme-area{margin:0 15px;padding:16.5px 0;border-bottom:0.5px solid #dadde0;}
.renew2 .lnb-sub-category .lnb-theme-area ul{font-size:0;}
.renew2 .lnb-sub-category .lnb-theme-area ul>li{display:inline-block;position:relative;width:calc(50% - 4.5px);padding-bottom:25px;}
.renew2 .lnb-sub-category .lnb-theme-area ul>li:nth-child(2n){margin-left:9px;}
.renew2 .lnb-sub-category .lnb-theme-area ul>li:nth-child(n+3){margin-top:15px;}
.renew2 .lnb-sub-category .lnb-theme-area .theme-img{display:block;border-radius:4px;overflow:hidden;}
.renew2 .lnb-sub-category .lnb-theme-area .theme-tit{position:absolute;bottom:4px;left:50%;font-size:13px;text-align:center;transform:translateX(-50%);white-space:nowrap;}
.renew2 .lnb-sub-category .lnb-category-area{padding:0 15px;}
.renew2 .lnb-sub-category .lnb-category-area .category-item{padding:20px 0;border-bottom:0.5px solid #dadde0;}
.renew2 .lnb-sub-category .lnb-category-area .l-cate{display:block;position:relative;margin-bottom:20px;padding:0 4px;font-size:16px;color:#333;font-weight:700;line-height:20px;}
.renew2 .lnb-sub-category .lnb-category-area .l-cate:after{content:'';position:absolute;top:50%;right:4px;width:11px;height:12px;background:url(/cjom/mobile/images/icon/ico_lnb_arrow.svg) no-repeat 100% 50%;background-size:11px 12px;transform:translateY(-50%);}
.renew2 .lnb-sub-category .lnb-category-area .m-cate-list>li{padding:7px 0;}
.renew2 .lnb-sub-category .lnb-category-area .m-cate-list a{display:block;font-size:13px;color:#333;line-height:16px;overflow:hidden;}
.renew2 .lnb-sub-category .lnb-category-area .m-cate-list .cate-img{float:left;width:36px;height:36px;vertical-align:middle}
.renew2 .lnb-sub-category .lnb-category-area .m-cate-list .cate-tit{float:left;margin-left:8px;line-height:36px;}
.renew2 .lnb-sub-category .lnb-service-area{padding:0 15px;box-sizing:border-box;}
.renew2 .lnb-sub-category .lnb-service-area ul{font-size:0;text-align:left;}
.renew2 .lnb-sub-category .lnb-service-area ul>li{display:inline-block;width:33.3%;}
.renew2 .lnb-sub-category .lnb-service-area ul>li:nth-child(n+4){margin-top:20px;}
.renew2 .lnb-sub-category .lnb-service-area ul>li>a{display:block;position:relative;height:72px}
.renew2 .lnb-sub-category .lnb-service-area .service-img{display:block;max-width:50px;margin:0 auto;border-radius:10px;overflow:hidden;}
.renew2 .lnb-sub-category .lnb-service-area .service-tit{position:absolute;top:58px;left:50%;font-size:12px;color:#777;transform:translateX(-50%);white-space:nowrap;}

@media all and (max-width:320px){
	.renew2 .lnb-header-brand ul[data-brand-list='5']{padding:0;}
	.renew2 .lnb-header-brand ul[data-brand-list='5']>li{width:65px;margin-right:0;}
	.renew2 .lnb-header-brand ul[data-brand-list='5']>li:first-child{margin-left:7.5px !important;}
	.renew2 .lnb-header-brand ul[data-brand-list='5']>li:last-child{margin-right:7.5px !important;}

	.renew2 .lnb-sub-category .lnb-theme-area{margin:0 12px;}
	.renew2 .lnb-sub-category .lnb-theme-area .theme-tit{font-size:12px;letter-spacing:-1px;}
	.renew2 .lnb-sub-category .lnb-category-area{padding:0 12px;}
	.renew2 .lnb-sub-category .lnb-category-area .l-cate{letter-spacing:-1px;}
	.renew2 .lnb-sub-category .lnb-category-area .m-cate-list .cate-tit{margin-left:4px;letter-spacing:-1px;}
}
@media all and (min-width:321px) and (max-width:360px){
	.renew2 .lnb-sub-category .lnb-theme-area .theme-tit{font-size:12px;}
}

.all-menus__category__list {
	overflow: hidden;
}

.all-menus__category__anchor {
	padding: 20px 15px 15px;
	box-sizing: border-box;
	background-color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 700;
}

.all-menus__category-2depth {
	margin-bottom: -1px;
}

.all-menus__category-2depth:after {
	display: block;
	clear: both;
	content: '';
}

.all-menus__cateogry_list-2depth {
	float: left;
	width: 50%;
}

.all-menus__category__anchor-2depth {
	padding: 0 15px;
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	background: url(/cjom/mobile/images/icon/ico-all-menus-2depth-icon.png)
		no-repeat right 10px center;
	background-size: 20px;
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	color: #000;
}

.all-menus__category__list-2depth:nth-child(even) .all-menus__category__anchor-2depth
	{
	border-right-color: transparent;
}

.all-menus.renew .lnb-submenu{border-top:0;}
.all-menus.renew .lnb-submenu .lnb-title:first-child{height:50px;padding-bottom:0;background:#fff;}
.all-menus.renew .accordion_menu{position:relative;width:100%;height:100%;}
.all-menus.renew .accordion_menu:after{display:block;content:'';clear:both;}
.all-menus.renew .accord_item{float:left;padding:0 6px;width:33.3%;text-align:center;box-sizing:border-box;}
.all-menus.renew .accord_item:nth-child(3n+1){padding-left:12px;padding-right:6px !important;clear:both;}
.all-menus.renew .accord_item:nth-child(3n){padding-right:12px;}
.all-menus.renew .accord_item:nth-child(n+1):nth-child(-n+3) > a{padding-top:0;}
.all-menus.renew .accord_item a{display:block;padding:14px 0 9px;width:100%;height:100%;text-align:center;}
.all-menus.renew .accord_item .lnb-smenu{display:block;margin-top:4px;height:20px;padding:0;font-size:12px;color:#333;font-weight: 500;line-height:1.2;letter-spacing:-1px;}
.all-menus.renew .accord_item .is-active .lnb-smenu{color:#0c8050;}
.all-menus.renew .accord_item .lnb_img{display:block;width:75px;height:75px;margin:0 auto;}
.all-menus.renew .accord_item .lnb_img img{width:100%;}

.all-menus.renew .accord_item:nth-child(n+1):nth-child(-n+3) .accord_panel{margin-top:-10px;}


.all-menus.renew .accord_panel{display:none;position:absolute;width:100%;left:0;z-index:10;}
.all-menus.renew .accord_item:nth-child(n+1):nth-child(-n+3) .accord_panel{top:116px;}
.all-menus.renew .accord_panel .dep2{width:100%;}
.all-menus.renew .accord_panel .dep2 li:nth-child(n+1):nth-child(-n+2){border-top:0;}
.all-menus.renew .accord_panel .dep2 li a{padding-left:20px;text-align:left;}
.all-menus.renew .accord_panel {z-index:auto;}

.all-menus.renew .accord_panel
.all-menus__link {
	padding: 15px 10px 27.5px;
	background-color: #fff;
	font-size: 0;
}

.all-menus__link-li {
	padding: 5px;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.all-menus__link-anchor {
	display: block;
	font-size: 14px;
	color: #fff;
}

.all-menus__brand {
	padding: 15px 5px 30px;
	background-color: #fff;
	font-size: 0;
}

.all-menus__brand-li {
	padding: 0 10px 20px;
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.all-menus__brand-anchor {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #555;
}

.all-menus__brand-anchor p {
	margin-top: 8px;
}

.section--notification.remodal-is-opened {
	z-index: 101;
}

.section--notification__info {
	padding: 0 15px;
	height: 42px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}

.section--notification__p {
	font-size: 12px;
	color: #000;
}

.section--notification__ul {
	text-align: left;
}

.section--notification__li {
	padding: 20px 0 0;
	background-color: #fff;
}

.section--notification__li+.section--notification__li {
	border-top: 15px solid #f8f8f8;
}

.section--notification__li.section--notification__li--none {
	padding: 60px 15px;
}

.section--notification__header {
	padding-left: 15px;
	font-weight: 700;
	font-size: 18px;
	color: #000;
}

.section--notification__header .number {
	font-size: 19px;
}

.section--notification__item {
	padding: 20px 15px;
	border-bottom: 1px solid #eee;
}

.section--notification__item:last-child {
	border-bottom: none;
}

.section--notification__item-util {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section--notification__type {
	font-size: 12px;
	font-weight: 700;
	color: #2a715a;
}

.section--notification__hour {
	font-size: 12px;
	color: #767676;
}

.section--notification__contents {
	display: block;
	line-height: 1.4;
}

.section--notification__contents--more {
	position: relative;
	padding-right: 45px;
}

.section--notification__contents--none-horizon {
	margin: 0 -15px;
}

.section--notification__ship {
	margin: 10px -15px 18px;
	padding: 25px 15px;
	background-color: #f8f8f8;
}

.section--notification__ship .text-btn {
	margin-top: 15px;
	display: block;
}

.section--notification__list-ul {

}

.section--notification__list-li {
	font-size: 14px;
	color: #555;
	word-break: break-all;
}

.section--notification__list-li+.section--notification__list-li {
	margin-top: 5px;
}

.section--notification__list-more {
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	background: url(/cjom/mobile/images/icon/ico-arrow-top-40x40.png)
		no-repeat center;
	background-size: 20px;
}

.section--notification__list-more.is-active {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.section--notification__ship {

}

.section--notification__strong-text {
	color: #2a715a;
}

.section--notification__small-text {
	margin-top: 4px;
	display: block;
	font-size: 12px;
	color: #767676;
}

.product-carousel {
	box-sizing: border-box;
}

.product-carousel__item {
	margin-left: 16px;
	position: relative;
	box-sizing: border-box;
}

.product-carousel__item--border {
	margin-left: 10px;
	border: 1px solid #f6f6f6;
}

.product-carousel__item--border .product-carousel__image-box {
	margin-top: 0;
	padding: 2.5px;
}

.product-carousel__item--border .product-carousel__text-box {
	padding: 0 7px 15px;
}

.product-carousel__item:first-child {
	margin-left: 0;
}

.product-carousel__count {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 23px;
	line-height: 23px;
	background-color: #000;
	text-align: center;
	font-weight: 700;
	color: #fff;
	z-index: 3;
}

.product-carousel__image-box {
	position: relative;
	box-sizing: border-box;
	text-align: center;
}

.product-carousel__image {
	width: 100%;
	max-width: none !important;
}

.product-carousel__image--full {
	width: 100%;
}

.product-carousel__image-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.05);
}

.product-carousel__text-box {
	box-sizing: border-box;
}

.product-carousel__text-box--type2 {
	background-color: #fff;
	padding: 20px;
}

.product-carousel__text-box--type3 {
	padding-top: 20px;
}

.product-carousel__new {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background-color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
}

.product-carousel__text {
	white-space: normal;
}

.product-carousel__text__s {
	font-size: 11px;
	color: #767676;
	text-decoration: line-through;
	vertical-align: baseline;
}

.product-carousel__text--type1 {
	margin-top: 15px;
	display: block;
	font-size: 14px;
	line-height: 16px;
}

.product-carousel__text--type2 {
	margin-top: 10px;
	font-size: 15px;
}

.product-carousel__text--type2 strong {
	font-size: 18px;
}

.product-carousel__text--type3 {
	font-weight: 700;
	line-height: 16px;
	font-size: 14px;
	color: #333;
}

.product-carousel__text--type4 {
	margin-top: 10px;
	line-height: 15px;
	font-size: 11px;
	color: #999;
}

.product-carousel__text--type5 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
}

.product-carousel__text--type6 {
	font-size: 12px;
	color: #767676;
	margin-top: 5px;
}

.section--app-setting__inner {
	text-align: left;
	background-color: #fff;
}

.section--app-setting__inner>*+* {
	border-top: 15px solid #f8f8f8;
}

.section--app-setting__align {
	position: relative;
	padding: 8px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section--app-setting__login .section--app-setting__align:after {
	content: '';
	position: absolute;;
	bottom: 0;
	left: 15px;
	display: block;
	width: calc(100% - 30px);
	height: 1px;
	background: #f6f6f6;
}

.section--app-setting__login .section--app-setting__align:last-child:after
	{
	display: none;
}

.section--app-setting__align-title {
	font-size: 16px;
	font-weight: 700;
}

.section--app-setting__align-text {
	padding: 7px 0;
	line-height: 18px;
	font-size: 12px;
	color: #2a715a;
}

.section--app-setting__align-version {
	display: inline-block;
	margin-left: 4px;
	font-weight: normal;
	font-size: 14px;
}

.section--app-setting__align-title--small {
	font-size: 13px;
	color: #00542f;
}

.section--app-setting__login .section--app-setting__align .btn {
	width: 90px;
}

.section--app-setting__text {
	padding: 0 15px;
	line-height: 18px;
	font-size: 12px;
}

.section--app-setting__text--small {
	position: relative;
	padding: 0 15px 15px 23px;
	margin-top: 15px;
	line-height: 17px;
	font-size: 11px;
	color: #767676;
}

.section--app-setting__text--small:before {
	content: '*';
	position: absolute;
	top: 1px;
	left: 15px;
	display: block;
}

.section--app-setting__license {
	border-bottom: 15px solid #f8f8f8;
}

.section--app-setting__license-button {
	position: relative;
	padding: 10px 15px;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
}

.section--app-setting__license-button .member--terms__popup-button {
	right: 0;
}

.section--app-setting__align--line+.section--app-setting__align--line {
	border-top: 1px solid #f8f8f8;
}

.app-toggle-button {
	width: 55px;
	height: 28px;
	border-radius: 14px;
	background-color: #ddd;
	position: relative;
}

.app-toggle-button:after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	content: '';
}

.app-toggle-button.is-active {
	background-color: #2a715a;
}

.app-toggle-button.is-active:after {
	left: calc(100% - 26px);
}

.user-open-license__contents {
	padding: 17px 15px 47px;
}

.user-open-license__title {
	line-height: 21px;
	font-size: 15px;
	font-weight: 700;
}

.user-open-license__link {
	padding: 12px 0 17px;
	text-decoration: underline;
	font-size: 13px;
	color: #2a715a;
	display: block;
}

.user-open-license__normal-text {
	line-height: 18px;
	font-size: 12px;
}

.user-open-license__list-title {
	margin: 15px 0 10px;
	font-size: 12px;
	color: #00542f;
	font-weight: normal;
}

.user-open-license__paragraph {
	line-height: 17px;
	font-size: 11px;
	color: #555;
}

.user-open-license__paragraph+.user-open-license__paragraph {
	margin-top: 20px;
}

.modal__header__search {
	padding: 7px 0 7px 50px;
	width: 100%;
	box-sizing: border-box;
	line-height: inherit;
}

.search__hash-box {
	display: none;
}

.search__input {
	padding: 0 60px 0 10px;
	width: 100%;
	height: 40px;
	background-color: #f8f8f8;
	box-sizing: border-box;
	font-size: 14px;
	color: #767676;
	border: none;
}

.search__input ~.form-element__delete {
	width: 30px;
	height: 40px;
	background: url(/cjom/mobile/images/icon/ico-input-close.png) no-repeat
		right 6px center;
	background-size: 20px;
}

.search__input--hash {
	padding-left: 40px;
	background: #f8f8f8 url(/cjom/mobile/images/icon/ico-search-hash.png)
		no-repeat 13px center;
	background-size: 15px;
	box-sizing: border-box;
}

.search__input--hash .search__input {
	padding: 0 25px 0 0;
}

.search__word-box {
	position: relative;
	overflow: hidden;
}

.search__word-box .form-element {
	width: calc(100% - 15px);
}

.search__word-box--result .form-element {
	width: 100%;
}

.search__hash-box {
	display: flex;
	align-items: center;
}

.search__hash-box .search__input--hash {
	width: calc(100% - 50px);
}

.search__hash-box__close {
	width: 50px;
	height: 40px;
	line-height: 40px;
	background: none;
	text-align: center;
	font-size: 12px;
}

.search__hash .search__box:first-child {
	padding-bottom: 30px;
	border-top: 5px solid #f8f8f8;
}

.search__util-button-box {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px;
}

.search__icon {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	background-size: 15px;
	background-position: right 4px center;
	background-repeat: no-repeat;
}

.search__icon--hash {
	background-image: url(/cjom/mobile/images/icon/ico-search-hash.png);
}

.search__icon--word {
	background-image: url(/cjom/mobile/images/icon/ico-search-word.png);
	background-position: left 4px center;
}

.search__input-delete {
	display: none;
}

.search__tab-ul {
	border-top: 6px solid #f8f8f8;
	display: flex;
}

.search__tab-li {
	width: 50%;
}

.search__tab-anchor {
	height: 45px;
	line-height: 45px;
	background-color: #f8f8f8;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #767676;
}

.search__tab-anchor.is-active {
	background-color: #fff;
	font-weight: 700;
	color: #2a715a;
}

.search__util-box {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding-left: 5px;
	border-top: 1px solid #eee;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 100;
}

.search__util-button {
	padding: 0 10px;
	height: 41px;
	line-height: 41px;
	background: none;
	position: relative;
	font-size: 13px;
}

.search__util-button+.search__util-button {
	padding-left: 11px;
}

.search__util-button+.search__util-button:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5.5px;
	width: 1px;
	height: 11px;
	background-color: #eee;
	content: '';
}

.search__util-button--delete[disabled=disabled] {
	color: #767676;
}

.search__list-ul {
	margin-top: -10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.search__list-li {
	width: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search__list-li:nth-child(odd) {
	padding-right: 15px;
}

.search__list-li:nth-child(even) {
	padding-left: 15px;
}

.search__list-li+.search__list-li+.search__list-li {
	border-top: 1px solid #eee;
}

.search__list-anchor {
	width: calc(100% - 36px);
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search__list-text {
	height: 1.4em;
	line-height: 1.4em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
}

.search__list-highlight {
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.search__list-date {
	font-size: 12px;
	color: #767676;
}

.search__list-delete {
	width: 20px;
	height: 40px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-close-18x18.png) no-repeat center;
	background-size: 9px;
}

.search__list-ul--type2-margin {
	margin-top: 0;
}

.search__list-ul--type2 .search__list-li {
	padding: 0 15px;
	width: 100%;
}

.search__list-ul--type2 .search__list-li+.search__list-li {
	border-top: 1px solid #eee;
}

.search__list-ul--type2 .search__list-anchor {
	width: 100%;
}

.search__popularity-ol {
	margin-top: -10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.search__popularity-li {
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.search__popularity-li:nth-child(odd) {
	padding-right: 15px;
}

.search__popularity-li:nth-child(even) {
	padding-left: 15px;
}

.search__popularity-anchor {
	display: flex;
	align-items: center;
	height: 40px;
}

.search__popularity-anchor.top {
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.search__popularity-ranking {
	width: 25px;
	font-size: 14px;
}

.search__popularity-text {
	font-size: 14px;
}

.search__popularity-updated-date {
	margin-top: 15px;
	font-size: 12px;
	color: #767676;
}

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

.search__popularity-ol--row .search__popularity-li {
	width: 50%;
	float: left;
}

.search__box-ol-wrapper {
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}

.search__box-ol-wrapper .search__popularity-ol {
	padding: 0;
	margin-top: 0;
	width: 50%;
}

.search__box-ol-wrapper .search__popularity-li {
	padding: 0;
	width: 100%;
}

.search__body {
	position: relative;
	min-height: calc(100vh - 50px);
}

.search__focus {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 42px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	z-index: 3;
}

.search__focus.is-opened {
	display: block;
}

.search__box {
	border-top: 15px solid #f8f8f8;
}

.search__box-title {
	padding: 20px 15px 14px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 16px;
}

.search__tag-list-ul {
	padding: 10px 15px 0;
}

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

.search__tag-list-li {
	margin: 5px 5px 0 0;
	float: left;
}

.search__tag-list-anchor {
	padding: 0 10px;
	min-width: 50px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	border: 1px solid #ddd;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
}

.search .section__title-box {
	padding: 5px 50px;
	position: relative;
	line-height: inherit;
	box-sizing: border-box;
	z-index: 100;
}

.search .section__title-box--none-cart {
	padding-right: 15px;
}

.search .section__previus {
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}

.search__cart-acnhor {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url(/cjom/mobile/images/icon/ico-search-cart.png) no-repeat
		center;
	background-size: 15px;
}

.search__input-delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 36px;
	background: url(/cjom/mobile/images/icon/ico-input-value-delete.png)
		no-repeat center;
	background-size: 15px;
}

.search__input-delete.is-search, .search__input-delete.is-active {
	display: block;
}

.search__word-list {
	position: absolute;
	top: 0;
	left: 0;
	right: 30px;
	padding-top: 4px;
	height: 40px;
	background-color: #f8f8f8;
	box-sizing: border-box;
}

.search__word-list .word {
	padding: 0 25px 0 10px;
	height: 30px;
	line-height: 30px;
	background: #2a715a url(/cjom/mobile/images/icon/ico-close-40x40.png)
		no-repeat right 5px center;
	background-size: 20px;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
}

.search__word-list .word ~.word {
	margin-left: 5px;
}

.search__word-list .word--first {
	padding-right: 0;
	background: none;
	font-size: 14px;
	color: #000;
}

.search--page__relation {
	padding: 5px 15px 10px;
	overflow: hidden;
	background-color: #f8f8f8;
}

.search--page__relation ~.product__state {
	margin-bottom: 15px;
}

.search--page__relation-inner {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.search--page__relation-word {
	min-width: 50px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	border-radius: 15px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 12px;
}

.search--page__relation-word:last-child {
	margin-right: 15px;
}

.search--page__relation-word+.search--page__relation-word {
	margin-left: 5px;
}

.product--search .product__state {

}

.product--search .product__state-button--thumb {
	margin-left: 15px;
}

.product--result-none.product--search .product__state {
	border-top-width: 5px;
}

.product--result-none .search__hash {
	background-color: #fff;
}

.product--result-none .search__hash .search__box:first-child {
	border-top-width: 15px;
}

.product--result-none .search__box {
	padding-bottom: 20px;
}

.none-display {
	height: 430px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #fff;
}

.none-display--flex-direction-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.none-display--bdt {
	border-top: 1px solid #eee;
}

.none-display--170 {
	height: 170px;
}

.none-display--148 {
	padding: 30px 0 40px;
	margin-bottom: -20px;
	height: auto;
}

.none-display--mt {
	margin: 15px 0 0;
}

.none-display--white {
	background-color: #fff;
}

.none-display__text {
	padding-top: 71px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/cjom/mobile/images/icon/ico-none-type2.png);
	background-size: 60px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.none-display__text strong {
	display: block;
}

.none-display__text--seach {
	margin-top: 15px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #767676;
}

.none-display__subtext {
	font-size: 12px;
	line-height: 17px;
	color: #555;
	margin-top: 15px;
	text-align: center;
}

.none-display--type2 {
	height: 197px;
}

.none-display--type2 .none-display__text {
	background-image: url(/cjom/mobile/images/icon/ico-none-type2.png);
	background-size: 60px;
}

.none-display--search {
	margin-top: 15px;
	height: 197px;
}

.none-display--filter {
	margin-top: 5px;
	height: 210px;
}

.none-display--bdt1 {
	border-top: 1px solid #eee;
}

.none-display--type3 {
	height: auto;
	padding: 30px 15px;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.none-display--type3 .none-display__text {
	padding-top: 0;
	font-size: 12px;
	line-height: 17px;
	background: transparent;
}

.none-display--type3 .none-display__text:first-child {
	padding-top: 75px;
	font-size: 14px;
	line-height: 19px;
	background: url(/cjom/mobile/images/icon/ico-none-type2.png) no-repeat
		top center;
	background-size: 60px;
}

.none-display--type3 .none-display__text+.none-display__text {
	margin-top: 10px;
}

.none-display--type3 .link-right-arrow {
	margin-top: 15px;
}

.none-display--cart .none-display__text:first-child {
	background: url(/cjom/mobile/images/icon/ico-none-cart.png) no-repeat
		top center;
	background-size: 60px;
}

.none-display--pb40 {
	padding-bottom: 40px;
}

.none-display--pb10 {
	padding-bottom: 10px;
	min-height:180px;

}

.none-display--no-padding {
	padding: 0;
}

.none-display--bdb1 {
	border-bottom: 1px solid #eee;
}

.none-display__text--small {
	font-size: 12px;
	color: #555;
}

.none-display--none-image .none-display__text:first-child {
	padding-top: 25px;
	background: none;
}

.image-box {

}

.image-box--pd {
	padding: 20px 15px 0;
}

.image-box--pd--type2 {
	padding: 30px 15px 30px;
}

.image-box--pd--type3 {
	padding: 10px 15px 30px;
}

.image-box--pd-horizon {
	padding-left: 15px;
	padding-right: 15px;
}

.image-box--pd-vertical {
	padding-top: 30px;
	padding-bottom: 30px;
}

.image-box--image .image-box__image {
	float: none;
	width: 100%;
}

.image-box--white {
	background-color: #fff;
}

.image-box__anchor {
	position: relative;
	padding: 15px 0;
	display: block;
}

.image-box__anchor:first-child {
	padding-top: 0;
}

.image-box__anchor:after {
	display: block;
	clear: both;
	content: '';
}

.image-box__anchor .flag-area {
	position: absolute;
	right: 0;
	top: 15px;
}

.image-box__anchor:first-child  .flag-area {
	top: 0;
}

.image-box__anchor .flag-area .flag {
	display: table;
	width: 48px;
	height: 48px;
	font-size: 13px;
}

.image-box__anchor .flag-area .flag-txt {
	display: table-cell;
	vertical-align: middle;
	width: 48px;
	height: 48px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background-color: #2a715a;
}

.image-box__anchor .flag-area .flag-bg01 {background-color: #e6005f;}
.image-box__anchor .flag-area .flag-bg02 {background-color: #bbb;}
.image-box__anchor .flag-area .flag-bg03 {background-color: #b28247;}
.image-box__anchor .flag-area .flag-bg04 {background-color: #2e5754;}
.image-box__anchor .flag-area .flag-prime {padding-left:15px;background:url('/cjom/mobile/images/mypage/ico_user_grade.svg') no-repeat 0 50%;background-size:14px 11px;}
.image-box--column .image-box__anchor--type2 {
	padding-bottom: 0;
	border-top: none;
}

.image-box__anchor--type2:first-child {
	padding-top: 15px;
}

.image-box__anchor+.image-box__anchor {
	border-top: 1px solid #eee;
}

.image-box__anchor--type2+.image-box__anchor--type2 {
	padding-top: 30px !important;
	border-top: none;
}

.image-box--none-border .image-box__anchor+.image-box__anchor {
	border-top: none;
}

.image-box--none-border.image-box--column .image-box__anchor {
	padding-top: 10px;
}

.image-box--column-2col .image-box__anchor.image-box__anchor--full {
	width: 100%;
}

.image-box__image {
	width: 140px;
	float: left;
}

.image-box--event .image-box__anchor+.image-box__anchor {
	margin-top: 0;
	border-top: 0;
}

.image-box__text-box {
	padding: 10px 10px 0 10px;
	width: calc(100% - 140px);
	float: left;
	box-sizing: border-box;
}

.image-box__text-box--is-link {
	display: block;
}

.image-box__text-box--align {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.image-box__text-box--align-middle {
	align-items: center;
}

.image-box__text-box--bar {
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.image-box__text-box--bar .image-box__text+.image-box__text {
	margin-top: 0;
	padding-left: 13px;
	position: relative;
}

.image-box__text-box--bar .image-box__text+.image-box__text {
	margin-top: 0;
	padding-left: 13px;
	position: relative;
}

.image-box__text-box--bar .image-box__text+.image-box__text:before {
	position: absolute;
	top: 50%;
	left: 6px;
	margin-top: -4px;
	width: 1px;
	height: 8px;
	background-color: #eee;
	content: '';
}

.image-box__text--br span, .image-box__text--br strong {
	display: block;
}

.image-box__text-box--clock {
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.image-box__text-box--clock .image-box__text:first-child {
	padding-left: 18px;
	background: url(/cjom/mobile/images/icon/ico-clock02.png) no-repeat 0
		center;
	background-size: 12px;
}

.image-box__text-box--clock .image-box__text+.image-box__text {
	margin-top: 0;
	padding-left: 15px;
	position: relative;
}

.image-box__text-box--border {
	box-sizing: border-box;
	padding: 19px;
	border: 1px solid #eee;
	border-top: 0;
}

.image-box__text-box--bottom-padding {
	padding-bottom: 15px !important;
}

.image-box__text {
	display: block;
	vertical-align: middle;
	font-weight: 300;
	font-size: 14px;
	color: #000;
}

.image-box__text+.image-box__text {
	margin-top: 15px;
}

.image-box__text+.image-box__text--mt5 {
	margin-top: 5px;
}

.image-box__text+.image-box__text--mt10 {
	margin-top: 10px;
}

.image-box__text+.image-box__text--mt0 {
	margin-top: 0;
}

.image-box__text .image-box__text {
	margin-bottom: 7px;
}

.image-box__text--size12+.image-box__text--size12 {
	margin-top: 10px;
}

.image-box__text--block {
	display: block;
}

.image-box__text--bold {
	font-weight: 700;
}

.image-box__text--size18 {
	font-size: 18px;
}

.image-box__text--size15 {
	font-size: 16px;
	line-height: 22px;
}

.image-box__text--size13 {
	font-size: 14px;
	line-height: 20px;
}

.image-box__text--size12 {
	font-size: 13px;
}

.image-box__text--size11 {
	font-size: 12px;
	line-height: 18px;
}

.image-box__text--color555 {
	color: #555;
}

.image-box__text--color76 {
	color: #767676;
}

.image-box__text--color2a715a {
	color: #2a715a;
}

.image-box__text--size13+.image-box__text--size11 {
	margin-top: 10px;
}

.image-box__text em {
	font-style: normal;
}

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

.image-box--right .image-box__image {
	float: right;
}

.image-box--right .image-box__text-box {
	float: right;
}

.image-box--column .image-box__anchor {
	padding-top: 20px;
}

.image-box--column .image-box__anchor:first-child {
	padding-top: 0;
}

.image-box--column .image-box__anchor--no-padding {
	padding: 0;
}

.image-box--column .image-box__image-container {
	position: relative;
}
/*.thumbnail-crop-list .image-box__image-container { position: relative; overflow:hidden;padding-top:100%;}
.thumbnail crop list .image-box__image-container img{ position:absolute;top:50%;left:0;transform: translateY(-50%); -webkit-transform: translateY(-50%);}*/
.image-box--column .image-box__image-container--full-width {
	margin-left: -15px;
	margin-right: -15px;
}

.image-box--column .image-box__image-container--full-width+.image-box__text-box
	{
	padding-top: 15px;
}

.image-box--column .image-box__image-container--has-slide {
	position: relative;
}

.image-box__image-container--has-slide .carousel {
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: calc(100% - 15px);
	margin: 0;
}

.image-box__image-container .product-box__recommend-list {
	background: #fff;
	border-color: #fff;
}

.image-box__image-container--has-slide .glider-dots {
	margin-left: -15px;
}

.image-box__image-container--has-slide .carousel .glider-dot {
	background: #fff;
	opacity: 0.3;
}

.image-box__image-container--has-slide .carousel .glider-dot.active {
	background: #fff;
	opacity: 1;
}

.image-box__image-container--has-video {
	position: relative;
	float: left;
}

.image-box__image-container--has-video:after {
	content: '';
	display: block;
	clear: both;
}

.image-box--column .image-box__image {
	width: 100%;
	float: none;
}

.image-box--column .image-box__text-box {
	padding: 10px 0 0;
	width: 100%;
	float: none;
	display: block;
}

.image-box--column .image-box__text-box--align {
	display: flex;
}

.image-box--column .image-box__text-box--border {
	padding: 19px;
}

.image-box--column-2col {
	margin: 0 -5px;
	font-size: 0;
}

.image-box--column-2col .image-box__anchor {
	padding: 15px 5px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.image-box--column-2col .image-box__anchor+.image-box__anchor {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.image-box--column-2col .image-box__anchor+.image-box__anchor+.image-box__anchor,
	.image-box--column-2col .image-box__anchor--full:first-child+.image-box__anchor
	{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: none;
}

.image-box--only-image {
	margin-bottom: -10px;
}

.image-box--only-image .image-box__anchor+.image-box__anchor+.image-box__anchor,
	.image-box--only-image .image-box__anchor--full:first-child+.image-box__anchor
	{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.image-box--only-image .image-box__anchor {
	margin: 0;
	padding-top: 0;
	padding-bottom: 10px;
}

.image-box--row-type1 .image-box__anchor {
	border: 0;
	padding: 0;
}

.image-box--row-type1 .image-box__anchor+.image-box__anchor {
	margin-top: 10px;
}

.image-box--row-type1 .image-box__anchor:first-child {
	padding: 0;
}

.image-box__anchor.product-carousel__item {
	padding-top: 0;
	border-top: 0;
}

.image-box__image-container--type1 {
	position: relative;
	padding-bottom: 65.52%;
	overflow: hidden;
}

.image-box__image-container--type1 .image-box__image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); /* 2019-07-08 안드로이드대응 추가 */
	max-width: 100%;
}

.btn__more {
	border-top: 1px solid #ddd;border-radius: 4px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	display: block;
	box-sizing: border-box;
	font-size: 15px;
	color: #333;
}
.btn__more .number {position:relative;top:-2px;font-size:14px;}
.btn__more .number span {position:relative;top:2px;}
.btn__more:after {
	margin-top:-2px;
	width: 20px;
	height: 16px;
	background: url(/cjom/mobile/images/common/icon-arrow-more.png)
		no-repeat center;
	background-size: 13px 7px;
	display: inline-block;
	vertical-align: middle;
	content: '';
}
.product__category-box__contents--padding .module-button-box,
.product-detail__section .module-button-box {padding:0;}
.module-button-box {padding:0 16px;background-color:#fff;}
.module-button-box .btn__more{border:1px solid #ddd;border-radius: 4px;}
.product-list + .module-button-box {padding-bottom:64px;}
.comment-list + .module-button-box {padding-bottom:32px;}
.btn__more--none-border {
	border-top: none;
}

.btn__more--full-size {
	margin: 0 -15px;
	width: calc(100% + 30px);
}

.btn-container-top-margin {
	margin-top: 25px;
}

.btn-container--center {
	text-align: center;
}

.btn-container--right {
	text-align: right;
}

.btn-container--bottom-margin {
	margin-bottom: -15px;
}

.btn-container--horizon-margin {
	margin-left: -15px;
	margin-right: -15px;
}

.btn-container--full-size {
	margin: 0 -15px;
	padding: 15px 15px 0;
	border-top: 1px solid #eee;
}

.btn__reset {
	width: 100%;
	border-top: 1px solid #eee;
	background-color: #fff;
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	color: #555;
	padding-top: 17px;
	padding-bottom: 30px;
}

.btn__reset:after {
	margin-left: 5px;
	width: 15px;
	height: 15px;
	background: url(/cjom/mobile/images/icon/ico-reset-30x30.png) no-repeat
		center;
	background-size: 15px;
	display: inline-block;
	vertical-align: middle;
	content: '';
}

.btn__reset--none-top-margin {
	margin-top: 0;
}

.brand-category {
	overflow: hidden;
}

.brand {
	margin-right: -15px;
}

.brand-category--ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.brand .brand-list__logo img {
	border: none;
}

.brand .brand-list__name {
	margin: 10px -10px 0;
}

.brand-category--all .brand-list__anchor--all {
	width: 13.79%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.brand-category--all .brand-list__anchor--all.is-active .brand-list__name
	{
	font-weight: 700;
	color: #2a715a;
}

.brand-category--all {
	position: relative;
	font-size: 0;
}

.brand-category--all:after {
	position: absolute;
	top: 50%;
	left: 21.18%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 1px;
	height: calc(100% - 38px);
	background-color: #f6f6f6;
	content: '';
} /* 2019-07-08 안드로이드대응 추가 */
.brand-category__carousel {
	margin: 0 -10px;
}

.brand-category--all .brand-list__carousel {
	margin: 0 0 0 8.9%;
	width: 77.30%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.brand-list {
	font-size: 0;
}

.brand-list__item {
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
}

.brand-list__item.is-active .brand-list__name {
	font-weight: 700;
	color: #2a715a;
}

.brand-list__item.is-active .brand-list__logo:before {
	border-color: #2a715a;
}

.brand-list__anchor {
	display: block;
	text-align: center;
}

.brand-list__logo {
	position: relative;
}

.brand-list__logo:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	border: 1px solid #e4e4e4;
	content: '';
}

.brand-list__logo img {
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 100%;
	box-sizing: border-box;
	max-width: none;
}

.brand-list__name {
	margin-top: 10px;
	font-size: 12px;
	color: #555;
}

.brand-list__logo--all {
	border-radius: 100%;
	background-color: #2a715a;
	font-size: 11px;
	color: #fff;
}

.brand-list__logo--all:before {
	display: none;
}

.brand-list--type2 .brand-list__item {
	margin-left: 20px;
	padding: 0;
}

.brand-list--type2 .brand-list__item:first-child {
	margin-left: 0;
}

.brand-item {
	padding-top: 20px;
}

.product-type1--row {
	padding: 0;
}

.swiper-wrapper {
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tab--style1 {
	border-top: 6px solid #f8f8f8;
}

.tab--style1__ul {
	display: flex;
}

.tab--style1__li {
	width: 50%;
}

.tab--style1__anchor {
	height: 44px;
	line-height: 44px;
	text-align: center;
	display: block;
	background-color: #f8f8f8;
	font-size: 13px;
	color: #767676;
}

.tab--style1__anchor.is-active {
	background-color: #fff;
	font-weight: 700;
	color: #2a715a;
}

.section--notification__storage {
	margin-top: 15px;
	padding: 22px 15px;
	background: #fff;
	font-size: 12px;
	text-align: center;
}

.select-sort {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 19px;
	font-size: 12px;
}

.select-sort--title {
	display: block;
}

.select-sort select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.data-none {
	padding: 15px;
	color: #767676;
	text-align: center;
}

.data-none:before {
	content: '';
	display: block;
	height: 60px;
	margin-bottom: 13px;
	background: url(/cjom/mobile/images/icon/ico-none-type2.png) center
		no-repeat;
	background-size: contain;
}

.market-deal__count {
	margin-bottom: 15px;
	text-align: center;
	font-size: 28px;
}

.market-deal__button-wrap {
	margin: 0 -15px;
}

.market-deal .product-more-button {
	margin: 0;
}

.ui-datepicker {
	width: 100%;
	padding: 0;
	top: 55px !important;
	left: 0 !important;
	padding: 20px 15px 0 15px;
	box-sizing: border-box;
	position: static !important;
}

.ui-widget.ui-widget-content {
	border: 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 7px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 7px;
	background: url(/cjom/mobile/images/icon/ico-arrow-left-14x24.png)
		no-repeat center center;
	background-size: 7px auto;
}

.ui-datepicker .ui-datepicker-next {
	right: 7px;
	background: url(/cjom/mobile/images/icon/ico-arrow-right-14x24.png)
		no-repeat center center;
	background-size: 7px auto;
}

.ui-datepicker .ui-datepicker-header {
	padding: 0 30px;
	background-color: #fff;
	border: 0;
}

.ui-datepicker .ui-datepicker-title {
	font-size: 22px;
	color: #000;
	font-weight: 700;
}

.ui-datepicker-year, .ui-datepicker-month {
	font-weight: 700;
}

.ui-datepicker table {
	font-size: 13px;
	border-bottom: 1px solid #eee;
}

.ui-datepicker th {
	padding: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
}

.ui-datepicker th span {
	font-weight: 700;
}

.ui-datepicker td {
	text-align: center;
	padding: 15px 0;
}

.ui-datepicker td a, .ui-datepicker td span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0;
}

.ui-datepicker th.ui-datepicker-week-end, .ui-datepicker td.ui-datepicker-week-end,
	.ui-datepicker tr th.ui-datepicker-week-end:first-child, .ui-datepicker tr td.ui-datepicker-week-end:first-child
	{
	padding-right: 0;
	padding-left: 0;
}

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-button,
	html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-datepicker-calendar .ui-button.ui-state-disabled:active
	{
	border: 0;
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	border-radius: 50%;
}

.ui-datepicker-week-end .ui-state-default {
	color: #00c6ff;
}

.ui-datepicker-week-end:first-child .ui-state-default {
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.ui-state-default.ui-state-highlight {
	background: #000;
	color: #fff;
}

.ui-state-default.ui-state-active {
	background: #2a715a;
	color: #fff;
}

.ui-datepicker table {
	margin-bottom: 0;
}

.ui-datepicker-calendar .ui-state-hover {
	background-color: #2a715a;
	color: #fff;
}

.datepicker__noti-box {
	padding: 15px;
	display: none;
}

.datepicker__noti-box.is-active {
	display: block;
}

.common-alert-box {
	padding: 5px 15px 15px 15px;
}

.common-alert {
	margin-top: 5px;
	padding-left: 19px;
	line-height: 15px;
	display: block;
	background: url(/cjom/mobile/images/icon/ico-form-alert.png) no-repeat
		left top;
	background-size: 15px;
	font-size: 12px;
	color: #767676;
}

.common-alert--mt0 {
	margin-top: 0;
}

.slick--full-width {
	margin: 0 -15px;
}

.slick--m0 .slick__dotted-absolute.slick-dotted {
	margin: 0;
}

.slick-item {
	position: relative;
	outline-offset: -2px;
}

.toggle-alert {
	z-index: 500000;
	position: fixed;
	left:20%;
	right:20%;
	top: 50%;
	transform: translate(0, -50%);
	visibility: hidden;
	box-sizing: border-box;
	min-height:38px;
	padding:10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 300ms ease-in-out 0s;
	font-size: 13px;
	line-height:18px;
	text-align: center;
	color: #fff;
}

.toggle-alert.is-active {
	visibility: visible;
}


/*상품상세 구매 레이어 개선 : 토스트 팝업 ui*/
/* .toggle-alert-wrap {
	position: fixed;
	top: 0%;
	left:0;
	transform: translate(0, 0%);
	width:100%;
	height:100%;
	z-index:500000;
	background: RGBA(255,0,0,.5)
} */
.toggle-alert-re {
	z-index: 500000;

	position: fixed;
	left: 0%;
	right: 0%;
	top: initial;
	bottom: 90px;
	transform: translate(0, 0);

	visibility: hidden;
	box-sizing: border-box;
	min-height: initial;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: all 300ms ease-in-out 0s;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}
/*20220208 모바일 case 추가 : 세로 센터 정렬*/
.toggle-alert-re-mo {
	z-index: 500000;

	position: fixed;
	left: 0%;
	right: 0%;
	top: 50%;
	bottom: initial;
	transform: translate(0, -50%);

	visibility: hidden;
	box-sizing: border-box;
	min-height: initial;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: all 300ms ease-in-out 0s;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}
/*//20220208 모바일 case 추가 : 세로 센터 정렬*/
.toggle-alert-re.is-active {
	visibility: visible;
}
.toggle-alert-re .toggle-alert-msg {
	padding: 15px 24px 16px;
	margin-top:8px;
	border-radius: 50px;
	background-color: rgba(0, 0, 0, 0.8);
	line-height:inherit;
	word-break: break-word;
	color:#e5e5e5;
}
.toggle-alert-re .toggle-alert-msg:first-child {
	margin-top:0;
}
.toggle-alert-re .toggle-alert-msg .toggle-alert-msg-break {
	display: block;
	clear: both;
}
/*//상품상세 구매 레이어 개선 : 토스트 팝업 ui*/


.toast_prd {z-index: 500000;display:none;
	position: fixed;
	left:20%;
	right:20%;
	top: 50%;
	transform: translate(0, -50%);
	box-sizing: border-box;
	min-height:34px;
	padding:18px 24px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
	line-height:17px;
	text-align: center;
	color: #e5e5e5;}

.component-count {
	display: flex;
	align-items: center;
}

.component-count * {
	font-size: 16px;
	font-weight: 700;
}

.component-count span {
	padding: 0 5px;
}

.component-count .component-count__seconds {
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.component-sorting {
	border-bottom: 1px solid #eee;
}

.component-sorting--top-margin {
	border-top: 15px solid #f8f8f8;
}

.component-sorting--title .product__state {
	padding-top: 5px;
}

.component-sorting .product__category-box__header {
	padding: 13px 15px 16px;
	border-top: none;
	position: relative;
}

.component-sorting .product__category-box__header:before {
	position: absolute;
	top: 0;
	left: 15px;
	right: 15px;
	border-top: 1px solid #f8f8f8;
	content: '';
}

.component-sorting ~.product-type1--thumb {
	border-top: 0;
}

.component-recipe {
	margin-top: 10px;
	display: flex;
	align-items: center;
} /* 2019-07-23 상품모듈 간격 수정 */
.component-recipe * {
	display: flex;
	align-items: center;
	font-style: normal;
	letter-spacing: -0.05em;
	font-size: 14px;
	color: #2a715a;
}

.component-recipe *:not(em):not(strong):not(img) {
	letter-spacing: -0.05em;
	font-size: 14px;
	line-height: 14px;
	color: #2a715a;
}

.component-recipe strong {
	margin-left: 5px;
}

.component-recipe img {
	width: 15px;
	vertical-align: middle;
	padding-right: 3px;
}

.component-recipe .component-recipe__time {
	padding-right: 16px;
	position: relative;
}
/*.component-recipe .component-recipe__time:after { position: absolute; top: 50%; right: 8px; width: 1px; height: 8px; background-color: #ddd; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; vertical-align: middle; content: ''; }*/
	/* 2019-07-17 조리정보 구분선 제거 */
.component-header {
	padding: 20px 15px 15px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.component-header--grey {
	background-color: #eee;
}

.component-header--border {
	border-bottom: 1px solid #eee;
}

.component-header__title {font-size: 18px;}

.component-header__title--h2 {
	font-size: 14px;
	font-weight: 300;
}

.component-header__description {
	margin-top: 7px;
	font-size: 13px;
	line-height: 19px;
}

.component-header--none-flex {
	display: block;
}

.component-header--none-top-horizon {
	padding: 0 0 15px;
}

.component-header--none-horizon {
	padding-left: 0;
	padding-right: 0;
}

.component-header--pb5 {
	padding-bottom: 5px;
}

.component-header--pb10 {
	padding-bottom: 10px;
}

.component-header--pb20 {
	padding-bottom: 20px;
}

.component-container {
	padding: 20px 15px 30px;
	background-color: #fff;
}

.component-container--margin {
	margin-top: 15px;
}

.component-container+.component-container {
	margin-top: 15px;
}

.component-container+.component-container--border {
	margin-top: 0;
}

.component-container--border {
	border-top: 15px solid #f8f8f8;
}

.component-container--border+.component-container {
	border-top: 15px solid #f8f8f8;
	margin-top: 0;
}

.component-container--border-bottom {
	border-bottom: 5px solid #f8f8f8;
}

.component-container--none-top--none--border {
	margin-top: 0 !important;
	border-top: none;
}

.component-container--none-top {padding: 0 15px 30px;}
/* MARKETDEV-6121: 임직원 생일선물 신청 */
.component-container--none-top.add__notice {padding:15px 0 40px; position: relative;}
.component-container--none-top.add__notice::before {content: ""; position: absolute; top:0; left: -15px; right:-15px; height: 15px; background-color: #f2f2f2;}
.component-container--none-top.add__notice .order-delivery__info {margin-top:0; font-size:0;}
.component-container--none-top.add__notice .order-delivery__info .order-delivery__info-phone {font-size:13px; color:#333;}
.btn-container.btn__birthday--view {margin-bottom:40px;}
.btn-container.btn__birthday--view .btn {/* background-color:#1ba774; border-radius:4px; */ height:auto; padding:16px 0; line-height:100%; letter-spacing:-0.8px;}

.component-container--none-top-horizon {
	padding: 0 0 30px;
}

.component-container--none-bottom {
	padding: 20px 15px 0;
}

.component-container--vertical {
	padding: 20px 0 30px;
}

.component-container--horizon {
	padding: 0 15px;
}

.component-container--none-vertical {
	padding: 0 15px;
}

.component-container--none-padding {
	padding: 0;
}

.component-container__inner+.component-container__inner {
	margin-top: 30px;
}

.component-container--floating .section__category-hidden.section__floating--target
	{
	margin: 0 -15px;
	border-top: none;
}


.component-container.component-container--none-margin {
	margin-top: 0;
}

.component-margin__text {
	margin-top: 10px;
}

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

.component-padding__contents {
	padding-top: 5px !important;
	background:#f8f8f7 !important;
}

.component-margin__title {
	margin-top: 20px;
}

.component-margin__button {
	margin-top: 30px;
}

.component-padding__last {
	padding-bottom: 0 !important;
}

.component-banner {
	margin-bottom: 15px;
	position: relative;
}

.component-banner--full {
	margin-left: -15px;
	margin-right: -15px;
}

.component-banner--none-mgb {
	margin-bottom: 0;
}

.component-banner--pd-vertical {
	padding-top: 20px;
	padding-bottom: 30px;
}

.component-banner--pd-horizon {
	padding-left: 15px;
	padding-right: 15px;
}

.component-banner .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.component-banner__anchor {
	display: block;
}

.component-list--dot {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.component-list--dot__list {
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 13px;
	color: #000;
}

.component-list--dot__list+.component-list--dot__list {
	margin-left: 5px;
}

.component-list--dot__list+.component-list--dot__list:before {
	margin-right: 4px;
	width: 2px;
	height: 2px;
	display: inline-block;
	background-color: #000;
	content: '';
}

.component-list--dot-bar {

}

.component-list--dot-bar__list {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #767676;
}

.component-list--dot-bar__list:before {
	margin-right: 10px;
	width: 2px;
	height: 2px;
	background-color: #555;
	display: inline-block;
	content: '';
}

.component-list--dot-bar__bar {
	display: flex;
	align-items: center;
}

.component-list--dot-bar__bar:after {
	margin: 0 10px;
	width: 1px;
	height: 11px;
	background-color: #ddd;
	display: inline-block;
	content: '';
}

.component-ul {

}

.component-ul__li {
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

.component-ul__li ~.component-ul__li {
	margin-top: 5px;
}

.component-ul__description {
	color: #767676;
}

.component-ul--dot .component-ul__li {
	padding-left: 5px;
	position: relative;
}

.component-ul--dot .component-ul__li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #555;
	content: '';
}

.component-ul--light-gray .component-ul__li {
	color: #767676;
}

.component-ul--light-gray .component-ul__li:before {
	background-color: #767676;
}

.component-ul--gray .component-ul__li {
	color: #767676;
}

.component-ul--gray .component-ul__li:before {
	background-color: #767676;
}

.component-image-box {

}

.component-image-box__image-area {
	margin: 0 -15px;
}

.component-image-box__text-header, .component-image-box__text-contents {
	padding: 15px 0;
}

.component-image-box__text-header {
	font-size: 16px;
	line-height: 22px;
}

.component-button--link-arrow4 {
	margin: 0 -15px;
}

.component-image-box__text-header strong {
	display: block;
}

.component-image-box__text-contents {
	padding-bottom: 0;
	border-top: 1px solid #eee;
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

.component-title-list+.component-title-list {
	margin-top: 20px;
}

.component-title-list__title {
	padding-bottom: 5px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.component-title-list__list {
	margin-top: 10px;
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #555;
}

.component-title-list__list:before {
	margin-right: 5px;
	width: 2px;
	height: 2px;
	background-color: #555;
	display: inline-block;
	content: '';
}

.component-description {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.component-description--13 {
	font-size: 13px;
	line-height: 19px;
}

.component-description--12 {
	font-size: 12px;
	line-height: 20px;
}

.component-hr {
	height: 1px;
	background-color: #eee;
}

.component-hr--is-bottom-margin {
	margin-bottom: 15px;
}

.component-table--line {
	width: 100%;
}

.component-table--line__tr:first-child .component-table--line__td {
	border-top: none;
}

.component-table--line {
	border-top: 1px solid #000;
	border-bottom: 1px solid #ddd;
}

.component-table--line__th {
	height: 40px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	font-weight: 300;
	font-size: 12px;
}

.component-table--line__th:first-child {
	border-right: 1px solid #eee;
}

.component-table--line__td {
	padding: 15px 10px;
	vertical-align: middle;
	border-top: 1px solid #eee;
	font-size: 12px;
}

.component-table--line__td:first-child {
	border-right: 1px solid #eee;
}

.component-table--border-right {
	border-right: 1px solid #eee;
}

.component-column-list--bar {
	display: flex;
	align-items: center;
}

.component-column-list--bar__list {
	display: flex;
	align-items: center;
}

.component-column-list--bar__list+.component-column-list--bar__list:before
	{
	margin: 0 8px;
	width: 1px;
	height: 10px;
	background-color: #eee;
	display: inline-block;
	content: '';
}

.component-button--link {
	background: none;
	text-decoration: underline;
	font-size: 12px;
	font-weight: 700;
	color: #2a715a;
}

.component-button--link-arrow {
	padding-right: 13px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-arrow-right-20x20.png) no-repeat
		right center;
	background-size: 10px;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: #2a715a;
}

.component-button--link-arrow2 {
	padding-right: 13px;
	background: transparent url(/cjom/mobile/images/icon/ico-main-more.png)
		no-repeat right center;
	background-size: 6px auto;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	color: #0076d1;
} /* 2019-07-09 더보기버튼 통일 */
.component-button--link-arrow3 {
	padding-right: 13px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-arrow-right-20x20.png) no-repeat
		right center;
	background-size: 10px;
	display: inline-block;
	text-decoration: underline;
	font-size: 12px;
	font-weight: 300;
	color: #00893d;
}

.component-button--link-arrow5 {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-top: 1px solid #eee;
	background-color: #fff;
	font-size: 12px;
	font-weight: 300;
	color: #2a715a;
}

.component-button--link-arrow5:after {
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-arrow-right-20x20.png) no-repeat
		right center;
	background-size: 10px;
	content: '';
}

.component-button--block {
	display: block;
}

.component-account {
	padding: 15px;
	background-color: #fff;
}

.component-account__header {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.component-account__header-title {
	font-size: 16px;
}

.component-account__li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
}

.component-account__li ~.component-account__li {
	margin-top: 12px;
}

.component-account__dt {
	color: #767676;
}

.component-account__button-box {
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.component-account__button-box .btn+.btn {
	margin-left: 5px;
}

.component-button__arrow {
	padding-right: 10px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-component-button__arrow.png)
		no-repeat right 4px;
	background-size: 6px auto;
	font-size: 12px;
	color: #2a715a;
}
/*22-06 임직원할인한도초과 - 이미지 변경 sub.css로 이동*/
/* .member-benefit-2 .member-benefit__column .component-button__arrow {
	padding-right: 10px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-arrow-more-dark.svg)
		no-repeat right 4px;
	background-size: 6px auto;
	font-size: 12px;
	color: #2a715a;
} */
/*//22-06 임직원할인한도초과 - 이미지 변경*/
.module-product {
	position: relative;
	background-color: #fff;
}

.module-product:not (.module-product--list ):not (.module-product--column
	):not (.module-product--scroll ):after {
	margin-top: -1px;
	width: 100%;
	height: 1px;
	background-color: #eee;
	display: block;
	content: '';
}

.module-product__ul {
	display: flex;
	flex-wrap: wrap;
}
/* Asis 베스트랭킹 숫자강조 */
/* .module-product__li {
	padding: 15px 15px 20px;
	width: 50%;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
} */
.module-product__image-box {
	position: relative;
	max-width: 300px;
	margin:0 auto;/*new*/
}
.module-product__image-box .checkbox__input {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 20px;
}

.module-product__contents-box {
	padding-top: 7px;
}

.module-product__cart {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;width:50px;height:50px;
	background: url(/cjom/mobile/images/icon/icon-product-cart.png)	no-repeat 50%;background-size:36px;}

.module-product__badge-box {
	margin-top: -4px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.module-product:not (.module-product--list ) .module-product__badge-box
	{
	margin-top: -1px;
}

.module-product__badge {
	margin: 4px 0 0 0;
	padding: 0 7px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #f72a66;
	font-size: 11px;
	color: #fff;
}

.module-product__badge--type2 {
	background-color: #c2894d;
}

.module-product__badge--type3 {
	background-color: #2a715a;
}
.module-product__badge--type4 {
	background-color: #202020;
}

.module-product__title {
	margin-top: 5px;
	font-size: 15px;
	line-height: 18px;
	max-height: 36px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.module-product__sub-title {
	font-weight: bold;
	margin-top: 10px;
	line-height: 17px;
	max-height: 17px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	font-size: 14px;
	color: #2a715a;
}

.module-product__price-box {
	margin-top: 2px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.module-product__contents-box .product-prime {color:#c68f35;font-size:12px;line-height:16px;}
.module-product__price {
	margin-top: 2px;
	margin-right: 5px;
	font-size:15px;
	display: flex;
	align-items: center;
}

.module-product__price .number {font-size: 18px;margin-top:-2px;letter-spacing: -0.05em !important}
.module-product__price_prime{color:#e72a50;}
.module-product__price--discount {
	margin-top: 2px;
}

.module-product__price--discount-cash {
	text-decoration: line-through;
	font-size: 12px;
	color: #999;
}

.module-product__price--discount-cash em {
	font-size: 13px;
	font-style: normal;position:relative;top:-1px;
}

.module-product__price--discount-percent {
	margin-left: 2px;
	font-size: 12px;
	color: #f72a66;
}
.module-product__price-primetxt {margin-left:1px;position:relative;top:2px;font-size: 12px;color:#e72a50;}
.module-product__price--discount-percent .number {
	font-weight: 300;
	letter-spacing: -0.05em !important;position:relative;top:-1px;
}
.module-product__rating-box {
	margin-top:9px;
	display: flex;
	align-items: center;
}

.module-product__rating {
	width: 74px;
	height: 15px;
	background: url(/cjom/mobile/images/icon/ico-rating-type1-off.png)
		no-repeat 0 0;
	background-size: 74px auto;
	overflow: hidden;
} /* 2019-07-09 킷캣대응 수정 */
.module-product__rating-outer {
	overflow: hidden;
	display: flex;
	align-items: center;
	background: url('/cjom/mobile/images/icon/ico-rating-type1-on.png') 0 0
		no-repeat;
	background-size: 74px;
	height: 15px;
} /* 2019-07-09 킷캣대응 수정 */
.module-product__rating-image {
	display: none;
} /* 2019-07-09 킷캣대응 수정 */
.module-product__rating-count {
	margin-left: 5px;
	font-size: 12px;
	color: #767676;
}

.module-product__category-box {
	margin-top:6px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.module-product__category-li {
	margin-top: 1px;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #999;
}

.module-product__category-li--benefits {
	color: #555;
}

.module-product__category-li:after {
	margin: 0 5px;
	width: 2px;
	height: 2px;
	background-color: #999;
	display: inline-block;
	content: '';
}

.module-product__category-li:last-child:after {
	display: none;
}

.module-product__category-li--benefits:after {
	background-color: #999;
}

.module-product__text {
	font-size: 11px;
}

.module-product__text-button {
	margin-top: 10px;
	display: block;
	font-weight: 500;
	font-size:13px;
	text-decoration: underline;
	color: #2a715a;
}

.module-product__text-button--none-margin {
	margin-top: 0;
}

.module-product__soldout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		url(/cjom/mobile/images/icon/ico-module-product__soldout.png)
		no-repeat center;
	background-size: 60px;
}

.module-product__soldout--online {
	background: url(/cjom/mobile/images/icon/module-product__online.png)
		no-repeat center;
	background-size: 60px;
}
.module-product__anchor {display: block;}
.module-product__anchor--image {position: relative;}
.m_hotdeal .module-product__anchor--image:before {
    content: ''; position: absolute;top: 0;left: 0;
    height: 100%;width: 100%;background: #000;
    opacity: 0.03;}
.module-product--top-border {border-top: 1px solid #eee;}
.module-product__li--soldout .module-product__image {opacity: .3;}
.module-product__flex-box {
	padding-bottom: 2px;
	display: flex;
	align-items: flex-end;
}
.module-product__flex-box--center {margin-top: 10px;align-items: center;}
.module-product__flex-box--center *+* {	margin-left: 5px}
.module-product__banner {
	width: 100%;
	border-top: 15px solid #f8f8f8;
	border-bottom: 15px solid #f8f8f8;
	position: relative;
}

.module-product__keyword {
	padding: 30px 15px;
	width: 100%;
	border-top: 15px solid #f8f8f8;
	border-bottom: 15px solid #f8f8f8;
	position: relative;
	text-align: center;
}

.module-product__badge-box+.module-product__title {	margin-top: 6px;}
.module-product__ul li[class=module-product__banner]:last-child,
	.module-product__ul li[class=module-product__keyword]:last-child {
	border-bottom: 0;
}

.module-product__ul li[class=module-product__banner]:last-child:after,
	.module-product__ul li[class=module-product__keyword]:last-child:after
	{
	display: none;
}

.module-product__ul li[class=module-product__keyword]:last-child:before,
	.module-product__ul li[class=module-product__banner]:last-child:before
	{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	content: '';
}

.module-product__banner:after, .module-product__keyword:after {
	position: absolute;
	bottom: -16px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #eee;
	content: '';
}

.module-product__keyword-title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}

.module-product__keyword-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.module-product__keyword-anchor {
	margin: 10px 5px 0 0;
	padding: 0 10px;
	min-width: 50px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 12px;
}

.module-product__is-video {
	top: auto;
	bottom: 5px;
	left: 5px;
	right: auto;
	width: 23px;
	height: 21px;
	line-height: 21px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.7)
		url(/cjom/mobile/images/icon/ico-video-play-button2.png) no-repeat 7px
		center;
	background-size: 10px;
	position: absolute;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	font-size: 11px;
}

.module-product__notice {
	display: flex;
	align-items: center;
	margin-top: 15px;
	font-size: 12px;
	position: relative;
}

.module-product__notice-button {
	margin-right: 5px;
	width: 38px;
	height: 25px;
	display: inline-block;
	background:
		url(/cjom/mobile/images/icon/ico-product-list-alarm-type2.png)
		no-repeat 0 0;
	background-size: 100%;
}

.module-product__notice>span {
	display: none;
}

.module-product__notice-button.is-active ~span {
	display: block;
}

.module-product__anchor>*:first-child:not (.module-product__badge-box ),
	.module-product__anchor>*:first-child:not (.module-product__badge-box )
	{
	margin-top: 0;
}

.module-product--3column {
	padding: 0 5px;
}

.module-product--3column .module-product__li {
	padding: 15px 10px;
	border: none;
	width: calc(100%/ 3);
}

.module-product--list {
	border-bottom: none;
}

.module-product--list ~.module-button-box .btn__more--none-border {
	border-top: 1px solid #eee;
}

/* Asis 베스트랭킹 숫자강조 */
/* .module-product--list .module-product__li {
	padding: 15px;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	border-right: none;
} */

.module-product--list .module-product__li:first-child {
	border-top: none;
}

.module-product--list .module-product__li:last-child {
	border-bottom: none;
}

/* Asis 베스트랭킹 숫자강조 */
/* .module-product--list .module-product__image-box {
	position: static;
	width: 110px;
	box-sizing: border-box;
} */

.module-product--list .module-product__image-box .checkbox__input {
	top: 15px;
	left: 15px;
}

.module-product--list .module-product__cart {
	bottom: 8px;
	right: 15px;
}

.module-product--list .module-product__category-box {
	padding-right: 40px;
}

.module-product__li:nth-child(even) {
	border-right-color: transparent;
}

.module-product__banner ~.module-product__li:nth-child(even) {
	border-right-color: #eee;
}

.module-product__banner ~.module-product__li:nth-child(odd) {
	border-right-color: transparent;
}

.module-product__keyword ~.module-product__li:nth-child(even) {
	border-right-color: transparent;
}

.module-product__keyword ~.module-product__li:nth-child(odd) {
	border-right-color: #eee;
}

.module-product--list-small {
	border-bottom: none;
}

.module-product--list-small .module-product__image-box {
	width: 90px;
}

.module-product--list-small .module-product__contents-box {
	padding-right: 40px;
	width: calc(100% - 90px);
}

.module-product--list-small .module-product__category-box {
	padding-right: 0;
}

.module-product--list-small .module-product__cart {
	margin-top: -20px;
	bottom: auto;
	top: 50%;
}

.module-product--list-small .module-product__li:last-child .module-product__cart
	{
	margin-top: -5px;
}

.module-product--column {
	border-bottom: none;
}

.module-product--column .module-product__ul {
	display: block;
}

.module-product--column .module-product__li {
	padding: 0;
	width: 100%;
	border: none;
}

.module-product--column .module-product__li+.module-product__li {
	border-top: 10px solid #e6e6e6;
} /* 2019-07-11 메인 디바이더 색상수정 */
.module-product--column .module-product__li:last-child {
	border-bottom: none;
}

.module-product--column .module-product__contents-box {
	padding: 15px 15px 11px;
}

.module-product--column .module-product__image-box {
	max-width: none;
}

.module-product--column .module-product__anchor--image {
	max-width: none;
	padding-bottom: 56%;
	text-align: center;
	overflow: hidden;
}

.module-product--column .module-product__image {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: auto;
	height: 100%;
} /* 2019-07-08 안드로이드대응 추가 */
.module-product--column .module-product__badge-box {
	position: absolute;margin-top:0;
	top: 0;
	right: 0;
	z-index: 2;
}

.module-product--column .module-product__badge {
	margin-top: 0;
	margin-right: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	justify-content: center;
}

.module-product--column .module-product__title {
	margin-top: 0;
}

.module-product--column .module-product__sub-title {
	margin-top: 0;
}

.module-product--column .module-product__price-box {
	display: flex;
	align-items: center;
}

.module-product--column .module-product__price-box {
	margin-top: 4px;
}

.module-product--column .module-product__price {
	margin: 0 5px 0 0;
}

.module-product--column .module-product__price--discount-percent {
	margin: 0 5px 0 0;
	font-size: 16px;
	font-weight: 500;
} /* 2019-07-17 상품목록 font-weight 수정 */
.module-product--column .module-product__price--discount-percent .number
	{display:inline-block;margin-top:-1px;
	font-size: 18px;
	font-weight: 500;
} /* 2019-07-17 상품목록 font-weight 수정 */
.module-product--column .module-product__anchor:not(.module-product__anchor--image) { width: calc( 100% - 40px); }

.module-product--column .module-product__cart {
	margin-left: 10px;
	position: static;
}

.module-product--column .module-product__category-box {
	padding-top: 6px;
	border-top: 1px solid #eee;
}

.module-product--column.module-product--list .module-product__li {
	padding: 15px;
}

.module-product--column.module-product--list .module-product__flex-box {
	padding-bottom: 0;
}

/* .module-product--column.module-product--list .module-product__contents-box
	{
	padding: 0 0 0 15px;
}
*/
 .module-product--column.module-product--list .module-product__contents-box
	{
	padding: 0 0 0 10px;
}

.module-product--column .module-product__flex-box {
	align-items: flex-start;
}

.module-product.module-product--column .video-box__play-time {
	bottom: 10px;
	left: 10px;
}

/* Asis 베스트랭킹 숫자강조 */
/* .module-product__best {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2a715a;
	font-weight: 300;
	font-size: 11px;
	color: #fff;
	z-index: 2;
} */

/*----- Tobe 베스트랭킹 숫자강조 -----*/
.module-product__best {
	position: relative;
	top: 0;
	left: 0;
    width: auto;
    height: 20px;
    line-height: 1;
    margin-bottom: 6px;
    display: inline-flex;
	align-items: start;
	justify-content: center;
	background-color: inherit;
	font-weight: bold;
	font-size: 16px;
	color: #222;
	z-index: 2;
    letter-spacing: 0;
    text-align: left;
}

.module-product__ul {
    counter-reset: counterNum;
}
.module-product__ul .module-product__li {
	padding: 15px 15px 20px;
	width: 50%;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}
.module-product__ul > li .module-product__best:before {
    counter-increment: counterNum;
    content: counter(counterNum, decimal);
}
.module-product__ul > li:nth-child(-n+9) .module-product__best:before{
	/* content: "0" counters(counterNumM, ""); */
	content: counter(counterNum, decimal-leading-zero);
}

.module-product__ul > li:nth-child(-n+10) .module-product__best {
	left: 4px;
}
.module-product__ul > li:nth-child(-n+10) .module-product__best:after {
	/*언더라인*/
	content:'';
    position: absolute;
    top: 50%; /*8px*/
    left: 50%;
	width:100%;
	height: .625rem; /*10px*/
    font-size: 0;
    text-align: center;
    object-fit: contain;
    /* flex-grow: 0; */
    padding: 0 3px;
	transform: translate(-50%, -1px);
	background: #ffe500;
	z-index: -1;
}
/*가로형 : 햄버거메뉴 클릭시 정렬*/
.module-product--list .module-product__li {
	padding: 15px;
	width: 100%;
	position: relative;
	display: flex;
	justify-content:space-around;
	align-items: start;
	border-right: none;
}
.module-product--list .module-product__contents-box {
	padding: 0 0 0 0px;
	width: calc(100% - 126px);
	box-sizing: border-box;
}
.module-product--list .module-product__li .module-product__best {
	left:0;
    height: 15px;
	font-size: 13px;
	margin-right: 2px;
}
.module-product--list .module-product__li .module-product__best:after {
	padding:0 0rem;
}
.module-product--list > ul > li:nth-child(-n+10) .module-product__best:before {
	padding:0;
}
.module-product--list > ul > li:nth-child(n+100) .module-product__best {
	/*only 가로형 3자리(100) 이후에만*/
	font-size:11px;
	margin-right:-2px
}
.module-product--list .module-product__image-box {
	position: static;
	width: 90px;
	box-sizing: border-box;
}
/*//가로형 : 햄버거메뉴 클릭시 정렬*/
/*----- //Tobe 베스트랭킹 숫자강조 -----*/


.module-product__event-image {
	padding-right: 40px;
	box-sizing: border-box;
}

.module-product .video-box {
	margin: 0;
}

.column-list .module-product__flex-box {
	padding-bottom: 0;
}

.module-product--scroll {
	padding: 0 0 50px 15px;
	margin-bottom: -50px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.module-product--scroll .module-product__ul {
	position: relative;
	display: block;
	white-space: nowrap;
	font-size: 0;
}

.module-product--scroll .module-product__li {
	padding: 15px 15px 15px 0;
	display: inline-block;
	border: none;
}

.module-product--scroll.module-product--2column .module-product__li {
	width: 170px;
}

.module-product--scroll.module-product--3column .module-product__li {
	width: 135px;
}

.module-product--is-top-border {
	border-top: 1px solid #eee;
}

.module-product--is-bottom-border {
	border-bottom: 1px solid #eee;
}

.module-product--is-top-padding {
	padding-top: 15px;
}

.module-product--is-bottom-padding {
	padding-bottom: 15px;
}

.module-product .video-box__play-time {
	left: 10px;
	bottom: 10px;
} /* 2019-07-23 동영상아이콘 위치수정 */
.module-product__buy {
	position: absolute;
	top: 20px;
	right: 0;
	width: 70px;
	height: 24px;
	line-height: 24px;
	border-radius: 2px;
	background-color: #a4b930;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.module-product--cookit .module-product__flex-box {
	position: relative;
	justify-content: space-between;
}

.module-cart {
	background-color: #fff;
}

.module-cart__product {
	padding: 15px 0;
	border-top: 1px solid #eee;
	display: flex;
	box-sizing: border-box;
}

.module-cart--none-top-border .module-cart__product:first-child {
	border-top: 0;
}
/* .module-cart__li:first-child .module-cart__product { margin-top: 0; padding-top: 20px; }
.module-cart__li:last-child .module-cart__product { padding-bottom: 20px; } */
	/* 2019-07-17 장바구니 주문배송조회 상품 상하단 여백삭제 */
.module-cart__li:last-child>*:last-child:not (.module-cart__change-box ):not
	(.module-cart__product ) {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.module-cart__li:last-child .module-cart__gift-li:last-child {
	padding-bottom: 20px;
}

.module-cart__li:last-child .module-cart__apply-box {
	padding-bottom: 20px;
}

.module-cart__anchor {
	display: block;
}

.module-cart__anchor+.module-cart__price-box {
	margin-top: 6px;
}
.module-cart .module-cart-bttn {
	margin-top: 6px;
}
.module-cart .module-cart-bttn .btn {display:inline-block;margin-right:3px;padding:0 9px; border: solid 1px #ddd;font-size:12px;color:#555;height:25px;line-height:23px;}
.module-cart__checkbox {
	padding-right: 10px;
	width: 30px;
	height: 60px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.module-cart__checkbox .checkbox__input {
	padding-left: 20px;
}

.module-cart__image-box {
	width: 60px;
	height: 60px;
	position: relative;
}

.module-cart__contents-box {
	padding-left: 10px;
	width: calc(100% - 60px);
	position: relative;
	box-sizing: border-box;
}

.module-cart__checkbox ~.module-cart__contents-box {
	width: calc(100% - 90px);
}

/* 22-06 임직원할인한도초과 */
.module-cart__contents-box .member-amount-noti {
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;

	text-align: left;
	color: #767676;
}
.module-cart__contents-box .member-amount-noti::before {
	content: '';
	padding: 0 0 0 7px;
	box-sizing: border-box;
	background: url(/cjom/mobile/images/icon/ico-gift-dotted.png) 0 40% no-repeat;
	background-size: contain;
	margin-right:3px
}
.module-cart__contents-box .member-amount-noti > span {
	font-size: inherit;
	letter-spacing: -0.05em;
}
/* //22-06 임직원할인한도초과 */

.module-cart__badge-box {
	margin: -4px 0 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.module-cart__badge {
	margin: 4px 4px 0 0;
	padding: 0 6px;
	min-width: 40px;
	height: 20px;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 11px;
	color: #767676;
}

.module-cart__badge--type2 {
	border: none;
	background-color: #f8f8f8;
}

.module-cart__title {
	font-size: 14px;
	line-height: 20px;
	max-height: 40px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.module-cart__option-box {
	margin-top: 2px;
	display: flex;
	align-items: center;
}

.module-cart__option-title {
	width: calc(100% - 70px);
	font-size: 12px;
	line-height: 17px;
	max-height: 17px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.module-cart__option-change {
	background: none;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #767676;
}

.module-cart__option-change:before {
	margin: 0 8px;
	width: 1px;
	height: 10px;
	background-color: #eee;
	display: inline-block;
	content: '';
}

.module-cart__option-change:after {
	width: 10px;
	height: 10px;
	background: transparent url(/cjom/mobile/images/icon/ico-arrow-13x7.png)
		no-repeat right -2px center;
	background-size: 10px;
	display: inline-block;
	content: '';
}

.module-cart__option-change.is-active {
	text-decoration: underline;
	color: #000;
}

.module-cart__option-change.is-active:after {
	background: transparent
		url(/cjom/mobile/images/icon/ico-arrow-13x7-on.png) no-repeat right
		-2px center;
	background-size: 10px;
}

.module-cart__point-box {
	margin-top: 3px;
	display: flex;
	align-items: center;
}
.module-cart-plist {display:flex;align-items:center;font-size: 12px;color:#000;}
.module-cart-plist:after {display:block;content:'';width:1px;height:10px;margin:1px 8px 0;background-color:#ddd;}
.module-cart-plist:last-child:after {width:0;}
.module-cart__point-list {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #767676;
}


.module-cart__date-box.market-point .module-cart__point-list{display:inline-block;width:auto;}		/* MARKETDEV-8827 수정 */

.module-cart__point-list .number {
	color: #000;margin-left:3px;
}

.module-cart__point-list+.module-cart__point-list:before {
	margin: 1px 5px 0;
	width: 1px;
	height: 10px;
	background-color: #ddd;
	display: inline-block;
	content: '';
}
.module-cart__price-box {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.module-cart__price {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.module-cart__refer {margin-top:5px;font-size:13px;color:#2a715a;}
.module-cart__price .number {
	font-size: 16px;
}
.module-cart__price-inner {
	display: flex;
	align-items: center;
}

.module-cart__price-box {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.module-cart-schedule {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 300;
}

.module-cart__date-box {
	margin-top: 3px;
	height: 20px;
	display: block;
	align-items: center;
	justify-content: space-between;
}

.module-cart__date-box .expected-date {
	display: inline-block;
	line-height: 15px;
	font-size: 13px;
	/*color: #00893d;*/
	color:#333;
}

.module-cart__quantity {
	font-size: 12px;
	display: flex;
	align-items: center;
}

.module-cart__price-inner>*:first-child ~*:before {
	margin: 1px 8px 0;
	width: 1px;
	height: 10px;
	display: inline-block;
	background-color: #ddd;
	content: '';
} /* 2019-07-17 구분선 색상, 정렬 수정 */
.module-cart__price-inner>.module-cart__popup-button:before {
	display: none;
} /* 2019-07-17 구분선 색상, 정렬 수정 */
.module-cart__sale-pirce {
	margin-top: 9px;
	text-decoration: line-through;
	font-size: 12px;
	color: #767676;
}

.module-cart__popup-button {
	margin-left: 5px;
	width: 15px;
	height: 15px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-exclamation-mark-30x30.png) no-repeat
		0 0;
	background-size: 15px;
}

.module-cart__soldout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: #fff;
}

.module-cart__reoder {
	margin-top: 8px;
}

.module-cart__change-box {
	position:relative;
	margin: 0 -15px;
	padding: 15px;
	border-top: 1px solid #eee;
	background-color: #f8f8f8;
	display: flex;
	align-items: center;
}

.module-cart__change-box[aria-expended=true] ~.module-cart__gift {
	margin-top: 15px;
}

.module-cart__change-box .module-cart__change-box-select {
	width: calc(100% - 80px);
}

.module-cart__change-box .module-cart__change-box-button {position:absolute;right:15px;top:15px;
	margin-left: 10px;
	width: 70px;
}

.module-cart__li--soldout .module-cart__price, .module-cart__li--soldout .module-cart__title
	{
	color: #767676;
}

.module-cart__button-margin {
	margin-top: 6px;
}

.module-cart__gift {/*margin-bottom:20px;*/border: 1px solid #eee;}	/* 퍼블 작업 시 다른 화면 영향도 파악 후 작업 부탁드립니다. */
.module-cart__gift + .module-cart__gift {margin-top:20px;}

.module-cart__gift:last-child{margin-bottom:20px;}	/* MARKETDEV-9849 주문취소페이지 증정품 하단 공백 없음으로 인해 추가 */

.module-cart__gift-header {
	padding: 9px 14px 14px 24px;
	box-sizing: border-box;
	background: #f8f8f8 url(/cjom/mobile/images/icon/ico-gift-dotted.png)
		no-repeat 14px 14px;
	background-size: 7px;
}

.module-cart__gift-title {
	font-weight: 700;
	font-size: 12px;
	line-height: 17px;
	color: #000;
}

.module-cart__gift-title span {
	display: inline-block;
	vertical-align: middle;
}

.module-cart__gift-sub-title {
	margin-top: 3px;
	display: block;
	font-size: 11px;
	line-height: 17px;
	color: #000;
}

.module-cart__gift-ul {
	padding: 0 14px;
}

.module-cart__gift-li {
	padding: 15px 0;
	display: flex;
	align-items: center;
}

.module-cart__gift-li:first-child {
	margin-top: 0;
}

.module-cart__gift-li+.module-cart__gift-li {
	border-top: 1px solid #eee;
}

.module-cart__gift-quantity {
	display: block;
}

.module-cart__gift-header-text {
	padding-left: 15px;
	background: url(/cjom/mobile/images/icon/ico-module-cart-gift.png)
		no-repeat 0 center;
	background-size: 10px;
}

.module-cart__gift-image-box {
	width: 60px;
}

.module-cart__gift-info {
	padding-left: 10px;
	width: calc(100% - 60px);
	position: relative;
}

.module-cart__gift-name {
	height: 19px;
	font-size: 14px;
	line-height: 19px;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #000;
}

.module-cart__gift-li--is-select .module-cart__gift-name {
	width: calc(100% - 115px);
}

.module-cart__gift-quantity {
	margin-top: 5px;
	font-size: 12px;
}

.module-cart__cancel-quantity {
	font-size: 11px;
	color: #ff0000;
}

.module-cart__gift-info {
	text-align: right;
}

.module-cart__gift-info .module-cart__gift-name, .module-cart__gift-info .module-cart__gift-quantity
	{
	text-align: left;
}

.module-cart__gift-info .form-element__select--round {
	margin-top: 10px;
	width: auto;
	display: inline-block;
}

.module-cart__quantity-total {
	color: #767676;
}

.module-cart__gift-select {
	padding-right: 20px;
	background-position: right center;
	width: 55px;
	height: 30px;
}

.module-gift__dl {
	padding: 0 15px;
	height: 51px;
	border-top: 1px solid #eee;
	background-color: #f8f8f8;
	display: flex;
	align-items: center;
	font-size: 13px;
}

.module-gift__dt {
	margin-right: 15px;
	font-weight: 700;
}

.module-cart__cart {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(/cjom/mobile/images/icon/ico-module-cart__cart.png)
		no-repeat 0 0;
	background-size: 30px;
}

.module-cart__apply-box {margin: 0 0 -1px; padding: 15px; border-top: 1px solid #eee; background-color: #fff; margin-top:15px}

.module-cart__apply-column--flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.module-cart__apply-column+.module-cart__apply-column {
	margin-top: 15px;
}

.module-cart__apply-flex {
	display: flex;
	align-items: center;
}

.module-cart__apply-price {
	margin-right: 15px;
	font-size: 13px;
	display: flex;
	align-items: center;
}

.module-cart__apply-price .number {
	font-size: 16px;
	font-weight: 700;
}

.module-cart__apply-text {
	font-size: 13px;
	color: #767676;
}

.module-container {
	background-color: #fff;
}

.module-container--bottom-padding {
	padding-bottom: 5px;
}

.module-container--border-bottom {
	border-bottom: 1px solid #eee;
}

.module-container--border-top {
	border-top: 1px solid #eee;
}

.module-container--horizon {
	padding: 0 15px;
}

.module-container--full {
	margin: 0 -15px;
}

.module-container--scroll {
	overflow: hidden
}

.module-filter {padding:0 15px;
	background-color: #fff;
	box-sizing: border-box;
}

.module-filter--self {
	padding-top: 5px;
}
.module-filter__column {
	height: 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.module-filter__column+.module-filter__column {
	border-top: 1px solid #f8f8f8;
}

.module-filter__column-box {
	display: flex;
	align-items: center;
}

.module-filter__total {	display: flex;align-items: center;font-size: 13px;color:#333 !important;}

.module-filter__total .number {
	color: #333;font-weight:bold;
	margin: 0 1px 0 2px;
}

.module-filter__select {
	padding-left: 25px;
	width: auto;
	min-width: 50px;
	height: 45px;
	box-sizing: border-box;
	background: url(/cjom/mobile/images/icon/ico-sorting-arrow-up-down.png)
		no-repeat 0 center;
	background-size: 20px;
	letter-spacing: -1px;
	font-size: 13px;
	color: #000;
}

.module-filter__select--selected:after {
	position: absolute;
	top: 50%;
	right: -7px;
	margin-top: -6px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #f80012;
	content: '';
}

.module-filter__search {
	margin-left: 10px;
	padding-left: 24px;
	background: transparent
		url(/cjom/mobile/images/icon/ico-detail-search.png) no-repeat 0 center;
	background-size: 20px;
	position: relative;
	font-size: 13px;
	color: #000;
}

.module-filter__sorting-product {
	margin-left: 15px;
	width: 20px;
	height: 20px;
	background: url(/cjom/mobile/images/icon/ico-product-list.png) no-repeat
		0 0;
	background-size: 50px 20px;
}

.module-filter__sorting-product--thumb {
	background-position: -30px 0;
}

.module-filter__button {
	display: flex;
	align-items: center;
	background-color: transparent;
	font-size: 13px;
}

.module-filter__button:before {
	margin-right: 4px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(/cjom/mobile/images/icon/ico-module-filter.png);
	background-repeat: no-repeat;
	background-size: 40px 20px;
	content: '';
}

.module-filter__button--regular:before {
	display: none;
}

.module-filter__button--select:before {
	background-position: -20px 0;
}

.module-filter__button+.module-filter__button {
	margin-left: 10px;
}

.module-filter--search {
	padding: 5px 15px 0;
}

.module-filter--search .module-filter__total {
	font-size: 16px;
	font-weight: 700;
}

.module-button-box--full {
	margin: 0 -15px;
}

.modal-product {
	display: block;
}

.modal-hotdeal-product__title {
	margin-top: 15px;
	font-size: 14px;
	line-height: 20px;
}

.modal-hotdeal-product__price {
	margin-top: 10px;
	font-size: 12px;
}

.modal-hotdeal-product__price>s {
	font-size: 11px;
	color: #767676;
	vertical-align: baseline;
}

.modal-hotdeal-product__price--13 {
	font-size: 13px;
}

.modal-hotdeal-product__price--14 {
	font-size: 14px;
}

.component-order__header {
	padding: 0 15px;
	height: 55px;
	background-color: #2a715a;
	display: flex;
	align-items: center;
}

.component-order__header--link {
	padding-right: 25px;
	background: #2a715a
		url(/cjom/mobile/images/icon/ico-arrow-right-14x24-fff.png) no-repeat
		right 15px center;
	background-size: 7px 12px;
}

.component-order__header-title {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}

.component-order__header-title * {
	margin-left: 8px;
}

.component-order__header-title *+*:before {
	margin-right: 8px;
	width: 1px;
	height: 10px;
	background-color: rgba(255, 255, 255, .4);
	display: inline-block;
	content: '';
}

.component-order__shipping {
	background-color: #fff;
}

.component-order__address {
	padding: 0 15px;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.component-order__address--link {
	padding-right: 30px;
	background: url(/cjom/mobile/images/icon/ico-arrow-down-24x14.png)
		no-repeat right 15px center;
	background-size: 12px 7px;
}

.component-order__address-text:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 10px;
	background: #eee;
	margin: -3px 8px 0 8px;
}

.component-order__address-detail {
	padding: 0 15px 15px;
}

.component-order__address-box {
	padding: 15px;
	border: 1px solid #eee;
}

.component-order__address.checkbox__input {
	padding-left: 40px;
}

.component-order__address.checkbox__input:before {
	left: 15px;
}

.component-order__address.checkbox__input[aria-checked=true]:after {
	left: 15px;
}

.component-order__shipping-type {
	padding: 0 15px;
	height: 50px;
	background-color: #fbf6ef;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.component-order__shipping-type-title {
	font-weight: 700;
	display: flex;
	align-items: center;
}

.component-order__shipping-type-count {
	display: flex;
	align-items: center;
}

.component-order__shipping-type-count:before {
	margin: 0 8px;
	width: 1px;
	height: 10px;
	background-color: #000;
	display: inline-block;
	content: "";
}

.component-order__shipping-state {
	padding: 0 15px;
	background-color: #fff;
}

.component-order__state {
	height: 50px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.component-order__state-dt {
	font-weight: 700;
}

.component-order__state-dd {
	font-size: 13px;
	color: #767676;
}

.component-order__state-dd:before {
	margin: 0 8px;
	width: 1px;
	height: 10px;
	background-color: #eee;
	display: inline-block;
	content: '';
}

.component-order__state-column {
	display: flex;
	align-items: center;
}

.component-order__section+.component-order__section {
	margin-top: 15px;
}

.component-order__button-link {
	font-size: 12px;
	text-decoration: underline;
	color: #2a715a;
	font-weight: 700;
}

.component-flex-box {
	padding: 20px 15px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.component-flex-box ~.component-flex-box {
	margin-top: 15px;
}

.component-flex-box--full {
	margin-left: -15px;
	margin-right: -15px;
}

.component-flex-box--top-margin {
	margin-top: 15px;
}

.component-flex-box__title {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
}

.component-flex-box__title--fixed {
	padding-right: 10px;
	width: 100%;
	box-sizing: border-box;
}

.component-flex-box__title--fixed span:first-child {
	width: 70px;
}

.component-flex-box__title--fixed span:last-child {
	width: calc(100% - 70px);
}

.component-flex-box__contents {
	display: flex;
	align-items: center;
}

.component-flex-box__text {
	margin-right: 15px;
	font-size: 12px;
	color: #2a715a;
}

.component-flex-box__price {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #2a715a;
}

.component-flex-box__bar-text {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #2a715a;
}

.component-flex-box__bar-text:before {
	margin: 0 8px;
	min-width: 1px;
	height: 10px;
	background-color: #eee;
	display: inline-block;
	content: '';
}

.component-flex-box .form-element {
	flex: 1;
}

.component-flex-box--style01 {
	align-items: flex-start;
}

.component-flex-box--style01 *:first-child {
	margin-right: 10px;
	width: calc(100% - 80px);
}

.component-flex-box--style01 *:last-child {
	width: 70px;
}

.component-rating {
	margin-top: -10px;
}

.component-rating__button {
	margin: 10px 5px 0 0;
	padding: 0 11px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #eee;
	border-radius: 15px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 12px;
	color: #000;
}

.component-rating__button:before {
	width: 55px;
	height: 10px;
	background-image: url(/cjom/mobile/images/icon/ico-rating-type1.png);
	background-repeat: no-repeat;
	background-size: auto 62px;
	display: inline-block;
	content: '';
}

.component-rating__button--5:before {
	background-position: 0 0;
}

.component-rating__button--4:before {
	background-position: 0 -13px;
}

.component-rating__button--3:before {
	background-position: 0 -26px;
}

.component-rating__button--2:before {
	background-position: 0 -39px;
}

.component-rating__button--1:before {
	background-position: 0 -52px;
}

.search-detail__selected .component-rating__button {
	border: none;
}

.component-box {
	display: block;
	box-sizing: border-box;
	padding: 20px 15px;
}

.component-box--style-1 {
	background: #fff;
	border: 1px solid #eee;
	font-size: 13px;
}

.component-title {
	font-weight: 700;
}

.component-title--h1 {
	font-size: 16px;
}

.component-align {
	text-align: center;
}

.component-align--left {
	text-align: left;
}

.component-align--right {
	text-align: right;
}

.zip-code {
	margin-top: -5px;
}

.zip-code__search-box {
	padding: 20px 15px;
	background-color: #f8f8f8;
}

.zip-code__search-box .component-flex-box {
	padding: 0;
}

.zip-code__result-box .form.form--half {
	margin-top: 10px;
}

.zip-code__result-ul {
	margin-top: 20px;
	border-bottom: 1px solid #eee;
}

.zip-code__result-li {
	border-top: 1px solid #eee;
}

.zip-code__result-anchor {
	padding: 20px 0;
	display: block;
}

.zip-code__result-code {
	display: block;
	font-weight: 700;
}

.zip-code__result-address {
	margin-top: 6px;
	display: block;
	font-size: 13px;
	line-height: 21px;
	color: #767676;
}

.subtitles-toggle {
	display: block;
	position: relative;
}

.subtitles-toggle--full {
	margin: 0 -15px;
}

.subtitles-toggle__anchor {
	display: block;
	box-sizing: border-box;
	position: absolute;
	padding: 0 7px 0 10px;
	right: 0;
	bottom: -25px;
	height: 25px;
	line-height: 25px;
	background: #767676;
	color: #fff;
	font-size: 11px;
	text-align: center;
	z-index: 1;
}

.subtitles-toggle__anchor::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: -6px 0 -3px 4px;
	width: 7px;
	height: 7px;
	background: url(/cjom/mobile/images/icon/ico-plus-14x14.png) no-repeat
		center;
	background-size: 7px 7px;
}

.is-active.subtitles-toggle__anchor::after {
	background: url(/cjom/mobile/images/icon/ico-minus-14x14.png) no-repeat
		center;
	background-size: 7px 7px;
}

.subtitles-toggle__pannel {
	display: block;
	padding: 15px;
	background: #000;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
}
.layer_review {position:relative;}
.layer_review a {display: inline-block;}
.layer_review .tip-arrow-btm {position:absolute;bottom:46px;left:50%;transform:translateX(-50%);}
.layer_review .tip-arrow-btm:after {content:"";display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #2e9771;}
.layer_review .inner.bg-green {/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);min-width:203px;max-width: 223px;*/
background-color:#2e9771;border-radius:18px;padding:10px 12px;display:flex;align-items:center;bottom:52px;color:#fff;text-align:left;transform:translate(-40%, 0);position:absolute;left:50%;box-sizing:border-box;white-space:nowrap;}
.layer_review .inner.bg-green *,
.layer_review .inner.bg-green *:after,
.layer_review .inner.bg-green *:before {box-sizing:border-box;}

@media(max-width:415px) {
	.layer_review .inner.bg-green {
		left:auto;
		transform: unset;
		min-width: auto;
		max-width: unset;
		position: fixed;
		right:16px;
	}
}
.layer_review .inner.bg-green .icon-svg {width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;font-size:0;}
.layer_review .inner.bg-green .icon-svg .icon-point {width:15px;height:15px;display:inline-block;background:url(/cjom/mobile/images/icon/icon_point2.svg) no-repeat 50%;background-size:cover;}
.layer_review .inner.bg-green .text {font-size:11px;color:#fff;line-height:1.1;margin-top:1px;}
.layer_review .inner.bg-green .text .point {color:#ffea3c;}
/*// 2021-11-16 */

.fixed-menu {position: fixed;right: 10px;bottom:65px;z-index: 125;transform:translateY(0);text-align: right}
.fixed-menu.on {/* transform:translateY(45px); MARKETDEV-4286 / 허도경 / 2023-02-07 / back 키 위치 틀어짐 */  transform:translateY(52px);}
.fixed-menu__button {
	width: 45px;
	height: 45px;
	background: url(//img.cjthemarket.com/cjom/mobile/images/icon/ico-fixed-menu_n.png) no-repeat
		0 0;
	background-size: auto 45px;
	display: block;
	box-sizing: border-box;
}

.fixed-menu__button ~.fixed-menu__button {
	margin-top: 5px;
}

.fixed-menu__top {
	display: none;
	background-position: -45px 0;
}

.fixed-menu__top--single {z-index:125;
	display: none;
	position: fixed;
	bottom:65px;
	left: 10px;
	transform: rotate(-90deg);
}
.fixed-menu__top--single.on {
bottom: 14px;}
.fixed-menu__recently {
	background-position: -40px 0;
}

.fixed-menu--has-button {
	bottom: 60px;
}

.fixed-menu--has-popup {
	z-index: -1;
}

.prime-wrap .fixed-menu {bottom:101px;}
.prime-wrap .fixed-menu__top--single {bottom:102px;}
.prime-wrap .footer {padding-bottom:120px;}
.modal.is-open .fixed-menu__button {
	position: fixed;
	bottom: 15px;
	right: 15px;
}
.sub.scroll-down  .section__title-box{top:0 !important;}
/*.sub  .section__title-box{top:auto !important;}*/

/* 22-07 임직원할인한도초가 : 퀵버튼 겹침 대응 */
/* .fixed-menu-position .fixed-menu__top, */
.fixed-menu-position .fixed-menu.fixed-menu-member,
.fixed-menu__top--single.fixed-menu-member,
.fixed-menu-position .fixed-menu.fixed-menu-member ~ a {bottom:108px;}

/* 비프라임 장바구니 */
/* 일반유저 */
.fixed-menu-position.prime__user .fixed-menu__top--single.fixed-menu-member,
.fixed-menu-position.prime__user .fixed-menu__top--single.fixed-menu__top,
/* .fixed-menu-position.prime__user .fixed-menu.fixed-menu-member {bottom:137px !important;} */
.fixed-menu-position.prime__user .fixed-menu.fixed-menu-member {bottom:127px !important;}

/* 임직원 */
.fixed-menu-position.prime__staff .fixed-menu__top--single.fixed-menu-member,
.fixed-menu-position.prime__staff .fixed-menu__top--single.fixed-menu__top,
/* .fixed-menu-position.prime__staff .fixed-menu.fixed-menu-member {bottom:171px !important;} */
.fixed-menu-position.prime__staff .fixed-menu.fixed-menu-member {bottom:161px !important;}

.fixed-menu-position.prime__user #wrap:after,
.fixed-menu-position.prime__staff #wrap:after {display:block; content:""; content:""; width:100%; height:16vw; background-color:#f8f8f8;}

/* 프라임 장바구니 */ /* MARKETDEV-10329 프라임 특가 신규추가 */
/* 일반유저 */
.fixed-menu-position.prime__user--active .fixed-menu__top--single.fixed-menu-member,
.fixed-menu-position.prime__user--active .fixed-menu__top--single.fixed-menu__top,
/* .fixed-menu-position.prime__user--active .fixed-menu.fixed-menu-member {bottom:75px !important;} */
.fixed-menu-position.prime__user--active .fixed-menu.fixed-menu-member {bottom:98px !important;}

/* 임직원 */
.fixed-menu-position.prime__staff--active .fixed-menu__top--single.fixed-menu-member,
.fixed-menu-position.prime__staff--active .fixed-menu__top--single.fixed-menu__top,
/* .fixed-menu-position.prime__staff--active .fixed-menu.fixed-menu-member {bottom:112px !important;} */
.fixed-menu-position.prime__staff--active .fixed-menu.fixed-menu-member {bottom:144px !important;}

/*********************************************************************
- 지라: MARKETDEV-4286 / 허도경 / 2023-02-07 / back 키 위치 틀어짐
- 장바구니(비회원, 회원 분기), 골라담기 페이지 분기, 그 외 기본값 변경
**********************************************************************/
.fixed-menu__top--single.cart-nonMember,
.fixed-menu__top--single[data-user="false"],
.fixed-menu[data-user="false"],
.fixed-menu.cart-nonMember,
.fixed-menu__button.fixed-menu__top[data-user="false"] {bottom:124px !important;}
.fixed-menu__top--single.cart-faleCondition {bottom:118px !important;}

/* D:20231101 MARKETDEV-6553 상하단 내비게이션 개편 */
.wrap2023 .fixed-menu {text-align:right;}
.wrap2023 .fixed-menu.on {transform:translateY(0);}
.wrap2023 .fixed-menu.fixed-request {bottom:130px !important;}
.wrap2023 .fixed-menu.fixed-request.on {bottom:130px !important;}
.wrap2023 .fixed-menu.fixed-request.ontop {bottom:78px !important;}
.wrap2023 .fixed-menu__top--single {bottom:65px;}
.fixed-menu-position .wrap2023 .fixed-menu__top--single {bottom:75px;}
.wrap2023.prime-wrap .fixed-menu__top--single {bottom:102px;}
.wrap2023 .fixed-menu__top--single.on {/*transform:translateY(0);*/}
.wrap2023 .bulk-contents ~ .fixed-menu__top--single {bottom:156px !important;}
.wrap2023 .bulk-contents ~ .fixed-menu {bottom:156px !important;}
.wrap2023 .talk-contents ~ .fixed-menu__top--single,
.wrap2023 .talk-contents ~ .fixed-menu {bottom:60px !important;}
.wrap2023 .talk-contents ~ .fixed-menu .sub-bibigo-banner {margin-bottom:60px;}
.wrap2023 .talk-write__content ~ .fixed-menu__top--single,
.wrap2023 .talk-write__content ~ .fixed-menu {display:none !important;}

.main__dim-gate {
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

.main__dim-gate .main__dim-gate__contents {
	position: relative;
	top: 200px;
	width: 290px;
	margin: 0 auto;
}

.main__dim-gate .main__dim-gate__contents .main__dim-gate__list {
	display: flex;
	padding: 0 15px;
}

.main__dim-gate .main__dim-gate__contents .main__dim-gate__list img {
	width: 70px;
	height: 70px;
}

.main__dim-gate .main__dim-gate__contents .main__dim-gate__list p {
	margin-left: 18px;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
}

.main__dim-gate .main__dim-gate__contents .main__dim-gate__list p strong
	{
	font-size: 20px;
}

.main__dim-gate .main__dim-gate__contents .main__dim-gate__list p strong span
	{
	font-weight: 400;
}

.main__dim-gate .main__dim-gate__contents .app-download {
	display: block;
	width: calc(100% - 30px);
	height: 53px;
	margin: 20px auto 28px;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	line-height: 53px;
	font-size: 14px;
}

.main__dim-gate .main__dim-gate__contents .gate-close {
	font-size: 12px;
	text-align: center;
}

.main__dim-gate .main__dim-gate__contents .gate-close a {
	color: #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding-bottom: 2px;
}

.product__more-button {
	width: 100%;
	height: 41px;
	border-top: 1px solid #eee;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 20px;
	color: #0076d1;
}
/* 메인 프라임팝업 */
.m_dim_prime {position:fixed;z-index:102;width:100%;height:100%;background: rgba(0, 0, 0, 0.5);}
.m_dim_prime .m_dim_prime_wp {position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;height:320px;margin: 0 auto;}
.m_dim_prime .m_dim_prime_cont {height:260px;padding:30px 20px 0;box-sizing:border-box; background:url('/cjom/mobile/images/mypage/bg_m_prime_popup.png') no-repeat 50% 0;background-size:100% 260px;}
.m_dim_prime .m_dim_prime_cont .txt01 {padding-top:35px;text-align:center;color:#bc8145;font-size:16px;font-weight:bold;line-height:20px;background:url('/cjom/mobile/images/mypage/ico_user_grade.svg') no-repeat 50% 0;background-size:36px 31px;}
.m_dim_prime .m_dim_prime_cont .txt02 {margin-top:13px;text-align:center;color:#234a46;font-size:20px;}
.m_dim_prime .m_dim_prime_cont .txt02  strong {margin-top:10px;display:block;font-size:30px;font-weight:bold;line-height:0.67;}
.m_dim_prime .m_dim_prime_cont .btn {margin-top:20px;width:100%;height:50px;line-height:50px;font-size:19px;font-weight:bold;color:#fff;background-color:#c89f73;}
.m_dim_prime .m_dim_prime_fot {overflow:hidden;height:60px;padding:20px 25px 0;background-color:#fff;box-sizing:border-box; }
.m_dim_prime .m_dim_prime_fot .btn-close01 {float:left;font-size:15px;}
.m_dim_prime .m_dim_prime_fot .btn-close02 {float:right;font-size:15px;font-weight:bold;}

/* 메인팝업 */
.m_modal_popup {position:fixed;z-index:130;width:100%;height:100%;background: rgba(0, 0, 0, 0.5);}
.m_modal_popup .m_modal_popup_wp {position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;margin: 0 auto;}
.m_modal_popup .m_modal_popup_cont {position:relative;}
.m_modal_popup .m_modal_popup_cont .m_modal_thumb {width:100%;text-align:center;}
.m_modal_popup .m_modal_popup_cont .m_modal_thumb img {height:100%;border-radius:20px 20px 0 0;}
.m_modal_popup .m_modal_popup_cont .m_modal_thumb_ctrl {position:absolute;right:15px;top:15px;padding:0 11px;height:22px;font-size:12px;line-height:24px;color:#fff;border-radius:14px;background-color: rgba(0, 0, 0, 0.2);}
.m_modal_popup .m_modal_popup_cont .m_modal_thumb_ctrl em {margin-left:3px;font-style:normal;}

/* 해당요소 margin-left: 빈값으로 적용되어 있어서 주석처리 - 히스토리 및 수정 값 아는 분은 값 변경 적용해서 커밋 요망 : HDK */
/* .m_modal_popup .m_modal_popup_cont .m_modal_visual_status_total {margin-left:;} */

.m_modal_popup .m_modal_popup_cont .m_modal_visual_status_current {font-weight:bold;}
/* 메인팝업: 프라임 */
.m_modal_popup .m_modal_popup_cont .m-modal-prime{height:100%;}
.m_modal_popup .m_modal_popup_cont .m-modal-prime .inner{position:relative;display:table;width:100%;height:100%;}
.m_modal_popup .m_modal_popup_cont .m-modal-prime .inner .cont{display:table-cell;text-align:center;vertical-align:middle;transform:translateY(-18%);}
@media screen and (max-width:320px){
	.m_modal_popup .m_modal_popup_wp .m_modal_popup_cont .m-modal-prime .txt01{font-size:13px;}
	.m_modal_popup .m_modal_popup_wp .m_modal_popup_cont .m-modal-prime .txt02{margin-top:0;font-size:18px;}
	.m_modal_popup .m_modal_popup_wp .m_modal_popup_cont .m-modal-prime .thumb img{width:180px;height:51px;}
}
.m_modal_popup .m_dim_prime_cont {height:100%;padding:30px 20px 0;box-sizing:border-box; background:url('/cjom/mobile/images/mypage/bg_m_prime_popup.png') no-repeat 50% 0;background-size:100% 260px;}
.m_modal_popup .m_dim_prime_cont .txt01 {padding-top:35px;text-align:center;color:#bc8145;font-size:16px;font-weight:bold;line-height:20px;background:url('/cjom/mobile/images/mypage/ico_user_grade.svg') no-repeat 50% 0;background-size:36px 31px;}
.m_modal_popup .m_dim_prime_cont .txt02 {margin-top:13px;text-align:center;color:#234a46;font-size:20px;}
.m_modal_popup .m_dim_prime_cont .txt02  strong {margin-top:10px;display:block;font-size:30px;font-weight:bold;line-height:0.67;}
.m_modal_popup .m_dim_prime_cont .btn {margin-top:20px;width:100%;height:50px;line-height:50px;font-size:19px;font-weight:bold;color:#fff;background-color:#c89f73;}

.m_modal_popup .m_modal_popup_fot {overflow:hidden;height:60px;padding:20px 25px 0;background-color:#fff;box-sizing:border-box; }
.m_modal_popup .m_modal_popup_fot .btn-close01 {float:left;font-size:15px;}
.m_modal_popup .m_modal_popup_fot .btn-close02 {float:right;font-size:15px;font-weight:bold;}

/* 메인팝업: 앱설치유도 */
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb {padding:28px 16px 14px;border-radius:20px 20px 0 0;text-align:center;background:#fff}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .ico-app {max-width:68px;border:0}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .inner {position:relative;display:table;width:100%;height:100%;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .inner .tit {display:block;margin-top:24px;font-size:18px;font-weight:bold;color:#000;line-height:1.0;letter-spacing:-0.08em;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .inner .tit > em {font-style:normal;font-weight:inherit;color:#0c8050;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .inner .tit-sub {display:block;margin-top:1em;font-size:14px;font-weight:normal;color:#666;letter-spacing:-0.06em;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .inner .button {display:block;width:100%;margin-top:1.2em;padding:14px;font-size:16px;font-weight:bold;color:#fff;background:#1ba774;border-radius:4px;letter-spacing:-0.06em;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .m_modal_popup_fot {overflow:hidden;height:auto;padding:0;background-color:#fff;box-sizing:border-box;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .m_modal_popup_fot .btn-close {display:inline-block;padding:16px 0;font-size:13px;font-weight:normal;color:#999;line-height:1.0;letter-spacing:-0.06em;}
.m_modal_popup .m_modal_popup_cont .m-modal-apptoweb .m_modal_popup_fot .btn-close::after {display:block;content:'';width:100%;border-top:1px solid #999;}


.module-container ~.product__more-button {
	border-top: none;
}

.product__more-button:after {
	content: '';
	display: block;
	margin-left: 5px;
	width: 6px;
	height: 9px;
	background: url(/cjom/mobile/images/icon/ico-main-more.png) no-repeat 0
		0;
	transform: rotate(90deg);
	background-size: 6px auto;
}

.product__more-button--50 {
	border-top: 1px solid #ddd !important;
	height: 50px;
}

.product__more-button--50:after {
	transform: rotate(0deg);
}

.main__section-contents--product-bottom {
	padding-bottom: 5px;
}

.main__section-contents--none-bottom {
	padding-bottom: 0;
}

.main__image-expansion {
	position: relative;
	display: block;
}

.main__image-expansion__badge {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 40px;
	font-size: 11px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #e72a50;
}

.main__image-expansion__badge--type2 {
	right: 40px;
	background-color: #0f5333;
}

.main__image-expansion__info {
	padding: 15px 0 15px;
	border-bottom: 1px solid #eee;
}

.main__image-expansion__title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 700;
}

.main__image-expansion__sub-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 44px;
	font-size: 16px;
	line-height: 22px;
}

.main__image-expansion__description {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	line-height: 20px;
	color: #767676;
}

.main__image-expansion__plan-date {
	margin-top: 11px;
}

.main__image-expansion__plan-date::after {
	display: block;
	clear: both;
	content: "";
}

.main__image-expansion__plan-date__inner {
	float: left;
}

.main__image-expansion__plan-date__inner+.main__image-expansion__plan-date__inner
	{
	margin-left: 14px;
}

.main__image-expansion__plan-date--text {
	padding-right: 5px;
	color: #e72a50;
}

.main__image-expansion__plan-date--subtext {

}

.main__image-expansion__plan-date--subtext em {
	font-style: normal;
	vertical-align: baseline;
}

.main__image-expansion__price-box {
	margin-top: 7px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.main__image-expansion__price {
	display: flex;
	align-items: center;
	font-size: 16px;
}

.main__image-expansion__price-strong {
	font-size: 18px;
}

.main__image-expansion__sale {
	font-size: 12px;
	color: #767676;
}

.main__image-expansion__sale-span {
	margin-left: 5px;
	text-decoration: line-through;
}

.main__image-expansion__title ~.main__image-expansion__description {
	margin-top: 4px;
}

.main__image-expansion .component-recipe {
	margin-top: 11px;
}

.main__image-expansion ~.module-product--list-small .module-product__cart
	{
	right: 0;
}

.main__image-expansion ~.module-product--list .module-product__li {
	padding: 15px 0;
}

.iframe-modal {
	min-height: calc(100vh - 55px);
	background-color: #f8f8f8;
}

.iframe-modal iframe {
	width: 100%;
	height: 500px;
}

.iframe-modal__inner {
	position: relative;
}

.ifram-modal__close {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 69px;
	background-color: transparent;
	z-index: 500;
	content: '';
}

.table-col {
	width: 100%;
	overflow-x: scroll;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
}

.table-col table {
	width: 1000px;
	table-layout: fixed;
}

.table-col th, .table-col td {
	padding: 9px 15px 10px;
	border-top: 1px solid #ddd;
	font-size: 15px;
	color: #555;
	text-align: center;
	background: #fff;
}

.table-col th {
	font-weight: 500;
	color: #000;
}

.table-col tr.type2 th {
	padding: 7px 30px 8px;
	background: #f8f8f8;
}

.table-col tr.type2+tr.type2 th {
	border-top: 1px solid #ddd;
}

.table-col thead th {
	padding: 10px;
	border-top: none;
	background: #f8f8f8;
}

.table-col .link-underline+.link-underline {
	margin-left: 10px;
}

.table-col .num {
	letter-spacing: 0;
}

.table-col .sbj {
	text-align: left;
	font-size: 15px;
	color: #000;
}

.table-col .sbj.import {
	font-weight: 500;
}

.table-col tfoot th, .table-col tfoot td {
	color: #000;
	background: #f8f8f8;
	font-weight: 700;
}

.none-scroll {
	overflow-x: hidden !important;
}

.none-scroll table {
	width: 100% !important;
}

.table-col__style01 table {
	width: 600px;
}

.table-col__style02 table {
	width: 600px;
}

.table-col__style03 table {
	width: 680px;
	table-layout: auto;
}

.table-col__style04 table {
	width: 700px;
}

.table-col__style04 th:nth-child(1), .table-col__style04 td:nth-child(1),
	.table-col__style04 th:nth-child(2), .table-col__style04 td:nth-child(2)
	{
	width: 15%;
}

.agl tbody td {
	text-align: left;
}

.table-default {
	position: relative;
	font-size: 15px;
	border-top: 1px solid #aaa;
	overflow-x: scroll;
	width: 100%;
}

.table-default table {
	table-layout: fixed;
	width: 1280px;
}

.table-default table.w100p {
	width: 100%;
}

.table-default thead th {
	height: 29px;
	padding: 13px 25px;
	line-height: 1.3;
	color: #000;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #f8f8f8;
	font-weight: 500;
}

.table-default tbody th, .table-default tbody td {
	height: 29px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	overflow: hidden;
}

.table-default thead th:first-child, .table-default tbody th:first-child,
	.table-default tbody td:first-child {
	border-left: none;
}

.table-default tbody th {
	background-color: #f8f8f8;
	color: #000;
	text-align: left;
	font-weight: 500;
}

.table-default tbody td {
	color: #555;
}

.table-default.type2 th {
	background-color: #fff;
}

.table-default.type2 td {
	border-left: none;
}

.table-default.bt-case {
	border-top: 1px solid #ddd;
}

.table-default.bt-case td {
	border-left: none;
}

.table-default.bt-case .delivery-charge {
	position: relative;
	min-height: 24px;
	font-size: 0;
}

.table-default.bt-case .delivery-charge .txt {
	font-size: 15px;
	vertical-align: middle;
}

.table-default .delivery-charge .ellipsis {
	max-width: 610px;
	padding-right: 130px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 15px;
}

.table-default .delivery-charge .charge {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 130px;
	vertical-align: middle;
	text-align: right;
	transform: translateY(-50%);
}

.table-default .charge {
	color: #2a715a;
	font-size: 15px;
}

.table-default .charge em {
	font-size: 20px;
	font-weight: bold;
}

.table-default .price span {
	margin-left: 10px;
	color: #2a715a;
}

.table-default .price span strong {
	font-size: 20px;
	font-weight: bold;
}

.table-default .ab {
	float: right;
}

.table-default .desc-txt {
	margin-left: 20px;
	line-height: 40px;
	font-size: 14px;
	color: #767676;
}

.table-default__style01 table {
	width: 600px;
}

.table-default__style02 table {
	table-layout: auto;
}

.table-default__style02 table th {
	width: 30%;
}

.table-default__style02 table td {
	width: 70%;
}

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

.table-form {
	position: relative;
	font-size: 15px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.table-form table {
	table-layout: fixed;
}

.table-form thead th {
	min-height: 60px;
	padding: 20px 30px;
	line-height: 1.3;
	color: #000;
	border-bottom: 1px solid #ddd;
	font-weight: 500;
}

.table-form tbody th, .table-form tbody td {
	height: 39px;
	line-height: 1.4;
	border-top: 1px solid #ddd;
	color: #000;
	font-size: 15px;
}

.table-form tbody th {
	padding: 15px 40px;
	color: #000;
	font-weight: 500;
	text-align: left;
}

.table-form tbody td {
	padding: 15px 25px;
}

.table-form tbody tr:first-child th, .table-form tbody tr:first-child td
	{
	border-top: 0;
}

.table-form .table-comment {
	position: absolute;
	right: 0;
	top: -34px;
	font-size: 14px;
	color: #E72A50;
	font-weight: 500
}

.table-form.type2 {
	border-top: 1px solid #ddd;
}

.table-form.type2 tbody th, .table-form.type2 tbody td {
	padding: 15px 0;
}

.mt40 {
	margin-top: 40px;
}

.terms-contents {
	counter-reset: section;
}

.terms-contents>p {
	margin-top: 10px;
	color: #767676;
	line-height: 1.4;
}

.terms-contents .sub-title {
	margin-top: 0;
}

.terms-contents .terms-title, .terms-contents .terms-title2,
	.terms-contents .agree-title {
	position: relative;
	margin-top: 15px;
	font-size: 15px;
	line-height: 25px;
}

.terms-contents .terms-title3 {
	position: relative;
	margin-top: 15px;
	font-size: 14px;
}

.terms-contents .terms-title2:before {
	content: '제' counter(section) '조';
	counter-increment: section;
	display: inline-block;
}

.terms-contents .terms-title2+p, .terms-contents .agree-title+p,
	.terms-contents .terms-title+.terms-list {
	margin-top: 5px;
}

.terms-contents .terms-list, .terms-contents .depth-list,
	.terms-contents .terms-list-num {
	counter-reset: li;
}

.terms-contents .terms-list>li, .terms-contents .desc-list-ko>li,
	.terms-contents .terms-list-num>li, .terms-contents .terms-list-txt {
	font-size: 14px;
	line-height: 24px;
	color: #555;
}

.terms-contents .terms-list>li:before {
	display: inline-block;
	content: counter(li) '.';
	counter-increment: li;
	margin-right: 3px;
}

.terms-contents .terms-list-num>li:before {
	display: inline-block;
	content: counter(li);
	counter-increment: li;
	width: 12px;
	height: 12px;
	border: 1px solid #555;
	border-radius: 100%;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

.terms-contents .terms-list .terms-list-num {
	margin-left: 13px;
}

.terms-contents .terms-list .terms-list-txt {
	margin-left: 13px;
}

.terms-contents .terms-list p {
	margin-left: 13px;
}

.terms-contents .agree-title {
	padding-left: 18px;
}

.terms-contents .agree-title:before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(section) '.';
	counter-increment: section;
}

.terms-contents .desc-list2 {
	margin-top: 0;
}

.terms-contents .desc-list2 li {
	padding-left: 9px;
}

.terms-contents .depth-list .desc-list2 {
	padding-left: 15px;
}

.terms-contents .depth-list>li:before {
	display: inline-block;
	content: counter(li) ')';
	counter-increment: li;
	margin-right: 3px;
}

.terms-contents .link {
	font-size: 15px;
	color: #2a715a;
	border-bottom: 1px solid #2a715a;
}

.terms-contents [class^=table] {
	margin-top: 15px;
}

.terms-contents .table-col td, .terms-contents .table-col th {
	border-left: 1px solid #ddd;
}

.terms-contents .table-col td:first-child, .terms-contents .table-col th:first-child
	{
	border-left: none;
}
.terms-contents .table-col.table-lines td:first-child, .terms-contents .table-col.table-lines th:first-child
	{
	border-left: 1px solid #ddd;
}
.terms-contents .table-col.table-lines {position:relative;}
.terms-contents .table-col.table-lines:before {content:"";display:block;width:1px;height:100%;position: absolute;top:0;left:0;background:#fff}
.terms-contents .table-col td[rowspan] {
	/*border-right:1px solid #ddd;*/

}

.number-list-st {
	counter-reset: li;
	font-size: 0;
}

.number-list-st li {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 18px;
	font-size: 15px;
	color: #2a715a;
	box-sizing: border-box;
}

.number-list-st li a {
	color: #2a715a;
}
.number-list-st li:not (:first-child ){margin-top: 10px;}
.number-list-st li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: counter(li) '.';
	counter-increment: li;
	color: #2a715a;
}

.num-title {
	position: relative;
	margin-top: 30px;
	font-size: 14px;
	font-weight: 500;
}

.num-title:before {
	content: counter(section) '.';
	counter-increment: section;
	display: inline-block;
}

.desc-list-number3 {
	counter-reset: num;
	line-height: 1.5;
}

.desc-list-number3 li {
	position: relative;
	padding-left: 20px;
	color: #767676;
}

.desc-list-number3 li:before {
	content: counter(num);
	counter-increment: num;
	position: absolute;
	top: 4px;
	left: 0;
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	border: 1px solid #555;
	border-radius: 100%;
	font-size: 10px;
	text-align: center;
	line-height: 13px;
}

.waybill-info .desc-list-number2 li {
	color: #000;
}

.waybill-image {
	display: block;
	padding: 20px;
	box-sizing: border-box;
	background: #f8f8f8;
}

.nowrap {
	white-space: nowrap !important;
}

.line-clamp {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	height: 1.3em;
	line-height: 1.3em;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	overflow: hidden;
}

.line-clamp--2 {
	-webkit-line-clamp: 2;
	height: 2.6em;
}

.line-clamp--3 {
	-webkit-line-clamp: 3;
	height: 4.1em;
}

.desc-title {
	display: block;
	margin-top: 23px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.desc-list {
	margin-top: 10px;
	color: #767676;
}

.desc-list li {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 24px;
}

.desc-list.fs-15 li {
	font-size: 15px;
}

.desc-list li:first-child {
	margin-top: 0;
}

.desc-list li:before {
	position: absolute;
	left: 0;
	top: 11px;
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #767676;
	vertical-align: top;
}

.desc-list li+li {
	margin-top: 6px;
}

.desc-list2 {
	margin-top: 10px;
}

.desc-list2 li {
	position: relative;
	padding-left: 11px;
	font-size: 14px;
	line-height: 24px;
	color: #767676;
}

.desc-list2 li:first-child {
	margin-top: 0;
}

.desc-list2 li:before {
	position: absolute;
	left: 0;
	top: 11px;
	content: '';
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #767676;
	vertical-align: top;
	border: none;
}

.desc-list .desc-list2, .desc-list .desc-list2 li {
	margin-top: 0;
}

.desc-list3 li{position:relative;padding-left:8px;color:#999;font-size:13px;line-height:16px;/* test */}
.desc-list3 li:before{content:'';position:absolute;left:0;top:7px;width:2px;height:2px;margin-right:5px;border-radius:100%;background-color:#999;vertical-align:top;}
.desc-list3 li + li{margin-top:10px;}

.desc-list-number {
	counter-reset: li;
}

.desc-list-number li {
	position: relative;
	padding-left: 18px;
	font-size: 15px;
	color: #555;
}

.desc-list-number li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: counter(li) '.';
	counter-increment: li;
	color: #767676;
}

.desc-list-number2 {
	counter-reset: li2;
}

.desc-list-number2 li {
	position: relative;
	padding-left: 27px;
	font-size: 15px;
	color: #555;
	line-height: 30px;
}

.desc-list-number2 li:before {
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	content: counter(li2);
	counter-increment: li2;
	background: #2a715a;
}

.tab--radio-style__ul {
	display: flex;
	align-items: center;
}

.tab--radio-style__li {
	width: 100%;
}

.tab--radio-style__anchor {
	padding-left: 25px;
	position: relative;
	font-size: 13px;
}

.tab--radio-style__anchor:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	content: '';
}

.tab--radio-style__anchor.is-active:after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #2a715a;
	box-sizing: border-box;
	content: '';
}

.tab--radio-style__panel--top-border {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.carousel__dots--slick {
	padding: 10px 0 20px;
	width: 100%;
	height: 7px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.carousel__dots--slick button {
	font-size: 0;
	line-height: 0;
	margin: 0 0 0 5px;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	cursor: pointer;
	color: transparent;
	background-color: #ccc;
	border: none;
	box-sizing: border-box;
}

.carousel__dots--slick button:first-child {
	margin-left: 0;
}

.carousel__dots--slick button.active {
	background-color: #0f5333;
}

.open-event-coupon {
	display: none;
	position: absolute;
	width: 80px;
	z-index: 10;
}

.component-loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 500;
}

.component-loading__container {
	display: flex;
	align-items: center;
	flex-direction: column;
}

*[data-js="toggle__panel"] {
	display: none;
}

/* Loader Animation */
@keyframes loadingAnimation {
	0% {transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}

.component-loading__container:before {
	animation: loadingAnimation 1s linear infinite;
	display: block;
	width: 40px;
	height: 40px;
	background: url(/cjom/mobile/images/icon/ico-loading.png) no-repeat
		center;
	background-size: 100%;
	content: '';
}

.component-loading__text {
	margin-top: 15px;
	display: block;
	font-size: 13px;
	color: #fff;
}

.loading {
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 500;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0.7;
	width: 100%;
	height: 100%;
}

.loading-cont {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.loading-cont:before {
	animation: loadingAnimation 1s linear infinite;
	display: block;
	width: 40px;
	height: 40px;
	background: url(/cjom/mobile/images/icon/ico-loading.png) no-repeat
		center;
	background-size: 100%;
	content: '';
}

.loading-text {
	margin-top: 15px;
	display: block;
	font-size: 13px;
}

/* 신규 로딩 추가 */
.loading__progress--wrap {background-color:#fff; position:fixed; z-index: 500; width:100%; height: 100%;}
.loading__progress--wrap .temp__header {text-align:center; height:48px;}
.loading__progress--wrap .temp__header img {width:180px; height:48px;}
.loading__progress--wrap .loading__progress {position: relative; height: calc(100vh - 48px);}
.loading__progress--wrap .loading__progress:before {position:absolute; left:50%; transform:translateX(-50%); top:27%; display:block; width:60px; height:60px; background: url(/cjom/mobile/images/icon/img_loading_progress.gif) no-repeat center; background-size: 100%; content: '';}

/* .main__image-expansion__image-box{position: relative;overflow:hidden;padding-top:100%;}
.main__image-expansion__image{position:absolute;top:50%;left:0;transform: translateY(-50%)} */
.crop_img_ctrl_wrap {
	position: relative;
	overflow: hidden;
	padding-top: 100%;
}

.crop_img_ctrl_wrap .crop_img_ctrl_wrap_img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
} /* 2019-07-08 안드로이드대응 추가 */

/* 2019-07-29 장바구니 삭제버튼 추가 */
.module-cart__flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.module-cart__flex .btn--ico03:before {
	margin: 0 0 0 4.5px;
}

/* 상단 시스템점검 */
#main_top_brn {
	position: relative;
	height: 100%;
	overflow: hidden;
	background-color: #145738;
}

#main_top_brn:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
}

#main_top_brn .link_bnr {
	display: block;
}

#main_top_brn .bnr_con {
	display: table;
	width: 100%;
	padding: 16px 50px 16px 16px;
}

#main_top_brn .bnr_con.maketing_con {
	padding: 0;
}

#main_top_brn .bnr_con.maketing_con .img {
	width: 320px;
	margin: 0 auto;
}

#main_top_brn .bnr_con.app_con {
	padding: 12px 50px 12px 16px;
}

#main_top_brn .bnr_con.app_con .img {
	display: table-cell;
	width: 28px;
	height: 28px;
	margin-left: 16px;
	overflow: hidden;
	vertical-align: middle;
}
#main_top_brn .bnr_con .img>img {
	display: block;
	width: 100%;
}

#main_top_brn .bnr_con .txt {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#main_top_brn .bnr_con .txt em {
	color: #EE0700;
}

#main_top_brn .bnr_con .img+.txt {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

/* 타임세일 디데이 카운트다운 */
.timer {position: relative;}
.timer .countdown {
	position: absolute;
	left: 0;
	top: 30.8%;
	width: 100%;
	background: transparent;
	padding: 0;
	text-align: center;
}

.timer .countdown h3 {
	display: block;
	font-size: 30px;
	color: #f5cc73;
	margin-bottom: 20px;
	font-weight: normal;
}
.timer .countdown .tit-day {
	font-size: 35px;
	color: #f5cc73;
	vertical-align: middle;
}
.timer .countdown .digits {
	vertical-align: middle;
	display: inline-flex;
}
.timer .countdown.type-img .digits .day {
	display: none;
}

.timer .countdown .block-time {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	margin-right: 5px;
	text-align: center;
}

.timer .countdown .block-time:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 5px;
	height: 21px;
	background: url('/cjom/design/event/2020/02/timesale/icon_divide.png')
		no-repeat;
	background-size: 100%;
	transform: translateY(-50%);
}

.timer .countdown .block-time:last-child {
	margin-right: 0;
	padding-right: 0;
}

.timer .countdown .block-time:last-child:after {display: none;}
.countdown .figure {
	position: relative;
	display: inline-block;
	height: 64px;
	width: 50px;
	margin-right: 0px;
	background: #1d1d1d
		url('/cjom/design/event/2020/02/timesale/bg_noise.png') repeat;
	border-radius: 15px;
	box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 7px 5px 0px rgba(0, 0, 0, 0.2);
}
.countdown .figure:last-child {margin-right: 0;}
.timer .countdown .figure>span {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 62px;
	font-weight: bold;
	font-size: 52px;
	color: #fff;
}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #fcbe2f;
}

.timer .countdown .figure .top {
	z-index: 3;
	background: #1d1d1d
		url('/cjom/design/event/2020/02/timesale/bg_noise.png') repeat;
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-transform: perspective(200px);
	-ms-transform: perspective(200px);
	-webkit-transform: perspective(200px);
	transform: perspective(200px);
}

.timer .countdown .figure .bottom {z-index: 1;}
.countdown .figure .bottom:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: rgba(0, 0, 0, 0.02);
}

.timer .countdown .figure .bottom-back {
	z-index: 2;
	top: 0;
	height: 50%;
	overflow: hidden;
	background: #1d1d1d
		url('/cjom/design/event/2020/02/timesale/bg_noise.png') repeat;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
}

.timer .countdown .figure .bottom-back span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.countdown .figure .top, .countdown .figure .top-back {
	height: 50%;
	overflow: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.timer .countdown .figure .top-back {
	z-index: 4;
	bottom: 0;
	background: #1d1d1d
		url('/cjom/design/event/2020/02/timesale/bg_noise.png') repeat;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-moz-transform: perspective(200px) rotateX(180deg);
	-ms-transform: perspective(200px) rotateX(180deg);
	-webkit-transform: perspective(200px) rotateX(180deg);
	transform: perspective(200px) rotateX(180deg);
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.timer .countdown .figure .top-back span {
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width:320px) {
	.timer .countdown .figure {
		height: 55px;
		width: 42px;
	}
	.timer .countdown .figure>span {
		line-height: 53px;
		font-size: 40px;
	}
}
/* 온도대 색상 타입 */
.temp-c01 {}
.temp-c02 {}
.temp-c03 {}
.temp-c04 {color: #42a4b1;}
.temp-c05 {color: #42a4b1;}


/* 상품상세 기술서 영역 */
.detail-info{max-width:750px;margin:0 auto;box-sizing:border-box;padding:20px 20px 0;}
.detail-info br{display:none;}
.detail-info .br{display:block;}
.detail-info em{font-style:normal;}
.detail-info .brand-cont{padding-bottom:25px;}
.detail-info .brand-cont .tit{display:table;padding-bottom:30px;}
.detail-info .brand-cont .brand-logo{display:table-cell;vertical-align:middle;width:53px;height:63px;}
.detail-info .brand-cont .txt{display:table-cell;padding:10px 0 0 15px;vertical-align:middle;font-size:15px;line-height:22px;letter-spacing:-1px;font-weight:normal;color: #333;}
.detail-info .brand-cont .info-txt{padding-bottom:30px;}
.detail-info .brand-cont .info-txt:after{display:block;content:'';clear:both;}
.detail-info .brand-cont .info-txt li{position:relative;float:left;width:50%;padding:0 5px;text-align:center;box-sizing:border-box;}
.detail-info .brand-cont .info-txt li:last-child:before{position:absolute;top:-20%;left:-1px;display:inline-block;content:'';width:1px;height:140%;background:#e1e1e1;}
.detail-info .brand-cont .info-txt li dt{color:#b83913;font-size:18px;font-weight:700;letter-spacing:-1px;}
.detail-info .brand-cont .info-txt li:last-child dt{color:#5b7927;}
.detail-info .brand-cont .info-txt li dd{padding-top:10px;font-size:12px;line-height:1.5;letter-spacing:-1px;}
.detail-info .brand-cont .info-txt li .ico{display:inline-block;padding-right:5px;width:20px;height:20px;text-indent:-9999px;}
.detail-info .brand-cont .info-txt li .ico.plus{background:url('/cjom/design/detail/ico_plus.png') no-repeat 0 0;background-size:20px;}
.detail-info .brand-cont .info-txt li .ico.minus{background:url('/cjom/design/detail/ico_minus.png') no-repeat 0 50%;background-size:20px;}
.detail-info .brand-cont .desc{font-size:11px;color:#999;line-height:1.5;}
.detail-info .img-full-type{margin:0 -20px;}
.detail-info .img-ct-type{text-align:center;}
.detail-info .img-type01{margin-right:-20px;}
.detail-info .img-type01.mr0{margin-right:0;}
.detail-info .tit-type01{font-size:32px;font-weight:bold;line-height:41px;color:#333;margin:20px 0;}
.detail-info .tit-type01 .txt-symbol{position:relative;top:-8px;font-size:22px;}
.detail-info .tit-type02{font-size:28px;font-weight:bold;color:#999;margin:0 0 20px;}
.detail-info .tit-type02.type-pad{padding-top:35px;}
.detail-info .tit-type02.type-pad02{padding-top:85px;}
.detail-info .tit-type03{font-size:22px;font-weight:bold;color:#333;margin:20px 0 0;line-height:30px;letter-spacing:-1px;}
.detail-info .tit-type03 .txt-symbol{position:relative;top:-5px;font-size:18px;}
.detail-info .tit-type04{padding-bottom:10px;font-size:18px;font-weight:700;color:#666;}
.detail-info .tit-type04 + .tbl-nutrition {margin: 10px auto 40px;}
.detail-info .tit-type05{font-size:17px;}
.detail-info .txt-desc{font-size:17px;color:#999;line-height:31px;border-left:3px solid #999;padding-left:20px;text-decoration:underline;}
.detail-info .txt-desc + .tit-type02{padding-top:70px;}
.detail-info .txt-desc.type-line{text-decoration:none;}
.detail-info .txt-desc.type-line p{text-decoration:underline;font-weight:bold;}
.detail-info .txt-desc.type-line span{display:block;font-size:14px;line-height:19px;color:#999;margin-top:3px;}
.detail-info .txt-desc + .img-type01{padding:40px 0 80px;margin-right:0;}
.detail-info .txt-desc .ico-symbol{display:none;}
.detail-info .txt-type01{font-size:17px;line-height:28px;color:#333;margin:6px 0 40px;}
.detail-info .txt-type01 .txt-symbol{position:relative;top:-2px;font-size:15px;}
.detail-info .txt-type01.mb20{margin-bottom:20px !important;}
.detail-info .txt-type01 em{color:#6d6c6d;font-size:14px;}
.detail-info .txt-type01.type-pad{margin:10px 0 40px;}
.detail-info .txt-type01.type-pad span{margin-right:20px;}
.detail-info .txt-type02{display:block;font-size:14px;line-height:19px;color:#999;margin-top:6px;font-style:normal;}
.detail-info .txt-impt{font-size:14px;line-height:19px;color:#999;margin:10px 0 0;font-weight:400;}
.detail-info .txt-impt strong{font-weight:bold;}
.detail-info .img-type{margin-left:0;}
.detail-info .ct-box{text-align:center;}
.detail-info .cont-type{margin:0 0 40px;}
.detail-info .cont-type .txt-area{padding-right:80px;}
.detail-info .cont-type .txt-area.pdr0{padding-right:0 !important;}
.detail-info .cont-type .txt-area.ico-type{background-size:80px !important;}
.detail-info .cont-type .txt-area.ico-type01{background:url('/cjom/design/detail/07/200727_icon_01.png') no-repeat 100% 0;background-size:80px;}
.detail-info .cont-type .txt-area.ico-type02{background:url('/cjom/design/detail/07/200727_icon_02.png') no-repeat 100% 0;background-size:80px;}
.detail-info .cont-type .txt-area.ico-type03{background:url('/cjom/design/detail/08/200804_icon_01.jpg') no-repeat 100% 10px;background-size:70px;}
.detail-info .cont-type .txt-area.ico-type04{background:url('/cjom/design/detail/08/200804_icon_02.jpg') no-repeat 100% 10px;background-size:70px;}
.detail-info .cont-type .txt-area.ico-type05{background:url('/cjom/design/detail/08/200811_icon_01.jpg') no-repeat 100% 0;background-size:70px;}
.detail-info .cont-type .txt-area.ico-type06{background:url('/cjom/design/detail/12/gourmet_icon_01_05.png') no-repeat 100% 0;background-size:70px;}
.detail-info .cont-type .txt-area.ico-type07{background:url('/cjom/design/detail/12/gourmet_icon_01_06.png') no-repeat 100% 0;background-size:70px;}
.detail-info .cont-type .txt-area.ico-type08{background:url('/cjom/design/detail/cupbhan_icon_01.jpg') no-repeat 100% 0;background-size:70px !important;}
.detail-info .cont-type .txt-area .tit{font-size:22px;color:#333;font-weight:bold;margin:0 0 6px;}
.detail-info .cont-type .txt-area p{font-size:17px;line-height:28px;color:#333;margin-bottom:20px;}
.detail-info .cont-type .txt-area p .txt-symbol{position:relative;top:-2px;font-size:15px;}
.detail-info .cont-type .txt-area ul li{font-size:17px;line-height:32px;color:#333;}
.detail-info .cont-type .txt-area ul.num-list{padding-bottom:20px;}
.detail-info .cont-type .txt-area ul.num-list li{text-indent:-18px;margin-left:18px;}
.detail-info .cont-type .txt-area.type02{position:relative;padding-right:0;}
.detail-info .cont-type .txt-area.type02 .img{position:absolute;top:0;left:0;display:inline-block;width:44px;height:44px;}
.detail-info .cont-type .txt-area.type02 .txt{padding-left:54px;}
.detail-info .cont-type .txt-area.type02 .txt dt{padding-top:10px;font-size:20px;color:#333;font-weight:bold;}
.detail-info .cont-type .txt-area.type02 .txt dd{margin-left:-54px;padding-top:17px;font-size:15px;line-height:22px;}
.detail-info .cont-type .tbl-wrap{padding-right:80px;}
.detail-info .cont-type .tbl-wrap li:first-child{padding-top: 0;}
.detail-info .cont-type .tbl-wrap li{padding-top:20px;}
.detail-info .cont-type .tbl-wrap li strong{display:block;padding-bottom:10px;font-size:14px;color:#333;}
.detail-info .cont-type .tbl-wrap li strong em{font-style:normal;color:#9b9b9b;}
.detail-info .cont-type table{width:100%;}
.detail-info .cont-type table th,
.detail-info .cont-type table td{border:1px solid #999;height:25px;line-height:28px;font-size:14px;color:#333;font-weight:normal;text-align:center;vertical-align: middle;}
.detail-info .cont-type table td.agl{text-align:left; padding:0 5px;}
.detail-info .cont-type table th{background:#ececec; font-weight:700;}
.detail-info .cont-type table tbody th{text-align:right;padding-right:6px;}
.detail-info .cont-type table tbody th.agr{line-height:20px;}
.detail-info .cont-type table tbody th.agc{text-align:center;padding-right:0;padding-bottom:0;}
.detail-info .cont-type table.tbl-type01 th,
.detail-info .cont-type table.tbl-type01 td{border:1px solid #4a4a4a;}
.detail-info .cont-type table.tbl-type01 th{background:#fff;}
.detail-info .cont-type table.tbl-type01 td{padding:3px 0;line-height:1.5;}
.detail-info .cont-type table.tbl-type01 .bg{background:#c2a16b;color:#fff;}
.detail-info .cont-type table.tbl-type01 strong{font-size:20px;}
.detail-info .cont-type table.tbl-type01 .bg-arr{position:relative;top:3px;display:inline-block;padding:0 0 0 5px ;margin-right:20px;height:21px;line-height:21px;background:#fff9e2;color:#c9a063;}
.detail-info .cont-type table.tbl-type01 .bg-arr:after{display:inline-block;content:'';position:absolute;top:0;right:-11px;width: 0px;height: 0px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right: 11px solid none;border-left: 11px solid  #fff9e2;}

.detail-info .cont-type02{margin:0 0 80px;}
.detail-info .cont-type02 .tit{display:flex;align-items:center;margin-bottom:10px;}
.detail-info .cont-type02 .tit .brand-logo{width:68px;}
.detail-info .cont-type02 .tit > div{padding-top:10px;margin-left:20px;color:#333;}
.detail-info .cont-type02 .tit > div em{font-size:20px;font-style:normal;}
.detail-info .cont-type02 .tit > div strong{display:block;font-size:24px;margin-top:5px;}
.detail-info .cont-type02 .txt{font-size:17px;line-height:28px;color:#333;}
.detail-info .cont-type02 .img{margin-top:20px;}
.detail-info  .ico-list-type01{display:table;margin:30px 0 40px 0;}
.detail-info  .ico-list-type01 li{margin-top:20px;}
.detail-info  .ico-list-type01 li:first-child{margin-top: 0;}
.detail-info  .ico-list-type01 .ico{display:table-cell;vertical-align: top;width:64px;height:64px;}
.detail-info  .ico-list-type01 .ico img{width:100%;}
.detail-info  .ico-list-type01 dl{display:table-cell;padding-left:20px;vertical-align: top;}
.detail-info  .ico-list-type01 dl dt{padding-bottom:5px;font-weight: 700;font-size:18px;color:#333;}
.detail-info  .ico-list-type01 dl dt.fc-gold{color:#af793f;font-size:17px;}
.detail-info  .ico-list-type01 dl dd{font-size:17px;color:#333;}
.detail-info .list-type br{display:block;}
.detail-info .list-type li{display:inline-block;text-align:center;}
.detail-info .list-type li img{width:157px;height:157px;}
.detail-info .list-type li .name{font-size:17px;color:#333;margin:6px 0 20px;}
.detail-info .list-type.big li{margin:0 5px 70px 5px;}
.detail-info .list-type.big li img{width:130px;height:130px;}
.detail-info .list-type.big li .name{font-size:16px;line-height:27px;}
.detail-info .list-type.m-type-col3 li{width:32%;}
.detail-info .list-type.m-type-col3 li .name{margin:6px 0 30px;}
.detail-info .list-type.m-type-col3 li img{width:100%;height:auto;}
.detail-info .prd-info-box{margin:40px 0 80px;}
.detail-info .list-type02{margin:10px 0 40px;}
.detail-info .list-type02 li{font-size: 17px;line-height:28px;}
.detail-info .list-type02.dash li{text-indent:-10px;margin-left:10px;}
.detail-info .prd-info-box dt{font-size:22px;font-weight:bold;color:#333;}
.detail-info .prd-info-box dd{font-size:17px;line-height:28px;color:#333;margin:6px 0 36px;}
.detail-info .tip-box{border:1px solid #aaa;margin:60px 0 80px;}
.detail-info .tip-box dt{font-size:24px;font-weight:bold;color:#999;margin:-20px 0 0 20px;}
.detail-info .tip-box dt span{background:#fff;padding:0 8px;}
.detail-info .tip-box.list-type dd{padding-bottom:0;text-indent:-10px;margin-left:10px;}
.detail-info .tip-box.list-type dd:last-child{padding-bottom:20px;}
.detail-info .tip-box dd{font-size:17px;line-height:28px;color:#333;padding:15px 20px 20px;}
.detail-info .tip-box.list-type dt + dd{padding-bottom:0;padding-top:15px;}
.detail-info .tip-box.list-type dd{padding-top:5px;}
.detail-info .tip-box + .type-pad{padding-top:0;}
.detail-info .tbl-nutrition-wrap .tbl-nutrition{margin:40px auto;}
.detail-info .tbl-nutrition-wrap .tbl-nutrition:first-child{margin-top:80px;}
.detail-info .tbl-nutrition-wrap .tbl-nutrition:last-child{margin-bottom:80px;}
.detail-info .tbl-nutrition{max-width:480px;margin:80px auto;}
.detail-info .tbl-nutrition table{width:100%;}
.detail-info .tbl-nutrition thead th{font-weight:normal;}
.detail-info .tbl-nutrition thead div{display:flex;align-items:center;justify-content:space-between;}
.detail-info .tbl-nutrition thead div .tit{text-align:left;}
.detail-info .tbl-nutrition thead div .txt{text-align:right;}
.detail-info .tbl-nutrition thead tr.first th{background:#555;color:#fff;padding:8px 15px 7px;}
.detail-info .tbl-nutrition thead tr.first .tit{width:38%;font-size:24px;}
.detail-info .tbl-nutrition thead tr.first .txt{width:60%;font-size:14px;vertical-align:top;line-height:23px;}
.detail-info .tbl-nutrition thead tr.first .txt em{font-size:16px;font-style:normal;vertical-align:baseline;}
.detail-info .tbl-nutrition thead tr.first br{display:block;}
.detail-info .tbl-nutrition thead tr.last th{font-size:16px;color:#666;padding:10px 20px;}
.detail-info .tbl-nutrition thead tr.last .tit{width:32%;}
.detail-info .tbl-nutrition tbody{border-top:2px solid #666;border-bottom:2px solid #666;}
.detail-info .tbl-nutrition tbody td{border-top:1px solid #666;font-size:16px;color:#666;padding:10px 20px;font-weight:normal;}
.detail-info .tbl-nutrition tbody td:last-child{text-align:right;}
.detail-info .tbl-nutrition tbody tr.first td{border-top:0;}
.detail-info .tbl-nutrition tbody tr.type-color td{border-top-color:#e3e3e3;}
.detail-info .tbl-nutrition tbody tr.type-color td.first{padding-left:50px;}
.detail-info .tbl-nutrition .type-health01 colgroup col:nth-child(2){width:17%!important}
.detail-info .tbl-nutrition .type-health01 colgroup col:nth-child(3){width:18%!important}
.detail-info .tbl-nutrition .type-health01 colgroup col:nth-child(4){width:17%!important}
.detail-info .tbl-nutrition .type-health01 thead tr.first .tit{width:35%}
.detail-info .tbl-nutrition .type-health01 thead tr.first .txt{width:64%}
.detail-info .tbl-nutrition .type-health01 thead tr.first .txt br{display:none;}
.detail-info .tbl-nutrition .type-health01 thead tr.last th,
.detail-info .tbl-nutrition .type-health01 thead tr.last div{padding:0;}
.detail-info .tbl-nutrition .type-health01 thead tr.last div span{padding:14px 0;box-sizing:border-box;}
.detail-info .tbl-nutrition .type-health01 thead tr.last .tit{width:32%;align-items: center;justify-content: left;padding-left:15px;}
.detail-info .tbl-nutrition .type-health01 thead tr.last .txt01{width:32%;text-align:right;padding-right:15px;}
.detail-info .tbl-nutrition .type-health01 thead tr.last .txt02{width:34.7%;min-height:85px;background:#efefef;align-items: center;justify-content: center;line-height:55px;}
.detail-info .tbl-nutrition .type-health01 tbody td{padding:10px 15px;}
.detail-info .tbl-nutrition .type-health01 tbody td:nth-child(2),
.detail-info .tbl-nutrition .type-health01 tbody td:nth-child(4){padding-left:0;text-align:right;}
.detail-info .tbl-nutrition .type-health01 tbody td:nth-child(1),
.detail-info .tbl-nutrition .type-health01 tbody td:nth-child(3){padding-right:0;}
.detail-info .tbl-nutrition .type-health01 tbody td:nth-child(3),
.detail-info .tbl-nutrition .type-health01 tbody td:last-child{background:#efefef;}
.detail-info .tbl-nutrition .type-health01 tbody tr.type-color td.first{padding-left:30px;}
.detail-info .tbl-nutrition .type-health02 colgroup col:nth-child(2){width:21%!important}
.detail-info .tbl-nutrition .type-health02 colgroup col:nth-child(3){width:44%!important}
.detail-info .tbl-nutrition .type-health02 thead tr.first th{font-size:24px;text-align:left;padding-left:20px;}
.detail-info .tbl-nutrition .type-health02 thead tr.last th{font-size:16px;}
.detail-info .tbl-nutrition .type-health02 thead tr.last th:first-child{text-align:left;padding-right:0;}
.detail-info .tbl-nutrition .type-health02 thead tr.last th:last-child{text-align:right;padding-left:0;}
.detail-info .tbl-nutrition .type-health02 tbody td:first-child,
.detail-info .tbl-nutrition .type-health02 tbody td:nth-child(2){padding-right:0;}
.detail-info .tbl-nutrition .type-health02 tbody td:nth-child(3){padding-left:0;}
.detail-info .tbl-nutrition .type-health02 tbody td.txt{text-align:left;padding-right:20px;}

/*  홈파티 세트팩 */
.detail-info .setlist-wrap{margin:40px 0;border:1px solid #ccc;}
.detail-info .setlist-wrap .tit-type02{display:inline-block;padding:0 10px;margin:-18px 0 0 10px;font-size:24px;background:#fff;}
.detail-info .setlist-wrap .setlist{padding:15px 10px 0 10px;}
.detail-info .setlist-wrap .setlist li{display:table;width:100%;margin-bottom:20px;}
.detail-info .setlist-wrap .setlist li span{display:table-cell;}
.detail-info .setlist-wrap .setlist li .thumb{width:60px;text-align:center;vertical-align:middle;}
.detail-info .setlist-wrap .setlist li .thumb img{width:60px;}
.detail-info .setlist-wrap .setlist li .txt{width:calc(100% - 60px);padding-left:10px;vertical-align:middle;font-size:14px;}

@media only screen and (max-width:320px) {
	.detail-info .brand-cont .txt{font-size:13px;}
	.detail-info .tit-type01{font-size:30px;}
	.detail-info .tbl-nutrition .type-health01 thead tr.last .txt02{line-height:76px;}
	.detail-info .brand-cont .info-txt{margin:0 -15px;}
}

@media only screen and (min-width:768px) {
	.detail-info .list-type.m-type-col3 li{width:157px;}
}
@media only screen and (min-width:1024px) {
	.detail-info .img-type01{margin-right:0;}
}

/* 20210111 캘린터 속성 추가 */
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-button,
	html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-datepicker-calendar .ui-button.ui-state-disabled:active
	{font-weight: 300;}

/* 상품상세 속성추가 */
.detail-info .txt-type03 {font-size: 17px;color:#cd8c39;letter-spacing: -0.5px;font-weight: 700;margin:6px 0;}
.detail-info .list-type li .name {letter-spacing: -1px;}
.detail-info .ico-list-type02 {margin: 26px 0 14px 0px;}
.detail-info .ico-list-type02 dt {font-weight: 700;font-size: 17px;color: #cd8c39;padding-left:39px;padding-bottom:5px;background: url(/cjom/design/detail/prd_detail_gourmet_icon.png) no-repeat 0 0px;background-size: 23px auto;}
.detail-info .ico-list-type02 dd {font-size: 17px;line-height:25px;color: #333;padding-left:37px;padding-bottom:26px;}

/* 햇반 상품상세 속성추가 */
.detail-info .prd-info-box02 {background:url('/cjom/design/detail/prd_deatil_40066442_08.jpg') no-repeat 0 0;background-size: 44px auto;padding-bottom:20px}
.detail-info .prd-info-box02 dt {padding: 0px 0px 0px 54px;font-size: 20px;font-weight: 700;color: #333;height:44px;line-height:44px;}
.detail-info .prd-info-box02 dd {font-size: 15px;line-height: 20px;color: #333;margin: 5px 0 0px;}
.detail-info .ico-list-type03 {padding: 30px 0 10px 0;}
.detail-info .ico-list-type03 dt {position:relative;font-weight: 700;font-size: 17px;color: #af793f;padding:3px 0 5px 80px}
.detail-info .ico-list-type03 dt.ico01:before {content:'';position: absolute;top:0px;left:0px;width:66px;height:66px;background: url(/cjom/design/detail/prd_deatil_40066442_09.png) no-repeat 0 0; background-size: 66px auto;}
.detail-info .ico-list-type03 dt.ico02:before {content:'';position: absolute;top:0px;left:0px;width:66px;height:66px;background: url(/cjom/design/detail/prd_deatil_40066442_10.png) no-repeat 0 0; background-size: 66px auto;}
.detail-info .ico-list-type03 dt.ico03:before {content:'';position: absolute;top:0px;left:0px;width:66px;height:66px;background: url(/cjom/design/detail/prd_deatil_40066442_11.png) no-repeat 0 0; background-size: 66px auto;}
.detail-info .ico-list-type03 dd {font-size: 17px;line-height: 23px;color: #333;padding:0 0 20px 80px;}
.detail-info .agc{text-align:center;}

/* 비비고 냉동밥 속성추가 */
.detail-info .txt-type04 {display: block;font-size: 17px;color: #333;margin: 10px 0 3px 0px;line-height: 25px;letter-spacing: -1px;}
.detail-info .txt-type05 {display: block;font-size: 14px;color: #333;margin: 0px 0 5px 5px;letter-spacing: -1px;font-weight: 700;}
.detail-info .ico-list-type04 {margin:20px 0 30px 0px;}
.detail-info .ico-list-type04 li{position:relative;line-height:23px;padding-left:80px;padding-bottom:20px;color:#333;font-size:17px;font-weight: 700;}
.detail-info .ico-list-type04 li {height:60px;display: flex;flex-direction: row;justify-content: left;align-items: center;}
.detail-info .ico-list-type04 li.ico01 {background: url(/cjom/design/detail/prd_deatil_40063644_05.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico02 {background: url(/cjom/design/detail/prd_deatil_40063644_06.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico03 {background: url(/cjom/design/detail/prd_deatil_40063644_07.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico04 {background: url(/cjom/design/detail/prd_deatil_40063645_04.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico05 {background: url(/cjom/design/detail/prd_deatil_40063645_05.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico06 {background: url(/cjom/design/detail/prd_deatil_40063645_06.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico07 {background: url(/cjom/design/detail/prd_deatil_40063646_04.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico08 {background: url(/cjom/design/detail/prd_deatil_40063646_05.png) no-repeat 0 0; background-size: 60px auto;}
.detail-info .ico-list-type04 li.ico09 {background: url(/cjom/design/detail/prd_deatil_40063646_06.png) no-repeat 0 0; background-size: 60px auto;}

.delivery-tracking-list .desc-list {margin:19px 0 9px;}
.delivery-tracking-list .desc-list li {font-size:13px;font-weight:400;letter-spacing:-0.39px;padding-left:12px;}
.delivery-tracking-list .desc-list li:before {top:10px;}
.modal-order-inquiry .table-form {padding-top:30px;border-top:0;border-bottom:0;}
.delivery-tracking-list .table-col {border-top:1px solid #000;}
.delivery-tracking-list .table-col table {width:100%;padding:0;border:0;border-spacing:0;border-collapse:unset;table-layout:unset;}
.delivery-tracking-list .table-col thead th {padding:0 5px;font-size:14px;color:#767676;height:40px;background-color:#fff;vertical-align:middle;}
.delivery-tracking-list .table-col tbody td {padding:11px 5px 12px;vertical-align:middle;}
.delivery-tracking-list .table-col tbody td [class^=btn-white4] {border:1px solid #1ba774;min-width:70px;height:30px;padding:0 10px;line-height:28px;font-size:13px;background-color:#fff;}
.delivery-tracking-list .table-col tbody td [class^=btn-white4] span {color:#1ba774;font-size:13px;}
.more-area {margin:20px 0 10px;}
.more-area .btn-more {display:flex;align-items:center;background-color:#fff;font-size:15px;font-weight:400;border:1px solid #ccc;padding:12px 0 10px;display:block;width:100%;text-align:center;color:#000;vertical-align:middle;}
.more-area .btn-more:after {content:'';display:inline-block;margin-top:-4px;width:27px;height:16px;margin-left:0;background:url(/cjom/mobile/images/icon/icon-arrow-more.svg) 0 0 no-repeat;vertical-align:middle;}
.modal-order-inquiry .table-form tbody th {color: #767676;font-weight: normal;padding: 0;vertical-align: top;}
/* 상품리스트 */
.product-wp {background-color:#fff;}
.module-filter + .product-wp {margin-top:-15px;}
.product-list {display: flex;flex-wrap: wrap;padding:0 8px 64px;line-height:1.3;}
.product-list li {display:inline-block;vertical-align:top;padding:48px 8px 0;width:50%;box-sizing: border-box;}
.product-list li:nth-child(1),
.product-list li:nth-child(2) {padding-top:16px;}
.product-list li.module-product__li {border: 0;}
.product-list li .product-list-cnt {margin-bottom:4px;font-size:11px;font-weight:bold;color:#1ba774;padding:0 7px;height:20px;line-height:20px;display:inline-block;border-radius: 11px;border:1px solid #1ba774;}
.product-list li .product-list-top {position:relative; margin-bottom:12px;}
.product-list li .product-list-top a {position:relative;display:block;}
.product-list li .product-list-top a:before {position: absolute;top: 0;left: 0; height: 100%;width: 100%;background: #000;border-radius:4px; opacity: 0.03;content: ''; z-index:2;}
.product-list li .product-list-top a .label {display:block;position: absolute;top: 0;left: 0;font-size:11px;height:22px;padding:0 6px;line-height:22px;text-align:center;color:#fff;border-radius:4px 0 4px 0;background-color:#fa6729;}/* 2023-06-26 수정 */
.product-list li .product-list-top a .label.labelty {background-color:#999;}
.product-list li .product-list-top .checkbox__input {position:absolute;left:0;top:0;}
.product-list li .btn-product-cart {position:absolute;right:0;bottom:0;width:50px;height:50px; z-index:5;

	background: url(/cjom/mobile/images/icon/icon-product-cart.png)	no-repeat 50%;background-size:36px;display: block;}
.product-list li .product-list-top .btn-product-vod {position:absolute;left:8px; bottom:8px;width:20px;height:20px;
	background: url(/cjom/web/images/common/icon-plist-play.svg)  no-repeat 0 0;background-size:20px;display: block;cursor:default;}
.product-list li .product-list-top .btn-product-cart:focus {outline: none;}
.product-list li .btn-product-cart:focus {outline: none;}
.product-list .product-top-num {display:inline-block;margin:0 0 5px 6px;position:relative;}
.product-list li .product-badge-box span{height:21px;font-size:16px;font-weight: bold;color:#222;z-index:2;}
.product-list > li .product-top-num:before {    counter-increment: counterNum;    content: counter(counterNum, decimal); }
.product-list > li:nth-child(-n+9) .product-top-num:before{	/* content: "0" counters(counterNumM, ""); */
	content: counter(counterNum, decimal-leading-zero);}
.product-list > li:nth-child(-n+10) .product-top-num:after {
	content:'';
    position: absolute;
    top: 50%; /*8px*/
    left: 50%;
	width:100%;
	height: .625rem; /*10px*/
    font-size: 0;
    text-align: center;
    object-fit: contain;
    /* flex-grow: 0; */
    padding: 0 3px;
	transform: translate(-50%, -1px);
	background: #ffe500;
	z-index: -1;
}
.product-list .product-top-num {height:21px;font-size:14px;font-weight:500;}
.product-list .product-top-icon {height:15px;}
.product-list .product-top-icon .i-hotdel {display:block;width:52px;height:17px;color:transparent;text-indent:-99999em;padding:0;background:url(/cjom/mobile/images/icon/icon-markethotdel.svg) no-repeat 100% 50%;background-size:52px 17px;}
.product-list li .product-thumb {border-radius:4px;}
.product-list li.soldout .product-list-top a:after{position:absolute;left:0;top:0;display:block;width:100%;height:100%;border-radius:4px;background-color:rgba(0, 0, 0, 0.5);content:'';z-index:1;}
.product-list li.soldout .product-list-top .soldout-msg {position:absolute;left:0;top:50%;width:100%;text-align:center;transform: translate(0, -50%);font-size:13px;color:#fff;line-height:18px;z-index:50; }
.product-list li.soldout.soldout-alarm .product-list-top .soldout-msg {top:40%;}
.product-list li .product-list-top .product-alarm {cursor:pointer;position:absolute;left:0;bottom:0;width:100%;font-size:13px;color:#fff;line-height:48px;height:48px;z-index:50;background:transparent;}
.product-list li .product-list-top .product-alarm span {position:relative;padding:0 11px 0 18px;background:url(/cjom/mobile/images/sub/hotdel/icon-product-arr02.svg) no-repeat 100% 2px;background-size:7px 13px;}
.product-list li .product-list-top .product-alarm span:before {position:absolute;left:0;top:0;display:block;width:16px;height:16px;background:transparent url(/cjom/mobile/images/sub/hotdel/icon-product-alarm.svg) no-repeat 0 0;background-size:16px;content:'';}
.product-list li.soldout-alarm .product-list-top:before {position:absolute;left:0;bottom:47px;width:100%;height:1px;z-index:50;background-color: rgba(255, 255, 255, 0.9);content:'';}
.product-list li .product-list-cont {margin-top:12px;}
.product-list li .product-badge-box {display: flex;align-items: flex-start;flex-wrap: wrap;}
.product-list li .product-badge-box span {margin:0 4px 5px 0;padding: 0 6px;font-weight:normal;font-size:11px;color:#fff;height:18px;line-height:18px;border:1px solid #333;display: flex;justify-content: center;align-items: center;text-align: center;font-size:11px;border-radius:4px;color:#fff;background-color:#333;}
.product-list li .product-badge-box span:last-child {margin-right:0;}
.product-list li .product-badge-box span.i-hotdel {width:53px;height:20px;text-indent:-99999em;padding:0;background:url(/cjom/mobile/images/sub/hotdel/icon-markethotdel.svg) no-repeat 100% 50%;background-size:53px 20px;}
.product-list li .product-badge-box span.ty {color:#333;background-color:#fff;}
.product-list li .product-badge-box span.ty2 {color:#e84e4d;border:1px solid #e84e4d;background-color:#fff;}
.product-list li .product-badge-box span.ty3 { padding-left:20px;color:#1ba774;border:1px solid #1ba774;background:#fff url(/cjom/mobile/images/icon/icon-plist-discount.svg) no-repeat 4px 2px;background-size:14px;}
.product-list li .product-badge-box span.ty5 {color:#fa6729;border:1px solid #fa6729;background:#fff;}
.product-list li .product-badge-box span.outofstock {color:#fff;border:1px solid #e84e4d;background-color:#e84e4d;}
.product-list li .product-badge-box span.today { padding-left:20px;color:#1ba774;border:1px solid #1ba774;background:#fff url(/cjom/mobile/images/sub/hotdel/icon-today.svg) no-repeat 4px 2px;background-size:14px;}
.product-list li .product-badge-box span.box { padding-left:21px;color:#c88751;border:1px solid #c88751;background:#fff url(/cjom/mobile/images/icon/icon-plist-box.svg) no-repeat 4px 2px;background-size:12px 14px;}
.product-list li .product-fod {color:#999;font-size:12px;line-height:15px;margin-bottom:4px;font-weight:bold;}
.product-list li .product-stitle {white-space: normal;color:#111;font-size:13px;font-weight:bold;max-height:32px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: normal;}
.product-list li .product-title {white-space: normal;color:#111;font-size:14px;max-height:40px;line-height:20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.product-list li .product-title strong {display:inline-block;vertical-align:top;font-weight:bold;margin-top:1px;}
.product-list li .product-stitle + .product-title {padding-top:4px;}
.product-list li .product-title2 {white-space: normal;color:#333;font-size:13px;line-height:18px;max-height:36px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

.product-list li .product-price-box {margin-top:6px;}
.product-list li .product-price {font-size:13px;line-height:16px;color:#999;}
.product-list li .product-price span {text-decoration:line-through;}
.product-list li .product-price-discount {overflow:hidden;line-height:24px;}
.product-list li .product-price-discount .per {display:inline-block; /* float:left; */font-weight:bold;font-size:17px;color:#1ba774;}
.product-list2 li .product-price-discount .per {font-size:14px;}
.product-list li .product-price-discount .price {display:inline-block;/* float:left; */ font-weight:bold;font-size:17px;color:#111;}
.product-list2 li .product-price-discount .price {font-size:14px;}
.product-list li .product-price-discount .per + .price {margin-left:4px;}
.product-list li .product-price-discount .price .won {font-weight:normal;font-size:16px;margin-left:1px;}
.product-list2 li .product-price-discount .price .won {font-size:13px;}
.product-list li .product-prime {color:#c68f35;font-size:12px;line-height:16px; margin-top:2px;}
.product-list2 li .product-prime {margin-top:2px;}
.product-cate-box {overflow:hidden;margin-top:4px;}
.product-cate-box span {float:left;color:#666;font-size:11px;line-height:18px;margin-right:6px;}
.product-cate-box .arrivetomorrow img {vertical-align: middle;}
.product-cate-box span:last-child {margin-right:0;}
.product-cate-box .temp-c01 {color:#2073bb;}
.product-cate-box .bx {color:#64696d;border-radius:2px;padding:0 4px;height:18px;line-height:18px;letter-spacing:-0.5px;background-color:#eff1f3;}
.product-list li .product-coupon {margin-top:10px;}
.product-list li .product-coupon li {display:block;margin-top:4px ;padding:0 !important;width:auto;}
.product-list li .product-coupon li span {display:inline-block;color:#333;font-size:11px;height:20px;line-height:20px;background-color:#f6f8f8;padding:0 10px 0 24px;border:1px solid #dde4e2;border-radius:28px;background:#f6f8f8 url(/cjom/mobile/images/icon/icon-product-coupon.svg) no-repeat 10px 50%;background-size:10px 12px;}
.product-list li .product-coupon li .ico-order {padding-left:21px;background:#e8f6f1 url(/cjom/mobile/images/icon/icon_basket.svg) no-repeat 3px 50%;background-size:16px;}
.product-list li .product-coupon + .product-cate-box {margin-top:8px;}
.product-list li .product-link {display:inline-block;margin-top:12px;height:28px;box-sizing:border-box;height:38px;text-align:center;border: solid 1px #ddd;  width:100%;border-radius:4px;}
.product-list li .product-link button {position:relative;padding:0 12px;display:block;width:100%;text-align:center;background-color:#fff;font-size:12px;color:#111;padding-right:11px;border-radius:4px;line-height:36px;}
.product-list li .product-link button:after {display:inline-block;content:'';width:6px;height:10px;margin-left:5px;background:url(/cjom/mobile/images/icon/icon-product-arr02.svg) no-repeat 100% 50%;background-size:6px 10px;}
.product-list li .product-rating {margin-top:4px;font-size:13px;line-height:16px;}
.product-scroll-wp {overflow:hidden;}
.product-scroll {padding:0 0 50px;margin-bottom: -50px;overflow-x: auto;overflow-y: visible;-webkit-overflow-scrolling: touch;}
.product-scroll.product-3column .product-list {margin-left:16px;position:relative;display:block;white-space:nowrap;font-size:0;padding-bottom:0;}
.product-3column .product-list {padding:0;}
.product-3column .product-list li {display:inline-block;width:140px;margin-right:16px;padding:0;}
.product-list-banner {width:100%;border-top:15px solid #f8f8f8;border-bottom: 15px solid #f8f8f8;position: relative;}
.product-list-keyword {position:relative;text-align:center;padding: 30px 15px;border-top: 15px solid #f8f8f8;border-bottom: 15px solid #f8f8f8;}
.product-list-keyword .keyword-tit {margin-bottom: 10px;font-size: 16px;font-weight: 700;}
.product-list-keyword .keyword-box {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.product-list-keyword a {margin: 10px 5px 0 0;padding: 0 10px;min-width: 50px;height: 30px;border-radius: 15px;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;box-sizing: border-box;
	font-size: 12px;}
.product-list .product-section {width:calc(100% + 16px);padding:48px 0 0 0;margin-left:-8px;}
#productPage .product-list {padding-bottom:0;}
/* 가로형 */
.module-filter + .product-wp .product-list2 {padding-top:15px;}
.product-list2 {padding:0 16px 20px;}
.product-list2 li {position:relative;display:table;width:100%;margin:0 0 30px;padding:0;}
.product-list2 li:last-child {margin-bottom:0;}
.product-list2 li .product-top-num {display:table-cell;vertical-align:top;width:22px;font-weight:bold;}
.product-list2 .product-cont-icon {height:15px;margin-bottom:9px;}
.product-list2 .product-cont-icon .i-hotdel {display:block;width:52px;height:17px;color:transparent;text-indent:-99999em;padding:0;background:url(/cjom/mobile/images/icon/icon-markethotdel.svg) no-repeat 100% 50%;background-size:52px 17px;}
.product-list2 li .product-list-top {display:table-cell;vertical-align:top;width:80px;height:80px;}
.product-list2 li .btn-product-cart {right:-7px;bottom:-7px;}
.product-list2 li .product-list-cont {display:table-cell;vertical-align:top;padding-left:12px;margin-top:0;}
.product-list2 li .product-title {max-height:38px;font-size:13px;line-height:16px;}
.product-list2 li .product-price-box {overflow:hidden;margin-top:4px; font-size:0;}
.product-list2 li .product-price-discount {display:inline-block; /* float:left; */line-height:20px;}
.product-list2 li .product-price {display:inline-block; /* float:left ;*/line-height:16px;font-size:13px;margin:2px 0 0 4px;}
.product-list2 li .product-badge-box + .product-title {padding-top:0;}
.product-list2 li .product-rating {display:block;margin-top:4px;font-size:11px;line-height:16px;}
.product-list2 li .product-top-num {position:relative;display:block;width:auto;height:15px;font-size:13px;margin:0 2px 0 0;}
.product-detail__section .product-list {padding:0;}
.product-list2 li:nth-child(1), .product-list2 li:nth-child(2) {padding-top:0;}
.product-list2 li .product-alarm {margin-top:8px;}
.product-list2 li .product-alarm button{font-size:12px;line-height:15px;color:#333;border-bottom:1px solid #333;letter-spacing:-0.5px;background-color:#fff;}
.product-list2 li .btn-product-vod {left:8px; top:52px;}
.product-list2 li .product-link {margin-top:16px;}
.product-list2 li .product-link + .btn-product-cart {bottom:64px; }

/*********************************************************************
- 지라: MARKETDEV-4244 / 허도경 / 2023-02-06 / 복합 상품 갯수 추가
**********************************************************************/
.product-list2 li .product-total {font-size:16px; font-weight:bold; margin-top:4px; color:#333; line-height: 20px;}

.product-btn-wp {margin:0 16px;}
.product-btn-wp .btn__more {border:1px solid #ddd;}
/* 상품리스트(개인화) */
.product-list3 li .product-list-top { margin-bottom:10px;}
.product-list3 li .product-title {font-size:13px;line-height:18px;color:#333;max-height:36px;}
.product-list3 li .product-rating {margin-top:8px;font-size:11px;line-height:15px;}
.product-list3 li .product-review-cnt {overflow:hidden;padding-top:6px;}
.product-list3 li .product-review-cnt li {display:block;font-weight:bold;font-size:13px;width:auto;margin:0;}
.product-list3 li .product-review-cnt li .cnt {margin-left:4px;font-weight:normal;}
.product-list3 li .product-preview-list {margin-top:2px;}
.product-list3 li .product-preview-list li {display:block;position:relative;float:left;margin-top:6px;width:100%;height:50px;margin-right:0;border:1px solid #ddd;border-radius:14px 10px 10px 10px;padding:4px 12px 6px;background-color:#fff;}
.product-list3 li .product-preview-list li:after {position:absolute;left: -2.6%;top: -1px;height: 11px;width: 14px;display:block;background:url(/cjom/web/images/icon/ico-arr-preview.svg) no-repeat 0 0;content:'';}


.product-list3 li .product-preview-list li div {white-space:normal;;font-size:13px;line-height:20px;color:#333;overflow:hidden;max-height:40px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

/*2022 키프트카드 이용내역 기능개선*/
.giftcard-chklist {background:#ffffff; padding:15px 15px 0 15px;}
.giftcard-chkdateList {background:#ffffff; padding:0 15px;}
.giftcard-chklist .period-select__btn {width:50%;}
.giftcard-chkdateList .period-select {padding-top:10px;}
.giftcard-chkdateList .noti-box {margin-bottom: 10px;}
.giftcardchk {background: #fff;;}
.giftcard-chklist .product-detail__review-tab {margin-top: 0;}
.s-giftcard-usecont.giftcardchk .giftnotice {padding: 15px 15px 15px 12px;}
.s-giftcard-usecont .giftcard-chkdateList .giftcard-uselist {padding-left:0; padding-right:0;}
.datechktxt {padding:0 15px; text-align: right;color: #0c8050;padding-top: 15px;;}
.s-giftcard-usecont .noti-box.giftnotice ul li {line-height: 16px;;}
.s-giftcard-usecont .noti-box.giftnotice ul {margin-left:0;}
.s-giftcard-usecont .noti-box.giftnotice ul li:after {top:5px;}

/* 20220617 장바구니 추천상품 타이틀 (임시) */
/*********************************************************************
- 지라: MARKETDEV-4280 / 허도경 / 2023-02-07 / 모바일 가로 스크롤 삭제
**********************************************************************/
.cart__section.cart__section--product-list .product-scroll {padding-bottom:0;margin-bottom:0;
	-ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.cart__section.cart__section--product-list .product-scroll::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */ }

/* 20220725 장바구니,주문서 개편 phase3 */
.benefit-new .border-tab {margin-top:12px;}
/* //20220725 장바구니,주문서 개편 phase3 */


/* 동영상 노출개선 20221104 : 상품리스트 final */
.pre-spinner {display:block;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(0,0,0,0.4);z-index:12;}
.pre-spinner .spin-inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);width:40px;height:40px;z-index:12;}
.pre-spinner .spin-inner span {transform-origin:20px 20px;animation:pre-spinner 1.7s linear infinite;position:absolute;left:0;transform:translate(-50%,-50%) rotate(-4deg);width:40px;height:40px;}
.pre-spinner .spin-inner span:after {content:"";display:block;position:absolute;top:3px;left:19px;width:3px;height:10px;border-radius:3px;background:#fff;}
.pre-spinner .spin-inner span:nth-child(1) {transform:rotate(0deg);animation-delay:-1.5s;}
.pre-spinner .spin-inner span:nth-child(2) {transform:rotate(45deg);animation-delay:-1.3s;}
.pre-spinner .spin-inner span:nth-child(3) {transform:rotate(90deg);animation-delay:-1.1s;}
.pre-spinner .spin-inner span:nth-child(4) {transform:rotate(135deg);animation-delay:-0.9s;}
.pre-spinner .spin-inner span:nth-child(5) {transform:rotate(180deg);animation-delay:-0.7s;}
.pre-spinner .spin-inner span:nth-child(6) {transform:rotate(225deg);animation-delay:-0.5s;}
.pre-spinner .spin-inner span:nth-child(7) {transform:rotate(270deg);animation-delay:-0.3s;}
.pre-spinner .spin-inner span:nth-child(8) {transform:rotate(315deg);animation-delay:-0.1s;}
@keyframes pre-spinner {
  0% {opacity:1;}
  100% {opacity:0;}
}
.product-list li.video .product-list-top a {border-radius:4px;pointer-events:none;z-index:0;}
.product-list li.video .product-list-top .vdim {display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);border-radius:4px;z-index:1;opacity:0;transition:all 0.4s ease-in-out;}
.product-list li.video.active .product-list-top .vdim {opacity:1;}
/* 20230209 MARKETDEV-3157 by  임수경 */
/*.product-list li .product-list-video {display:block;position:relative;width:100%;padding-top:100%;border-radius:4px;overflow:hidden;z-index:0;}
.product-list li .product-list-video iframe,
.product-list li .product-list-video video {position:absolute;top:50%;left:50%;height:101%;width:auto;min-width:100%;transform:translate(-50%,-50%);pointer-events:none;} */
.product-list li .product-list-video {display:block;position:relative;width:100%;padding-top:100%;border-radius:4px;overflow:hidden;z-index:0;}
.product-list li .product-list-video iframe,
.product-list li .product-list-video video {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:cover;}
/* //20230209 MARKETDEV-3157 by  임수경 */
.product-list li .btn-product-play {z-index:2;position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);background: url(/cjom/mobile/images/icon/icon-product-play.svg) 50% no-repeat;background-size:48px;}
.product-list li .btn-product-pause {position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);background: url(/cjom/mobile/images/icon/icon-product-pause.svg) 50% no-repeat;background-size:48px;border-radius:4px;}
.product-list li.video.active .btn-product-pause {z-index:2;}
.product-list li.product-pause .btn-product-play {bottom:auto;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);background-size:48px;opacity:1;}
.product-list li.video .btn-product-cart {z-index:2;}
.product-list li.video.playing .btn-product-play {opacity:0;z-index:0;}
.product-list li.video.active .btn-product-play {opacity:1;z-index:2;}
.product-list2 li .btn-product-play {width:20px;height:20px;background-size:15px;bottom:auto;top:57px;left:3px;transform:translate(0,0);}
.product-list2 li.product-pause .btn-product-play {width:48px;height:48px;left:50%;}
/* 동영상 노출개선 20221104 : 상품리스트 final */
.product-list li .btn-product-pause {position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);background: url(/cjom/mobile/images/icon/icon-product-pause.svg) 50% no-repeat;background-size:48px;border-radius:4px;}


/* 20230130 장바구니 선물세트 툴팁효과*/
.sc-tab-1 .sc-tab-1__item {position:relative;}
.sc-tab-1 .sc-tab-1__item .gift-bubble {padding:0;width:auto;position:absolute;bottom:32px;left:50%;z-index:200;transform:translateX(-50%);border-radius:6px;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.1);margin-bottom:0;margin: 8px 0;}
.sc-tab-1 .sc-tab-1__item .gift-bubble .gift_bubble-inner {padding:3px 5px;text-align:center;background:#1ba774;position: relative;border-radius: 4px;color: #fff;}
.sc-tab-1 .sc-tab-1__item .gift-bubble .gift_bubble-inner:after {left:50%;right:auto;bottom:auto;top:19px;transform:translateX(-50%);bottom:32px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1ba774;border-bottom:0;content:"";display:block;position:absolute;width:0;height:0;}
.sc-tab-1 .sc-tab-1__item .gift-bubble dl dd {line-height:13px;white-space:nowrap;font-size: 11px;letter-spacing: -1px;}


@keyframes fadeInLeft {
	0% {
		opacity: 0;
		bottom:-64%;
	}
	to {
		opacity: 1;
		bottom:64%;

	}
}

.gift-bubble {
	animation: fadeInLeft 1s;
}

/*쿠폰안내 아이콘 애니메이션*/
.couponGuide__wrapper {
	will-change: transform;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	transform: translate(calc(50vw - 50%), calc(50vh - 50%));
	animation: couponGuideMove 1.5s cubic-bezier(.57, .21, .69, 3.25) 1.7s;
	z-index: 999;
	opacity: 0.9;
}

.couponGuide__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #1ba774;
	fill: none;
	animation: couponGuideStroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.couponGuide {
	width: 112px;
	height: 112px;
	border-radius: 50%;
	display: block;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0px 0px 0px #1ba774;
	animation: couponGuideFill .4s ease-in-out .4s forwards, couponGuideScale .3s ease-in-out .9s both;
}

.couponGuide__icon {
	transform-origin: 50% 50%;
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	animation: couponGuideStroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.couponGuide__text {
	animation: couponGuideTextfill 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes couponGuideTextfill {
	100% {
		fill: white;
		stroke-width: 0.5px;
	}
}

@keyframes couponGuideStroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes couponGuideScale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes couponGuideFill {
	100% {
		box-shadow: inset 0px 0px 0px 80px #1ba774;
	}
}

@keyframes couponGuideMove {
	0% {
		opacity: 1;
		transform: translate(calc(50vw - 50%), calc(50vh - 50%)) scale(1);
	}

	100% {
		opacity: 0;
		transform: translate(calc(80vw - 50%), calc(8vh - 50%)) scale(.3)
	}
}
/*쿠폰안내 아이콘 애니메이션*/
/*쿠폰안내 아이콘 애니메이션*/


/* 2023-11-02 내일도착보장 뱃지 삽입 */
.badge-o-ne{display:block;position:relative;padding-left:39px;}
.badge-o-ne:before{content:'';position:absolute;top:50%;left:0;width:35px;height:14px;background-image:url(/cjom/mobile/images/common/badge_o_ne.svg);background-repeat:no-repeat;background-position:0 50%;background-size:35px 14px;transform:translateY(-50%);}
.badge-o-ne.today:before{background-image:url(/cjom/mobile/images/common/badge_o_ne_today.svg)}
.badge-o-ne.sunday:before{background-image:url(/cjom/mobile/images/common/badge_o_ne_sun.svg)}

.badge-o-ne .arrive-date{display:block;font-size:11px;color:#333;}
.badge-o-ne:before,
.badge-o-ne .arrive-date>span{color:#0e84cc;}
.badge-o-ne.today:before,
.badge-o-ne.today .arrive-date>span{color:#e16000;}
.badge-o-ne.sunday:before,
.badge-o-ne.sunday .arrive-date>span{color:#ed3232;}
.badge-o-ne .arrive-date>span+span,
.badge-o-ne.today .arrive-date>span+span,
.badge-o-ne.sunday .arrive-date>span+span,
.badge-o-ne .arrive-date>span>span,
.badge-o-ne.today .arrive-date>span>span,
.badge-o-ne.sunday .arrive-date>span>span{color:#333;}




/* 주문배송조회 오네 배송 - 예외 케이스 */
.badge-o-ne.type-3:before{top:3px;transform:translateY(0);}
.badge-o-ne.type-3 button{padding-right:10px;color:#0e84cc;text-decoration:underline;background:url(/cjom/mobile/images/icon/ico-arrow-right-blue.svg) no-repeat 100% 50%;background-size:9px 10px;}
.badge-o-ne.type-3 .arrive-date{display:block !important;margin:4px 0 0 -39px;}

.new-brand-box .badge-o-ne{padding-top:2px;}
.badge-o-ne+div.product-cate-box{display:inline-block;}

/* HOT&NEW */
/*.special-price-box .badge-o-ne.type-2 .arrive-date{margin-top:2px;}*/

/* 마켓핫딜 */
/*.m_marketdel .badge-o-ne.type-2 .arrive-date{margin-top:2px;}
@media all and (max-width:320px){
	.m_marketdel .product-list li .product-price-discount .per+.price{display:block;margin-left:0 !important;}
	.m_marketdel .badge-o-ne.type-2::before{padding-right:30px;background-size:28px 14px;}
	.m_marketdel .badge-o-ne.type-2 .arrive-date{font-size:10px;}
	.m_marketdel .badge-o-ne.type-2 .arrive-date .hide-txt{display:none;}
}*/


/* 상품상세 내일보장 */

/* MARKETDEV-8344 내일보장 유형 추가 */
.product-detail__top-info__item__row .badge-o-ne{display:inline-block;padding:28px 0 5px;line-height:14px;}
.product-detail__top-info__item__row .badge-o-ne:before{content:'오네';top:5px;width:auto;padding-right:39px;font-size:13px;font-weight:700;line-height:14px;background-position:100% 50%;transform:translateY(0);}
.product-detail__top-info__item__row .badge-o-ne.tw:before{content:'내일 꼭! 오네';}
.product-detail__top-info__item__row .badge-o-ne.today:before{content:'오늘 오네';}
.product-detail__top-info__item__row .badge-o-ne.sunday:before{content:'일요일 오네';}
.product-detail__top-info__item__row .badge-o-ne .arrive-date{display:inline-block;font-size:13px;}
.product-detail__top-info__item__row .badge-o-ne+.icon-excmark{margin-bottom:5px;vertical-align:bottom;}
.product-detail__top-info__item__row .badge-o-ne.nobadge{padding:5px 0 0;}
.product-detail__top-info__item__row .badge-o-ne.nobadge:before{display:none;}
.product-detail__top-info__item__row .badge-o-ne.nobadge+.icon-excmark{margin-top:-1px;vertical-align:middle;}

/*
.product-detail__top-info__item__row .badge-o-ne{display:inline-block;padding-top:3px;vertical-align:bottom;}
.product-detail__top-info__item__row .badge-o-ne::before{padding-right:40px;font-size:13px;}
.product-detail__top-info__item__row .badge-o-ne .arrive-date{margin-top:4px;font-size:13px;}
.product-detail__top-info__item__row .badge-o-ne+.icon-excmark{margin-top:1px;}
*/
.product-detail__top-info__item__row .badge-temperature{display:inline-block;position:relative;margin-top:2px;color:#333;font-size:13px;line-height:18px;}
.product-detail__top-info__item__row .badge-temperature::before{content:'';display:inline-block;height:18px;margin-top:-3px;margin-right:4px;padding:0 6px 0 17px;font-size:10px;font-weight:700;color:#4094d2;line-height:16px;border:1px solid rgba(64, 148, 210, 0.3);background-repeat:no-repeat;background-position:6px 2px;border-radius:9px;vertical-align:middle;box-sizing:border-box;}
.product-detail__top-info__item__row .badge-temperature.fresh::before{content:'냉장';background-image:url(/cjom/mobile/images/icon/icon_temperature_cold.svg);background-size:10px 11px;}
.product-detail__top-info__item__row .badge-temperature.frozen::before{content:'냉동';background-image:url(/cjom/mobile/images/icon/icon_temperature_frozen.svg);background-size:11px 11px;}
.product-detail__top-info__item__row .badge-temperature.fresh.type-2::before{content:'냉장·냉동';background-image:url(/cjom/mobile/images/icon/icon_temperature_cold.svg);}
.product-detail__top-info__item__row .badge-temperature.roomt::before{content:'실온&상온';padding:0 6px;color:#666;border-color:rgba(51, 51, 51, 0.3);background-image:none;}
.product-detail__top-info__item__row .badge-temperature+.icon-excmark{margin-top:-4px;}
/*.product-detail__top-info__item__row .badge-temperature>span{margin-left:4px !important;}*/

.plusDc-box .badge-o-ne.type-2 .arrive-date{margin-top:2px;}

@media all and (max-width:375px){
	.product-detail__top-info__item__row .tx-delivery-hide{display:none;}
}

.product-detail__top-info__item__row .tx-delivery-date>span{color:#0e84cc;}
.product-detail__top-info__item__row .tx-delivery-date .component-button--link.new-type{font-size:13px;color:#333;font-weight:normal;}

.product_detail_box .badge-o-ne.type-2 .arrive-date{margin-top:2px;}

/* 쿠폰적용상품 */
.my-benefit__apply-product-box .badge-o-ne.type-2 .arrive-date{margin-top:2px;}

/* 주문배송조회 */
.module-cart__date-box .badge-o-ne{display:inline-block;font-size:0;line-height:16px;}
.module-cart__date-box .badge-o-ne .arrive-date{display:inline-block;font-size:13px;}
.module-cart__date-box .badge-o-ne .module-cart__popup-button{margin-top:1px;}

.module-cart__ul .btn-change+.module-cart__date-box,
.component-column-list--bar+.module-cart__date-box{margin-top:7px;}

.module-cart__date-box .module-cart__popup-button,
.module-cart__ul .badge-o-ne .module-cart__popup-button{background:url(/cjom/mobile/images/icon/ico-common-tooltip2.svg) no-repeat 0 0;}

.order-delivery__info .order-delivery__info-phone.number.confirm_phone {position:relative;}
.order-delivery__info .order-delivery__info-phone.number.confirm_phone:after {content:'이 연락처가 맞나요?';position:absolute;top:50%;left:100%;width:115px;height:24px;padding-left:2px;font-size:12px;color:#1ba774;letter-spacing:-0.7px;text-align:center;line-height:24px;box-sizing:border-box;background:url(/cjom/mobile/images/common/confirm_bubble.png) no-repeat 0 0;background-size:100% auto;transform:translate(4px, -50%);}

.new-orderinfo-box{background:#fff;}
.new-orderinfo-box .badge-o-ne{display:inline-block;font-size:0;line-height:16px;}
.new-orderinfo-box .badge-o-ne .arrive-date{display:inline-block;font-size:13px;}

.new-orderinfo-box .order-delivery__header .box-table__text1{font-size:18px;color:#111;font-weight:700;}
.new-orderinfo-box .order-delivery__header .form-element{font-size:0;}
.new-orderinfo-box .order-delivery__header .form-element label{margin:0 8px 0 0;font-size:13px;font-weight:400;color:#999;}

.new-orderinfo-box .module-cart__ul{padding-bottom:15px;}

.new-orderinfo-box .order-entrance__comment_box{color:#666;font-size:13px;line-height:1.3;}
.new-orderinfo-box .order-entrance__comment_box p+p{margin-top:4px;}

.new-orderinfo-box .order-delivery__info-box{position:relative;margin:25px 0 12px;}
.new-orderinfo-box .order-delivery__info-box .order-delivery__info-name{position:relative;}
.new-orderinfo-box .order-delivery__info-box .order-delivery__name{font-size:16px;color:#111;}
.new-orderinfo-box .order-delivery__info-box .order-delivery__info{padding-right:5px;font-size:15px;color:#333;line-height:1.3;}
.new-orderinfo-box .order-delivery__info-box .order-delivery__info .order-delivery__info-phone.number{font-size:13px;}
.new-orderinfo-box .order-delivery__info-box .order-delivery__info .order-delivery__info-phone .info-txt{font-size:12px;color:#999;}
.new-orderinfo-box .order-delivery__info-box .order-delivery__info-comment{font-size:13px;color:#999;vertical-align:bottom;}
.new-orderinfo-box .order-delivery__info-box .btn-delivery__change-address{position:absolute;top:0;right:5px;color:#1ba774;font-size:14px;text-decoration:underline;background:none;}
.new-orderinfo-box .order-delivery__comment-box{margin-top:8px;}

.new-orderinfo-box .order-delivery__comment-box.entrance_comment-box{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
.new-orderinfo-box .order-delivery__comment-box.entrance_comment-box .checkbox__input{font-size:13px;}

.new-orderinfo-box .order-delivery__comment-box.entrance_comment-box .form-element~.form-element{margin-top:10px;}
.new-orderinfo-box .order-delivery__comment-box.entrance_comment-box .form-element+.txt_desc{margin-top:10px;}

.new-orderinfo-box .order-delivery__comment-box.entrance_comment-box .btn-entrance__change-info{position:absolute;top:20px;right:5px;color:#1ba774;font-size:14px;text-decoration:underline;background:none;}

/*
.module-cart__ul .badge-o-ne.type-2{display:inline-block;padding-top:2px;vertical-align:middle;white-space:nowrap;}
.module-cart__ul .badge-o-ne.type-2 .arrive-date{font-size:13px;margin-top:1px;}
.module-cart__ul .expected-date+button.module-cart__popup-button{margin-left:2px;}
.module-cart__ul .badge-o-ne.type-2:before{vertical-align:middle;}
.module-cart__ul .badge-o-ne.type-2 .arrive-date{margin:0;vertical-align:middle;}
.module-cart__ul .badge-o-ne.type-2 .module-cart__popup-button{margin-left:2px;vertical-align:middle;}
.module-cart__date-box .badge-o-ne.type-2{padding-top:0;vertical-align:middle;}
.module-cart__date-box .badge-o-ne.type-2+.module-cart__popup-button{margin-left:2px;vertical-align:middle;}*/

.module-cart__ul .badge-o-ne{margin-top:2px;}
.module-cart__ul .badge-o-ne .arrive-date{display:inline-block;font-size:13px;}

.module-cart__ul .cart_arrival_guarantee .module-cart__popup-button{margin-top:1px;}


/* 장바구니 */
.cart-box__o-ne-title-box{position:relative;margin:0 -15px;padding:14px 0 14px 50px;font-size:13px;color:#000;background:#ecfcff;}
.cart-box__o-ne-title-box>span{color:#0e84cc;}
.cart-box__o-ne-title-box::before{content:'';position:absolute;top:50%;left:12px;width:35px;height:14px;background-image:url(/cjom/mobile/images/common/badge_o_ne.svg);background-repeat:no-repeat;background-position:100% 50%;background-size:35px 14px;transform:translateY(-50%);}
.cart-box__o-ne-title-box .module-cart__popup-button{margin-left:0;}
.cart-box__o-ne-title-box+.module-container .module-cart .module-cart__ul .module-cart__li:first-child .module-cart__product{border-top:0;}


/* 주문완료 */
.order__complete-info-dd .badge-o-ne+.badge-o-ne{margin-top:5px;}
.order__complete-info-dd .badge-o-ne .arrive-date{font-size:13px;}
.order__complete-info-box .info-box__list__item{position:relative;padding-left:10px;text-indent:0;word-break:break-all;}
.order__complete-info-box .info-box__list__item:before{position:absolute;top:7px;left:2px;}


.modal__info-contents-new{padding:20px 16px;line-height:1.4;}
.modal__info-contents-new .modal-tit{font-size:16px;font-weight:700;color:#333;}
.modal__info-contents-new .point-txt{position:relative;padding-left:10px;color:#333;font-weight:700;}
.modal__info-contents-new .point-txt::before{content:'';position:absolute;top:50%;left:0;width:3px;height:3px;background-color:#333;border-radius:50%;}
.modal__info-contents-new p{font-size:14px;color:#666;}
.modal__info-contents-new p+p{margin-top:20px;}
.modal__info-contents-new .info-box--bg{padding:16px 32px 16px 16px;color:#999;background:#f6f8f8;border-radius:4px;}
.modal__info-contents-new .info-box--bg .info-box__list__item{position:relative;padding-left:8px;font-size:13px;text-indent:0;}
.modal__info-contents-new .info-box--bg .info-box__list__item::before{position:absolute;top:8px;left:0;background:#999;}
.modal__btn-box-new{padding:0 16px 30px;}
.btn-modal-black-type{width:calc(100% - 32px);height:48px;color:#fff;font-size:17px;font-weight:700;background:#111;line-height:48px;border-radius:4px}


/* 오네 배송 안내 팝업 */
.modal_o-ne-delivery{padding:10px;}
.modal_o-ne-delivery .modal__container{width:300px;padding:48px 16px 20px !important;}

.modal_o-ne-delivery .tit{text-align: center;font-size:14px;line-height:20px;}
.modal_o-ne-delivery .tit>span{font-weight:bold;}
.modal_o-ne-delivery .tit>strong{font-size:16px;font-weight:bold;}
.modal_o-ne-delivery .tit .emp {color: #1ba774;}
.modal_o-ne-delivery .tit + .tit {margin-top:20px;}

.modal_o-ne-delivery .txt {text-align: center;font-size: 14px;line-height: 20px;color: #666;margin-top: 16px;}
.modal_o-ne-delivery .txt>span{color:#1ba774;}

.modal_o-ne-delivery .btn-box {margin-top: 32px;}

.modal_o-ne-delivery .btn-box .btn {font-size:15px;color:#fff;font-weight:bold;width:100%;height: 44px;line-height: 44px;letter-spacing: -1px;border-radius: 4px;border: 1px solid #1ba774;background-color: #1ba774;}

.modal_o-ne-delivery .btn-box--col-2 .btn {width: calc(50% - 4px);}
.modal_o-ne-delivery .btn-box--col-2 .btn02 {width: calc(50% - 4px);border: 1px solid #999;color: #333;font-weight: normal;background-color: #fff;}
.modal_o-ne-delivery .btn-box--col-2 .btn:nth-child(2n) {margin-left: 8px;}




/* 오네 배송 안내 팝업 */
.modal.modal-o-ne .modal__container--white{position:fixed;bottom:0;width:100%;height:auto;padding-bottom:0 !important;border-radius:20px 20px 0 0;overflow:hidden;}
.modal.modal-o-ne .modal__contents--with-btn{min-height:auto !important;padding-bottom:0;}
.modal.modal-o-ne .modal__header{position:relative !important;width:auto !important;margin:20px 20px 0 20px;padding:10px 0 0;}
.modal.modal-o-ne .modal__header .modal-sub-tit{position:absolute;top:-20px;left:-20px;right:-20px;height:48px;font-size:16px;color:#333;text-align:center;line-height:48px;border-bottom:1px solid #eee;}
.modal.modal-o-ne .modal__header .modal-title{padding-top:40px;font-size:19px;color:#333;line-height:25px;}
.modal.modal-o-ne .modal__header .modal-title .ico-o-ne{display:inline-block;width:50px;color:transparent;background:url(/cjom/mobile/images/common/badge_o_ne.svg) no-repeat 0 50%;background-size:48px 19px;} 
.modal.modal-o-ne .modal__contents{border:0;}
.modal.modal-o-ne .modal-o-ne-infolist{padding:20px;}
.modal.modal-o-ne .modal-o-ne-infolist li{position:relative;padding-left:10px;font-size:15px;color:#888;line-height:18px;}
.modal.modal-o-ne .modal-o-ne-infolist li+li{margin-top:8px;}
.modal.modal-o-ne .modal-o-ne-infolist li::before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#999;border-radius:50%;}
.modal.modal-o-ne .modal-o-ne-infolist li.point-txt{color:#333;text-decoration:underline;}
.modal.modal-o-ne .modal-o-ne-infolist li.point-txt>span{color:#f72a66;font-weight:700;}

.modal.modal-o-ne .modal__btn-box{position:static;padding:30px 20px 30px;font-size:0;}
.modal.modal-o-ne .btn-box--col-2 .btn{width:calc(50% - 24px);height:55px;border-radius:4px;box-sizing:border-box;}
.modal.modal-o-ne .btn-box--col-2 .btn+.btn{margin-left:8px;}
.modal.modal-o-ne .btn-box--col-2 .btn--line2{padding-top:10px;font-size:13px;color:#666;border:1px solid #999;border-radius:4px;line-height:16px;}
.modal.modal-o-ne .btn-box--col-2 .btn--line2>span{display:block;font-size:14px;color:#333;font-weight:700;}
.modal.modal-o-ne .btn-box--col-2 .btn--line2.green{color:#fff;background:#1ba774;border-color:#1ba774;}
.modal.modal-o-ne .btn-box--col-2 .btn--line2.green>span{color:#fff;}

.modal-system-info{margin:0 20px;padding:16px 20px;background:#f6f8f8;border-radius:10px;}
.modal-system-info dt{font-size:14px;color:#333;font-weight:700;}
.modal-system-info dt::before{content:'';display:inline-block;width:14px;height:14px;margin-top:-4px;margin-right:5px;background:url(/cjom/mobile/images/icon/ico-exclmark-pink.svg) no-repeat 0 0;background-size:14px 14px;vertical-align:middle;}
.modal-system-info dd{position:relative;margin-top:6px;padding-left:10px;font-size:13px;color:#666;}
.modal-system-info dd::before{content:'';position:absolute;top:6px;left:0;width:3px;height:3px;background:#666;border-radius:50%;}
.modal-system-info dd+dd{margin-top:4px;}

/*  MARKETDEV-6900 휴대전화 최신화 유도 배너 출력 20231218 */
.m_modal_popup .num-upto {position:relative;text-align:center;}
.m_modal_popup .num-upto * {letter-spacing:-1px;}
.m_modal_popup .num-upto h4 {padding:20px 0 15px 0;background:#fff;color:#111;font-size:20px;line-height:25px;font-weight:bold;border-radius:20px 20px 0 0;}
.m_modal_popup .num-upto h4 div {margin:4px 0 0 0;}
.m_modal_popup .num-upto h4 strong {color:#1ba774;}
.m_modal_popup .num-upto .upto-cont {padding:15px 5.3333vw 20px 5.3333vw;background:#f5f6f8;}
.m_modal_popup .num-upto .upto-cont p {font-size:13px;line-height:17px;color:#333;}
.m_modal_popup .num-upto .upto-cont p strong {display:block;color:#fa6729;margin:3px 0 0 0;}
.m_modal_popup .num-upto .upto-cont .num-current {margin:15px 0;background:#fff;font-size:32px;font-weight:bold;color:#000;line-height:38px;padding:14px 0;border:1px solid #e0e0e0;border-radius:12px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);}
.m_modal_popup .num-upto .upto-cont .upto-btns button {display:block;width:100%;color:#fff;font-size:18px;line-height:21px;font-weight:bold;text-align:center;padding:14px 0;border-radius:4px;}
.m_modal_popup .num-upto .upto-cont .upto-btns button span {font-weight:normal;}
.m_modal_popup .num-upto .upto-cont .upto-btns button.btn-no {background:#1ba774;}
.m_modal_popup .num-upto .upto-cont .upto-btns button.btn-yes {background:#000;margin-top:7px;}
.m_modal_popup .num-upto .upto-cont .upto-noti {font-size:12px;line-height:16px;color:#999;padding:20px 0 0 0;}
.m_modal_popup .num-upto .close-today {color:#fff;font-size:13px;line-height:13px;position:absolute;top:-20px;right:5.3333vw;bottom:auto;left:auto;width:auto;}
.m_modal_popup .num-upto .close-today:after {content:"";display:inline-block;width:13px;height:13px;vertical-align:middle;transform:translateY(-1px);margin-left:7px;background:url(/cjom/mobile/images/icon/icon_close_today.svg) no-repeat center center/13px;}

/* D:20240422 비비고리뉴얼 MARKETDEV-8037 */
.sub-bibigo-banner {position:relative;display:block;margin-bottom:13px;width:26vw;height:28.077vw;z-index:120;overflow:visible;animation:cloud 1.2s infinite ease-in-out;}
.sub-bibigo-banner #sub-bb-banner {position:relative;}
.sub-bibigo-banner #sub-bb-banner a {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:134;}
.sub-bibigo-banner .bb-close {position:absolute;top:-10px;right:-10px;width:22px;height:22px;background:url(/cjom/mobile/images/icon/btn_close_bibigo.svg) no-repeat 0 0/cover;z-index:140;transition:opacity 0.1s  1.2s ease-in-out;}
@keyframes cloud {
	0%,100% {transform:translateY(0);}
	50% {transform:translateY(4px);}
}
.fixed-menu .c-floating ~ .sub-bibigo-banner {position:absolute;bottom:103px;right:0;}
.fixed-menu .c-floating ~ .sub-bibigo-banner.ontop {bottom:45px;}
.fixed-menu__recommend + .sub-bibigo-banner {position:absolute;bottom:116px;right:0;margin:0;}
.fixed-menu__recommend + .sub-bibigo-banner.ontop {bottom:66px;}

/* MARKETDEV-9258 숏폼컨텐츠 카운트 다운 */
.shortform__remain--circle{position:absolute;width:44px;height:44px;border-radius:22px;overflow:hidden;transition:background-color .3s ease;z-index:1001;}
.shortform__remain--circle .shortform__circle--inner{display:block;width:44px;height:44px;border:3px solid rgba(255,255,255,.5);border-radius:50%;box-sizing:border-box;}
.shortform__remain--circle .shortform__circle--line{position:absolute;top:0;left:0;width:100%;height:100%;clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);background-color:#1ba774;border-radius:50%;box-sizing:border-box;animation: fillCircleLine 10s linear forwards;}
@keyframes fillCircleLine {
	0%{clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);}
	50%{clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);}
	100%{clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
.shortform__remain--circle .shortform__remain--text{position:absolute;top:50%;left:50%;font-size:13px;color:#fff;font-weight:700;transform:translate(-50%, -50%);white-space:nowrap;}
.shortform__remain--circle svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);}
.shortform__remain--circle .circle-background{stroke:#fff;stroke-width:3;stroke-opacity:.5;background:#000;opacity:.3;}
.shortform__remain--circle .circle-progress{stroke:#1ba774;stroke-width:3;stroke-dasharray:128.805;stroke-dashoffset:128.805;transition:stroke-dashoffset linear;}
.shortform__remain--circle.complete{background:rgba(27, 167, 116, 0.7);}
.shortform__remain--circle.complete .shortform__remain--text{font-size:12px;font-weight:400;}
.shortform__remain--circle.complete svg{display:none;}
.shortform__remain--circle.shortform{top:30px;left:15px;}            
.shortform__remain--circle.youtube{bottom:98px;left:15px;}

.modal__youtube--wrap .modal__contents{height:calc(100vh - 160px);min-height:calc(100vh - 160px) !important;padding-bottom:0;border-top:0;}
.modal__youtube--wrap .modal__contents.masked:after {content:'';position:absolute;top:50px;left:0;width:100%;height:calc(100vh - 160px);}
.shortform__btn-box{position:absolute;bottom:30px;left:15px;right:15px;}
.shortform__btn-box button{font-size:16px;font-weight:700;border-radius:4px;background:#1ba774;}
.shortform__btn-box button:disabled{background:rgba(0,0,0,.3);opacity:1}

/* MARKETDEV-9858 이미지 확대 팝업 */
.modal--img-zoom .modal__container {width:calc(100vw - 30px);height:calc(100vw - 30px);padding:0;}
.modal--img-zoom .modal__close {top:3px;right:3px;}
.modal--img-zoom .modal__mask--close {width:100%;height:100%;}

/* MARKETDEV-10246 MFC 배송 */
.mfc-delivery {padding:16px 15px 16px 39px;background:url(/cjom/mobile/images/icon/ico_location.png) no-repeat 15px 16px;background-size:18px auto;}
.mfc-delivery__addr-wrap {display:flex;gap:0 17px;align-items:center;margin-bottom:2px;}
.mfc-delivery__addr-wrap .mfc-delivery__addr {flex:1;overflow:hidden;color:#333;font-size:15px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;}
.mfc-delivery__addr-wrap .btn {font-size:13px;color:#1BA774;text-decoration:underline;}
.mfc-delivery__possible,
.mfc-delivery__impossible {margin-bottom:8px;font-size:12px;line-height:1.33;color:#18A772;}
.mfc-delivery__impossible {color:#E83E0C;}
.mfc-delivery__notice {min-height:12px;padding-left:16px;margin-top:3px;background:url(/cjom/mobile/images/icon/ico_notice_mark.png) no-repeat 0 center;background-size:12px auto;font-size:12px;color:#999;line-height:1.2;}

.mfc-banner {padding:0 15px;}
.mfc-banner a {display:block;}
.product-detail__top-info__item__row .txt-mfc {display:inline-block;width:54px;height:12px;margin-top:-3.5px;background:url(/cjom/mobile/images/common/badge_mfc.svg) no-repeat 0 center;background-size:100% auto;text-indent:-9999em;vertical-align:middle;}
.product-detail__top-info__item .mfc-banner {padding:0;margin:24px -1px 0;}

.cart-box__title-mfc {padding:8px 15px;}
.cart-box__title-mfc p {padding:8px 16px;background-color:#E8F6F1;border-radius:4px;color:#237C5C;text-align:center;font-size:14px;letter-spacing:-0.8px;line-height:1.4;}

.btn-box--btm-floating .btn-mfc--disabled,
.btn-box--btm-floating .btn-mfc--disabled:disabled {background-color:#C6C6C6;border-color:#C6C6C6;font-size:15px;opacity:1;touch-action:none;}
.btn-box--btm-floating.btn-box--none-margin .btn + .btn-mfc--disabled {margin-left:0;}

.mfc-tooltip {position:absolute;top:100%;right:0;transform:translateY(10px);padding:6px 14px;background-color:#1BA774;border-radius:100px;color:#fff;line-height:1.4;font-size:11px;text-align:center;z-index:1;}
.mfc-tooltip:before {content:"";position:absolute;top:-10px;right:20px;border:5px solid transparent;border-color:transparent transparent #1BA774 transparent;}

.order-delivery__mfc-date {padding-top:20px;margin:20px 0 4px;border-top:1px solid #eee;}
.order-delivery__mfc-date .form-label {margin-bottom:10px;}
.order-delivery__mfc-date .radio {margin-bottom:16px;}
.order-delivery__mfc-notice {padding-left:16px;margin-bottom:16px;background:url(/cjom/mobile/images/icon/ico_notice_mark.png) no-repeat 0 2px;background-size:12px auto;font-size:12px;color:#999;line-height:1.3;}

.mfc-date {display:flex;gap:0 8px;}
.mfc-date__input {width:calc(50% - 4px);height:40px;padding:0;border:1px solid #222;border-radius:6px;color:#222;font-size:13px;line-height:38px;letter-spacing:0;text-align:center;box-sizing:border-box;outline:none;}
.mfc-date__input + .mfc-date__input {margin-left:0;}
.mfc-date__input[aria-checked=true], .mfc-date__input.is-active {background-color:#222;color:#fff;}
.mfc-date__input:before,
.mfc-date__input:after {display:none;}

.mfc-time_swiper-wrap {overflow:hidden;padding:0 15px;margin:0 -15px;}
.mfc-time_swiper-wrap .swiper-slide {width:80px;}
.mfc-time__input {display:flex;flex-direction:column;justify-content:center;width:80px;height:56px;padding:8px;border:1px solid #222;border-radius:6px;color:#222;font-size:11px;line-height:1.5;letter-spacing:0;text-align:left;box-sizing:border-box;outline:none;}
.mfc-time__input strong {display:block;font-size:14px;font-weight:normal;letter-spacing:0;}
.mfc-time__input[aria-checked=true], .mfc-time__input.is-active {background-color:#222;color:#fff;}
.mfc-time__input:before,
.mfc-time__input:after {display:none;}
.mfc-time__input[aria-disabled=true] {border-color:#E9E9EA;color:#A6A6A6;}