@charset "UTF-8";
@import "animation.css?ver=250624045836";
@import "reset.css?ver=250624045836";
@import "layout.css?ver=250624045836";
@import "library.css?ver=250624045836";
@import "common.css?ver=250624045836";
@import "components.css?ver=250624045836";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

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

/* 회원가입 이용약관 */
.join-terms {
	width: 1020px;
}
.terms-box {
	margin: 0 auto;
	padding-top: 70px;
	text-align: center;
}
.terms-box .title {
	font-size: 34px;
	line-height: 33px;
	color: #000;
	font-weight: 900;
	text-align: center;
}

.terms-box .cont-title {
	margin-top: 0;
	font-weight: 500;
}

.terms-alert {
	margin-top: 30px;
	padding: 25px 30px;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	background-color: #e7f2ec;
}
.terms-alert .text {
	margin-top: 5px;
	font-weight: normal;
}

.terms-alert .terms-logo {
	margin-top: 10px;
}

.terms-alert .terms-logo img {
	vertical-align: top;
}

.terms-alert .terms-logo img+img {
	margin-left: 20px;
}

.agree-list {
	border-top: 1px solid #aaa;
}

.agree-list li:first-child {
	background: #f8f8f8;
}

.agree-list li {
	position: relative;
	padding: 17px 30px 17px 43px;
	border-bottom: 1px solid #eee;
}

.agree-list li .input-checkbox {
	position: absolute;
	top: 22px;
	left: 21px;
}

.agree-list li label {
	color: #000;
	display: inline-block;
	font-weight: 500;
}

.agree-list li .required {
	height: auto;
	color: #00803d;
	vertical-align: top;
}

.agree-list li span {
	margin-right: 9px;
}

.agree-list li .more {
	position: absolute;
	top: 0;
	right: 2px;
	display: inline-block;
	width: 30px;
	height: 100%;
	text-align: center;
}

.agree-list li .more span {
	display: block;
	text-indent: -99999px;
}

.agree-list li .more:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 7px;
	height: 11px;
	margin: -4px 0 0 -5px;
	background: url(/cjom/web/images/common/spr_common.svg) no-repeat -30px
		-32px;
	background-size: 510px 210px;
}

.agree-accordion {
	border-top: 1px solid #aaa;
}

.agree-accordion .agree-head {
	position: relative;
	padding: 20px 70px 20px 20px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.agree-accordion .agree-head label {
	display: block;
	color: #000;
}

.agree-accordion .agree-head .more {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 70px;
	height: 100%;
	text-align: center;
}

.agree-accordion .agree-head .more span {
	display: block;
	text-indent: -99999px;
}

.agree-accordion .agree-head .more:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 30px;
	width: 12px;
	height: 7px;
	background: url(/cjom/web/images/common/spr_common.svg) no-repeat -30px
		-70px;
	background-size: 510px 210px;
}

.agree-accordion .agree-head .more.active:before {
	background-position: -60px -70px;
}

.agree-accordion .agree-head .required {
	height: auto;
	color: #2a715a;
	vertical-align: top;
}

.agree-accordion .agree-content {
	padding: 25px 30px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.marketing-box {
	margin-top: 15px;
	padding: 10px 30px 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
}

.marketing-box .text {
	text-align: left;
	color: #555;
	font-weight: normal;
}

.marketing-box .noti {
	margin: 30px -30px 0;
	padding: 15px 30px;
	text-align: left;
	background-color: #f8f8f8;
	color: #555;
}

.marketing-aree-list {
	margin-top: 15px;
}

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

.marketing-aree-list li {
	float: left;
	overflow: hidden;
}

.marketing-aree-list li+li {
	margin-left: 15px;
}

.marketing-aree-list li strong {
	position: relative;
	float: left;
	display: block;
	margin-right: 25px;
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 15px;
	color: #2a715a;
	font-weight: 500;
	line-height: 25px;
}

.marketing-aree-list li strong:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	display: block;
	width: 1px;
	height: 20px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.marketing-aree-list li label {
	float: left;
	display: block;
	min-width: 95px;
	font-weight: normal
}

.noti-box {
	margin: 37px -39px -34px;
	padding: 22px 39px 26px;
	background: #fafafa;
}

.noti-box .noti-text {
	margin: 0;
}

.check-desc {
	margin-top: 35px;
	text-align: center;
	font-size: 16px;
}

.join-terms .btn-area {
	margin-top: 35px;
}

/* 이용약관 팝업 */
.modal-contents .number-list-st {
	padding: 20px 0;
}

.modal-contents .number-list-st li {
	width: 50%;
	font-size: 13px;
}

.number-list-st.number-none li {
	padding-left: 0;
}

.number-list-st.number-none li:before {
	content: none;
}

/* login */
.modal .login-wrap {
	margin-top: 40px;
}

.login-wrap {
	width: 440px;
	margin: 35px auto 0;
	padding: 60px 40px 0;
	background: #fff;
}

.login-wrap:before {
	content: '';
	display: block;
	overflow: hidden;
}

.login-wrap .list {
	padding: 0 60px;
	font-size: 0;
}

.login-wrap .list label {
	display: inline-block;
	line-height: 60px;
}

.login-wrap .list label+label {
	margin-left: 15px;
}
/* .login-wrap .login-form {padding:0 0 36px;} */
.login-wrap  [data-tab-content] {
	overflow:hidden;padding-top: 30px;
}
/* .login-form .login {padding-bottom:10px;} */
.login-form .login .input-password {
	margin-top: 8px;
}

.login-form .login .save-id {
	display: inline-block;
	margin-top: 10px;
	vertical-align: top;
}

.login-form .btn-default-lg-login {
	width: 100%;
	margin-top: 29px;
}

.login-form .captcha {
	display: none;
	padding-top: 13px;
}

.login-form .captcha .txt {
	font-size: 15px;
	color: #555;
	line-height: 30px;
}

.login-form .captcha .captcha-img {
	position: relative;
	margin-top: 4px;
}

.login-form .captcha .captcha-img>img {
	height: 82px;
	width: 264px;
	vertical-align: top;
	border: 2px solid #000;
}

.login-form .captcha .captcha-img>[class^=btn-white2-sm] {
	position: absolute;
	top: 0;
	right: 0;
	width: 126px;
	padding: 0 20px 3px
}

.login-form .captcha .captcha-img>.btn-white2-sm-voice {
	top: auto;
	bottom: 0;
}

.login-form .captcha .input-text {
	margin-top: 8px;
}

.login-form .id-pw-find {
	margin-top: 14px;
	font-size: 0;
	text-align: center;
}

.login-form .id-pw-find li {
	display: inline-block;
}

.login-form .id-pw-find li+li {
	position: relative;
	padding-left: 15px;
	margin-left: 15px;
}

.login-form .id-pw-find li+li:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 12px;
	width: 1px;
	margin-top: -6px;
	background: #eee;
}

.login-form .id-pw-find li a {
	font-size: 15px;
	color: #555;
}

.login-form .id-pw-txt {
	margin-top: 15px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
}

.sns-login {
	padding: 0 60px 0 60px;
}

.sns-login:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
}

.sns-login .sub-title {
	margin: 31px 0 0 0;
	text-align: left;
	font-size: 24px;
}

.sns-login ul {
	overflow: hidden;
	margin-top: 22px;
}

.sns-login ul li {
	float: left;
	width: 50%;
}

.sns-login ul li:nth-child(n+3) {
	margin-top: 20px;
}

.sns-login ul li a {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 40px;
	text-align: left;
}

.sns-login ul li a i {
	margin-right: 15px;
	vertical-align: top;
}

.cjone-signup {
	padding: 28px 40px 0;
	text-align: center;
	border-top: 1px solid #eee;
}

.cjone-signup .txt {
	font-size: 14px;
	line-height: 24px;
	color: #555;
}

.cjone-signup .btn-white-lg-cjone {
	width: 100%;
	margin-top: 18px;
}

.login-banner {
	margin-top: 61px;
}

.login-banner a {
	display: block;
}

.login-banner a img {
	vertical-align: top;
}

.login-completed {
	padding: 11px 0 24px 0;
}

.login-completed .login-title {
	font-size: 24px;
	color: #00803d;
	font-weight: 500;
	text-align: center;
}

.login-completed .login-desc {
	margin-top: 6px;
	font-size: 15px;
	color: #555;
	text-align: center;
	line-height: 25px;
}

.modal-contents .login-wrap {
	width: 100%;
	padding: 0;
}

.modal-contents .login-wrap .list {
	padding: 0;
}
/* .modal-contents .login-wrap .login-form{padding:0 0 36px;} */
.modal-contents .sns-login {
	padding: 0;
}

/* form-phone */
.form-phone:after {
	content: "";
	display: block;
	clear: both;
}

.form-phone .ui-selectmenu-button.ui-button {
	float: left;
}

.form-phone .selectbox {
	float: left;
}

.form-phone select {
	width: 80px;
}

.form-phone [class^=input-] {
	float: left;
	width: 80px;
}

.form-phone .hyphen {
	position: relative;
	float: left;
	display: block;
	width: 29px;
	height: 40px;
}

.form-phone .hyphen:before {
	content: "-";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 8px;
	height: 1px;
	margin: -1px 0 0 -4px;
	text-indent: -999999px;
	background: #000;
}

.form-phone [class^=btn-] {
	float: right;
}

/* form-certified */
.form-certified {
	position: relative;
}

.form-certified input {
	padding-right: 120px;
}

.form-certified .time {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 0 20px 3px;
	font-size: 15px;
	color: #f80012;
	line-height: 37px;
}

.form-certified .time span {
	color: inherit;
}

/* phone-login */
.phone-login {

}

.phone-login .sub-title {
	margin-top: 0;
}

.phone-login>.input-text {
	margin-top: 18px;
}

.phone-login .form-phone {
	margin-top: 12px;
}

.phone-login .form-certified {
	margin-top: 12px;
}

/* customer-search */
.customer-search {
	padding: 50px 0 38px;
	background: #0f5333;
}

.customer-search .page-title {
	margin-top: 0;
	color: #fff;
}

.customer-search .search {
	position: relative;
	width: 800px;
	margin: 37px auto 0;
}

.customer-search .recommend {
	max-width: 800px;
	margin: 17px auto 0;
	text-align: center;
	overflow: hidden;
}

.customer-search [class^=input-] {
	width: 100%;
	height: 70px;
}

.customer-search .search .input-text {
	height: 70px;
	box-sizing: border-box;
}

.customer-search .search input {
	width: 100%;
	height: 70px;
	padding: 0 70px 0 30px;
	border: none;
}

.customer-search .search input::-ms-input-placeholder {
	font-size: 16px;
	color: #767676 !important;
}

.customer-search .search input::-webkit-input-placeholder {
	font-size: 16px;
	color: #767676 !important;
}

.customer-search .search .btn-search {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 70px;
	height: 70px;
}

.customer-search .search .btn-search:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	background: url('/cjom/web/images/common/spr_common.svg') -420px -90px
		no-repeat;
	background-size: 510px 210px;
}

.customer-search .search .btn-search span {
	display: block;
	text-indent: -999999px;
}

.customer-search .recommend .title {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
}

.customer-search .recommend .title:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 15px;
	margin: 0 5px 0 20px;
	vertical-align: -2px;
	background-color: #ccc;
}

.customer-search .recommend .list {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.customer-search .recommend .list li {
	float: left;
	padding: 0 13px;
	font-size: 15px;
	color: #bbb;
}

.customer-search .recommend .list .active a {
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* quick-menu */
.quick-menu {
	margin-top: 10px;
	border: 10px solid #f8f8f8;
}

.quick-menu:after {
	content: '';
	display: block;
	clear: both;
}

.quick-menu .quick-item {
	position: relative;
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
}

.quick-menu .quick-item+.quick-item:after {
	position: absolute;
	left: 0;
	top: 30px;
	content: '';
	display: inline-block;
	width: 1px;
	height: 40px;
	background-color: #ddd;
}

.quick-menu a {
	display: block;
	padding: 20px 0;
	font-size: 18px;
	color: #000;
	font-weight: 700;
}

.quick-menu .quick-item a:before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: -18px;
	background-image: url('/cjom/web/images/common/icon_quick.png');
	background-repeat: no-repeat;
}

.quick-menu .quick-item.cancel a:before {
	background-position: -50px 0;
}

.quick-menu .quick-item.member a:before {
	background-position: -100px 0;
}

.quick-menu .quick-item.prime a:before {
	background-position: -150px 0;
}

.qna-list li {
	border-bottom: 1px solid #eee;
}

.qna-sbj {
	position: relative;
	display: block;
	padding: 26px 83px;
	font-size: 18px;
	color: #000;
}

.qna-sbj:before {
	content: 'Q';
	position: absolute;
	top: 20px;
	left: 30px;
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	border: 1px solid #000;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	text-align: center;
	line-height: 34px;
}

.faq-sbj .icon-openable, .qna-sbj .icon-openable {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -11px;
}

.qna-cont {
	padding: 20px 65px;
	border-top: 1px solid #ddd;
	font-size: 15px;
	color: #555;
}

.qna-list .active {
	background-color: #f8f8f8;
}

.faq-sbj {
	position: relative;
	display: block;
	padding: 16px 65px;
	font-size: 18px;
	color: #000;
}

.faq-sbj:before {
	content: 'Q';
	position: absolute;
	top: 20px;
	left: 30px;
	display: block;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	line-height: 18px;
	font-weight: 500;
	font-size: 18px;
	color: #767676;
}

.faq-sbj.active {
	font-weight: 500;
}

/* view-wrap */
.main .view-wrap:first-child {
	margin-top: 0;
}

.view-wrap {
	position: relative;
	margin-top: 65px;
}

.view-wrap.brand-wrap [data-tab-content] {
	overflow: hidden;
	min-height: 596px;
}

.view-wrap.brand-wrap [data-tab-content] .nodata {
	min-height: 596px;
}

.view-wrap>[class*=title] {
	margin: 0;
}

.view-wrap>[class*=title] .text {
	font-weight: normal;
}

.view-wrap>[class*=link-] {
	position: absolute;
	top: 15px;
	right: 0;
}

.view-wrap .link-underline {
	font-size: 15px;
	font-weight: 500;
}

.view-wrap .content-box .link-arr {
	position: absolute;
	right: 0;
	top: 17px;
}

/* bbs-list */
.bbs-list {
	margin-top: 10px;
	border-top: 1px solid #ccc;
}

.bbs-list li {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.bbs-list .row {
	display: block;
	padding: 18px 30px;
	font-size: 15px;
	color: #000;
}

.bbs-list .title {
	font-size: 15px;
	font-weight: normal;
	color: #000;
}

.bbs-list .date {
	position: absolute;
	top: 16px;
	right: 30px;
	color: #555;
}

.bbs-list .label-text {
	margin-right: 5px;
}

.bbs-list .important .row {
	background-color: #f6faf8;
}

.bbs-list .important .title {
	font-weight: 500;
}

.table-bbs {
	margin-top: 30px;
}

.table-bbs thead th {
	padding: 17px 30px;
	color: #000;
}

.table-bbs tbody td {
	padding: 17px 30px;
	color: #767676;
}

.table-bbs a {
	display: block;
}

.table-bbs a:hover {
	opacity: .75;
}

/* icon-text */
.icon-text {
	position: relative;
	display: inline-block;
	padding-left: 30px;
}

.icon-text:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url('/cjom/web/images/common/spr_common.svg') -90px -90px
		no-repeat;
	background-size: 510px 210px;
}

.icon-text.mail:before {
	background-position-x: -120px;
}

/* label-text */
.label-text-wrap {
	font-size: 0;
}

.label-text {
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #ddd;
	line-height: 20px;
	font-size: 12px;
	vertical-align: 2px;
}

[class^='label-text'].import {
	border-color: #f72a66;
	color: #f72a66;
}

[class^='label-text'].info {
	border-color: #b68c5f;
	color: #b68c5f;
}

[class^='label-text'].primary {
	border-color: #2a715a;
	color: #2a715a;
	background-color: #fff;
}

.label-text+.label-text {
	margin-left: 5px;
}

.label-text2 {
	display: inline-block;
	padding: 0 6px;
	height: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	line-height: 18px;
	font-size: 11px;
	vertical-align: 2px;
	border-radius: 20px;
	letter-spacing: 0;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	background-color: #fff;
}

/* sorting-list */
.sorting-list {
	margin-top: 13px;
	overflow: hidden;
}

.sorting-list li {
	float: left;
}

.sorting-list li+li {
	margin-left: 15px;
}

.sorting-list button {
	position: relative;
	display: block;
	padding-left: 10px;
	font-size: 15px;
}

.sorting-list button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 3px;
	height: 3px;
	margin-top: -1px;
	background: #767676;
}

.sorting-list li.active button {
	color: #000;
	font-weight: 500;
}

.sorting-list li.active button:before {
	background: #000;
}

/* search-result */
.search-result {
	margin: 50px 0 40px;
	text-align: center;
	font-size: 26px;
	color: #000;
	font-weight: 500;
}

.search-result .small {
	font-size: 14px;
	color: #767676;
}

.search-result .link-underline {
	font-size: 16px;
}

.search-list {
	margin-top: 15px;
	border-top: 1px solid #ccc;
}

.search-list li+li {
	border-top: 1px solid #eee;
}

/*bbs-view*/
.bbs-view {
	margin-top: 40px;
}

.bbs-view .title-area {
	position: relative;
	display: table;
	width: 100%;
	padding: 14px 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
	line-height: 1.3;
	overflow: hidden;
}

.bbs-view .title-area .column {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.bbs-view .title-area .sub-title {
	margin-top: 0;
	padding-left: 40px;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	line-height: 1.5;
	overflow: hidden;
}

.bbs-view .title-area .sub-title>span {
	display: inline-block;
	margin-right: 6px;
	color: #000;
}

.bbs-view .title-area .bbs-view-info {
	width: 160px;
	font-size: 15px;
	color: #767676;
	text-align: center;
}

.bbs-view .view-content {
	padding: 40px;
	font-size: 15px;
	color: #000;
}

.bbs-view .text {
	margin-top: 0;
}

.file-group {
	margin: 15px 0 0 -8px;
	overflow: hidden;
}

.file-group li {
	position: relative;
	float: left;
	margin: 8px 0 0 8px;
}

.file-group .btn-file {
	display: inline-block;
	height: 36px;
	line-height: 35px;
	padding: 0 3px 0 15px;
	box-sizing: border-box;
	border: 1px solid #00803d;
	color: #00803d;
	font-size: 13px;
}

.file-group .btn-file:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	vertical-align: -10px;
	background: url(/cjom/web/images/common/spr_common.svg) -450px -60px
		no-repeat;
	background-size: 510px 210px;
}
/*.bbs-file li:before{content:''; position:absolute; top:12px; left:10px; display:block; width:14px; height:16px; }*/

/*bbs-paging*/
.bbs-paging {
	border-top: 1px solid #ddd;
}

.bbs-paging li {
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	overflow: hidden;
}

.bbs-paging li .arrow {
	position: relative;
	float: left;
	display: block;
	width: 90px;
	padding: 15px 0 15px 40px;
	font-weight: 500;
	color: #000;
}

.bbs-paging li a {
	display: inline-block;
	float: left;
	max-width: calc(100% - 130px);
	padding: 15px 30px;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bbs-paging li .arrow.pre:after {
	content: '';
	display: inline-block;
	margin-left: 6px;
	margin-top: -1px;
	border: solid transparent;
	border-width: 0 4px 4px 4px;
	border-bottom-color: #000;
	vertical-align: middle;
}

.bbs-paging li .arrow.next:after {
	content: '';
	display: inline-block;
	margin-left: 6px;
	margin-top: -1px;
	border: solid transparent;
	border-width: 4px 4px 0 4px;
	border-top-color: #000;
	vertical-align: middle;
}

/*bbs-winner*/
.bbs-winner {
	padding: 0 40px 50px;
}

.bbs-winner .winner-search-wrap {
	position: relative;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.bbs-winner .winner-search-wrap .text {
	float: left;
	line-height: 38px;
	font-size: 14px;
	color: #767676;
}

.bbs-winner .winner-search-wrap .text strong {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.bbs-winner .winner-search-wrap .text .small {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #555;
}

.bbs-winner .winner-search-wrap .winner-search {
	float: right;
	font-size: 0;
	overflow: hidden;
}

.bbs-winner .winner-search-wrap .winner-search button {
	margin-left: 7px;
}

.bbs-winner .winner-list .info {
	display: block;
	margin: 15px 0;
	font-size: 15px;
	color: #000;
}

.bbs-winner .winner-list ul {
	position: relative;
	display: inline-block;
	max-width: 100%;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.bbs-winner .winner-list ul:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1px;
	height: 100%;
	background: #eee;
	z-index: -1;
}

.bbs-winner .winner-list ul li {
	float: left;
	width: 150px;
	height: 42px;
	line-height: 41px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-left: none;
	border-top: none;
	text-align: center;
	color: #767676;
}

.bbs-winner .winner-list ul li.active {
	background-color: #f6faf8;
	border: 1px solid #00803d;
	color: #00803d;
}

/* 문의 상품 */
.inquiry-btns .btn {
	display: inline-block;
	width: 112px;
	height: 36px;
	line-height: 35px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	color: #555;
	border-radius: 20px;
	font-size: 14px;
	text-align: center;
}

.inquiry-btns .btn+.btn {
	margin-left: 7px;
}

.inquiry-btns .btn.active {
	background-color: #00803d;
	border: 1px solid #00803d;
	color: #fff;
}

.inquiry-product {
	margin-left: -10px;
	font-size: 0;
}

.inquiry-product .inquiry-item {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	white-space: nowrap;
}

.inquiry-product .inquiry-item:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.inquiry-product .btn-cancel {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -120px
		no-repeat;
	background-size: 510px 210px;
	font: 0/0 a;
}

.inquiry-item {
	display: inline-block;
	width: 435px;
	height: 100px;
	padding: 15px 0 15px 128px;
	box-sizing: border-box;
	background-color: #f8f8f8;
	vertical-align: top;
}

.inquiry-item .product-thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
}

.inquiry-item .product-thumb img {
	width: 100%;
	height: 100%;
}

.inquiry-item .item-content {
	display: inline-block;
	vertical-align: middle;
}

.inquiry-item .product-name {
	width: 180px;
	max-height: 50px;
	white-space: normal;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 25px;
	overflow: hidden;
}

.inquiry-item .product-added {

}

.inquiry-item .product-added+.product-name {
	margin-top: 4px;
}

.inquiry-item .product-added .added-item {
	font-size: 14px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.inquiry-item .added-item:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 6px;
	background-color: #ccc;
}

.inquiry-item .added-item:first-child:before {
	content: none;
}

.inquiry-code {
	margin-top: 10px;
}

/* 주문상품 선택 */
.my-product td, .my-product label {
	color: #000
}

.my-product .product-info {
	position: relative;
	height: 80px;
}

.my-product .product-info .inline {
	padding-left: 140px;
}

.my-product .product-info .input-checkbox {
	position: absolute;
	left: 0;
	top: calc(50% - 5px);
}

.my-product .product-info .thumb {
	left: 40px;
	width: 80px;
	height: 80px;
}

.my-product .product-info.soldout .thumb:after {
	content: '일시품절';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	background: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}

.my-product .date {
	color: #767676;
}

.my-product .vert {
	padding-top: 30px;
	padding-bottom: 30px
}

/* 개인정보 변경 */
.sns-linkage {
	font-size: 0;
}

.sns-linkage .linkage-item+.linkage-item {
	margin-left: 33px;
}

.linkage-item {
	position: relative;
	display: inline-block;
}

.linkage-item .sub-text {
	margin-top: 5px;
	color: #767676;
}

.linkage-item.naver {

}

.linkage-item.kakao {

}

.linkage-item.facebook {

}

.linkage-item a {
	position: relative;
	display: block;
	width: 210px;
	height: 50px;
	padding-left: 50px;
	line-height: 50px;
	box-sizing: border-box;
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	font-size: 15px;
	color: #555;
	font-weight: 500;
}

.linkage-item a:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: -1px 0 0 -1px;
	background: url('/cjom/web/images/common/icon_sns_50x50.png') 0 0
		no-repeat;
}

.linkage-item.naver a:before {

}

.linkage-item.kakao a:before {
	background-position: -50px 0;
}

.linkage-item.facebook a:before {
	background-position: -100px 0;
}

.linkage-item.apple a:before {
	background-position: -150px 0;
}

.linkage-item.active a {
	color: #fff;
	border: none;
}

.linkage-item.active.naver a {
	background-color: #3fc727;
}

.linkage-item.active.kakao a {
	background-color: #ffcd00;
}

.linkage-item.active.facebook a {
	background-color: #3c579d;
}

.linkage-item.active.apple a {
	background-color: #000;
}

.linkage-item.active a:before {
	margin: 0;
}

.linkage-item.active.naver a:before {
	border-right: 1px solid #3dba27;
}

.linkage-item.active.kakao a:before {
	border-right: 1px solid #ecbd00;
}

.linkage-item.active.facebook a:before {
	border-right: 1px solid #354b83;
}

.linkage-item.active.apple a:before {
	border-right: 1px solid #333;
}

/* 장바구니 */
.cart-wrap {
	position: relative;
	margin-top: 20px;
}

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

.cart-container {
	float: left;
	width: 900px;
}
.cart-container .product-list-top {height:185px;}
/* 비회원가입유도 */
.nomem-joinguide {margin-bottom:50px;height:414px;background:url(/cjom/web/images/mypage/bg_nmem_joinguide.png) no-repeat 50% 0;background-size:900px 414px;}
.nomem-joinguide h3 {padding:35px 0 25px;text-align:center;font-size:22px;line-height:30px;font-weight:normal;font-family:roboto;color:#333;}
.nomem-joinguide .info {overflow:hidden;padding:0 30px;display:flex;Justify-content:space-between;}
.nomem-joinguide .info.col4 li {width:205px;}
.nomem-joinguide .info li .plist {display:table;width:100%;color:#828282;line-height:18px;font-family:Roboto;}
.nomem-joinguide .info li .plist dt {display:table-cell;vertical-align:top;text-align:left;width:60px;}
.nomem-joinguide .info li .plist dd {display:table-cell;vertical-align:top;text-align:right;}
.nomem-joinguide .info .discount-num {display:block;margin-top:9px;padding-top:10px;border-top:1px solid #ddd;text-align:right;color:#f72a66;font-size:16px;line-height:20px;font-weight:bold;}
.nomem-joinguide .info li {float:left;width:159px;height:167px;padding-top:57px;background-color:#fff;border-radius:16px;box-sizing:border-box;}
.nomem-joinguide .info li.ty1 {width:180px;padding:20px 15px 0;text-align:left;}
.nomem-joinguide .info li.ty1 .txt {display:block;margin-bottom:10px;font-size:15px;line-height:20px;font-family:Roboto;font-weight:bold;color:#333;}
.nomem-joinguide .info li.ty2 {background:#fff url(/cjom/web/images/mypage/icon-nmem-info01.svg) no-repeat 50% 12px;background-size:43px 35px;}
.nomem-joinguide .info li.ty3 {background:#fff url(/cjom/web/images/mypage/icon-nmem-info02.svg) no-repeat 50% 12px;background-size:43px 35px;}
.nomem-joinguide .info li.ty4 {background:#fff url(/cjom/web/images/mypage/icon-nmem-info03.svg) no-repeat 50% 12px;background-size:43px 35px;}
.nomem-joinguide .info li.ty5 {background:#fff url(/cjom/web/images/mypage/icon-nmem-info04.svg) no-repeat 50% 12px;background-size:43px 35px;}
.nomem-joinguide .info li.ty6 {background:#fff url(/cjom/web/images/mypage/icon-nmem-info05.svg) no-repeat 50% 12px;background-size:43px 35px;}
.nomem-joinguide .info li .txt1 {display:block;text-align:center;font-size:15px;line-height:20px;color:#333;font-family:Roboto;font-weight:bold;}
.nomem-joinguide .info li .txt2 {display:block;text-align:center;font-size:13px;line-height:18px;color:#828282;font-family:Roboto;font-weight:normal;margin-top:10px;}
.nomem-joinguide .etc {overflow:hidden;padding:58px 0 0 155px;}
.nomem-joinguide .etc .txt {float:left;margin-right:24px;font-size:16px;line-height:48px;color:#333;font-family:Roboto;}
.nomem-joinguide .etc ul {float:left;}
.nomem-joinguide .etc ul li {float:left;margin-right:12px;}
.nomem-joinguide .etc ul li a {display:block;font-size:15px;line-height:48px;width:160px;height:48px;text-align:center;border-radius: 4px;}
.nomem-joinguide .etc ul .btn-cjone a {color:#fff;background-color:#333;}
.nomem-joinguide .etc ul .btn-kakao {position:relative;}
.nomem-joinguide .etc ul .btn-kakao a {color:#381e1f;background-color:#fae100;font-weight:bold;}
.nomem-joinguide .etc ul .btn-kakao div {position:absolute;left:50%;top:-24px; transform:translateX(-50%); -ms-transform:translateX(-50%);display:inline-block;min-width:90px;text-align:center;font-size:13px;height:29px;line-height:29px;color:#fff;border-radius:32px;background-color:#111;}
.nomem-joinguide .etc ul .btn-kakao div span {position:relative;height:29px;width:90px;display:block;}
.nomem-joinguide .etc ul .btn-kakao div span:after {position:absolute;border-top:6px solid #111;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom: 10px solid transparent;content:"";
	left:50%;bottom:-16px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.payment-container {
	float: left;
	width: 900px;
}

.cart-aside {
	float: right;
	width: 330px;
	/*margin-top: 54px;*/	/* MARKETDEV-8344 수정 */
}

.cart-aside [data-scroll] {
	max-height: none
}

.cart-cont {
	margin-top: 3px;
}

.cart-bill {
	width: 330px;
	padding: 27px 15px 14px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #2a715a;
	z-index: 0 !important;
}
.cart-bill .cart-bill-msg {margin-top:15px;font-size:13px;line-height:16px;text-align:center;color:#e72a50;}
.cart-bill .sub-title {
	margin: 0 10px 10px;
	line-height: 24px;
}

.cart-bill .sub-title .num {
	color: #2a715a;
}

.cart-bill hr {
	margin: 18px 10px 22px;
}

.cart-bill .price-between {
	padding-top: 15px;
}

.cart-bill .align-justify {
	margin: 0 10px;
	padding: 4px 0 0;
}

.cart-bill .justify-item {
	line-height: 38px;
}

.cart-bill .justify-item .bigger {
	font-size: 36px;
	line-height: 21px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.cart-bill .justify-left {
	font-size: 15px;
	color: #767676;
}

.cart-bill .justify-right {
	letter-spacing: 0;
	font-weight: 500;
	color: #000;
}

.cart-bill .justify-right strong {
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	font-size: 15px;
}

.cart-bill .total {
	line-height: 22px;
}

.cart-bill .total .justify-left {
	margin-bottom: 10px;
}

.cart-bill .total .justify-right {
	margin-bottom: 10px;
}

.cart-bill .total+.justify-item {
	line-height: 28px;
}

.cart-bill .total .justify-left {
	color: #2a715a;
}

.cart-bill .total .justify-right {
	color: #2a715a;
	font-size: 20px;
}

.cart-bill .all-agree {
	display: block;
	margin: -8px 10px 0;
}

.cart-bill .cart-btns {
	margin-top: 13px;
}

.cart-bill .cart-btns .btn-buy, .cart-bill .cart-btns .btn-white3-gift {
	display: block;
	min-width: auto;
	font-size: 25px;
}


/*.cart-bill .cart-btns .btn-buy {height:70px;line-height:70px;font-size:17px;font-weight:bold;}*/
.cart-bill .cart-btns .btn-buy {height:70px;padding:0 20px;line-height:68px;font-size:17px;font-weight:bold;}	/* MARKETDEV-8035 */
.cart-bill .cart-btns .btn-buy .price {font-weight:normal;}
.cart-bill .cart-btns .btn-buy  + .btn-buy {margin-top:8px;}
.cart-bill .cart-btns .btn-buy .txt {
	font-size: 15px;
	vertical-align: 3px;
}

/* 22-06 임직원할인한도초과 */
.cart-bill .cart-btns .btn-buy.btn-buy-discount {
	height:auto;line-height:1;
	padding:15px 10px
}
.cart-bill .cart-btns .btn-buy.btn-buy-discount > span {line-height:1}
.cart-bill .cart-btns .btn-buy.btn-buy-discount .member-benefit__price {
	display:flex;justify-content:center;align-items:center;
	font-size:14px;
	margin-bottom:0px;
	margin-top:.8em;
}
.cart-bill .cart-btns .btn-buy.btn-buy-discount .member-benefit__price .member-benefit__text {
	font-size:1em;
	vertical-align:middle;
	display:inline;
	font-weight:normal;
}
.cart-bill .cart-btns .btn-buy.btn-buy-discount .member-benefit__price strong.member-benefit__text {
	font-size:1em;
	vertical-align:middle;
	display:inline;
	font-weight:bold;
	margin-left:3px;
	letter-spacing:0;
}
.cart-bill .cart-btns .member-amount-noti {
	display:flex;
	flex-direction:row;
    align-items: center;
    justify-content:space-between;  /*22-07-01 추가*/
	flex-grow: 0;
	margin: 20px 0px 10px;
	padding: 13px 6%;   /*22-07-04 수정*/
	background-color: #f8f8f8;
}
.cart-bill .cart-btns .member-amount-noti > div {
	font-family: Roboto, sans-serif;
	font-weight:normal;
	text-align:center;
	line-height:1;
}
.cart-bill .cart-btns .member-amount-noti > div.icon {
	padding:0 0;	/*22-07-04 수정*/
}
.cart-bill .cart-btns .member-amount-noti > div > i {
	width:8px;
}

.cart-bill .cart-btns .member-amount-noti .title {
	display:block;   /*22-07-01 수정*/
	font-family:inherit;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.6;
	vertical-align: bottom;
	color: #999;
	min-width:66px;	 /*22-07-04 추가*/
}

.cart-bill .cart-btns .member-amount-noti .price {
	font-family:inherit;
	display: block;  /*22-07-01 수정*/
	font-size: 14px;
	color: #666;
	line-height: 1;
	vertical-align: initial;
}

.cart-bill .cart-btns .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;
}

.cart-bill .cart-btns .member-amount-noti .all-price {
	display: block;   /*22-07-01 수정*/
	font-size: 14px;
	color: #0c8050;
}

.cart-bill .cart-btns .member-amount-noti .all-price > strong {
	font-family: Roboto, sans-serif;
	font-size: inherit;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1;
}
.cart-bill .cart-btns .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;
}

.cart-bill .cart-btns .member-amount-noti .icon-math.minus:after,
.cart-bill .cart-btns .member-amount-noti .icon-math.result:before,
.cart-bill .cart-btns .member-amount-noti .icon-math.result:after {
	content: '';
	position: absolute;
	display: block;
	background-color: #666;
	color:#666;
	pointer-events: none;
}

.cart-bill .cart-btns .member-amount-noti .icon-math.minus:after {
	top: 10px;
	left: 1px;
	width: 8px;
	height: 1px;
}

.cart-bill .cart-btns .member-amount-noti .icon-math.result:before {
	top: 7px;
	width: 8px;
	height: 1px;
}

.cart-bill .cart-btns .member-amount-noti .icon-math.result:after {
	top: 10px;
	width: 8px;
	height: 1px;
}

.cart-bill .cart-btns .member-amount-noti .amount-excess {
	min-width:68px;
}
.cart-bill .cart-btns .member-amount-noti .amount-excess .all-price {
	color:#fa6729;
}
.cart-bill .cart-btns .member-amount-noti .amount-excess .all-price > p {
	color:inherit;
	font-size:.7em;
	line-height:1.4;
}
/* //22-06 임직원할인한도초과 */

.cart-bill .cart-btns .btn-white3-gift, .cart-bill .cart-btns .btn-white3-deliver
	{
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin-top: 10px;
	border: 1px solid #555;
	color: #555;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
}

.cart-bill .prime-bill {
	margin: -27px -15px 27px;
	padding: 27px 15px 20px;
	background: #f6faf8
}

.cart-bill .prime-bill>.title {
	display: block;
	font-size: 15px;
	color: #0f5333;
	font-weight: 500;
}

.cart-bill .prime-bill>.date {
	display: block;
	font-size: 20px;
	color: #0f5333;
	font-weight: bold
}
.cart-nomembanner {overflow:hidden;margin-bottom:5px;}
.cart-primebanner {
	overflow: hidden;
	margin-bottom: 5px;
	padding: 17px 40px;
	letter-spacing: -1px;
	background-color: #f6f6f6;
}
.cart-primebanner.new {padding:9px 40px;box-sizing: border-box;background: url('/cjom/web/images/prime/bg-cart-primebanner.png') no-repeat 0 50%;background-size:auto 54px;}
.cart-primebanner .txt {
	float: left;
	font-size: 16px;
	color: #000;
}
.cart-primebanner.new .txt {display:block;height:36px;line-height:34px;padding-left:38px;background: url('/cjom/web/images/prime/ico_grade_nprime.png') no-repeat 0 50%;background-size:28px 24px;}
.cart-primebanner .txt .emp {
	color: #bc8145;
	padding-left: 25px;
	line-height: 19px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 0
		6px;
	background-size: 20px 16px;
}

.cart-primebanner .link-prime {
	float: right;
	padding-top: 3px;
	color: #2a715a;
	font-size: 15px;
	line-height: 19px;
	border-bottom: 1px solid #2a715a;
}
.cart-primebanner.new  .link-prime {margin-top:6px;color:#202020;border-bottom: 1px solid #202020;}

.cart-notice {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.8;
	border: 1px solid #ddd;
}

.cart-notice .members {
	position: relative;
	padding: 15px 40px;
}

.cart-notice .members+.members {
	border-top: 1px solid #eee;
}

.cart-notice .members+.members .link-underline {
	top: 20px;
}

.cart-notice .member-type {
	margin-right: 4px;
	font-size: 18px;
	color: #E72A50;
}

.cart-notice .tooltip-icon:after {
	vertical-align: sub;
}

.cart-notice .member-cont {
	font-size: 18px;
	color: #2a715a;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}

.cart-notice .member-cont .tooltip-wrap {
	margin-left: 5px;
}

.cart-notice .member-desc {
	font-size: 15px;
	color: #000;
	line-height: 22px;
}

/* 22-06 임직원할인한도초과 */
.cart-notice .member-desc em.fc-lightgreen {
	color:#0c8050 !important;
}
/* //22-06 임직원할인한도초과 */

.cart-notice .member-cont .small, .cart-notice .member-desc .small {
	font-size: 14px;
	color: #767676;
}

.cart-notice .staff-members {
	position: relative;
}

.cart-notice .staff-members .number {
	font-size: 20px;
}

.cart-notice .staff-members2 {
	padding: 18px 40px 23px;
}

.cart-notice .staff-members2 .member-type {
	font-size: 20px;
}

.cart-notice .staff-members2 .member-cont {
	font-size: 20px;
	font-weight: 500;
}

.cart-notice .staff-members2 .number {
	font-size: 22px;
}

.cart-notice .link-underline {
	position: absolute;
	right: 40px;
	top: 60px;
	border-bottom: 1px solid #2a715a;
	font-size: 15px;
	line-height: 22px;
}

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

.delivery-notice+.cart-notice {
	margin-top: 20px;
}

.delivery-notice img {
	vertical-align: top;
}

.prime-box {
	display: block;
	margin-top: 60px;
}

.cart-wrap .product-list2 {
	border-top: 2px solid #000;
}

/*정기배송담기팝업*/
.pop-tit {
	font-size: 24px;
	line-height: 34px;
	color: #000;
	text-align: center;
	font-weight: 500;
}

.pop-text {
	font-size: 15px;
	line-height: 25px;
	color: #000;
	text-align: center;
}

.pop-text2 {
	margin-top: 5px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.nonmember-purchase {
	width: 140px;
}

.delivery-top {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
}

.delivery-top .address-save {
	margin: 0;
	border: none;
}

.delivery-top .address-save li {
	padding: 5px 0;
}

/*정기배송 이용가이드 팝업*/
.guide-slide {
	text-align: center;
}

.guide-slide .slick-prev, .guide-slide .slick-next {
	z-index: 1;
	position: absolute;
	top: 60%;
	width: 50px;
	height: 70px;
	font: 0/0 a;
	background: rgba(0, 0, 0, .3)
		url('/cjom/web/images/common/icon_slider_large2.png') no-repeat -11px
		0;
	border-radius: 0;
}

.guide-slide .slick-prev {
	left: 0;
}

.guide-slide .slick-next {
	right: 0;
	background-position: -77px 0;
}

.guide-slide .slick-slide:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.guide-slide .slick-util-group {
	position: static;
}

.guide-slide .slick-dots {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	white-space: nowrap;
} /* 2019-07-08 ie9 -ms- transform 추가 */
.guide-slide .slick-dots li {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background-color: transparent;
	width: auto;
	height: auto;
}

.guide-slide .slick-dots li+li:before {
	content: '';
	position: absolute;
	top: 1px;
	left: -4px;
	height: 19px;
	width: 7px;
	background: url('/cjom/web/images/common/icon_slide_deliver.png')
		no-repeat;
}

.guide-slide .slick-dots li button {
	width: auto;
	height: auto;
	text-indent: 0;
	color: #767676;
	font-weight: 500;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.guide-slide .slick-dots li button:before {
	content: 'STEP 0';
}

.guide-slide .slick-dots li button:after {
	position: relative;
	margin: 0;
}

.guide-slide .slick-dots li.slick-active button {
	color: #2a715a;
	text-decoration: underline;
}

.guide-slide .slick-prev.slick-disabled {
	background-position: -11px -70px;
}

.guide-slide .slick-next.slick-disabled {
	background-position: -77px -70px;
}

/* cart-list-top */
.cart-list-top {
	margin-top: 30px;
	padding: 0 12px;
	overflow: hidden;
}

.cart-list-top .title {
	position: relative;
	float: left;
	display: inline-block;
	padding-right: 18px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	line-height: 24px;
}

.cart-list-top .title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
}

.cart-list-top .sorting-list {
	float: left;
	display: inline-block;
	margin: 0 0 0 18px;
}

.cart-list-top .all-select {
	float: left;
	display: inline-block;
	font-size: 15px;
	color: #555;
	line-height: 22px;
}

.cart-list-top .btn-box {
	float: right;
	margin-top: -2px;
}

.cart-list-top .btn-box .link-list {
	color: #555;
	padding: 0;
}

.cart-list-top .btn-box .link-list span {
	padding-left: 20px;
}

.cart-list-top .btn-box .link-list span:before {
	position: absolute;
	left: 0;
	top: 53%;
	transform: translate(0, -50%);
	display: block;
	width: 15px;
	height: 15px;
	background: url('/cjom/web/images/common/icon_clock.png') no-repeat 0
		50%;
	content: '';
}

.cart-list-top .btn-box .link-list+.btn-icon-del {
	margin-left: 8px;
}

.cart-list-top .btn-box .link-list+.btn-icon-del:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -11px;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background: #ccc;
}

.cart-list-top .choice-del {
	margin-left: 10px;
}

.cart-list-top .choice-del span {
	position: relative;
	line-height: 22px;
	padding-left: 10px;
	font-size: 15px;
}

.cart-list-top .choice-del span:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: -6px;
	background: #ccc;
}
.cart-list-top .o-ne-select{margin-left:16px;}		/* 2023-11-14 추가 MARKETDEV-6568 */
.cart-list-top .btn-box.type-2 button.choice-del:first-child span:before{display:none;} /* 2023-11-14 추가 MARKETDEV-6568 */

.cart-title.second {margin-top:40px;}
.cart-list-top+.cart-title {
	margin-top: 15px;
}
.cart-list-top-fot {
	/*border-top: 1px solid #ddd;*/
	padding-top: 6px;
}

/* cart-title */
.cart-title {
	margin-top: 5px;
	padding: 9px 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	font-weight: bold;
	background-color: #e8f6ef;
}

.cart-title label {
	font-size: inherit;
	font-weight: inherit;
}

.cart-title+.cart-list {
	border-top: none;
}

.cart-title+.cart-list .cart-item:first-child [class*=-column] {
	padding-top: 0
}

.cart-title+.cart-list .cart-item:first-child [class*=-column]>.title {
	display: none;
}


.cart-title [class^=tooltip-icon] { /*margin-top:-5px;*/

} /* 2019-07-17 장바구니 > 쿡킷 > 툴팁 정렬 수정 */
.cart-title .tooltip-content {
	font-weight: normal;
}

.cart-title .cart-title-state {
	display: inline-block;
	margin: -5px 0 0 5px;
	font-size: 15px;
	line-height: 24px;
	vertical-align: middle;
	color: #2a715a;
	font-weight: normal;
	letter-spacing: -0.5px;
}

.cart-title .cart-title-state+[data-tooltip] {
	margin: -3px 0 0 0;
}

.cart-title .cart-title-state .emp {
	font-weight: bold;
}

.cart-title .cart-title-datemodify {
	float: right;
	margin: 3px 8px 0 0;
	color: #767676;
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: normal;
	padding-right: 14px;
	background: url('/cjom/web/images/icon/ico_arr01.svg') no-repeat 100%
		50%;
}
/* cart-list */
.cart-list {
	position: relative;
	display: table;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.cart-list li+li [class*="-column"] {
	border-top: 1px solid #ddd;
}

.cart-list .cart-list li [class*="-column"] {
	border-top: none;
}

.cart-list .cart-list li+li [class*="-column"] {
	border-top: 1px solid #ddd;
}

.cart-list .nodata .inner:before {
	background-position: -100px 0;
}

.cart-list.no-title .freebies-wrap {
	margin-left: 30px;
}

.cart-list.no-title [class*="-column"] {
	padding-top: 0 !important;
}

.cart-list.no-title [class*="-column"]>.title {
	display: none !important;
}

.cart-list.no-title .product-column {
	padding-left: 30px
}

.cart-list.no-title .product-info {
	height: 120px;
}

.cart-list.no-title .product-info .inline {
	padding-left: 120px;
}

.cart-item {
	display: table-row;
}

.cart-item>.row {
	display: table;
	width: 100%;
	padding-left: 12px;
	box-sizing: border-box;
	table-layout: fixed;
}

.cart-item [class*=-column] {
	position: relative;
	display: table-cell;
	font-size: 15px;
	vertical-align: middle;
}

.cart-item:first-child [class*=-column] {
	position: relative;
	padding-top: 60px;
}

.cart-item [class*=-column]>.title {
	display: none;
	width: 100%;
	padding: 17px 10px 18px;
	border-bottom: 1px solid #eee;
	color: #000;
	font-weight: 500;
	box-sizing: border-box;
	text-align: center;
}

.cart-item:first-child [class*=-column]>.title {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.cart-item.not-buy .thumb:after{content:'구매불가';position:absolute;bottom:0;left:0;width:100%;padding:5px 0 6px;font-size:15px;color:#fff;text-align:center;line-height:15px;background:rgba(0,0,0,.5);}

.product-column {
	width: auto;
	max-width: calc(100% - 320px);
}

.product-check {
	display: table-cell;
	width: 28px;
	vertical-align: middle;
	box-sizing: border-box;
}

.product-info {
	display: table-cell;
	max-width: 100%;
	width: auto;
	vertical-align: middle;
}

.product-info .inline {
	position: relative;
	padding: 20px 20px 17px 115px;
	box-sizing: border-box;
}

.product-info .thumb {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);width:80px;height:80px;}
.product-info .thumb img {
	width: 100%;
	height: 100%;  border-radius:3px;
}
.product-info .title-box {
	display: inline-block;
}

.product-info .title {
	display: block;
	margin-top: 4px;
	color: #000;
	font-weight: 500;
	line-height: 22px;
	word-break: break-all;
}

.product-info .option-box {
	display: block;
	margin-top: 4px;
	line-height: 22px;
}

.product-info .option {
	padding-right: 2px;
	margin-right: 4px;
	/*max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;*/
}

.product-info .btn-change {
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #2a715a;
	font-size: 14px;
	color: #2a715a;
	vertical-align: top;
}

.product-info .point-box {
	display: block;
	margin-top: 4px;
	font-size: 0;
}

.product-info .title-box+.point-box {
	margin-top: 10px;
}

.product-info .refre {
	color: #2a715a;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 18px;
	margin-top: 6px;
}

.product-info .point {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
	font-weight: bold;
}

.product-info .price-box .price {
	color: #000;
	font-size: 16px;
}

.product-info .price-box .price .ff-roboto {
	font-size: 20px;
	font-weight: 700;
}

.product-info .price-box .dis-rate {
	margin-left: 3px;
	font-size: 15px;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.product-info .price-box del {
	margin-left: 3px;
	font-size: 13px;
	color: #767676;
}

.product-info .price-box del .ff-roboto {
	font-size: 15px;
}

.product-info .expected-date {margin-top:4px;font-size:15px;color: #2a715a;}
.product-info .listTy {
	color: #555;
	font-size: 13px;
	line-height: 19px;
}

.product-info .listTy li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 5px;
}

.product-info .listTy li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	background-color: #555;
	content: '';
}

.product-info .txt {
	font-size: 13px;
}

.product-info .product-date {
	display: block;
}

.product-info .point-box span+span {
	position: relative;
	margin-left: 10px;
	padding-left: 13px;
}

.product-info .point-box span+span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 13px;
	margin-top: -6px;
	background: #eee;
}

.product-info .break-line {
	font-size: 14px;
	color: #555;
}

.product-info .break-line:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 6px 0 0;
	vertical-align: 4px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
}

.quantity-column {
	width: 100px;
}

.quantity-column .num {
	text-align: center;
	font-family: "Roboto", sans-serif;
	color: #000;
	letter-spacing: 0;
}

.btn-column {
	width: 150px;
	text-align: center;
}

.btn-column .link-group li+li {
	margin-top: 10px;
}

.price-column {
	width: 210px;
}

.price-column .price {
	display: block;
	padding: 0 49px 0 10px;
	text-align: right;
	line-height: 1.2;
	color: #767676;
}

.price-column .amount {
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
}

.price-column .net-price {
	display: block;
	font-size: 15px;
}
.price-column .net-price span {text-decoration: line-through;font-family: 'Roboto', sans-serif;letter-spacing: 0;}
.price-column  [data-tooltip] {
	margin-right: -22px;
}

.price-column .sale {
	color: #2a715a;
}

/* 22-06 임직원할인한도초과 */
.price-column .price {
	padding-right: 41px;
	/*월한도 max인 300,000원일 경우,
	  .member-amount-noti 줄바꿈 되어 수정*/
}
.price-column .sale .member-amount-noti {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	margin-top: .5em;
	letter-spacing: -0.08em;
	text-align: right;
	color: #767676;
}
.price-column .sale .member-amount-noti > span {
	font-size: 13px;
	letter-spacing: -0.05em;
}
/* //22-06 임직원할인한도초과 */

.price-column .net-price {
	color: #767676;
}

.price-column.type2 {
	width: 360px;
}

.price-column.type2 .price {
	padding-left: 60px;
	padding-right: 32px;
}

.buy-column {
	width: 90px;
}

.buy-column [class^=btn-]+[class^=btn-] {
	margin-top: 10px;
}

.delete-column {
	width: 48px;
	text-align: center;
}

.volume-column {
	width: 109px;
	text-align: center;
}

.cart-item.soldout .soldout-text {
	position: absolute;
	top: 50%;
	left:28px;
	width:80px;
	height: 80px;border-radius:3px;
	margin: -40px 0 0;
	color: #fff;
	line-height:80px;
	text-align: center;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
}

.cart-item.soldout .thumb:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3)
}

/* cancellation */
.cancellation-list {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.cancellation-list [class*="-column"] {
	padding-top: 0 !important;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
}

.cancellation-list [class*="-column"]>.title {
	display: none !important;
}

.cancellation-list .check-column {
	width: 60px;
	padding-left: 30px;
}

.cancellation-list .product-column .product-info .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.cancellation-list .product-column .product-info .label-group {
	display: block;
}

.cancellation-list .product-column .product-info .price-info {
	display: block;
	margin-top: 6px;
	font-size: 0;
}

.cancellation-list .product-column .product-info .price-info:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.cancellation-list .product-column .product-info .price-info .price {
	display: inline-block;
	font-size: 16px;
	color: #000;
	vertical-align: middle;
}

.cancellation-list .product-column .product-info .price-info .price strong
	{
	font-size: 20px;
}

.cancellation-list .product-column .product-info .price-info .dis-rate {
	display: inline-block;
	margin-left: 8px;
	font-size: 15px;
	color: #E72A50;
	vertical-align: middle;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.cancellation-list .product-column .product-info .price-info del {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	color: #767676;
	vertical-align: middle;
}

.cancellation-list .product-column .product-info .price-info del .num {
	font-size: 15px;
}

.cancellation-list .product-column .product-info .price-info .number {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #767676;
	vertical-align: middle;
}

.cancellation-list .product-column .product-info .price-info .number:before
	{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.cancellation-list .quantity-column {
	width: 160px;
	text-align: center;
}

.cancellation-list .quantity-column .quantity {
	display: inline;
}

.cancellation-list .price-column {
	width: 200px;
}

.cancellation-list .price-column .price {
	padding-right: 30px;
	color: #000;
}

.cancellation-list .price-column.type2 {
	width: 160px;
}

.cancellation-list .price-column.type2 .price {
	padding: 0 10px;
	text-align: center;
}

.cancellation-list .btn-column {
	width: 200px;
}

.cancellation-list .btn-column .btn-box {
	padding-right: 30px;
	text-align: right;
}

.cancellation-list .freebies-wrap {
	margin: 0 30px 25px 60px
}

.package-state+.cancellation-list li:nth-child(1) [class*="-column"] {
	border-top: none;
}

.cancellation-list.no-check .product-column {
	padding-left: 30px;
}

.cancellation-list.no-check .freebies-wrap {
	margin: 0 30px 20px 30px
}

/* order-type */
.order-number {
	width: 100%;
	padding-left: 15px;
	box-sizing: border-box;
	background: #f8f8f8;
	line-height: 60px;
}

.order-number .order-title {
	font-size: 15px;
	color: #555;
	font-weight: 500;
}

.order-number .order-num {
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	color: #2a715a;
}

.order-number {
	width: 100%;
	padding-left: 15px;
	box-sizing: border-box;
	background: #f8f8f8;
	line-height: 60px;
}

.order-type li+li .order-number {
	border-top: 1px solid #ddd;
}

.order-type .cart-item .cart-list {
	border: none;
}

.order-type .cart-item .cart-item [class*=-column] {
	padding-top: 0;
}

.order-type .cart-item .cart-item [class*=-column]>.title {
	display: none;
}

.order-type .cart-item:first-child  .cart-item:first-child [class*=-column]
	{
	padding-top: 120px;
}

.order-type .cart-item:first-child  .cart-item:first-child [class*=-column]>.title
	{
	display: block;
}

.order-type .product-column .product-check {
	width: 42px;
	padding-left: 15px;
}

.order-type .price-column {
	width: 125px;
}

.order-type .price-column .price {
	font-size: 15px;
	padding: 0 10px;
	color: #2a715a;
	text-align: center;
}

.order-type .price-column .amount {
	font-size: 15px;
}

.order-type .cart-item:first-child .order-number {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 1;
}

/* freebies-wrap */
.freebies-wrap {
	position: relative;
	min-height: 68px;
	margin: 0 48px 25px 40px;
	border: 1px solid #eee;
}

.freebies-wrap:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 45px;
	display: block;
	width: 12px;
	height: 10px;
	background: url('/cjom/web/images/common/spr_common.svg') -60px -150px
		no-repeat;
	background-size: 510px 210px;
}

.freebies-wrap .row+.row {
	border-top: 1px solid #ddd;
}

.freebies-wrap .row .item-title {
	display: block;
	font-weight: bold;
	color: #000;
	margin: 0 30px;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
}

.freebies-wrap .row .inner {
	position: relative;
	padding: 10px 0 10px;
}

.freebies-wrap .row .inner .freebie-title {
	position: absolute;
	top: 50%;
	left: 30px;
	display: block;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	font-weight: normal;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.freebies-wrap .row .inner .freebies-list {
	margin: 0 30px 0 130px;
	overflow: hidden;
}

.freebies-wrap .row .inner .freebies-list:after {
	content: "";
	clear: both;
	display: block;
}

.freebies-wrap .row .inner .freebies-list.slick-slider {
	overflow: visible;
}

.freebies-wrap .row .inner .freebies-list .slick-track {
	display: table;
	margin: 0;
	table-layout: fixed;
}

.freebies-wrap .row .inner .freebies-list .freebie-item {
	display: table;
	table-layout: fixed;
	vertical-align: middle
}

.freebies-wrap .row .inner .freebies-list .freebie-item .row {
	display: table-row;
	width: 100%;
}

.freebies-wrap .row .inner .freebies-list .freebie-item .thumb {
	display: table-cell;
	width: 50px;
	height: 50px;
	padding: 9px 0;
	vertical-align: top;
} /* 2019-07-26 사은품 말줄임 삭제 */
.freebies-wrap .row .inner .freebies-list .freebie-item .thumb img {
	width: 100%;
	height: 100%;
}

.freebies-wrap .row .inner .freebies-list .freebie-item .title {
	display: table-cell;
	padding: 0 20px 0 10px;
	vertical-align: middle;
	text-align: left;
	font-size: 15px;
	color: #555;
	font-weight: normal;
} /* 2019-07-26 사은품 말줄임 삭제 */
.freebies-wrap .row .inner .freebies-list .freebie-item .title .max {
	display: block;
}

.freebies-wrap .row .inner .freebies-list .freebie-item .title .quantity
	{
	display: block;
	margin-top: 5px;
	font-size: 15px;
	color: #000;
}
/*.freebies-wrap .row .inner .freebies-list .freebie-item .title .ellipsis .max{overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}*/
.freebies-wrap .row .inner .freebies-list .freebie-item .title .ui-selectmenu-button.ui-button
	{
	display: block;
	margin-top: 5px;
}

.freebies-wrap .row .inner .freebies-list .freebie-item .title .selectbox
	{
	margin-top: 5px;
}

.freebies-wrap .row .inner .freebies-list .slick-util-group {
	position: absolute;
	top: -27px;
	left: auto;
	right: -30px;
	bottom: auto;
	margin-top: -15px;
	width: 140px;
}

.freebies-wrap .row .inner .freebies-list .slick-arrow {
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon-slider.png') 0 -30px
		no-repeat;
	transform: none;
	-ms-transform: none;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.freebies-wrap .row .inner .freebies-list .slick-next {
	background-position: -30px -30px;
}

.freebies-wrap .row .inner .freebies-list .slick-arrow.slick-disabled {
	background-position: 0 0;
}

.freebies-wrap .row .inner .freebies-list .slick-next.slick-disabled {
	background-position: -30px 0;
}

.freebies-wrap .row .inner .freebies-list .slick-dots {
	display: none !important;
}

.freebies-wrap .row .inner .freebies-list .slick-count {
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	font-size: 15px;
}

.freebies-wrap .row .inner .freebies-list .slick-count strong {
	color: #000;
	margin-right: 5px;
}

.freebies-wrap .row .inner .freebies-list .slick-count span {
	margin-left: 5px;
}

/* total-price */
.total-price {
	text-align: center;
	background: #f8f8f8;
}

.total-price .title {
	font-weight: normal;
	font-size: 14px;
	line-height: 80px;
	vertical-align: top;
	color: #767676;
}

.total-price .price {
	display: inline-block;
	font-size: 15px;
	color: #000;
	line-height: 80px;
	vertical-align: top;
}

.total-price .price span {
	display: inline-block;
	margin-left: 8px;
	font-family: Roboto, sans-serif;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0;
}

.total-price .all-price {
	display: inline-block;
	font-size: 15px;
	color: #2a715a;
}

.total-price .all-price span {
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 80px;
}

/* icon-math */
.icon-math {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	margin: 0 20px;
	font: 0/0 a;
	vertical-align: text-top;
}

.icon-math.minus:after, .icon-math.plus:before, .icon-math.plus:after,
	.icon-math.result:before, .icon-math.result:after {
	content: '';
	position: absolute;
	display: block;
	background-color: #000;
	pointer-events: none;
}

.icon-math.plus:before {
	top: 7px;
	left: 0;
	width: 15px;
	height: 1px;
}

.icon-math.plus:after {
	top: 0;
	left: 7px;
	width: 1px;
	height: 15px;
}

.icon-math.minus:after {
	top: 7px;
	left: 1px;
	width: 12px;
	height: 1px;
}

.icon-math.result:before {
	top: 5px;
	width: 15px;
	height: 1px;
}

.icon-math.result:after {
	top: 10px;
	width: 15px;
	height: 1px;
}

/* benefit-link */
.cart-foot-link {
	overflow: hidden;
}

.cart-foot-link .cookit-link {
	float: left;
}

.cart-foot-link .cookit-link:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 11px;
	margin-left: 3px;
	background: url('/cjom/web/images/common/spr_common.svg') no-repeat
		-30px -47px;
	background-size: 510px 210px;
}

.cart-foot-link .benefit-link {
	float: right;
}

.benefit-link {
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #e52b50;
	color: #e52b50;
}

.benefit-link span {
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
}

/* tooltop price */
.tooltip-price {
	width: 248px;
	text-align: left;
}

.tooltip-price .list li {
	overflow: hidden;
	font-size: 13px;
	color: #555;
	line-height: 25px;
}

.tooltip-price .list li strong {
	float: left;
	font-weight: normal;
}

.tooltip-price .list li p {
	float: right;
}

.tooltip-price .list li p span {
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	font-weight: bold;
}

.tooltip-price .list .last-price {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #2a715a;
	color: #2a715a;
}

.tooltip-price .list .last-price p {
	color: inherit;
}

/* freebie-list */
.freebie-list {
	overflow: hidden;
	margin: -30px 0 0 -30px;
	padding: 30px 0 0
}

.freebie-list li {
	float: left;
	width: 156px;
	margin: 30px 0 0 30px;
}

.freebie-list li .title {
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

.popup-recomm .info-box {
	padding: 15px 30px;
	font-size: 15px;
}

.popup-recomm .info-box .text2 {
	display: inline-block;
	margin-left: 20px;
	color: #2a715a;
}

.popup-recomm .info-box strong {
	font-size: 20px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.replace-product .info-box {
	padding: 15px 30px;
	font-size: 15px;
}

.replace-product .info-box em {
	font-weight: 500;
}

/* periodic-title */
.periodic-title {
	margin-top: 35px;
	border-top: 2px solid #000;
	padding: 10px 0;
	overflow: hidden;
}

.periodic-title .sub-title2 {
	float: left;
	margin-top: 0;
	font-size: 15px;
	line-height: 38px;
}

.periodic-title .sub-title2 .day {
	margin-left: 5px;
	color: #555;
}

.periodic-title .date-txt {
	position: relative;
	padding-left: 12px;
	margin-left: 10px;
	font-size: 15px;
	color: #555;
	font-weight: normal;
}

.periodic-title .date-txt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background: #ddd;
}

.periodic-title .btn-box {
	float: right;
}

.periodic-title .btn-box [class^=btn-]+[class^=btn-] {
	margin-left: 7px;
}

.periodic-title+* {
	border-top: 1px solid #ddd;
}

.periodic-title .charge-txt {
	float: right;
	display: inline-block;
	padding-right: 30px;
	line-height: 38px;
}

/* .info-list */
.info-list {
	margin-top: 15px;
	padding: 16px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ddd;
}

.info-list li {
	overflow: hidden;
	padding: 2px 0;
}

.info-list .title {
	float: left;
	width: 150px;
	padding-left: 30px;
	box-sizing: border-box;
	font-size: 15px;
	color: #000;
	font-weight: normal;
}

.info-list .txt {
	float: left;
	font-size: 15px;
	color: #555;
}

/*정기배송관리 - 취소내역*/
.cancel-product-accordion {
	position: relative;
	line-height: 29px;
}

.cancel-product-accordion .title {
	color: #000;
	font-weight: normal;
}

.cancel-product-accordion .acd-link {
	position: absolute;
	top: 0;
	right: 0;
}

.cancel-product-accordion .product-items {
	margin-top: 10px;
	font-size: 0;
}

.cancel-product-accordion .product-items li {
	display: block;
	overflow: hidden;
}

.cancel-product-accordion .product-items li .item,
	.cancel-product-accordion .product-items li .number {
	font-size: 14px;
	line-height: 24px;
}

.cancel-product-accordion .product-items li .item {
	float: left;
	color: #555;
}

.cancel-product-accordion .product-items li .number {
	float: right;
	color: #767676;
}

.cancel-info {
	overflow: hidden;
}

.cancel-info li {
	float: left;
}

.cancel-info li:before {
	content: '';
	display: inline-block;
	height: 15px;
	width: 1px;
	margin: 0 15px;
	background-color: #ddd;
	vertical-align: middle;
}

.cancel-info li:first-child:before {
	content: none;
}

/* acd-link */
.acd-link {
	position: relative;
	padding-right: 20px;
	font-size: 14px;
	color: #767676;
}

.acd-link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 12px;
	height: 6px;
	margin-top: -3px;
	background: url(/cjom/web/images/common/spr_common.svg) -30px -60px
		no-repeat;
	background-size: 510px 210px;
	transition: transform 200ms ease-in-out 0s;
}

.acd-link.active:after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /*background-position-x: -60px;*/
} /* 2019-07-09 ie9 -ms- transform 추가 */

/* forwarding-list */
.number-time {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
	color: #2a715a;
}

.number-time:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background: #ddd;
}

.forwarding-list {
	margin: 16px 0 0;
}

.forwarding-list>li {
	border: 1px solid #ddd;
}

.forwarding-list>li+li {
	margin-top: 20px;
}

.forwarding-list .round-box {
	padding: 19px 30px;
}

.round-box {
	padding: 19px 0;
	overflow: hidden;
}

.round-box>.title {
	float: left;
	display: block;
	color: #000;
	font-weight: 500;
	font-size: 15px;
}

.round-box>.txt {
	float: left;
	position: relative;
	display: block;
	margin-left: 15px;
	padding-left: 15px;
	font-size: 15px;
	color: #555;
}

.round-box>.txt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background: #ddd;
}

.round-box .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.round-box>.ing {
	float: left;
	display: block;
	padding-left: 15px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.round-box .link-box {
	float: right;
	color: #2a715a !important;
}

.round-box .noti-text {
	clear: both;
	margin: 8px 0 0 66px;
}

.round-box .noti-text strong {
	font-weight: normal;
	color: #000;
}

.round-box .link-underline {
	padding: 0 10px;
	font-size: 15px;
	font-weight: 500;
}

.payment-wrap {
	padding: 0 30px 11px;
}

.payment-top {
	position: relative;
	display: block;
	padding: 12px 20px 0 0;
	border-top: 1px solid #ddd;
	line-height: 32px;
	font-size: 0;
	overflow: hidden;
}

.payment-top:before, .payment-top:after {
	content: "";
	position: absolute;
	top: 25px;
	right: 3px;
	display: block;
	width: 1px;
	height: 8px;
	background: #2a715a;
}

.payment-top:before {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.payment-top:after {
	right: 8px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.payment-top.active:before {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.payment-top.active:after {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.payment-top>.title {
	float: left;
	display: block;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.payment-top>.title span {
	margin-left: 4px;
	font-size: 15px;
	color: #555;
	font-weight: normal;
}

.payment-top>.price {
	float: right;
	display: block;
	font-size: 15px;
	color: #2a715a;
}

.payment-top>.price .num {
	font-size: 20px;
	font-weight: bold;
}

.payment-con {
	padding: 9px 4px 0;
	font-size: 15px;
	color: #555;
}

.payment-con .title {
	float: left;
	display: block;
}

.payment-con .title span {
	position: relative;
}

.payment-con .title span+span {
	margin-left: 10px;
	padding-left: 10px;
}

.payment-con .title span+span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -5px;
	background: #ddd;
}

.payment-con .price {
	float: right;
	display: block;
}

.payment-con .price .num {
	font-weight: 500;
}

.price-item {
	position: relative;
	line-height: 27px;
}

.price-item:before {
	content: '';
	position: absolute;
	top: 10px;
	left: -13px;
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
}

.price-item:after {
	content: "";
	clear: both;
	display: block;
}

.price-list {
	padding-left: 15px;
}

/* payment-guide */
.payment-guide {
	margin-top: 34px;
	padding: 0 30px 23px 30px;
	background-color: #fbf6ef;
}

.payment-guide .sub-title2 {
	margin: 0;
}

.payment-guide .guide-title {
	padding: 23px 0 0;
}

.payment-guide .guide-title {
	position: relative;
}

.payment-guide .guide-title>.sub-title2 {
	line-height: 28px;
}

.payment-guide .guide-title .acd-link {
	position: absolute;
	top: 23px;
	right: 0;
}

.payment-guide .guide-cont {
	padding: 20px 0 0;
}

.payment-guide .guide-cont+.guide-title {
	margin-top: 20px;
	border-top: 1px solid #e0d9ce;
}

.payment-guide .noti-text {
	margin: 10px 0 0 0;
}

.payment-guide .desc-list li+li {
	margin: 0
}

.payment-guide .txt-box {
	margin-top: 8px;
	overflow: hidden;
}

.payment-guide .txt-box .pay-txt {
	float: left;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	color: #2a715a;
}

.payment-guide .txt-box .pay-num {
	margin-left: 25px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.payment-guide .txt-box .link-box {
	float: right;
}

/* 통합검색 */
.content-box .result-list, .content-box .hash-list {
	height: 205px;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.content-box .result-list li {
	line-height: 29px;
}

/* 혜택정보 */
.search-filter {
	margin: 35px 0;
	text-align: right;
}

.content-bar+.search-filter {
	margin: 10px 0 20px
}

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

.search-filter .btn-group2, .search-filter .filter-datepicker {
	display: inline-block;
	vertical-align: top;
}

.search-filter .btn-group2 {
	float: left;
	font-size: 0;
}

.search-filter .btn-group2 [class^='btn']+[class^='btn'] {
	margin-left: 10px;
}

.search-filter .datepicker, .search-filter [data-class="datepicker"] {
	width: 150px;
}

.search-filter .btn-search {
	min-width: 110px;
	margin-left: 20px;
	font-size: 15px;
	vertical-align: top;
}

[data-tab-content] .search-filter:first-child {
	margin-top: 40px;
}

/*.line-box.my-point {margin-top:32px; text-align:center; font-size:15px; border:none; background:#fbf6ef;}
.line-box.my-point:after {content:''; display:block; clear:both;}
.line-box.my-point .primary {float:left; font-size:26px; color:#000; font-weight:500;}
.line-box.my-point .point {color:#2a715a; font-family:'Roboto', 'Noto Sans KR', sans-serif; letter-spacing:0;}
.line-box.my-point .refer {float:right; margin:0 -20px -20px 0;  color:#767676; font-size:14px; line-height:42px;}*/
.line-box.my-point {
	margin-top: 32px;
	text-align: center;
	font-size: 15px;
	border: none;
	background: #fbf6ef;
}

.line-box.my-point .primary {
	font-size: 26px;
	color: #000;
	font-weight: 500;
}

.line-box.my-point .point {
	color: #2a715a;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.line-box.my-point .refer {
	margin: 0 -20px -20px 0;
	text-align: right;
	color: #767676;
	font-size: 14px;
}

.line-box.sale-history {
	height: 148px;
	margin-top: 32px;
	box-sizing: border-box;
	border: none;
	background: #fbf6ef;
}

.line-box.sale-history dl {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	vertical-align: top;
}

.line-box.sale-history dt {
	color: #000;
	font-size: 18px;
	font-weight: 500;
}

.line-box.sale-history dd {
	line-height: 32px;
}

.line-box.sale-history .number {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.line-box.sale-history .state {
	float: right;
	padding: 0 20px 0 95px;
}

.line-box.sale-history .state:after {
	position: absolute;
	left: 0;
	top: -10px;
	content: '';
	display: inline-block;
	width: 1px;
	height: 85px;
	background-color: #ddd;
}

.line-box.sale-history .state dd {
	font-size: 20px;
	color: #2a715a;
}

.line-box.sale-history .state .number {
	font-size: 26px;
}

.line-box.sale-history .formula {
	padding: 0 40px 0 30px;
	font-size: 18px;
}

.line-box.sale-history .formula dd {
	display: inline-block;
}

.line-box.sale-history .formula .number {
	font-size: 24px;
}

.line-box.sale-history .formula .small {
	margin-left: 10px;
	font-size: 14px;
	color: #767676;
	vertical-align: top;
}

.line-box.sale-history .formula dd {
	color: #000;
}

.line-box.sale-history .icon-minus {
	padding-left: 65px;
}

.line-box.sale-history .icon-minus:before {
	position: absolute;
	left: 0;
	top: 34px;
	content: '';
	display: inline-block;
	width: 20px;
	height: 2px;
	background-color: #000;
}

.line-box.giftcard {
	position: relative;
	padding: 40px;
	border: none;
	background: #fbf6ef;
}

.line-box.giftcard .btn-area {
	position: absolute;
	right: 40px;
	top: 35px;
}

.my-card {
	position: relative;
	display: inline-block;
	height: 87px;
	vertical-align: top;
	white-space: nowrap;
}

.my-card:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.my-card+.my-card {
	padding-left: 40px;
	margin-left: 70px;
}

.my-card+.my-card:after {
	position: absolute;
	left: 0;
	top: -15px;
	content: '';
	display: inline-block;
	width: 1px;
	height: 120px;
	background-color: #ddd;
}

.my-card+.my-card .image {
	left: 40px;
}

.my-card .inner {
	display: inline-block;
	padding-left: 167px;
	vertical-align: middle;
}

.my-card .image {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: inline-block;
	width: 141px;
	height: 86px;
}

.my-card .image img {
	width: 100%;
	height: 100%;
}

.my-card .card-name {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.my-card .card-cash {
	line-height: 24px;
	font-size: 18px;
	color: #2a715a;
}

.my-card .card-cash .ff-roboto {
	font-size: 24px;
}

.my-card .amount {
	display: inline-block;
	margin-left: 5px;
	font-size: 15px;
	color: #767676;
}

.my-card .card-info:after {
	content: '';
	display: block;
	clear: both;
}

.my-card .card-info li {
	float: left;
	margin-top: 7px;
	color: #767676;
	font-size: 15px;
}

.my-card .card-info li+li:before {
	content: '';
	display: inline-block;
	height: 11px;
	margin: 0 8px;
	border-left: 1px solid #ddd;
}

.my-card.type2 {
	height: 113px;
}

.my-card.type2 .inner {
	padding-left: 210px;
}

.my-card.type2 .image {
	width: 185px;
	height: 113px;
}

.my-card.type2 .card-name {
	font-size: 18px;
}

.my-card.type2 .card-cash .ff-roboto {
	font-size: 19px;
}

.my-card.type2 .card-info {
	margin-top: 5px;
}

.my-card.type2 .card-info li {
	float: none;
	margin-top: 0;
	font-size: 15px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.my-card.type2 .card-info li:before {
	content: none;
}

/*
.coupon-unit {display:inline-block; width:120px; height:50px; line-height:50px; white-space:nowrap; text-align:center; font-size:20px; color:#2a715a; background:url('/cjom/web/images/common/bg_coupon.png') 0 0 no-repeat;}
.coupon-unit .number {font-family:'Roboto', 'Noto Sans KR', sans-serif; letter-spacing:0; font-size:23px; font-weight:bold;}
*/
.coupon-table .coupon-name {
	display: inline-block;
	padding-right: 1px;
	box-sizing: border-box;
	font-size: 15px;
	color: #000;
}

.coupon-table .coupon-div {
	font-size: 14px;
	color: #767676;
}

.coupon-table .link-underline {
	display: block;
}

.popup-product-search {
	position: relative;
	width: 565px;
	margin: 30px auto 0;
	text-align: center;
}

.popup-product-search .btn-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
}

.popup-product-search .btn-search:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -120px
		no-repeat;
	background-size: 510px 210px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
} /* 2019-07-09 ie9 -ms- transform 추가 */
.copon-product-search {
	position: relative;
	width: 565px;
	float: right;
	top: 5px;
	margin-top: 10px;
	text-align: center;
}

.copon-product-search .btn-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
}

.copon-product-search.w100{width:100%;float:none;top:0;margin-top:14px;}
.copon-product-search.w100 .btn-search {left:0;}
.copon-product-search.w100 [class^=input-] input{padding:0 78px 0 40px;}
.copon-product-search .search-area-reset {position: absolute;top:8px;left:auto;right:15px;padding:0 10px;height:22px;line-height:22px;font-size:13px;color:#444;letter-spacing:-1px;border:1px solid #d8d8d8;border-radius:30px;}
.coupon-tab-cont .title-bar .sort-list{position:absolute;top:30px;right:0;}
.coupon-tab-cont .title-bar{position: relative !important;padding-bottom:15px;height:37px;}
.coupon-tab-cont .title-bar .desc{vertical-align:-18px;}

.copon-product-search .btn-search:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -120px
		no-repeat;
	background-size: 510px 210px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
} /* 2019-07-09 ie9 -ms- transform 추가 */
.copon-product-search+.title-bar {
	position: static;
}

.radio-giftcard {
	display: block;
	position: relative;
	height: 96px;
	padding-top: 15px;
	padding-left: 215px;
	box-sizing: border-box;
}

.radio-giftcard+.radio-giftcard {
	margin-top: 15px;
}

.radio-giftcard .input-radio {
	position: absolute;
	left: 0;
	top: 38px;
}

.radio-giftcard .name {
	display: block;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.radio-giftcard .image {
	position: absolute;
	left: 35px;
	top: 0;
}

.row-label-form-wrap {
	margin-top: 20px;
	border: solid #aaa;
	border-width: 1px 0;
}

.row-label-form-wrap li {
	padding: 15px 0 15px 20px;
}

.row-label-form-wrap li+li {
	border-top: 1px solid #ddd;
}

.row-label-form {

}

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

.row-label-form label {
	float: left;
	width: 25%;
	line-height: 40px;
	font-size: 15px;
	font-weight: 500;
	color: #000;
}

.row-label-form .input-tel, .row-label-form .input-text, .row-label-form select
	{
	float: left;
	width: 75%;
}

.row-label-form input[type='tel'] {
	width: 100%;
}

.row-label-form input[type='text'] {
	width: 100%;
}

.full-input .input-text, .full-input input {
	width: 100%;
}

/*세금계산서 신청/수정*/
.tex-bill .cont-title {
	position: relative;
	margin-top: 30px;
	padding-top: 20px;
	line-height: 34px;
	font-size: 15px;
	font-weight: 700;
	border-top: 1px solid #aaa;
}

.tex-bill .tex-ex {
	overflow: hidden;
	padding: 20px 30px;
	border: 1px solid #ddd;
}

.tex-bill .tex-ex li {
	position: relative;
	float: left;
	padding-left: 10px;
	font-size: 15px;
	line-height: 26px;
	color: #555;
}

.tex-bill .tex-ex li+li {
	margin-top: 0;
}

.tex-bill .tex-ex li:nth-child(2n) {
	float: right;
}

.tex-bill .tex-ex li:before {
	position: absolute;
	left: 0;
	top: 11px;
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #767676;
	vertical-align: top;
}

.tex-bill .order-info-box {
	padding: 30px;
	background: #f8f8f8;
}

.tex-bill .order-info-box hr {
	margin: 20px 0;
}

.tex-bill .order-info-box p {
	margin: 0;
}

.tex-bill .order-info-box .number span {
	margin-left: 14px;
}

.tex-bill .order-info-box .title, .tex-bill .order-info-box .price {
	color: #000;
}

.tex-bill .order-info-box .price span {
	margin-left: 14px;
	font-size: 20px;
}

/* number-form */
.number-form:after {
	content: "";
	clear: both;
	display: block;
}

.number-form select, .number-form input, .number-form .ui-selectmenu-button.ui-button,
	.number-form .selectbox, .number-form [class^=input-] {
	float: left;
	width: calc(( 100% - ( 21px * 2))/3);
}

.number-form [class^=input-] input {
	width: 100% !important;
}

.number-form .hyphen {
	position: relative;
	float: left;
	display: block;
	width: 21px;
	height: 40px;
}

.number-form .hyphen:before {
	content: '-';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 8px;
	height: 1px;
	margin: -1px 0 0 -4px;
	text-indent: -9999px;
	background: #000;
}
.delivery-modi .number-form [class^=input-] {width:calc(( 100% - ( 22px * 2))/3)}

.number-form.card [class^=input-] {
	float: left;
	width: calc(( 100% - ( 21px * 3))/4);
}

.number-form.max select, .number-form.max input, .number-form.max .selectbox,
	.number-form.max .ui-selectmenu-button.ui-button, .number-form.max [class^=input-]
	{
	width: 111px;
}

.number-form.max.card [class^=input-] {
	width: 78px
}

/* email-form */
.email-form {
	white-space: nowrap;
}

.email-form:after {
	content: "";
	clear: both;
	display: block;
}

.email-form input, .email-form [class^=input-] {
	float: left;
	width: calc(( 100% - 33px)/3);
}

.email-form [class^=input-] input {
	width: 100%;
}

.email-form select, .email-form .selectbox, .email-form .ui-selectmenu-button.ui-button
	{
	float: left;
	margin-left: 10px;
	width: calc(( 100% - 34px)/3);
}

.email-form .at {
	float: left;
	display: block;
	font-size: 15px;
	line-height: 40px;
	width: 23px;
	text-align: center;
}

.email-form.max [class^=input-] {
	width: 103px;
}

.email-form.max select, .email-form.max .ui-selectmenu-button.ui-button
	{
	width: 135px;
}

/* address-form */
.address-form>div {
	overflow: hidden;
}

.address-form>div [class^=input-] {
	float: left;
	width: calc(100% - 122px);
	margin-top: 0;
}

.address-form button {
	float: left;
	margin-left: 10px;
}

.address-form [class^=input-] {
	margin-top: 12px;
	width: 100%;
}

.address-form [class^=input-] input {
	width: 100%
}

/* 정기배송관리 */
.application-box {
	margin-top: 20px;
	border: 1px solid #ddd;
}

.application-box.nodata {
	border-width: 1px 0 1px 0;
	border-color: #ccc #ddd;
	border-style: solid;
}

.application-box .app-head {
	position: relative;
	padding: 28px 30px;
	background-color: #f8f8f8;
}

.app-head .title {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.app-head .btn-box {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.app-head .btn-box .link-underline {
	margin-left: 10px;
	font-size: 15px;
}

.app-head .info {
	margin-top: 5px;
}

.app-head .info:after {
	content: '';
	display: block;
	clear: both;
}

.app-head .info li {
	float: left;
	color: #000;
	font-size: 15px;
	font-weight: 500;
}

.app-head .info li+li:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 14px;
	margin: 0 15px;
	vertical-align: -2px;
	background-color: #ddd;
}

.app-head .info .name {
	margin: 5px 7px 0 0;
	color: #555;
	font-weight: normal;
}

.app-price-table {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}

.app-price-table .item {
	display: table-cell;
	position: relative;
	width: 20%;
	height: 70px;
	padding: 20px 0;
	vertical-align: middle;
	text-align: center;
}

.app-price-table .item+.item:before {
	position: absolute;
	left: 0;
	top: 20px;
	content: '';
	display: inline-block;
	width: 1px;
	height: 70px;
	background-color: #ddd;
}

.app-price-table .name {
	color: #555;
	font-size: 15px;
}

.app-price-table .price {
	color: #000;
	font-size: 15px;
}

.app-price-table .price [data-tooltip].type-absolute {
	margin-right: -22px;
}

.app-price-table .price>strong {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.train-box {
	padding: 0 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.train-box li+li {
	border-top: 1px solid #ddd;
}

/* 정기배송 상품 */
.delivery-wrap .wing-bnr-wrap {
	top: 442px;
}

.regular-product {
	margin: -10px 0 0 0;
	padding: 30px;
	font-size: 0;
}

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

.regular-product .regular-item {
	position: relative;
	float: left;
	width: 474px;
	height: 120px;
	margin-top: 10px !important;
	padding: 15px 0 15px 128px;
	box-sizing: border-box;
	white-space: nowrap;
	background-color: #f8f8f8;
	vertical-align: top;
	border: none;
}

.regular-product .regular-item:nth-child(2n) {
	margin-left: 10px;
}

.regular-product .regularcart-title-item:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.regular-item .product-thumb {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 80px;
	height: 80px;
}

.regular-item .product-thumb img {
	width: 100%;
	height: 100%;
}

.regular-item .item-content {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.regular-item .product-name {
	padding-right: 30px;
	max-height: 50px;
	white-space: normal;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 25px;
	overflow: hidden;
}

.regular-item .product-added {
	overflow: hidden;
}

.regular-item .product-added .dis-rate {
	margin-right: 10px;
	font-size: 20px;
	color: #e72a50;
	font-family: 'Roboto', sans-serif;
}

.regular-item .product-added .price {
	font-size: 18px;
	color: #000;
}

.regular-item .product-added .price strong {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
}

.regular-item .product-added del {
	margin-left: 5px;
	font-size: 12px;
	color: #767676;
}

.regular-item .product-added .right {
	float: right;
	margin-top: 5px;
	margin-right: 30px;
	font-size: 14px;
	color: #555;
}

/*정기배송관리 - 하단 info-box*/
.info-box.type2 {
	position: relative;
}

.info-box.type2 .desc-list {
	overflow: hidden;
}

.info-box.type2 .desc-list li {
	float: left;
	width: 50%;
	margin-top: 10px;
	font-size: 15px;
	line-height: 26px;
	box-sizing: border-box;
}

.info-box.type2 .info-box-nav {
	position: absolute;
	top: 35px;
	right: 40px;
}

.info-box.type2 .info-box-nav li {
	display: inline-block;
}

.info-box.type2 .info-box-nav li+li {
	margin-left: 15px;
}

.info-box.type2 .info-box-nav li a {
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #2a715a;
	border-bottom: 1px solid #2a715a;
}

/* delivery-list */
/* #deliveryList .modal-contents > .scroll-wrapper {max-height:520px !important;}  MARKETDEV-6156 scroll 이슈로 인한 주석 처리 20230904  */
#memberDlvdModal .modal-contents > .scroll-wrapper {max-height:520px !important;}
#memberDlvdModal .modal-contents > .scroll-wrapper > [data-scroll] {max-height:400px !important;}
.delivery-list {
	overflow: hidden;
	border-top: 1px solid #aaa;
}

.delivery-list li {
	position: relative;
	padding: 14px 0 14px 30px;
	font-size: 15px;
	color: #555;
}

.delivery-list li label {
	display: block;
	/*padding-right: 100px;*/
	padding-right:70px;
	font-size: 15px;
	line-height: 30px;
}

.delivery-list li+li {
	border-top: 1px solid #ddd;
	line-height: 30px;
}

.delivery-list li .input-radio {
	position: absolute;
	/*top: 18px;*/
	top:23px;
	left: 0;
}

.delivery-list .name {
	display: block;
	color: #000;
	font-weight: normal;
}

.delivery-list .link-box {
	/*position: absolute;
	bottom: 15px;
	right: -15px;*/
	margin-top:-30px;
	text-align:right;
}
.delivery-list .tel span {
	position: relative;
}

.delivery-list .tel span+span {
	margin-left: 10px;
	padding-left: 10px;
}

.delivery-list .tel span+span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -5px;
	background: #ddd;
}

.delivery-popup_button_area{padding:25px 0 5px;border-top:1px solid #aaa;}
.delivery-popup_button_area .btn-add-address{display:block;width:100%;height:48px;font-size:16px;color:#333;font-weight:700;border:1px solid #999;border-radius:4px;}
.delivery-popup_button_area .btn-add-address:before{content:'';display:inline-block;width:10px;height:10px;margin-right:4px;background:url(/cjom/mobile/images/icon/ico-plus-17x17.png) no-repeat 0 50%;background-size:100% auto;}
.delivery-popup_button_area+.delivery-list{border-top:0;}

.delivery-list .entrance_info{padding:12px 0 10px;font-size:15px;color:#888;line-height:1.3;}
.delivery-list .entrance_info p+p{margin-top:8px;}

.basic-box {
	overflow: hidden;
	border: solid #ddd;
	border-width: 1px 0;
	line-height: 60px;
}

.basic-box label+label {
	margin-left: 40px;
}

.basic-box a {
	float: right;
	font-size: 15px;
}

/* delivery-modi */
.delivery-modi {
	display: table;
	width: 100%;
	padding-bottom: 14px;
	border-bottom: 1px solid #eee;
	table-layout: fixed;
}

.delivery-modi>li {
	display: table-row;
}

.delivery-modi>li>label, .delivery-modi .column:first-child {
	display: table-cell;
	width: 123px;
	padding: 6px 0;
	line-height: 40px;
	color: #000;
	font-weight: 500;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 15px;
}

.delivery-modi .column {
	display: table-cell;
	padding: 6px 0;
	width: 300px;
}

.delivery-modi .column.card-number [class^='input'] {
	position: relative;
	width: 53px;
	white-space: nowrap;
}

.delivery-modi .column.card-number [class^='input']+[class^='input'] {
	margin-left: 24px;
}

.delivery-modi .column.card-number [class^='input']:after {
	position: absolute;
	right: -17px;
	top: 18px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 1px;
	background-color: #000;
}

.delivery-modi .column.card-number [class^='input']:last-child:after {
	content: none;
}

.delivery-modi .column.card-number input {
	padding: 0 10px;
}

.delivery-modi .column.card-number input[type='password'] {
	letter-spacing: -1px;
}

.delivery-modi+.basic-box {
	border-top: none;
}

.delivery-modi .basic-box-bort0 {
	border-top: none;
}

.delivery-modi~.basic-box.basic-box-bt0{border-top:0;border-bottom:0;}

.delivery-modi.entranceinfo-form>li>label{padding:20px 0;}
.delivery-modi.entranceinfo-form>li .column{padding:20px 0 6px;}
.delivery-modi.entranceinfo-form .column .selectbox, 
.delivery-modi.entranceinfo-form .column select{width:100%;}
.delivery-modi.entranceinfo-form .column .textarea{width:100%;margin-top:12px;}
.delivery-modi.entranceinfo-form .column .chkbox-area{margin-top:12px;}
.delivery-modi.entranceinfo-form .column .entrance-info-txt{padding:10px 0;color:#1ba774;font-size:14px;line-height:20px;}
.delivery-modi.line-type {
	padding-top: 14px;
	border-top: 1px solid #aaa;
}

.delivery_list_modalpop .scroll-wrapper{max-height:500px !important;}


/* oder-tbl */
.oder-btn-box [class^=btn-] {
	min-width: 115px;
	width:172px;
}

.oder-btn-box [class^=btn-]+[class^=btn-] {
	margin-top: 3px;
}

/*전자금융거래 이용약관*/
.terms-contents {
	counter-reset: section;
}

.terms-contents>p {
	margin-top: 10px;
}

.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 td[rowspan] {
	border-right: 1px solid #ddd;
}

.terms-contents .table-col td:last-child[rowspan] {
	border-right: none
}

.number-list-st {
	max-width: 1278px;
	margin-top: 40px;
	padding: 35px 0;
	border: solid #ddd;
	border-width: 1px 0;
	counter-reset: li;
	font-size: 0;
}

.number-list-st li {
	position: relative;
	display: inline-block;
	width: calc(100%/ 3);
	padding-left: 18px;
	font-size: 15px;
	color: #2a715a;
	box-sizing: border-box;
}

.number-list-st li:nth-child(n+4) {
	margin-top: 10px;
}

.number-list-st li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: counter(li) '.';
	counter-increment: li;
	color: #2a715a;
	font-family: 'Roboto', sans-serif
}

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

.desc-list-number3 li {
	position: relative;
	padding-left: 20px;
}

.desc-list-number3 li:before {
	content: counter(num);
	counter-increment: num;
	position: absolute;
	top: 5px;
	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;
}

/*무이자 할부 혜택*/
.bank {
	display: block;
	vertical-align: top;
}

/*기프트 카드 구매&충전완료*/
.gift-card-info .image {
	display: block;
	width: 244px;
	height: 149px;
	margin: 0 auto;
}

.gift-card-info .info-box {
	margin-top: 30px;
	padding: 15px 40px;
}

.gift-card-info .info-box .price {
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	font-weight: 500;
	color: #000;
}

.gift-card-info .info-box .price span {
	margin-left: 17px;
}

.gift-card-info .info-box .price span>strong {
	font-size: 24px;
	vertical-align: top;
}

/* 주문/결제 오네배송 안내 */
.delivery__o-ne-info__box{margin:40px 0;}
.delivery__o-ne-info__box p{padding-left:28px;font-size:20px;font-weight:700;color:#111;line-height:20px;background:url(/cjom/web/images/icon/ico_alim_red.svg) no-repeat 0 0;background-size:20px 20px;}
.delivery__o-ne-info__box ul{margin-top:16px;padding:20px 24px;background-color:#fef7f6;border-top:1px solid #ada5a5;}
.delivery__o-ne-info__box ul>li{position:relative;padding-left:20px;font-size:14px;color:#606060;line-height:1.3;}
.delivery__o-ne-info__box ul>li:before{content:'';position:absolute;top:8px;left:9px;width:2px;height:2px;background:#606060;border-radius:50%;}
.delivery__o-ne-info__box ul>li+li{margin-top:4px;}
.delivery__o-ne-info__box ul>li>span{color:#f22b29;}

/* payment-container */
.payment-container .periodic-title {
	border-top: 1px solid #000;
}

.payment-container .cart-list+.periodic-title {
	position: relative;
	margin-top: -1px;
	z-index: 2;
}

/* delivery-cont */
.freebies-delivery .address-form>div [class^=input-] {
	max-width: 375PX;
}

.payment-container .btn-other {
	position: absolute;
	top: 0;
	right: 0;
}

.payment-container .info-box {
	margin: 0;
	padding: 20px 30px;
}

.payment-container .info-box .orderer-info+.orderer-info {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

.payment-container .info-box .orderer-info+.orderer-info  .btn-other {
	top: 15px;
}

.orderer-info {
	position: relative;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.orderer-info>li {
	display: table-row;
}

.orderer-info .column:first-child {
	width: 170px;
	color: #000;
	font-weight: 500;
	vertical-align: top;
}

.orderer-info .column {
	display: table-cell;
	padding: 8px 0;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 15px;
	color: #555;
}

.orderer-info .column+.column [class^=link-underline] {
	float: right;
	line-height: 38px;
}

.orderer-info .column label+label {
	margin-left: 30px;
}

.orderer-info [data-tooltip] {
	margin-left: 5px;
}

.align-input .ui-selectmenu-button.ui-button {
	float: left;
}

.align-input .selectbox {
	float: left;
}

.align-input [class^=input-] {
	float: right
}

.payment-container .price-column.type2 {
	width: 260px;
}

.payment-container .volume-txt {
	display: block;
	text-align: center;
	color: #000;
}

.payment-container .cart-list.no-title .product-column {
	height: 140px;
}

/* save-input */
.save-input {
	margin-top: 15px;
	text-align: right;
}

.save-input label+label {
	margin-left: 30px;
}

/*나의 CJ기프트 카드*/
.card-list {
	border-top: 2px solid #ddd;
}

.card-list li {
	position: relative;
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #ddd;
}

.card-list .image, .card-list .card-info {
	display: table-cell;
	vertical-align: middle;
}

.card-list .card-info {
	padding-left: 20px;
}

.card-list .image {
	width: 112px;
	height: 70px;
	padding: 20px 0;
}

.card-list .image img {
	vertical-align: middle;
}

.card-list .card-name {
	font-size: 15px;
	color: #000;
}

.card-list .card-info span {
	position: relative;
	font-size: 18px;
	color: #2a715a;
}

.card-list .card-info span+span {
	padding-left: 16px;
	margin-left: 15px;
}

.card-list .card-info span+span:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: '';
	display: inline-block;
	width: 1px;
	height: 18px;
	background-color: #ddd;
}

.card-list .card-info .price strong {
	font-size: 20px;
}

.card-list .card-info .amount {
	font-size: 15px;
	color: #2a715a;
}

/* 상품상세 */
.product-detail-top {
	margin-top: 70px;
}

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

.product-info-box {
	width: 610px;
}

.product-info-box.left {
	float: left;
}

.product-info-box.right {
	float: right;
}

.product-info-box .product-images {
	position: relative;
	height: 590px;
	padding: 10px 30px 30px;
	box-sizing: border-box;
}

.product-info-box .product-images .badge-list {
	z-index: 10;
	position: absolute;
	left: 30px;
	top: 10px;
} /* 2019-07-15 뱃지 위치 수정 */
.product-info-box .product-images .product-images-item {
	position: relative;
	padding-top: 550px;
	width: 550px;
	margin: 0;
	overflow: hidden;
}

/* 비비고 상품 CI */
.product__animate--ci {position:absolute; top:0; right:0; bottom:0; left:0;}
.product__animate--ci .ci__bg {position: absolute; top:-1px; right:-1px; display:block; content:""; width:48.7%; height:48.7%; z-index:1;}
.product__animate--ci .ci__bg svg {width:100% !important; height:100% !important;}
.product__animate--ci .ci__svg {display: block; position: absolute; right:0; top:0; width:26.2%; height:21.3%; z-index:2; left:initial; bottom:initial;}
.product__animate--ci .ci__svg svg {width:100% !important; height:100% !important;}
.product-detail-top .product__animate--ci .ci__bg {z-index:2;}
.product-detail-top .product__animate--ci .ci__svg {top:10px; right:30px;}
/* //비비고 상품 CI */

/* 비비고 프로모션 및 비비고 페이지 수정 */
.renewal__bibigo {width:1280px; margin:auto;}
.renewal__bibigo .bibigo.join__list {/*margin-top:50px;*/ padding-bottom:80px;}
.renewal__bibigo .bibigo.join__list.promotion {margin-top:50px;}
.renewal__bibigo .bibigo.join__list .article__title {font-size:24px; color:#111; font-weight: bold;}
.renewal__bibigo .title__wrap {position: relative;padding: 11px 0}
.renewal__bibigo .title__wrap .view__option--write {position:absolute; right:0; bottom:0; display: flex; align-items:center;}
.renewal__bibigo .title__wrap .view__option--write .option__text {font-size:13px; color:#111; margin-left:8px; line-height:20px;}
.renewal__bibigo .list__wrap {margin-top:20px;}
.renewal__bibigo .list__wrap ul {display: flex; flex-wrap: wrap;}
.renewal__bibigo .list__wrap li {width:296px; position: relative; margin-left:32px;}
.renewal__bibigo .list__wrap li:first-child,
.renewal__bibigo .list__wrap li:nth-child(4n + 1) {margin-left:0;}
.renewal__bibigo .list__wrap li:nth-child(n + 5) {margin-top:40px;}
.renewal__bibigo .list__wrap .desc__wrap {margin-top:10px;}
.renewal__bibigo .list__wrap .add__info {margin-top:6px; position: relative; font-size:0;}
.renewal__bibigo .list__wrap .add__info span,
.renewal__bibigo .list__wrap .add__info button {color:#999; font-size:13px; line-height:18px; position: relative;}
.renewal__bibigo .list__wrap .add__info .date__info {position: relative; margin-left:14px;}
.renewal__bibigo .list__wrap .add__info .date__info:before {background-color:#999; width:2px; height:2px; border-radius:50%; position:absolute; content:""; left: -7px; top: 9px;}
.renewal__bibigo .list__wrap .add__info .btn__delete {position: absolute; right:0; bottom:0; text-decoration: underline;}
.renewal__bibigo .list__wrap .wrapper {position: relative;}
.renewal__bibigo .list__wrap .detail__text {font-size:15px; line-height:21px; color:#111;}
.renewal__bibigo .list__wrap .detail__view {display:block; position: relative;}
.renewal__bibigo .list__wrap .btn__play {display:inline-block; width: 33px; height: 39px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.renewal__bibigo .list__wrap .btn__play:after {content: ''; display: block; width:100%; height:100%; background-repeat: no-repeat; background: url(/cjom/web/images/common/btn_play_white.png); background-size: contain;}

.renewal__bibigo .list__wrap .visual__wrap {height:296px; overflow: hidden;}
.renewal__bibigo .list__wrap .visual__wrap img,
.renewal__bibigo .list__wrap .visual__wrap iframe,
.renewal__bibigo .list__wrap .visual__wrap video {display:block; position:relative; left:50%; top:50%; height:100%; min-height:100%; min-width:100%; transform:translate(-50%, -50%); object-fit:cover;}

.renewal__bibigo .join__desc {margin-top:50px; padding-bottom: 20px;}
.renewal__bibigo .join__desc .split__cont {}
.renewal__bibigo .join__desc .split__cont:after {display:block; clear: both; content:"";}
.renewal__bibigo .join__desc .split__cont .visual {position: relative; width:623px;transform: translateX(50%);top: 0;left: 0;height: 445px;}
.renewal__bibigo .join__desc .split__cont .visual:before {display:block; content:""; position: absolute; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; width:34px; height:23px; background-image:url(/cjom/web/images/brand/bibigo/ico_visual_bibigo_new_01.png); left: 413px; bottom: -72px; z-index:2;} 
.renewal__bibigo .join__desc .split__cont .visual:after {display:block; content:""; position: absolute; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; width:101px; height:77px; background-image:url(/cjom/web/images/brand/bibigo/ico_visual_bibigo_new.png); left: 314px; bottom: -100px; z-index:1;} 
.renewal__bibigo .join__desc .split__cont .desc__cont {position: relative; width:432px; margin-left:15px;margin-top: 32px;transform: translateX(-50%);top: 0;left: 41.2%;}
/*.renewal__bibigo .join__desc .split__cont .desc__cont:after {display:block; content:""; position: absolute; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; background-image:url(/cjom/web/images/brand/bibigo/img_bibigo_benefit.png); right:0px; bottom:-179px; width:381px; height:195px;}*/
.renewal__bibigo .join__desc .desc__cont .article__title {position: relative; width:333px;}
.renewal__bibigo .join__desc .desc__cont .article__title:before,
.renewal__bibigo .join__desc .desc__cont .article__title:after {display:block; content:""; position: absolute; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover;}
/* .renewal__bibigo .join__desc .desc__cont .article__title:before {width:101px; height:77px; background-image:url(/cjom/web/images/brand/bibigo/ico_bibigo_title1.png); right: -71px; bottom: 38px;}
.renewal__bibigo .join__desc .desc__cont .article__title:after {width:34px; height:23px; background-image:url(/cjom/web/images/brand/bibigo/ico_bibigo_title2.png); right: -98px; bottom: 65px;} */
.renewal__bibigo .join__desc .desc__cont .thumb__text {margin-top: 23px; font-size: 18px; line-height: 26px; color: #000;}
.renewal__bibigo .join__desc .desc__cont .thumb__text_sub {color: #999;font-size: 13px;line-height: 18px;margin-top: 8px;}
.renewal__bibigo .join__desc .desc__cont .btn__detail--view {display:inline-block; position: relative; font-size: 14px; color: #666; margin-top:16px; padding-right: 11px; text-decoration: underline;width: 133px;height: 34px;}
/*.renewal__bibigo .join__desc .desc__cont .btn__detail--view:after {display:block; content: ""; position: absolute; top:50%; right:0; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4-4 4' stroke='%23666'/%3E%3C/svg%3E%0A"); width: 6px;
    height: 10px; transform: translateY(-50%);}*/
.renewal__bibigo .join__desc .btn__wrap {width: 340px; margin: 40px auto 0;}
.renewal__bibigo .join__desc .btn__wrap .btn__confirm {display: flex; width:100%; height: 56px; justify-content: center; align-items: center; border-radius: 4px; background-color: #111; font-size:19px; color:#fff;}

.paging.black [class^=btn-] {width:32px; height:33px; background-image: none; background-position: 50% 50%; background-repeat:no-repeat; border: 1px solid #ddd; box-sizing: border-box;}
.paging.black [class^=btn-]:hover {border-color:#111;}
.paging.black ul {margin:0 4px;}
.paging.black li {width:35px; height:33px; margin-left:4px;}
.paging.black li a,
.paging.black li span {height:100%; box-sizing:border-box; font-size:14px;}
.paging.black li span {background:#111;}
.paging.black li:first-of-type {margin-left:0;}
.paging.black .btn-first {background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 .5-5 5 5 5M6 .5l-5 5 5 5' stroke='%23000'/%3E%3C/svg%3E%0A");}
.paging.black .btn-prev {margin-left:4px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5.5-5 5 5 5' stroke='%23000'/%3E%3C/svg%3E%0A");}
.paging.black .btn-next {margin-right:4px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5.5 5 5-5 5' stroke='%23000'/%3E%3C/svg%3E%0A");}
.paging.black .btn-last {background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 .5 5 5-5 5M6 .5l5 5-5 5' stroke='%23000'/%3E%3C/svg%3E%0A");}

.renewal__bibigo .paging.black {margin-top:40px;}

.renewal__bibigo .modal__layer {display:none; position:absolute; width:264px; height:126px; padding: 40px 16px 16px 16px; box-sizing:border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); text-align:center; background-color:#fff; z-index:5; left:50%; transform: translateX(-50%); top:100px;}
.renewal__bibigo .modal__layer.is-active {display:block;}
.renewal__bibigo .modal__layer .modal__title {font-size:14px; color:#000;}
.renewal__bibigo .modal__layer .btn__wrap {margin-top:16px; display: flex; justify-content: space-between;}
.renewal__bibigo .modal__layer .btn__wrap button {display:block; width: 112px; height: 34px; text-align: center; box-sizing: border-box; font-size:13px; line-height:34px;  background-color:#fff; color:#000; border:1px solid #ddd;}
.renewal__bibigo .modal__layer .btn__wrap button.btn__black {background-color: #111; color:#fff; border:none;}
.renewal__bibigo .modal__layer .btn__close {position:absolute; top:0; right:0; width:40px; height:40px; background: url(/cjom/web/images/common/btn-modal-close.svg) 50% 50% no-repeat; background-size: 20px;}

.renewal__bibigo .btn__wrap.more {margin-top:68px; text-align: center}
.renewal__bibigo .btn__wrap.more .btn__more--view {display:inline-block; width:480px; height:48px; font-size:15px; color:#111; border-radius: 4px; border: solid 1px #ddd; line-height:48px;}

/* 리뷰 팝업 - 비비고 프로모션 팝업으로 수정 변경 */
.fo-rv.promotion__popup .review_textarea {position: relative; margin-top: 12px; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ddd; height:253px; box-sizing: border-box;}
.fo-rv.promotion__popup textarea::placeholder {color:#999 !important; line-height:1.8em !important;}
.fo-rv.promotion__popup .review_textarea .textarea .scroll-wrapper,
.fo-rv.promotion__popup .review_textarea .textarea .scroll-content {height:200px !important;}
.fo-rv.promotion__popup .textarea-count {position:absolute; bottom:16px; right:16px;padding: 0; font-size: 11px; margin-top: 0; color: #999; line-height: 13px; text-align: right;}
.fo-rv.promotion__popup .textarea-count .current {margin-left: -5px; font-weight: bold; color: #1ba774;}
.fo-rv.promotion__popup .terms__wrap {margin-top:24px;}
.fo-rv.promotion__popup .terms__wrap .sub__title {color: #333; font-size: 13px; line-height: 16px; font-weight: bold;}
.fo-rv.promotion__popup .evtAgree_accordion .agree-content {padding: 3px 22px 3px 47px;}
.fo-rv.promotion__popup .evtAgree_accordion .agree-content ul li {color:#666;}

.fo-rv.promotion__popup .order-agree {margin:0; border:0;}
.fo-rv.promotion__popup .order-agree .agree-item {padding: 8px 0 24px;}
.fo-rv.promotion__popup .order-agree label,
.fo-rv.promotion__popup .order-agree span {font-size:13px; line-height: 17px;}
.fo-rv.promotion__popup .order-agree label {vertical-align: middle;}
.fo-rv.promotion__popup .evtAgree_accordion {margin-top:10px; padding-bottom:8px;}
.fo-rv.promotion__popup .evtAgree_accordion .agree-head {padding:16px 70px 8px 16px;}
.fo-rv.promotion__popup .evtAgree_accordion .agree-head .more:before {top:21px;}
.fo-rv.promotion__popup .review-tip2 .review-tip-top a:after {width:18px; background-size:100% auto;}
.fo-rv.promotion__popup .btn-area {padding:0;}
.fo-rv.promotion__popup .review-tip2 {margin-top:8px; border:0;}
.fo-rv.promotion__popup .modal__section--horizon {padding-bottom:20px;}
.fo-rv.promotion__popup .review-form {border-top:0;}
.fo-rv.promotion__popup .modal__section--none-bottom {margin-top:18px;}
.fo-rv.promotion__popup .review-tip2 .review-tip-cont {padding:0; background-color:#fff;}
.fo-rv.promotion__popup .desc-list3 li {color:#666;}
.fo-rv.promotion__popup .desc-list3 .desc-list3 {margin-top:10px;}
.fo-rv.promotion__popup .input-checkbox:after {content: ''; display: block; width: 20px !important; height: 20px !important; box-sizing: border-box; background: #fff url(/cjom/web/images/common/icon_chk_off.svg) no-repeat 50% !important; background-size: 20px !important;}
.fo-rv.promotion__popup .input-checkbox.active:after {background: url(/cjom/web/images/common/icon_chk_on.svg) no-repeat 50% !important; background-size: 20px !important;}
/* //비비고 프로모션 및 비비고 페이지 수정 */

/* 알림동의 팝업 마케팅 정보 수신동의 MARKETDEV-10567 */
 #collectionWritePop {padding-bottom: 35px;}
 #collectionWritePop .modal .modal-header .modal-title,  #agreementWrite .modal .modal-header .modal-title {font-size: 24px;}
 #collectionWritePop .btn-modal-close, .agreementWrite .btn-modal-close{top: 32px;}
.agreementWrite .terms__wrap, .collectiontWrite .terms__wrap {margin-top:25px;}
#collectionWritePop .terms__wrap {margin-top: 20px;}
.agreementWrite .terms__wrap .sub__title {color: #333; font-size: 13px; line-height: 16px; font-weight: bold;}
#collectionWritePop .terms__wrap .order-agree > p {color: #000;font-size: 13px;
	font-weight: 400;line-height: 16.9px;letter-spacing: -0.5px;}
.agreementWrite .evtAgree_accordion .agree-content, .collectiontWrite .evtAgree_accordion .agree-content {padding: 3px 22px 3px 47px;}
.agreementWrite .evtAgree_accordion .agree-content ul li, .collectiontWrite .evtAgree_accordion .agree-content ul li {color: #888;font-size: 13px;font-weight: 400;line-height: 19.37px;}
.agreementWrite .evtAgree_accordion .agree-content ul li p > span, .collectiontWrite .evtAgree_accordion .agree-content ul li p > span{font-weight: 700;}
.agreementWrite .order-agree, .collectiontWrite .order-agree {margin:0; border:0;}
.agreementWrite .order-agree .agree-item, .collectiontWrite .order-agree .agree-item {padding: 0 ;}
.agreementWrite .order-agree label, .collectiontWrite .order-agree label {vertical-align: middle;font-weight: 700;font-size: 14px;line-height: 18.2px;}
.agreementWrite .evtAgree_accordion .agree-head label, .collectiontWrite .evtAgree_accordion .agree-head label {font-weight: 400;font-size: 14px;line-height: 18.2px;}
.agreementWrite .evtAgree_accordion .agree-head .required, .collectiontWrite .evtAgree_accordion .agree-head .required {height: auto;color: #1ba774;vertical-align: top;font-weight: 400;font-size: 14px;}
.agreementWrite .evtAgree_accordion, .collectiontWrite .evtAgree_accordion {margin-top:8px; padding-bottom:8px;}
.agreementWrite .evtAgree_accordion .agree-head, .collectiontWrite .evtAgree_accordion .agree-head {padding:16px 70px 8px 16px;}
.agreementWrite .evtAgree_accordion .agree-head .more:before, .collectiontWrite .evtAgree_accordion .agree-head .more:before {top:22px;}
.agreementWrite .btn-area, .collectiontWrite .btn-area {padding:0;}
 #agreementWritePop .modal-header, #collectionWritePop .modal-header{margin: 0 35px 0 35px;padding: 36px 0 0 0;min-height: 25px;}
.agreementWrite .evtAgree_accordion .agree-content ul li, .collectiontWrite .evtAgree_accordion .agree-content ul li{padding-bottom: 4px;}
.agreementWrite .evtAgree_accordion .agree-head .more:before, .collectiontWrite .evtAgree_accordion .agree-head .more:before {content: '';position: absolute;left: 25px;width: 16px;height: 8px;background: url(/cjom/web/images/common/icon_accordion_arrow.png) no-repeat 0 -10px;background-size: 16px auto;}
.agreementWrite .evtAgree_accordion .agree-head .more.active:before, .collectiontWrite .evtAgree_accordion .agree-head .more.active:before {background-position: 0 0;}
.agreementWrite .modal__section--horizon, .collectiontWrite .modal__section--horizon {padding-bottom:20px;}
.agreementWrite .agreement-form, .collectiontWrite .agreement-form {border-top:0;}
.agreementWrite .modal__section--none-bottom, .collectiontWrite .modal__section--none-bottom {margin-top:18px;}
.agreementWrite .input-checkbox:after, .collectiontWrite .input-checkbox:after {content: ''; display: block; width: 20px !important; height: 20px !important; box-sizing: border-box; background: #fff url(/cjom/web/images/common/icon_chk_off.svg) no-repeat 50% !important; background-size: 20px !important;}
.agreementWrite .input-checkbox.active:after, .collectiontWrite .input-checkbox.active:after{background: url(/cjom/web/images/common/icon_chk_on.svg) no-repeat 50% !important; background-size: 20px !important;}
.agreementWrite .btn-area, .collectiontWrite .btn-area{padding:0;overflow: hidden;margin-top: 20px;text-align: center;font-size: 0;}
#collectionWritePop .btn-area{margin-top: 24px;}
.agreementWrite .btn-area span, .collectiontWrite .btn-area span {float: left;box-sizing: border-box; -webkit-box-sizing: border-box;}
.agreementWrite .evtAgree_accordion .agree-head .more.active:before {top: 22px;}

.agreementWrite .btn-area span:first-child:nth-last-child(2), .collectiontWrite .btn-area span:first-child:nth-last-child(2) {width: 50%;padding-right: 3px;}
.agreementWrite .btn-area span:first-child:nth-last-child(2) ~ span, .collectiontWrite .btn-area span:first-child:nth-last-child(2) ~ span {width: 50%;padding-left: 3px;}
.agreementWrite .btn-area span button, .collectiontWrite .btn-area span button {width: 197px;height: 40px;font-size: 13px;line-height: 16.9px;border-radius: 4px;-webkit-border-radius: 4px;padding-bottom: 0;font-weight: 700;}
.agreementWrite .btn-area span button.btn-white:disabled, .collectiontWrite .btn-area span button.btn-white:disabled {border-color: #EEE;opacity: 1;cursor: default;}
.agreementWrite .btn-area span button.btn-default:disabled, .collectiontWrite .btn-area span button.btn-default:disabled {background: #C6C6C6;opacity: 1;cursor: default;}
.agreementWrite .btn-area span button.btn-white, .collectiontWrite .btn-area span button.btn-white{border-color: #EEE;color: #333;background: #EEE;}

.agreementWrite .btn-area span button.btn-default, .collectiontWrite .btn-area span button.btn-default{background: #1BA774;border: none;}
/* //알림동의 팝업 마케팅 정보 수신동의 MARKETDEV-10567 */


.product-info-box .product-images .product-images-item img {
	position: absolute;
	top: 50%;
	left: 0;
	height: auto;
	width: 550px;
	vertical-align: top;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-08 ie9 -ms- transform 추가 */
.caption-wrap {
	text-align: right;
}

.caption-wrap [data-scroll] {
	max-height: 90px;
}

.caption-wrap .btn-caption {
	width: 90px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #2a715a;
	color: #2a715a;
	border-radius: 0;
	font-size: 13px;
	background-color: #fff;
}

.caption-wrap .video-caption {
	display: none;
	position: relative;
	z-index: 10;
	margin-bottom: -1px;
	padding: 9px 15px;
	border: 1px solid #2a715a;
	background-color: #fff;
	text-align: left;
	-webkit-transition: transform .4s;
	transition: transform .4s;
}

.caption-wrap.active .btn-caption span:after {
	background-position: -180px -160px;
}

.caption-wrap.active .video-caption {
	display: block;
}

.product-images-pager {
	width: 360px;
	height: 80px;
	margin: 10px auto;
	white-space: nowrap;
	font-size: 0;
}

.product-images-pager .pager-item {
	display: inline-block;
	width: 80px !important;
	height: 80px !important;
	margin: 0 5px;
}

.product-images-pager .pager-item a {
	position: relative;
	display: block;
}

.product-images-pager .pager-item a.video:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 30px;
	margin: -15px 0 0 -15px;
	background: url('/cjom/web/images/common/spr_common.svg') no-repeat
		-240px -90px;
	background-size: 510px 210px;
}

.product-images-pager .slick-util-group {
	position: static;
}

.product-images-pager .slick-arrow {
	position: absolute;
	top: 30px;
	width: 50px;
	height: 50px;
	margin-top: -15px;
	background-image: url('/cjom/web/images/common/icon_slider_large.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.product-images-pager .slick-prev {
	left: -100px;
	background-position: 0 0;
}

.product-images-pager .slick-next {
	right: -100px;
	background-position: -50px 0;
}

.product-images-pager .slick-arrow.slick-disabled {
	background-position: 0 -50px;
}

.product-images-pager .slick-next.slick-disabled {
	background-position: -50px -50px;
}

.product-images-pager .slick-dots {
	display: none !important;
}

.product-info-box .util-info {
	position: relative;
	margin-top: 40px;
	padding: 22px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.util-info .util-item {
	position: relative;
	min-height: 46px;
	padding: 10px 0 10px 72px;
	box-sizing: border-box;
}

.util-info .util-item+.util-item {
	margin-top: 6px;
}

.util-info .util-item .label {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 15px;
	color: #555;
}

.util-info .util-item .star-rating2 {vertical-align: top;}
.util-info .util-item .review {display:inline-block;padding-left:32px;vertical-align:middle;background:url(/cjom/web/images/icon/icon-star-mv.gif) no-repeat 0 50%;background-size:24px;}
.util-info .util-item .review .score {display:inline-block;font-size:20px;font-weight:bold;color:#333;vertical-align:middle;line-height:24px;}
.util-info .util-item .review .num {display:inline-block;font-size:15px;margin-left:1px;color:#777;vertical-align:middle;line-height:24px;}
.util-info .util-btns {
	position: absolute;
	right: 0;
	top: 22px;
}

.btn-util {
	display: inline-block;
	width: 46px;
	height: 46px;
	background-color: #fafafa;
	border-radius: 50%;
	vertical-align: top;
	font: 0/0 a;
	text-align: center;
}

.btn-util+.btn-util {
	margin-left: 6px;
}

.btn-util:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 10px;
	background-image: url('/cjom/web/images/common/spr_common.svg');
	background-repeat: no-repeat;
	background-size: 510px 210px;
}

.btn-util.share:after {
	margin-top: 8px;
	background-position: -210px -90px;
}

.btn-util.wish:after {
	margin-top: 4px;
	background-position: -180px -90px;
}

.btn-util.wish.active {
	background: #000;
}

.btn-util.wish.active:after {
	margin-top: 4px;
	background-position: -420px -150px;
}

.hash-list2 {
	margin-left: -14px;
	margin-top: -2px;
}

.hash-list2 li {
	display: inline-block;
	margin-left: 14px;
	margin-top: 5px;
}

.hash-list2 a {
	display: block;
	line-height: 20px;
	color: #000;
	font-size: 15px;
}

.hash-list2 a:after {
	content: '';
	display: block;
	border-bottom: 1px solid #000;
}

.hash-list2 a:before {
	content: '#';
}

.hash-list3 {
	margin: 18px 0 0 -5px;
	font-size: 0;
}

.hash-list3 li {
	display: inline-block;
	height: 40px;
	margin: 12px 0 0 5px;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	border-radius: 20px;
}

.hash-list3 a {
	display: block;
	padding: 0 21px;
	line-height: 40px;
	color: #000;
	font-weight: 500;
	font-size: 15px;
}

.hash-list3 .active {
	background-color: #2a715a;
}

.hash-list3 .active a {
	color: #fff;
	font-weight: normal;
}

.product-info-box .reserve-msg {
	margin-bottom: 32px;
	padding: 19px 0 20px;
	color: #2a715a;
	font-size: 15px;
	text-align: center;
	background-color: #fbf6ef;
}

.signboard {
	height: 60px;
	padding: 15px 20px;
	box-sizing: border-box;
	background-color: #fbf6ef;
	color: #2a715a;
	text-align: center;
}

.signboard .sign-item {
	position: relative;
	line-height: 32px;
	font-size: 15px;
}

.signboard .sign-item+.sign-item:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 10px;
	background-color: #2a715a;
}

.signboard .sign-item.hotdeal {
	padding-left: 17px;
	font-weight: 500;
}

.signboard .sign-item.hotdeal:after {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	width: 10px;
	height: 17px;
	background: url('/cjom/web/images/common/spr_common.svg') -152px -120px
		no-repeat;
	background-size: 510px 210px;
}

.signboard+.brand-title {
	margin-top: 30px;
}

.product-info-box .brand-title {
	display: block;
	font-size: 20px;
	color: #767676;
	font-weight: 500;
}

.brand-title .link-brand {
	display: inline-block;
	height: 26px;
	line-height: 25px;
	margin-left: 5px;
	padding: 0 8px;
	margin-top: -0.5em;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #767676;
	font-size: 14px;
	color: #767676;
}

.brand-title .link-brand:after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 7px;
	margin-left: 7px;
	vertical-align: 2px;
	background: url('/cjom/web/images/common/spr_common.svg') -150px -90px
		no-repeat;
	background-size: 510px 210px;
}

.product-info-box .price-info {
	margin-top: 24px;
	border-top: 1px solid #767676;
	border-bottom: 1px solid #767676;
}

.product-info-box .cook-info+.price-info {
	margin-top: 30px;
}

.product-info-box .price-info .label {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 120px;
	padding: 5px 0;
	line-height: 25px;
	vertical-align: top;
	font-weight: 500;
	font-size: 15px;
	color: #5d5d5d;
}

.product-info-box .price-info .price-acd-btn {
	padding: 10px 0 10px 120px;
	border-bottom: 1px solid #ddd;
}

.product-info-box .price-info .price-acd-btn .label {
	line-height: 46px;
}

.product-info-box .price-info .price-acd-txt {
	position: relative;
	padding: 15px 20px 15px 120px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.product-info-box .price-info .price-acd-txt .icon-help {
	vertical-align: middle;
	margin-top: -0.2em;
}

.product-info-box .price-info .price-acd-txt .label {
	line-height: 46px;
}

.product-info-box .price-info .price-acd-txt .prime-text {
	font-size: 15px;
	color: #000;
	font-weight: normal;
}

.product-info-box .price-info .price-acd-txt .prime-txt {
	font-size: 16px;
	color: #e72a50;
	font-weight: bold;
}

.product-info-box .price-info .price-acd-txt .prime-txt em {
	font-size: 15px;
	font-weight: normal;
}

.product-info-box .price-info .price-acd-txt .btn-join {
	float: right;
}

.product-info-box .price-info .price-acd-txt .link-prime {
	float: right;
	letter-spacing: -1px;
	margin-right: -10px;
	color: #2a715a;
	padding-right: 14px;
	background: url('/cjom/web/images/prime/ico_arr02.svg') no-repeat 100%
		6px;
	background-size: 7px 11px;
}

.product-info-box .product-title {position:relative;margin-top: 13px;}
.product-info-box .product-title .btn-util-area{position:absolute;right:0;top:0;}
.product-info-box .product-title .btn-util-share {display:inline-block;vertical-align:top;width:40px;height:40px;font-size:0;background:url('/cjom/web/images/common/icon-util-share.svg') no-repeat 0 0;background-size:40px;}
.product-info-box .product-title .btn-util-wish {margin-left:10px;display:inline-block;vertical-align:top;width:40px;height:40px;font-size:0;background:url('/cjom/web/images/common/icon-util-wish.svg') no-repeat 0 0;background-size:40px;}
.product-info-box .product-title .btn-util-wish.active {background:url('/cjom/web/images/common/icon-util-wish-on.svg') no-repeat 0 0;background-size:40px;}

.product-info-box .product-title .product-name, .product-info-box .product-title .product-country
	{line-height: 36px;font-weight: normal;
	color: #000;padding-right:120px;
	font-size: 26px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}

.product-info-box .product-title .small {
	margin-top: 5px;
	font-size: 13px;
	color: #767676;
}

.product-info-box .product-title .label-text {
	margin-top: 10px;
}

.product-info-box .product-title .product-name-desc {font-size:18px;line-height:22px;color:#999;margin-top:8px;letter-spacing:-1px;padding-right:120px;}

.product-info-box .cook-info {
	margin-top: 24px;
}

.cook-info:after {
	content: '';
	display: block;
	clear: both;
}

.cook-info li {
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 15px;
	color: #2a715a;
}

.cook-info li+li {
	position: relative;
	margin-left: 12px;
	padding-left: 12px;
}

.cook-info li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.cook-info .txt {
	position: relative;
	padding-left: 12px;
}

.cook-info .txt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	background: #ccc;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.cook-info .icon-cook {
	display: inline-block;
	margin-right: 7px;
	vertical-align: -2px;
}

.price-info .price-acd-btn {
	position: relative;
}

.price-info .price-acd-btn:after {
	position: absolute;
	top: 15px;
	right: 0;
	content: '';
	display: inline-block;
	width: 29px;
	height: 30px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -90px;
	background-size: 510px 210px;
	-webkit-transition: transform .4s;
	transition: transform .4s;
	pointer-events: none;
} /* 2019-07-17 상품상세 아코디언 화살표 옆 도트 제거 */
.price-info .price-acd-btn.disabled:after {
	content: none;
}

.price-info .price-acd-btn .price {
	margin-right: 10px;
	font-size: 20px;
	color: #000;
	vertical-align: middle;
}

.price-info .price-acd-btn .price .ff-roboto {
	font-size: 25px;
}

.price-info .price-acd-btn .dis-rate {
	font-size: 16px;
	color: #e72a50;
	vertical-align: middle;
}

.price-info .price-acd-btn .dis-rate+del {
	margin-left: 10px;
}

.price-info .price-acd-btn .prime-sale-text {
	position: absolute;
	right: 50px;
	top: 10px;
	line-height: 20px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	text-align: right;
}

.price-info .dis-rate2 {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	padding: 0 8px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #f72a66;
	border-radius: 10px;
	letter-spacing: 0;
	vertical-align: middle;
}

.price-info .dis-rate2:before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 10px;
	vertical-align: middle;
	background: url('/cjom/web/images/common/spr_common.svg') -90px -150px;
	background-size: 510px 210px;
}

.price-info .price-acd-btn del {
	font-size: 16px;
	color: #666;
	vertical-align: middle;
}

.price-info .price-acd-btn.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.product-info-list>li {
	position: relative;
	line-height: 21px;
	padding: 7px 0 7px 120px;
	font-size: 15px;
	color: #000;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}

/* MARKETDEV-5301: CJ더마켓 원산지표기부분 글자크기 확대 */
.product-info-list > li.check-information .label {top: 50%; transform: translateY(-50%);}
.product-info-list > li.check-information .max-line-3 {font-size:26px;line-height:30px; color:#000;}
/* MARKETDEV-5435: [CJ더마켓] 적립금 혜택 안내 강화_상품상세 */
.product-benefit__guide {margin-top:23px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; overflow: hidden;}
.product-benefit__guide .product-benefit--thumb {display:block; padding:20px;}
.product-benefit__guide .product-benefit--wrap {display:none;}
.product-benefit__guide.is-active .product-benefit--wrap {display:block;}
.product-benefit__guide.is-active .product-benefit--thumb {display:none;}
.product-benefit__guide .product__title {font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.5px; line-height:21px; display:flex; align-items:center; justify-content:space-between;}

/* MARKETDEV-5435: [CJ더마켓] 적립금 혜택 안내 강화_상품상세 */
.product-benefit__guide {margin-top:23px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; overflow: hidden;}
.product-benefit__guide .product-benefit--thumb {display:block; padding:20px;}
.product-benefit__guide .product-benefit--wrap {display:none;}
.product-benefit__guide.is-active .product-benefit--wrap {display:block;}
.product-benefit__guide.is-active .product-benefit--thumb {display:none;}
.product-benefit__guide .product__title {font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.5px; line-height:21px; display:flex; align-items:center; justify-content:space-between;}

.product-benefit__guide .product__text {display: block; position: relative; font-size:14px; color:#666; letter-spacing:-0.5px; line-height:18px;}
.product-benefit__guide .product__text .point {color:#D38D19;}
.product-benefit__guide .product__text.bold {font-weight:bold;}
.product-benefit__guide .product__text a {display:flex; align-items:center; color:inherit;}
.product-benefit__guide .product__text .icon-help {display:inline-block;}
.product-benefit__guide .product__text a:after {display:inline-block; position: relative; top:1px; content:""; width:12px; height:8px; margin-left:4px; background: url(/cjom/web/images/icon/ico-toggle-bx01.svg) no-repeat 50% 50%; transform: rotate(-90deg); opacity: 0.6; background-size:cover;}
.product-benefit__guide .link__view.link__view {text-decoration: underline; color:#333; display:inline-block;}
.product-benefit__guide .link__view.link__view:after {display:none;}
.product-benefit__guide .product-benefit--thumb .product__list {padding-top:6px;}
.product-benefit__guide .product__list li {position: relative; margin-top:6px; display:flex; align-items:center; justify-content:space-between; padding-left:10px;}
.product-benefit__guide .product__list li:before {position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:2px; content:""; background-color:#666; border-radius:50%;}

.product-benefit__guide .product-benefit--detail {padding:20px;}
.product-benefit__guide .product-benefit--detail .group {margin-top:12px;}
.product-benefit__guide .product-benefit--detail.add__info {background-color:#f6f8f8;}
.product-benefit__guide .btn-more__view {position: relative; display:flex; align-items:center; justify-content:center; font-size:14px; color:#666; letter-spacing:-0.5px; height:44px; line-height:44px; border-radius:0 0 4px 4px; background-color:#fff; width:100%; box-sizing:border-box; border-top:1px solid #eee;}
.product-benefit__guide .btn-more__view:after {display:inline-block; position: relative; top:1px; content:""; width:14px; height:10px; margin-left:4px; background: url(/cjom/web/images/icon/ico-toggle-bx01.svg) no-repeat 50% 50%; background-size:cover;}
.product-benefit__guide .btn-more__view.is-active {border-top:0;}
.product-benefit__guide .btn-more__view.is-active:after {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg)}

.product-benefit__event {margin-top:12px;position: relative; height:40px;  box-sizing:border-box; line-height:40px;}
.product-benefit__event .bold {font-weight:bold;}
.product-benefit__event a {display:block;width:100%;box-sizing:border-box; padding:0 20px; height:100%; color:inherit; position:absolute;left:0;top:0;letter-spacing:-0.5px; color:#333; font-size:14px;}
.product-benefit__event:after {display:block; position:absolute; top:50%; right:20px; transform: translateY(-50%); width:6px; height:12px; content:""; background:url(/cjom/web/images/icon/ico-arrow-right2x.png) no-repeat 50% 50%; background-size:cover;}
.product-benefit__event .bg{ opacity: 0.2;border-radius:4px; height:40px;line-height:40px;width:100%;position:absolute;left:0;top:0;}

.product-benefit__price {font-size:12px; line-height:16px; letter-spacing:-0.5px; color:#c68f35;}
.product-benefit__price.gray {color:#999; line-height:20px;}

.product-benefit__details--discount {display:none; margin: 15px 0 12px;}
.product-benefit__details--discount.is-active {display:block;}
.modal-contents .text__details {position: relative; padding-left:15px; font-size:15px; line-height: 20px; color:#666;}
.modal-contents .text__details::before {position:absolute; left:4px; top:9.5px; border-radius:50%; width:3px; height:3px; background-color:#666; content:"";}
.modal-contents .text__details + .text__details {margin-top:8px;}
/* //MARKETDEV-5435: [CJ더마켓] 적립금 혜택 안내 강화_상품상세 */

.price-info .price-acd-content {
	padding: 15px 20px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.price-info>.product-info-list {
	padding: 13px 0;
}

.product-info-list .max-line-3 {
	line-height: 25px;
	max-height: 75px;
}
.product-info-list .max-line-5 {line-height:24px;}
.product-info-list .text-group+.max-line-3 {
	margin-top: 14px;
}

.product-info-list .text-group {
	display: block;			 /* 2023-11-23 수정 : 내일배송서비스 MARKETDEV-6568 */ 
	/*
	display: block;	
	vertical-align: top;
	*/
}

.product-info-list .text-group:after {
	content: '';
	display: block;
	clear: both;
}

.product-info-list .text-group li {
	float: left;
}

.product-info-list .text-group li+li:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 9px;
	background-color: #ddd;
}

.product-info-list .text-group li:last-child:before {
	width: 0;
	height: 0;
	margin: 0 2px;
	background-color: #fff;
}

.product-info-list .text-group .small {
	color: #767676;
	font-size: 13px;
}

.product-info-list .text-group .none {
	margin-left: 9px;
}

.product-info-list .text-group .none:before {
	display: none;
}

.product-info-list .text-group [class^=btn-] {
	margin: -6px 0;
}

.product-info-list .expected-date {
	margin-top: 14px;
	font-size: 15px;
	color: #000; /* 2023-11-23 수정 : 내일배송서비스 MARKETDEV-6568 */ 
	/* color:#2a715a;*/
}

.product-info-list .icon-help {
	vertical-align: middle;
	margin-top: -0.2em;
}

.price-info .price-acd-content .label {
	width: 100px;padding:0;top:1px;
	line-height: 26px;
	font-size: 14px;font-weight:normal;color:#555;
}

.price-acd-content .product-info-list {
	font-size: 14px;
}

.price-acd-content .product-info-list li {padding:0 0 0 120px;line-height:26px;color:#333;margin-top:2px;}
.price-acd-content .product-info-list li:first-child{margin-top:0;}
.price-acd-content .product-info-noti {margin-top:15px;padding-top:15px;border-top:1px solid #ddd;}
.price-acd-content .product-info-noti li {position:relative;padding-left:7px;margin-top:5px;color:#767676;font-size:13px;letter-spacing:-1px;line-height:15px;}
.price-acd-content .product-info-noti li:first-child{margin-top:0;}
.price-acd-content .product-info-noti li:after {display:block;position:absolute;left:0;top:7px;width:2px;height:2px;background-color:#767676;content:'';}
.prime-content {
	position: relative;
	min-height: 50px;
	color: #000;
	font-size: 15px;
}

.prime-content .btn-join {
	position: absolute;
	right: 0;
	top: 10px;
}

.prime-content .prime-text {
	display: block;
	line-height: 30px;
}

.prime-content .sale-item {
	line-height: 20px;
	vertical-align: top;
	font-size: 13px;
}

.prime-content .sale-item .ff-roboto {
	line-height: 20px;
	vertical-align: top;
	font-size: 14px;
}

.prime-content .sale-item.plus {

}

.prime-content .sale-item.total {

}

.prime-content .icon-plus, .prime-content .icon-total {
	display: inline-block;
	position: relative;
	width: 11px;
	height: 11px;
	margin: 0 7px;
	vertical-align: middle;
}

.prime-content .icon-total:before, .prime-content .icon-total:after,
	.prime-content .icon-plus:before, .prime-content .icon-plus:after {
	content: '';
	position: absolute;
	display: block;
	background-color: #000;
	pointer-events: none;
}

.prime-content .icon-plus:before {
	top: 1px;
	left: 0;
	width: 11px;
	height: 1px;
}

.prime-content .icon-plus:after {
	top: -4px;
	left: 5px;
	width: 1px;
	height: 11px;
}

.prime-content .icon-total:before {
	top: -1px;
	left: 0;
	width: 10px;
	height: 1px;
}

.prime-content .icon-total:after {
	top: 3px;
	left: 0;
	width: 10px;
	height: 1px;
}

.delivery-set label {
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.delivery-set .label-text2 {
	margin-left: 3px;
}

.delivery-set .icon-help {
	vertical-align: -2px;
}

.info-table {
	margin-top: 30px;
	padding: 14px 0;
	border-top: 1px solid #767676;
	border-bottom: 1px solid #767676;
	font-size: 15px;
}

.info-table .row {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.info-table .col {
	display: table-cell;
	height: 35px;
	vertical-align: middle;
}

.info-table .col.label {
	width: 120px;
	color: #767676;
}

.info-table .col.cont {
	color: #000;
}

.product-summary {
	margin-top: 45px;
}

.product-summary .sub-title {
	margin-top: 30px;
}

.product-summary .desc-list {
	color: #555;
}

.product-summary .desc-list li {
	font-size: 15px;
}

.product-info-box .info-box {
	margin-top: 50px;
}

.tooltip-orderinfo .txt01 {
	font-size: 15px;
	color: #000;
}

.tooltip-orderinfo .txt02 {
	margin-top: 5px;
	font-size: 13px;
	letter-spacing: -1px;
	color: #555;
	line-height: 19px;
}

.tooltip-orderinfo+.btn-tooltip-close {
	top: 14px;
}

[class^='select-option'] {
	position: relative;
	margin-top: 15px;
}

[class^='select-option'] .btn-select {
	position: relative;
	width: 100%;
	height: 50px;
	padding: 12px 40px 12px 20px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	border-radius: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

[class^='select-option'] .btn-select:after {
	position: absolute;
	right: 20px;
	top: 22px;
	content: '';
	display: inline-block;
	border-top: 5px solid #000;
	border-bottom: 0 solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
} /* 2019-07-17 아코디언 펼침상태 닫힘표시로 바꿈 */
[class^='select-option'] .option-list {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 49px;
	z-index: 50;
	background-color: #fff;
	border: 1px solid #000;
	border-top: none;
}

[class^='select-option'] .option-list [data-scroll] {
	max-height: 360px;
}

[class^='select-option'] .option-item {
	position: relative;
	display: block;
	min-height: 90px;
	padding: 16px 40px 15px 20px;
	box-sizing: border-box;
}

.select-option-thumb .option-item {
	padding: 16px 30px 15px 80px;
}
.select-option-thumb .option-list .badge-o-ne{padding-left:39px;}
.select-option-thumb .option-list .badge-o-ne:before{width:35px;height:15px;background-size:35px 15px;}
.select-option-thumb .option-list .badge-o-ne .arrive-date{font-size:12px;}

.option-list .option-item {
	height: 90px;
	white-space: nowrap;
}

.option-list .option-item:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.option-list .option-item .inner {
	display: inline-block;
	vertical-align: middle;
}

.option-list .option-item .thumb {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
}

.option-list .option-item .option-name {
	font-size: 15px;
	color: #000;
	white-space: normal;
}

.option-list .option-item .option-price {
	display: block;
	margin-top: 5px;
	font-size: 15px;
	color: #000;
	font-weight: 700;
	letter-spacing: 0;
}

[class^='select-option'].active .btn-select {
	border-color: #000;
}

[class^='select-option'].active .btn-select:after {
	transform: rotate(180deg);
} /* 2019-07-17 아코디언 펼침상태 닫힘표시로 바꿈 */
[class^='select-option'].active .option-list {
	display: block;
}

.option-list .option-item:hover, .option-list .option-item:focus,
	.option-list .option-item.active {
	background-color: #fafafa;
	font-weight: bold;
}

.option-list .option-item.disabled {
	pointer-events: none;
}

.option-list .option-item.disabled .thumb:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 50px;
	content: '';
	display: block;
	background-color: rgba(0, 0, 0, .6);
}

.option-list .option-item.disabled .thumb:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 7px;
	content: '일시\A품절';
	display: inline-block;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	white-space: pre;
	font-weight: normal;
}

.option-list .option-item.disabled .option-name, .option-list .option-item.disabled .option-price
	{
	color: #767676;
}

.option-list .select_area {
	max-height: 240px;
	overflow-y: auto;
}

.option-list .select_area ul:after {
	content: '';
	display: table;
	clear: both;
}

.option-list .select_area li {
	position: relative;
	width: 100%;
	background-color: #fff;
}

.option-list .select_area li.on {
	background-color: #f7f7f7;
}

.option-list .select_area li button.btn_date {
	position: relative;
	overflow: visible;
	width: 548px;
	height: 48px;
	padding-left: 20px;
	color: #000;
	font-size: 15px;
	line-height: 48px;
	text-align: left;
}

.option-list .select_area li button.btn_date .state {
	margin-left: 10px;
	color: #e72a50;
	font-weight: normal;
}

.option-list .select_area li .bttn-alarm {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	width: 78px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	border: 1px solid #ddd;
	color: #555;
	text-align: center;
}

.option-list .select_area li:hover {
	background-color: #f7f7f7;
}

.option-list .select_area li:hover button.btn_date {
	color: #101010;
}

.option-list .select_area li button.btn_date.dis, .option-list .select_area li button.btn_date.dis .state
	{
	color: #767676;
}

.option-list .select_area li.selected button.btn_date {
	font-weight: 700;
}

.option-list .select_area li.selected button.btn_date:after {
	content: '';
	position: absolute;
	right: -40px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -11px;
	background: url('/cjom/web/images/common/ico_selectboxlist_check.svg')
		no-repeat 0 0;
	background-size: 20px;
}

.option-list .select_area li.selected button.btn_date .state {
	color: #EE0700;
}

.schedule-option-list .select_area {
	overflow-y: initial;
}

.schedule-option-list .select_area li button.btn_date {
	width: 100%;
	box-sizing: border-box;
}

.schedule-option-list .select_area li.selected button.btn_date:after {
	right: 20px;
}

.schedule-option-list .select_area li .bttn-alarm {
	right: 20px;
}

.product-option {
	margin-top: 15px;
	background-color: #fff;
}

.product-option .option-item {
	min-height: 101px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #f8f8f8;
}

.product-option .option-item .option-name {
	font-size: 15px;
	color: #000;
	font-weight: 500;
	max-height: 50px;
	overflow: hidden;
}

.product-option .option-item .option-set {
	margin-top: 10px;
}

.product-option .option-item .option-set:after {
	content: '';
	display: block;
	clear: both;
}

.product-option .option-item .option-date {
	clear: both;
	font-size: 15px;
	color: #2a715a;
}

.product-option .option-item .option-date .icon-help {
	vertical-align: middle;
}

.product-option .option-item .option-name+.option-date {
	margin-top: 5px;
}

.product-option .option-item .quantity {
	float: left;
}

.product-option .quantity+.delivery-set {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.product-option .quantity+.delivery-set {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.product-option .option-item .option-price {
	float: right;
	font-size: 15px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	color: #000;
}

.product-option .option-item .option-price strong {
	font-size: 20px;
	letter-spacing: 0;
}

.product-option .option-item+.option-item {
	border-top: 1px solid #ddd;
}

.product-option .option-item .option-del {
	float: right;
	width: 10px;
	height: 10px;
	margin: 13px 0 0 10px;
	background: url('/cjom/web/images/common/ico_option-item_del.png')
		no-repeat 0 0;
}

/* 2024-08-01 추가 : MARKETDEV-8838 N+N 상품코드 총수량 고객 오인지 개선 건 */
.product-option .option-item .option-plus-info {
	margin:20px -20px -5px;
	padding-top:15px;
	font-size:15px;
	color:#333;
	text-align:center;
	border-top:1px solid #e9e9e9;
}
.product-option .option-item .option-plus-info strong {
	color:#1ba774;
}

.product-option .option-price .btn-delete {
	width: 30px;
	height: 30px;
	margin-right: -10px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -120px
		no-repeat;
	background-size: 510px 210px;
	text-indent: -99999px;
}

.price-total {
	margin: 20px 0;
	text-align: right;
}

.price-total:after {
	content: '';
	clear: both;
	display: block;
}

.price-total .label {
	display: inline-block;
	margin-right: 15px;
	vertical-align: baseline;
	font-size: 22px;
	clear: both;
	color: #111;
} /* 상품상세 합계 가격 정렬 맞춤 */
.price-total .price {
	display: inline-block;
	vertical-align: baseline;
	line-height: 30px;
	font-size: 20px;
	color: #111;
} /* 상품상세 합계 가격 정렬 맞춤 */
.price-total .price strong {
	font-size: 36px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	vertical-align: baseline
} /* 상품상세 합계 가격 정렬 맞춤 */
.price-total .delivery-set {
	float: left;
	margin-top: 9px;
}

.sticky-wrap .delivery-set .tooltip-content {
	line-height: 18px;
} /* 2019-07-24 정기배송 주문영역 툴팁행간수정 */
.detail-btn-group {
	position: relative;
	margin-top: 20px;
}

.detail-btn-group:after {
	content: '';
	display: block;
	clear: both;
}

.detail-btn-group [class^='btn'] {
	float: left;
	width: 254px;
	border-radius: 2px;
	font-size: 22px;
	font-weight: bold;
}

.detail-btn-group [class^='btn']+[class^='btn'] {
	margin-left: 4px;
}

.detail-btn-group .btn-white3-lg-gift {
	width: 103px;
	min-width: auto;
	padding: 0 5px;
	font-size: 20px;
	border: 1px solid #ccc;
	font-weight: normal;
}

.detail-btn-group .btn-white3-lg-gift span {
	color: #333;
}

.detail-btn-group :nth-child(2):nth-last-of-type(1) {
	width: 503px;
}

.detail-btn-group.half [class^='btn'] {
	width: 303px;
}

.detail-btn-group [class^='btn']:first-child:last-of-type {
	width: 100%;
}

.detail-btn-group [class^='btn-black'] {
	width: 244px;
	color: #2a715a;
	border: 1px solid #2a715a;
	background-color: #fff;
}

.detail-btn-group [class^='btn-black'] span {
	color: #2a715a;
}

.detail-btn-group .cart-box {
	position: relative;
	float: left;
	width: 254px !important;
	margin-right: 4px;
}

.cart-btn-group .cart-box {
	position: relative;
}

.detail-btn-group .laypop-wrap, .cart-btn-group .laypop-wrap {
	display: none;
	position: absolute;
	left: 0;
	bottom: 74px;
	width: 270px;
	background: #fff;
	border: 1px solid #555;
	padding: 20px;
	font-size: 14px;
	box-sizing: border-box
}

.detail-btn-group .laypop-wrap:after, .cart-btn-group .laypop-wrap:after
	{
	content: '';
	display: block;
	position: absolute;
	left: 30px;
	bottom: -9px;
	width: 15px;
	height: 9px;
	background: url('../images/common/bg_laypop_arrow.png') no-repeat;
}

.detail-btn-group .laypop-wrap .txt01, .cart-btn-group .laypop-wrap .txt01
	{
	color: #555;
	line-height: 21px;
}

.detail-btn-group .laypop-wrap .txt02, .cart-btn-group .laypop-wrap .txt02
	{
	display: block;
	color: #000;
	font-weight: 700;
	margin-top: 3px;
}

.detail-btn-group .laypop-wrap .btn_wrap, .cart-btn-group .laypop-wrap .btn_wrap
	{
	width: auto;
	margin-top: 12px;
	overflow: hidden;
}

.detail-btn-group .laypop-wrap .btn_wrap button, .cart-btn-group .laypop-wrap .btn_wrap button
	{
	width: 111px;
	height: 30px;
	text-align: center;
	border-radius: 0;
	line-height: 28px;
	font-size: 14px;
}

.detail-btn-group .laypop-wrap .btn_wrap .btn-type01, .cart-btn-group .laypop-wrap .btn_wrap .btn-type01
	{
	border: 1px solid #000;
	color: #000
}

.detail-btn-group .laypop-wrap .btn_wrap .btn-type02, .cart-btn-group .laypop-wrap .btn_wrap .btn-type02
	{
	background: #000;
	color: #fff;
}

.detail-btn-group .laypop-wrap .btn_wrap button span, .cart-btn-group .laypop-wrap .btn_wrap button span
	{
	position: relative;
	padding-right: 10px;
}

.detail-btn-group .laypop-wrap .btn_wrap button span:after,
	.cart-btn-group .laypop-wrap .btn_wrap button span:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.detail-btn-group .laypop-wrap .btn_wrap .btn-type01 span:after,
	.cart-btn-group .laypop-wrap .btn_wrap .btn-type01 span:after {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.detail-btn-group .laypop-wrap .btn_wrap .btn-type02 span:after,
	.cart-btn-group .laypop-wrap .btn_wrap .btn-type02 span:after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.detail-btn-group .laypop-wrap .btn-close, .cart-btn-group .laypop-wrap .btn-close
	{
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: url('../images/common/btn_laypop_close.png') no-repeat 50%;
	background-size: 11px;
	text-indent: -99999px;
}

.cart-btn-group [class^=btn-black] {
	border: 1px solid #2a715a;
	background-color: #fff;
	color: #2a715a;
}

.cart-btn-group [class^=btn-black] span {
	color: #2a715a;
}
/* //20190910 추가 */
.free-ship-alarm {
	display: none;
	position: absolute;
	left: 120px;
	bottom: -93px;
	z-index: 10;
	padding: 15px 20px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	background-color: #fff;
	border: 1px solid #ddd;
}

.free-ship-alarm.active {
	display: block;
}

.free-ship-alarm:before, .free-ship-alarm:after {
	position: absolute;
	left: 30px;
	content: '';
	display: inline-block;
	border-top: 10px solid transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}

.free-ship-alarm:before {
	top: -20px;
	border-bottom: 9px solid #ddd;
}

.free-ship-alarm:after {
	top: -18px;
	border-bottom: 9px solid #fff;
}

.free-ship-alarm strong {
	color: #2a715a;
}

.progress {
	position: relative;
	display: inline-block;
	width: 190px;
	height: 6px;
	margin-top: 7px;
	overflow: hidden;
	border-radius: 6px;
	background-color: #eee;
	vertical-align: top;
}

.progress .state {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #2a715a;
}

.free-ship-alarm .progress {

}

.free-ship-alarm .state-text {
	display: inline-block;
	margin-left: 9px;
	font-size: 14px;
	color: #555;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	vertical-align: top;
}

.link-freebie {
	position: relative;
	display: block;
	min-height: 60px;
	margin-top: 30px;
	padding: 15px 40px 15px 70px;
	line-height: 28px;
	box-sizing: border-box;
	background-color: #fafafa;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #2a715a;
	font-weight: 500;
}
.link-freebie em {display:block;}
.link-freebie:after {
	position: absolute;
	right: 20px;
	top: 23px;
	content: '';
	display: inline-block;
	width: 9px;
	height: 15px;
	background: url('/cjom/web/images/common/spr_common.svg') -120px -150px
		no-repeat;
	background-size: 510px 210px;
}

.link-freebie .icon-gift {position:absolute;left:20px;top:11px;width:40px;height:40px;background-color: #fff;border-radius:50%;vertical-align:top;}
.link-freebie .icon-gift:after {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background: url('/cjom/web/images/icon/ico-buy-gift-1.svg') no-repeat
		50%;
	background-size: 40px;
}

.product-detail {
	min-height: 750px;
	margin-top: 70px;
}

.product-detail .contents {
	position: relative;
}

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

.product-detail .tab-wrap {
	z-index: 20110 !important;
	min-width: 1280px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #fff;
}

.product-detail .tab-list2 {
	width: 1278px;
	padding-right: 330px;
	box-sizing: border-box;
	vertical-align: top;
	margin: 0 auto;
}

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

.product-detail .detail-contents {
	width: 890px;
}

.product-detail .detail-contents>[data-anchor-content] {
	min-height: 500px;
}
.product-detail #prdReview {
	/* max-height: 500px; */
	min-height:auto;
}

.product-detail .detail-contents>[data-anchor-content]:before {
	content: '';
	overflow: hidden;
	display: block;
}
.product-detail .detail-contents>[data-anchor-content] .sub-title  .tooltip-icon {vertical-align:middle;}

.full-banner-slider {
	margin-top: 60px;
}

.detail-contents .product-code {
	margin-top: 35px;
	font-size: 13px;
	color: #767676;
}

.detail-contents .select-option-thumb, .detail-contents .product-option,
	.detail-contents .price-total {
	width: 780px;
	margin: 0 auto;
}

.detail-contents .select-option-thumb {
	margin-top: 20px;
}

.detail-contents .select-option-thumb .btn-select {
	border: 2px solid #2a715a;
} /* 2019-07-17 상품상세 골라담기 selectbox 디자인 변경 */
.detail-contents .select-option-thumb .option-list {
	top: 48px;
	border: 2px solid #2a715a;
	border-top: 0;
} /* 2019-07-17 상품상세 골라담기 selectbox 디자인 변경 */
.detail-contents .product-option {
	margin-top: 10px;
}

.detail-contents .price-total {
	margin-top: 20px;
}

.detail-contents .full-banner {
	margin-top: 40px;
}

.detail-contents .full-banner img {
	vertical-align: top;
}

.detail-contents .guide-box {
	margin-top: 10px;
	padding: 16px;
	border: 1px solid #2a715a;
	background-color: #f6faf8;
	text-align: center;
	font-size: 16px;
	color: #2a715a;
	font-weight: 500;
} /* 2019-07-15  상품을 상세정보 확인 안내 문구 영역 디자인 수정 */
.product-detail-images {
	position: relative;
	width: 780px;
	overflow: hidden;
	margin: 0 auto;
}
.product-detail-images video {vertical-align:top;}
.product-detail-images .slick-util-group {
	position: static;
}
/*.product-detail-images,*/
/*.product-detail-images .slick-list,*/
/*.product-detail-images .slick-track,*/
/*.product-detail-images .slick-slide {max-height:100vh; min-height:700px;}*/
.product-detail-images.active, .product-detail-images.active .slick-list,
	.product-detail-images.active .slick-track, .product-detail-images.active .slick-slide
	{
	max-height: none;
}

.product-detail-images.active .btn-more {
	display: none;
}

.product-detail-images .slick-slide {
	position: relative;
}

.product-detail-images img {
	vertical-align: top;
}

.product-detail-images .btn-more {
	z-index: 10;
	position: absolute;
	bottom: 0;
	height: 40px;
	margin-top: 10px;
	padding: 0;
	border: 1px solid #ccc;
	color: #555;
	font-size: 15px;
	font-weight: normal;
	border-radius: 0;
	background: #fff;
}

.product-detail-images .slick-arrow {
	position: absolute;
	top: 200px;
	z-index: 10;
	width: 50px;
	height: 70px;
	margin-top: -15px;
	background-color: #b2b2b2;
	border-radius: 0;
	font: 0/0 a;
	text-align: center;
}

.product-detail-images .slick-arrow:after {
	content: '';
	display: inline-block;
	width: 50px;
	height: 70px;
	background: url('/cjom/web/images/common/icon_slider_large2.png') -12px
		0 no-repeat;
	text-indent: -99999px;
	border-radius: 0;
}

.product-detail-images .slick-prev {
	left: 0;
}

.product-detail-images .slick-next {
	right: 0;
}

.product-detail-images .slick-next:after {
	background-position: -77px 0;
}

.product-detail-images .slick-arrow.slick-disabled:after {
	background-position: -12px -70px;
}

.product-detail-images .slick-next.slick-disabled:after {
	background-position: -77px -70px;
}

.product-detail-images .slick-dots {
	display: none !important;
}

.product-option-slider {
	padding: 20px 50px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.product-option-slider .slide-item {
	text-align: center;
}

.product-option-slider .slide-item a {
	display: block;
	padding: 20px 0;
}

.product-option-slider .slide-item .thumb {
	width: 80px;
	margin: 0 auto;
}

.product-option-slider .slide-item .option-number {
	display: inline-block;
	margin-top: 3px;
	font-size: 14px;
	color: #767676;
	font-weight: 500;
	border-bottom: 2px solid #767676;
}

.product-option-slider .slide-item .price {
	margin-top: 4px;
	font-size: 15px;
	color: #767676;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}

.product-option-slider .slide-item .price strong {
	font-size: 17px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}

.product-option-slider .slide-item.active {
	background-color: #fff;
	border-left: none;
}

.product-option-slider .slide-item.active+.slide-item {
	border-left: none;
}

.product-option-slider .slide-item.active .option-number {
	color: #000;
	border-bottom: 2px solid #000;
}

.product-option-slider .slide-item.active .price {
	color: #000;
}

.product-option-slider .slick-util-group {
	position: static
}

.product-option-slider .slick-arrow {
	position: absolute;
	top: 98px;
	left: 0;
	width: 50px;
	height: 50px;
	margin-top: -15px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon_slider_large.png') 0 -50px
		no-repeat;
} /* 2019-07-08 버튼 위치 수정 */
.product-option-slider .slick-next {
	left: auto;
	right: 0;
	background-position: -50px 0;
} /* 2019-07-08 버튼 위치 수정 */
.product-option-slider .slick-arrow.slick-disabled {
	background-position: 0 -50px;
}

.product-option-slider .slick-next.slick-disabled {
	background-position: -50px -50px;
}

.product-option-slider .slick-dots {
	display: none !important;
}

/*.quick-link-wrap:after {
	content: '';
	display: block;
	clear: both;
}*/

.quick-link-wrap{
	display:flex;
}
/*
.quick-link-wrap .col {
	float: left;
	width:430px;
}
.quick-link-wrap .col+.col {
	margin-left:30px;
}
.quick-link {
	margin-top: 10px;
}
*/
.quick-link-wrap .col {
	width:430px;
	border-bottom:1px solid #eee;
}

.quick-link-wrap .col+.col {
	margin-left:30px;
}

/*
.quick-link a {
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	color: #000;
}*/
.quick-link a{
	position: relative;
	display:block;
	padding:20px 110px 15px 0;
	line-height: 1.4;
	font-size: 18px;
	color: #000;
	letter-spacing:-1px;
}

.quick-link .thumb {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	overflow: hidden;
	vertical-align: -8px;
}

.quick-link .thumb img {
	vertical-align: top;
}
/*
.quick-link .icon-arrow {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 15px;
	color: #767676;
	font-weight: normal;
}
*/

.quick-link .icon-arrow {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 15px;
	color: #767676;
	font-weight: normal;
}

.quick-link .icon-arrow:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 11px;
	margin-left:4px;
	background: url('/cjom/web/images/common/spr_common.svg') no-repeat
		-30px -47px;
	background-size: 510px 210px;
}

.detail-cart-wrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 330px;
	height: calc(100% + 100px);
	min-height: 840px;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.detail-cart {
	width: 330px;
	max-height: calc(100vh - 61px);
	padding: 30px;
	box-sizing: border-box;
	z-index: 20109 !important;
}

.detail-cart .product-name {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}

.detail-cart .product-option {
	height: calc(100vh - 490px);
}

.detail-cart .product-option .scroll-wrapper {z-index:0;
	height: 100%; /*height:calc(100vh - 490px);*/
}
/*.detail-cart .product-option [data-scroll] {max-height:calc(100vh - 437px) !important;}*/
.product-option .scroll-wrapper>.scroll-element.scroll-y {
	right: 0;
}

.detail-cart .option-item .option-price {
	line-height: 28px;
}

.detail-cart .option-item {
	height: auto;
}

.detail-cart .option-item .delivery-set {
	margin-bottom: 8px;
}

.detail-cart .price-total {
	padding-top: 15px;
	border-top: 1px solid #000;
}

.cart-btn-group {
	margin-top: 15px;
}

.cart-btn-group [class^='btn'] {
	width: 100%;
	min-width: auto;
	padding: 0 1px;
}

.cart-btn-group .table-layout {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.cart-btn-group .table-layout .col {
	display: table-cell;
	width: 50%;
} /* 2019-07-08 ie9 width 수정 */
.cart-btn-group .table-layout .col:first-child {
	padding-right: 2px;
}

.cart-btn-group .table-layout .col:last-child {
	padding-left: 3px;
}

.cart-btn-group .btn-white3-sm-gift {
	margin-top: 8px;
	border: 1px solid #ccc;
}

.review-box {
	display: table;
	width: 100%;
	padding: 30px;
	margin-top: 40px;
	table-layout: fixed;
	box-sizing: border-box;
	background-color: #fafafa;
	color: #000;
	font-size: 14px;
	font-weight: 500;
}

.review-box {

}

.review-box+.review-box {
	border-top: 2px solid #fff;margin-top:10px;
}

.review-box .box-item {
	position: relative;
	display: table-cell;
	width: calc(100%/ 3);
}

.review-box .box-item:first-child:after {
	position: absolute;
	right: 60px;
	top: 0;
	content: '';
	display: inline-block;
	width: 1px;
	height: 55px;
	background-color: #ddd;
}

.review-box .box-item dt {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.review-box .box-item dd {

}

.review-list {
	border-top: 1px solid #aaa;
}

.review-item {
	position: relative; /*min-height:55px;*/
	padding: 20px 20px 20px 140px;
	border-bottom: 1px solid #ddd;
} /* 2019-07-09 상품평 케이스 대응 */
.review-item .product-item {
	background: tomato;
}

.review-item .text-group {

}

.review-item .text-group .sub-text {

}

.review-item .text-group .sub-text+.sub-text:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 13px;
	background-color: #ddd;
}

.review-item .review-content {
	margin-top: 15px;
	font-size: 15px;
	color: #000;
	word-break: break-all;
}

.review-item .star-rating {
	position: absolute;
	left: 30px;
	top: 20px;
}

.review-item .thumb {
	position: absolute;
	left: 30px;
	top: 22px;
}

.review-box .cook-info {
	display: inline-block;
	vertical-align: -3px;
}

.review-box .progress .state-text {
	color: #2a715a;
}

.review-list .nodata {
	border-bottom: 1px solid #ddd;
}

.my-reviews {
	border-top: 1px solid #aaa;
}

.my-reviews .review-inner {
	padding: 0 30px;
	border-bottom: 1px solid #ccc;
}

.my-reviews .review-box {
	margin: 0 0 20px 0;
	padding: 20px 30px;
	color: #666;
}

.my-reviews .product-item {
	position: relative;
	padding: 23px 0 23px 120px;
}

.my-reviews .product-item a {
	min-height: 50px;
}

.my-reviews .product-item .title {
	margin-top: 0;
	font-weight: 500;
}

.my-reviews .product-item .thumb {
	position: absolute;
	left: 20px;
	top: 15px;
	width: 70px;
	height: 70px;
}

.my-reviews .product-item .thumb:before {
	content: none;
}

.my-reviews .product-item .option {
	margin-top: 5px;
	font-size: 14px;
	color: #555;
}

.my-reviews .review-item {
	padding-left: 120px;
	padding-right: 0;
	border-top: 1px solid #eee;
	border-bottom: none;
}

.my-reviews .review-item .star-rating {
	left: 10px;
}

.my-reviews .review-item .review-content {
	font-weight: 500;
}

.my-reviews .date {
	margin-right: 50px;
}

.my-reviews .btn-text {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 15px;
	color: #2a715a;
}

.my-reviews .state {
	display: inline-block;
	width: 150px;
	text-align: center;
	font-size: 15px;
	color: #666;
	font-weight: 500;
}

.review-form {
	margin-top: 18px;
}

.review-form .radio-group+.radio-group, .review-form .radio-group2+.radio-group2
	{
	margin-top: 15px;
}

.review-form .radio-group label {
	display: inline-block;
	width: 129px;
}

.review-form .radio-group2 label {
	display: inline-block;
	width: 160px;
}

.experience-review {

}

.experience-review .gate-image {
	width: 100%;
	height: 350px;
	overflow: hidden;
	text-align: center;
}

.experience-review .gate-image img {
	max-width: 100%;
	height: 100%;
}

.experience-review img {
	vertical-align: top;
}

.review-product {
	position: relative;
	padding: 20px 0;
}

.review-product:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.review-product .thumb {
	display: inline-block;
	vertical-align: middle;
}

.review-product .txt-info {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}

.review-product .txt-info .title {
	color: #555;
	font-weight: normal
}

.review-product .txt-info .txt {
	margin-top: 5px;
	font-size: 15px;
	color: #000;
}

.review-product .txt-info .dete-info {
	margin: 10px 0 0 -14px;
}

.review-product .txt-info .dete-info [class*="-txt"] {
	position: relative;
	padding: 0 14px;
	color: #767676;
}

.review-product .txt-info .dete-info [class*="-txt"]+[class*="-txt"]:before
	{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.review-product .link-underline {
	position: absolute;
	bottom: 40px;
	right: 0;
}

.detail-review-content p {
	word-break: break-all;
}

.experience-review-content {
	padding-top: 37px;
	border-top: 1px solid #ddd;
}

.experience-review-content img {
	vertical-align: top;
}

.review-cont-list .cont-item {
	margin-top: 20px;
}

.modal .modal-contents.detail-review {
	overflow: visible;
} /* 2019-07-17 골라담기 팝업 내 툴팁 오류 수정 */
.modal .modal-contents.detail-review:after {
	content: '';
	display: block;
	clear: both;
} /* 2019-07-17 골라담기 팝업 내 툴팁 오류 수정 */
.modal .modal-contents.detail-review .detail-review-wrap,
	/* 2019-07-17 골라담기 팝업 내 툴팁 오류 수정 */ .modal .modal-contents.detail-review>.scroll-wrapper
	{
	width: 910px;
	float: left;
} /* 2019-07-17 골라담기 팝업 내 툴팁 오류 수정 */
.modal .modal-contents.detail-review .detail-review-wrap>.scroll-wrapper>[data-scroll],
	/* 2019-07-17 골라담기 팝업 내 툴팁 오류 수정 */ .modal .modal-contents.detail-review>.scroll-wrapper>[data-scroll]
	{
	padding-right: 40px !important;
}

.modal .modal-contents.detail-review .detail-cart-wrap {
	position: relative;
	float: right;
	width: 270px;
	min-height: auto;
	height: calc(100% - 90px);
	border: 0;
}

.modal .modal-contents.detail-review .detail-cart {
	width: 100%;
	height: 100%;
	padding: 0;
}

.modal .modal-contents.detail-review .detail-cart .product-option {
	height: calc(100vh - 517px);
}

.modal .modal-contents.detail-review .detail-cart .product-option .scroll-wrapper
	{
	height: 100% !important;
	max-height: none !important;
}

.modal .modal-contents.detail-review .detail-cart .product-option [data-scroll]
	{

}

/*캐시백 조회*/
.password-form {
	overflow: hidden;
}

.password-form [class^=input-] {
	float: left;
	width: calc(100% - 122px);
	margin-top: 0;
}

.password-form button {
	float: left;
	margin-left: 10px;
}

.agree-box .desc-list {
	padding: 30px;
	border: 1px solid #ddd;
}

.agree-box .desc-list li {
	color: #555;
}

.agree-box label {
	color: #000;
	font-weight: 500;
}

.use-price-form {
	position: relative;
}

.use-price-form .input-text:after {
	content: '원';
	position: absolute;
	top: 0;
	right: 15px;
	line-height: 40px;
	font-size: 15px;
	color: #000;
}

.use-price-form [class^=input-] input {
	padding: 0 40px 1px 16px;
}

.use-price-form .balance-price {
	display: block;
	margin-top: 5px;
	color: #767676;
}

/* 2019-07-31 출고일 지정 안내 팝업 수정*/
.release-info .table-col tbody th {
	background-color: #f8f8f8;
	font-weight: normal;
	color: #555;
}

.release-info .table-col tbody td {
	text-align: left;
}

.release-info .table-col thead th {
	background-color: #fff;
}

.release-info .table-col thead th:first-child, .release-info .table-col tbody td:first-child
	{
	background-color: #f8f8f8;
}

.release-info .table-col thead th:last-child, .release-info .table-col tbody td:last-child
	{
	border-left: 1px solid #ddd;
}

/* price-input */
.price-input {
	position: relative;
	display: inline-block;
}

.price-input .txt {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
	padding-left: 4px;
	box-sizing: border-box;
	line-height: 38px;
	font-size: 15px;
	color: #000;
}

.price-input input {
	padding-right: 30px;
	text-align: right;
}

.price-input.disabled .txt {
	color: #767676;
}

/* freebies-delivery */
.freebies-delivery.line {
	border-top: 1px solid #ddd;
}

.freebies-delivery.active {
	display: table !important;
}

.freebies-delivery {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.freebies-delivery .row {
	display: table-row;
}

.freebies-delivery .column:first-child {
	width: 170px;
	padding-left: 30px;
	font-weight: 500;
}

.freebies-delivery .column {
	display: table-cell;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	color: #000;
	vertical-align: middle;
}

.freebies-delivery .txt {
	font-size: 14px;
	color: #767676;
}

.freebies-delivery .val {
	position: relative;
	color: #555;
}

.freebies-delivery .val+.val {
	margin-left: 12px;
	padding-left: 16px;
}

.freebies-delivery .val+.val:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.freebies-delivery .link-underline {
	margin-left: 100px;
}

.freebies-delivery .top {
	overflow: hidden;
}

.freebies-delivery .top .link-underline {
	float: right;
	margin: 0 30px 0 0;
}

.modal-contents .freebies-delivery .column:first-child {
	width: 150px;
	box-sizing: border-box;
	padding-left: 20px;
}

.modal-contents .freebies-delivery .column .number-form {
	max-width: 441px;
}
/* D:20240131 MARKETDEV-7339 더마켓_결제수단 추가_TOSS, CJ PAY */
/* payment-list */
.payment-list {position: relative;width: 901px;margin-top: 15px;box-sizing: border-box;overflow: visible;border: 1px solid #ddd;border-right: 0;border-top:0;}
.payment-list:after {content:"";display:block;clear:both;}
.payment-list li {position: relative;float: left;width: 150px;height:60px;box-sizing: border-box;border: 1px solid #ddd;border-left: 0;border-bottom:0;background: #fff;}
.payment-list li:nth-child(n+7) {margin-top: 0;}
.payment-list li a {position: relative;display: block;height: 60px;text-indent: -9999px;overflow: hidden;}
.payment-list li.market a,
.payment-list li.cj a,
.payment-list li.card a,
.payment-list li.deposit a,
.payment-list li.phone a,
.payment-list li.account a {text-indent:0;font-size:15px;line-height:58px;text-align:center;color:#000;}
.payment-list li.payment_testing {background:#fafafa;}
.payment-list li.payment_testing a {color:#aaa;}
.payment-list li a:after {content: '';position: absolute;top: 1px;left: 50%;height: 58px;width:148px;transform:translateX(-50%);background: url(/cjom/web/images/common/payment_tab_new.png) no-repeat;background-position-x: 0;background-size:150px auto;}
.payment-list li.tossp a:after {background-position-y:0;}
.payment-list li.naverp a:after {background-position-y:-60px;}
.payment-list li.samsung a:after {background-position-y:-120px;}
.payment-list li.payco a:after {background-position-y:-180px;}
.payment-list li.kakao a:after {background-position-y:-240px;}
.payment-list li.smile a:after {background-position-y:-300px;}
.payment-list li.cjp a:after {background-position-y:-360px;}
.payment-list li.market a:after,
.payment-list li.cj a:after,
.payment-list li.card a:after,
.payment-list li.deposit a:after,
.payment-list li.phone a:after,
.payment-list li.account a:after {background:none;}
.payment-list li .pay-benefit {position:absolute;top:0;right:0;width:32px;height:20px;box-sizing:border-box;background:#f07f00;line-height:11px;text-align:center;padding:4px 0 5px 0;font-size:11px;color:#fff;}
.payment-list .active {z-index: 2;}
.payment-list .active a {font-weight:bold;}
.payment-list .active a:after {}
.payment-list .active:before {content:"";display:block;width:100%;height:100%;position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid #000;}
.payment-list .payment_testing span {width:100%;text-align:center;}
.payment-list .payment_testing.active {border:0 !important;border-right:1px solid #ddd !important;border-top:1px solid #ddd !important;}
.pay-benefit-area {border:1px solid #ddd;margin-top:25px;padding:20px 30px;}
.pay-benefit-area h3 {font-size:15px;color:#333;font-weight:bold}
.pay-benefit-area h4 {font-size:15px;line-height:15px;color:#f07f00;font-weight:bold;padding:10px 0 4px 0;}
.pay-benefit-area dl {}
.pay-benefit-area dl dt {font-size:15px;color:#333;line-height:24px;}
.pay-benefit-area dl dd {display:none;padding:4px 0 0 0;}
.pay-benefit-area.is-active dl dd {display:block;}
.pay-benefit-area dl dd ul {padding-left:6px;}
.pay-benefit-area dl dd ul li {position:relative;margin-top:4px;padding-left:8px;font-size:14px;line-height:18px;color:#888;margin-top:8px;}
.pay-benefit-area dl dd ul li:before {content:"";display:block;width:2px;height:2px;background:#888;border-radius:100%;position:absolute;top:7px;left:0;}
.pay-benefit-area .pay-benefit-more {display:block;padding:20px 0 20px 0;text-align:center;font-size:14px;color:#666;margin:0 0 -20px 0;}
.pay-benefit-area .pay-benefit-more:after {content:"";display:inline-block;width:12px;height:7px;margin:-2px 0 0 4px;background:url(/cjom/mobile/images/icon/icon_pay_arr.svg) no-repeat 50% 50%/cover;vertical-align:middle;}
.pay-benefit-area.is-active .pay-benefit-more span {font-size:0;}
.pay-benefit-area.is-active .pay-benefit-more span:after {content:"접기";display:inline-block;font-size:14px;}
.pay-benefit-area.is-active .pay-benefit-more:after {transform:rotate(180deg);}
.payment-list[data-column='4'] li {width:25%;}
.payment-list[data-column='4'] li:nth-child(n+5) {margin-top: 0}
.payment-list.big {width: 1021px;}
.payment-list.big li {width:170px;}
.modal-contents .payment-list {width:626px;}
.modal-contents .payment-list li {width:125px;}
.modal-contents .payment-list li a {}
.modal-contents .payment-list li a:after {width:123px;background-position-x: -14px;}

/* .payment-info */
.payment-info {
	overflow: hidden;
	margin-top: 16px;
	padding: 15px 30px;
	background: #f8f8f8;
}

.payment-info .txt {
	float: left;
	line-height: 38px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.payment-info [class^=btn-] {
	float: right;
}

/* receipt-box */
.receipt-box .title {
	overflow: hidden;
}

.receipt-box [class^=btn-] {
	float: right;
}

/*.modal-contents .receipt-box{margin-top:10px; padding-top:10px; border-top:1px solid #aaa}*/

/*주문완료*/
.order-complete-wrap {
	width: 815px;
	margin: 30px auto 0;
}

.order-complete-wrap .title-bar {
	margin-top: 40px;
}

.order-complete-wrap .order-number {
	margin-top: 55px;
	padding-left: 0;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.order-complete-wrap .each-delivery {
	margin-top: 20px;
	padding: 30px;
	border: 1px solid #ddd;
}

.order-complete-wrap .table-default .price+.price {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.order-complete-wrap .table-default .price+.price:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 13px;
	margin-top: -6px;
	background: #ddd;
}

.order-complete-wrap .datepicker-btn {
	margin-left: 10px;
}

.order-complete-wrap .datepicker-btn span {
	font-size: 15px;
	color: #2a715a;
	line-height: 26px;
	border-bottom: 1px solid #2a715a;
}

.order-complete-wrap .quantity-column {
	width: 90px;
	text-align: right;
}

.order-complete-wrap .cart-item-box .cont {
	width: 615px;
}

.order-complete-wrap .cart-list.no-title .product-column {
	padding-left: 0;
}

.order-complete-wrap .cart-list.no-title .freebies-wrap {
	margin-left: 0;
}

.order-complete-wrap .table-default-desc {
	margin-top: 10px;
	font-size: 13px;
	color: #555;
	line-height: 24px;
}

/* 2024-02-05 추가 : 주문실패 케이스(MARKETDEV-7438) */
.order-complete-wrap.order-failed .result-box{position:relative;padding-top:110px;}
.order-complete-wrap.order-failed .result-box:before{content:'';position:absolute;top:0;left:50%;width:86px;height:86px;margin-left:-43px;background:url(/cjom/web/images/icon/ico_alim_86x86.svg) no-repeat 0 0;}
.order-complete-wrap.order-failed .result-box .result-title{font-size:32px;line-height:48px;}
.order-complete-wrap.order-failed .result-box .result-title>span{color:#1ba774;}
.order-complete-wrap.order-failed .result-box .result-text{width:520px;margin:16px auto 0;font-size:16px;color:#333;font-weight:400;line-height:22.4px;}
.order-complete-wrap.order-failed .btn-area .btn-white-lg,
.order-complete-wrap.order-failed .btn-area .btn-default-lg{width:188px;line-height:1em;padding:19.5px 0;}
.order-complete-wrap.order-failed .btn-area .btn-white-lg{border-color:#1f2328;}
.order-complete-wrap.order-failed .btn-area .btn-white-lg>span{color:#1f2328;}
.order-complete-wrap.order-failed .btn-area .btn-default-lg{background-color:#1f2328;border-color:#1f2328;}
.order-complete-wrap.order-failed .info-box{width:640px;margin:0 auto;padding:24px 40px;}
.order-complete-wrap.order-failed .info-box .desc-list>li{font-size:16px;line-height:25.6px;}
.order-complete-wrap.order-failed .info-box .desc-list>li .fc-green{color:#1ba774;text-decoration:underline;}
.order-complete-wrap.order-failed .info-box .desc-list>li+li{margin-top:0;}

.order-complete-wrap .order__changedate-info-box{padding:24px 40px 30px;border-bottom:1px solid #ddd;line-height:1.4;}
.order-complete-wrap .order__changedate-info-box strong{color:#333;font-size:15px;}
.order-complete-wrap .order__changedate-info-box ul{margin-top:12px;}
.order-complete-wrap .order__changedate-info-box ul>li{position:relative;padding-left:15px;color:#555;font-size:14px;}
.order-complete-wrap .order__changedate-info-box ul>li:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background:#555;}
.order-complete-wrap .order__changedate-info-box ul>li+li{margin-top:6px;}


.order__changedate-info-box+.cont-mypage.cart__banner--top.order__list .prime__benefit_guide--box{margin-top:30px;}


/* user-info */
.user-info {
	margin-top: 70px;
	border-top: 2px solid #000;
}

.user-title-box {
	margin: 17px 0 0;
}

.user-title-box:after {
	content: "";
	clear: both;
	display: block;
}

.user-title-box .cont-title {
	float: left;
	margin-top: 0;
}

.user-title-box .link-box {
	position: relative;
	float: right;
	line-height: 36px;
}

.user-title-box .link-box .link-underline+.link-underline {
	margin-left: 20px;
}

.user-info .txt-list {
	overflow: hidden;
	margin-top: 9px;
}

.user-info .txt-list li {
	position: relative;
	float: left
}

.user-info .txt-list li+li {
	margin-left: 10px;
	padding-left: 10px;
}

.user-info .txt-list li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
}

.user-info .txt-list li .title {
	display: inline-block;
	margin-right: 3px;
	color: #000;
	font-weight: normal;
}

.user-info .txt-list li .txt {
	color: #767676;
}

.user-title-box .tooltip-wrap .tooltip-content {
	left: auto;
	top: calc(100% + 11px);
	right: -63px;
	width: 164px;
	margin-left: 0;
}

.user-title-box .tooltip-wrap:after {
	top: calc(100% + 3px);
	margin-left: -42px;
}

/* prime-join */
.prime-join {
	margin-top: 10px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 68px;
}

.prime-join .txt {
	display: inline-block;
	margin-right: 40px;
	font-size: 18px;
	color: #000;
}

.prime-join .txt strong {
	font-weight: 500;
}

/* banner-bar */
.banner-bar {
	display: block;
	margin-top: 10px;
	line-height: 60px;
	text-align: center;
	background: #fbf6ef;
}

.banner-bar .txt {
	position: relative;
	font-size: 18px;
	color: #000;
}

.banner-bar .txt:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -33px;
	display: block;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(/cjom/web/images/common/spr_common.svg) -30px -32px
		no-repeat;
	background-size: 510px 210px;
}

/* user-point-list */
.user-point-list {
	display: table;
	width: 100%;
	margin-top: 15px;
	table-layout: fixed;
}

.user-point-list li {
	position: relative;
	display: table-cell;
	width: 50%;
	text-align: center;
	background: #f8f8f8;
	vertical-align: middle;
}

.user-point-list li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 60px;
	margin-top: -30px;
	background: #ddd;
}

.user-point-list li .box {
	display: block;
	padding: 25px 0 24px;
}

.user-point-list .title {
	display: block;
	color: #555;
}

.user-point-list .txt {
	display: inline-block;
	border-bottom: 1px solid #000;
	font-size: 18px;
	color: #000;
}

.user-point-list .num {
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 26px;
}

.user-point-list .tooltip-point {
	width: 25px;
	height: 21px;
}

.user-point-list .tooltip-point .btn-point {
	width: 25px;
	height: 21px;
	background-position-x: -180px
}

.user-point-list.column3 li {
	width: calc(100%/ 3);
}

.banner-bar+.user-point-list, .prime-join+.user-point-list {
	margin-top: 10px;
}

/* current-box */
.current-box {
	border: 1px solid #ddd;
	padding: 25px 0;
}

.current-box:after {
	content: "";
	clear: both;
	display: block;
}

.ongoing-list {
	float: left;
	width: 700px;
	margin-left: 15px;
}

.ongoing-list:after {
	content: "";
	clear: both;
	display: block;
}

.ongoing-list>li {
	position: relative;
	float: left;
	width: 20%;
}

.ongoing-list>li+li:before {
	content: "";
	position: absolute;
	top: 107px;
	left: 0;
	display: block;
	width: 7px;
	height: 12px;
	background: url('/cjom/web/images/common/spr_common.svg') -50px -32px
		no-repeat;
	background-size: 510px 210px;
}

.ongoing-list .num {
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto;
	border-radius: 100%;
	text-align: center;
	line-height: 90px;
	background: #f8f8f8;
	font-family: "Roboto", sans-serif;
	font-size: 26px;
	color: #555;
	letter-spacing: 0;
	font-weight: bold;
}

.ongoing-list .txt {
	display: block;
	margin-top: 8px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #555;
}

.ongoing-list .tooltip-content {
	width: 410px;
}

.cancel-list {
	float: right;
	width: 240px;
	margin-right: 40px;
}

.cancel-list>li {
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	line-height: 40px;
}

.cancel-list a {
	display: block;
	overflow: hidden;
}

.cancel-list .txt {
	display: block;
	float: left;
}

.cancel-list .number {
	display: block;
	float: right;
	color: #555;
}

.cancel-list .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-weight: 500;
	color: #E72A50
}

/* my-regular-box */
.my-regular-box {
	margin-top: 15px;
	padding: 46px 0;
	background: #f8f8f8;
}

.my-regular-box .title {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

.my-regular-box .title span {
	display: block;
	font-size: 26px;
	color: #000;
	font-weight: bold;
}

.my-regular-box .txt-list {
	margin-top: 25px;
	text-align: center;
	font-size: 0;
}

.my-regular-box .txt-list li {
	position: relative;
	display: inline-block;
	padding-left: 12px;
	font-size: 15px;
}

.my-regular-box .txt-list li+li {
	margin-left: 40px;
}

.my-regular-box .txt-list li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 3px;
	height: 3px;
	background: #555;
}

/* my-regular */
.my-regular-list {
	border: 1px solid #ddd;
}

.my-regular-item {
	padding: 0 50px;
}

.my-regular-item .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.my-regular-item .product {
	display: table;
	width: 100%;
	padding: 20px 0;;
	table-layout: fixed;
}

.my-regular-item .product [class*=-column] {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	color: #767676;
}

.my-regular-item .thumb-column {
	widtH: 70px;
	height: 70px;
}

.my-regular-item .thumb-column img {
	display: block;
	width: 100%;
	height: 100%;
}

.my-regular-item .title-column {
	padding: 0 10px;
}

.my-regular-item .title-column .title {
	display: inline-block;
	max-width: 355px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

.my-regular-item .title-column .number {
	display: inline-block;
	vertical-align: top;
	color: #000
}

.my-regular-item .data-column, .my-regular-item .price-column {
	width: 204px;
	padding: 0 30px;
	font-size: 0;
}

.my-regular-item .data-column .title, .my-regular-item .price-column .title
	{
	display: inline-block;
	width: 70px;
	font-size: 15px;
}

.my-regular-item .data-column .txt {
	color: #000;
}

.my-regular-item .price-column .txt {
	color: #2a715a;
}

.my-regular-item .price-column .num {
	font-weight: bold;
	font-size: 20px;
}

.my-regular-item .round-list {
	overflow: hidden;
	padding: 12px 0;
	border-top: 1px solid #ddd;
}

.my-regular-item .round-list li {
	float: left;
	width: calc(100%/ 3);
	padding: 8px 0 8px 20px;
	box-sizing: border-box;
	font-size: 0;
	color: #000;
}

.my-regular-item .round {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	text-align: center;
	line-height: 60px;
	background: #f8f8f8;
	font-size: 16px;
}

.my-regular-item .round .num {
	font-size: 22px;
	font-weight: bold;
}

.my-regular-item .data {
	display: inline-block;
	width: 104px;
	padding-left: 22px;
	box-sizing: border-box;
	font-size: 15px;
}

.my-regular-item .state {
	display: inline-block;
	width: 106px;
	font-size: 15px;
	font-weight: bold;
}

.my-regular-item .ing .round {
	background: #2a715a;
	color: #fff;
}

.my-regular-item .ing .data, .my-regular-item .ing .state {
	color: #2a715a
}

.my-regular-item .wait .round {
	color: #555;
}

.my-regular-item .wait .data, .my-regular-item .wait .state {
	color: #767676
}

.my-regular-list .slick-util-group {
	position: static;
}

.my-regular-list .slick-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	text-indent: -99999px;
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.my-regular-list .slick-arrow:before, .my-regular-list .slick-arrow:after
	{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 16px;
	height: 1px;
	background: #000;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg)
} /* 2019-07-09 ie9 -ms- transform 추가 */
.my-regular-list .slick-arrow:after {
	top: 21px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.my-regular-list .slick-next {
	left: auto;
	right: 0;
	transform: rotate(0);
	-ms-transform: rotate(0);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.my-regular-list .slick-disabled:before, .my-regular-list .slick-disabled:after
	{
	background: #d3d3d3;
}

.my-regular-list .slick-dots {
	display: none !important;
}

/* table-qna */
.table-qna table th, .table-qna table td {
	padding: 19px 30px;
}

.table-qna .sbj {
	display: block;
}

.table-qna .sbj .txt {
	font-size: 14px;
	color: #555;
}

.table-qna .sbj .title {
	margin-top: 4px;
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.table-qna .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	color: #555;
}

/* my-product */
.product-list.my-product {
	border-top: 2px solid #000;
	border-bottom: none;
}

.product-list.my-product .product-item {
	width: 225px;
}

/*prime-benefit-pop*/
.benefit-info {
	text-align: center;
}

.benefit-info .image {
	position: relative;
	display: block;
	width: 319px;
	height: 173px;
	margin: 0 auto;
	background: url('/cjom/web/images/contents/prime_benefit_319x173.png')
		no-repeat
}

.benefit-info .image .title {
	position: absolute;
	top: 45px;
	left: 129px;
	font-size: 34px;
	color: #2a715a;
	font-weight: bold;
	text-align: left;
}

.benefit-info .image .txt {
	position: absolute;
	top: 117px;
	left: 129px;
	font-size: 11px;
	color: #000;
	text-align: left;
}

.prime-title {
	font-size: 24px;
	font-weight: 500;
}

.benefit-info>p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}

/*detail - table*/
.desc-list.detail li {
	font-size: 15px;
	color: #555;
}

.desc-list.detail .link-arr {
	margin-left: 20px;
	color: #767676;
}

.safe-pack .image {
	display: inline-block;
	width: 160px;
	height: 100px;
	vertical-align: middle;
}

.safe-pack .safe-info {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
}

.safe-pack .safe-info li {
	font-size: 14px;
	line-height: 24px;
	color: #767676;
}

.order-cancel {
	margin-top: 20px;
	width: 888px;
	overflow: hidden;
}

.order-cancel .sub-title2 {
	margin-top: 0;
}

.order-cancel li {
	display: block;
	float: left;
	width: calc(100%/ 3);
	height: 135px;
	padding: 35px 40px 0;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.order-cancel li+li {
	border-left: none;
}

.order-cancel .link-box, .order-cancel p {
	margin-top: 10px;
	height: 27px;
}

.order-cancel .link-box .link-arr {
	color: #2a715a;
	border-bottom: 1px solid #2a715a;
}

.order-cancel .link-box .link-arr+.link-arr {
	margin-left: 20px;
}

.order-cancel .link-box .link-arr:after {
	background-position: -40px -32px;
}

/*detail-popup*/
.pop-detail .info-box {
	padding: 25px 30px;
}

.pop-detail .info-box li {
	color: #555;
}

.detail-share {
	overflow: hidden;
}

.detail-share li {
	float: left;
	width: 20%;
}

.detail-share li a {
	position: relative;
	display: block;
	padding: 47px 0 5px;
	font-size: 15px;
	text-align: center;
}

.detail-share .icon {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -18px;
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url('/cjom/web/images/common/icon_detail_share.png')
		no-repeat;
}

.detail-share .icon.facebook {
	background-position-x: -37px;
}

.detail-share .icon.twitter {
	background-position-x: -74px;
}

.detail-share .icon.kakaostory {
	background-position-x: -111px;
}

.detail-share .icon.url {
	background-position-x: -148px;
}

/* GNB */
.gnb-display {
	height: 260px;
	margin-top: 30px;
}

.gnb-display.hotdeal {
	background: #0f5333;
}

.gnb-display.delivery {
	background: #ffdbaf url('/cjom/web/images/contents/bg_delivery.png') 50%
		50% no-repeat;
}
/*2022 1024 정기배송 변경건*/
	/*2022년12월31일까지*/
.gnb-display.delivery.delivery_quker  {
	background: #fff url('/cjom/web/images/contents/bg_delivery_samsung_ev.jpg') 50%
		center no-repeat;
	height: 702px;
	margin-top:0;
    background-size: auto 702px;
}
	/*2022년12월31일까지*/

	/*2023년 01월 부터*/
.gnb-display.delivery.delivery_quker.delivery_quker_end {
	background: #fff url('/cjom/web/images/contents/bg_delivery_samsung_ev_end.jpg') 50%
		center no-repeat;
	height: 540px;
	margin-top:0;
    background-size: auto 540px;
}
	/*2023년 01월 부터*/

.gnb-display.gift {
	background: #ffcdd7 url('/cjom/web/images/contents/bg_gift.jpg') 50% 50%
		no-repeat;
}

.gnb-display .inner {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}

/* 2019-07-11 윙베너 위치 수정 */
.gnb-display .hotdeal-text {
	padding: 40px 0 0 80px;
	color: #fff;
}

.gnb-display .hotdeal-text .text1 {
	font-size: 34px;
}

.gnb-display .hotdeal-text .text2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
}

.gnb-display .hotdeal-text .text3 {
	margin-top: 8px;
	font-size: 16px;
	color: #d6ab6e;
}

.hotdeal-time {
	position: absolute;
	top: 24px;
	right: 148px;
	text-align: center;
	line-height: 60px;
	font-size: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	letter-spacing: 0;
}

.hotdeal-time>.title {
	font-size: 22px;
	color: #f5cc73;
	text-align: center;
}

.hotdeal-time .col {
	display: inline-block;
	width: 118px;
	height: 118px;
	line-height: 118px;
	position: relative;
	box-sizing: border-box;
	color: #fff;
	font-size: 65px;
	background-color: #e72a50;
	border-radius: 50%;
}

.hotdeal-time .col+.col {
	margin-left: 39px;
}

.hotdeal-time .col+.col:before, .hotdeal-time .col+.col:after {
	position: absolute;
	left: -20px;
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 50%;
}

.hotdeal-time .col+.col:before {
	top: 48px;
}

.hotdeal-time .col+.col:after {
	top: 64px;
}

.hot-list-box {
	position: relative;
	margin-top: 35px;
	padding: 40px 50px 50px 50px;
	border: 1px solid #ddd;
	border-top: 1px solid #000;
}

.hot-list-box .hot-list {
	margin-top: 15px;
}

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

.hot-list {
	float: left;
	width: 680px;
	position: relative;
	counter-reset: li;
}

.hot-list li {
	width: 320px;
	font-size: 16px;
	color: #000;
}

.hot-list li:nth-child(n+4) {
	position: absolute;
	left: 360px;
	top: 0;
}

.hot-list li:nth-child(5) {
	top: 50px;
}

.hot-list li:nth-child(6) {
	top: 100px;
}

.hot-list li a {
	display: block;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hot-list li a:before {
	display: inline-block;
	content: counter(li);
	counter-increment: li;
	width: 56px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

.hot-list .active a, .hot-list .active a:before {
	background-color: #2a715a;
	border-color: #2a715a;
	color: #fff;
}

.hot-list-box .product-list-row-sm {
	position: absolute;
	right: 50px;
	top: 70px;
	width: 440px;
	margin-top: 0;
}

.hot-list-box .product-item {
	border-bottom: none;
}

.hot-list-box .product-item .thumb {
	width: 190px;
	height: 190px;
}

.hot-list-box .product-list-row-sm .inner {
	height: 190px;
	padding-left: 220px;
	padding-right: 0;
}

.hot-list-box .product-list-row-sm a {
	width: 100%;
}

.app-guide:after {
	content: '';
	display: block;
	clear: both;
}

.app-guide .visual {
	float: left;
	width: 300px;
	height: 358px;
	margin-top: 20px;
	text-align: center;
}

.app-guide .visual img {
	width: 179px;
}

.app-guide .info-box {
	float: right;
	width: 300px;
	box-sizing: border-box;
}

.app-guide-list {
	counter-reset: li;
}

.app-guide-list li {
	position: relative;
	padding-left: 33px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.app-guide-list li+li {
	margin-top: 25px;
}

.app-guide-list li:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: counter(li);
	counter-increment: li;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	color: #fff;
	background-color: #000;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

.app-guide-list .btn-app {
	display: block;
	width: 178px;
	height: 50px;
	background: url('/cjom/web/images/contents/btn_app_down.png') 0 0
		no-repeat;
	text-indent: -9999px;
}

.app-guide-list .btn-app.store {
	margin-top: 15px;
}

.app-guide-list .btn-app.market {
	margin-top: 10px;
	background-position: 0 -50px;
}

.app-guide-list .qr-code {
	margin-top: 20px;
}

/* 정기배송 */
.delivery-wrap .wing-bnr-wrap {
	top: 415px;
}

/* 브랜드관 */
.brand-main-list {overflow:hidden;width:100%;padding-top:40px;}
.brand-main-list li {position:relative;float:left;width:290px;height:280px;margin:0 40px 0 0;max-width:100%;opacity: 0;
    transform: translate3d(0,120px,0);
    transition: transform 0s, opacity 0s;}
.brand-main-list li.col {width:620px;height:640px;margin-bottom:40px;}
.brand-main-list li.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease; 	opacity: 1;
    transform: translate3d(0,0,0);
    transition: transform 1s,opacity 1s;
}
@keyframes slideUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}

.brand-main-list li.col:nth-child(2),
.brand-main-list li.col:nth-child(4) {float:right;margin-right:0;}
.brand-main-list li a .brand-main-img {position:relative;width:290px;height:200px;overflow: hidden; }
.brand-main-list li.col a .brand-main-img {width:620px;height:640px;}
.brand-main-list li a .brand-main-img img {transition: all 0.5s ease-out;}
.brand-main-list li a:hover .brand-main-img img {transform: scale(1.1) rotate(.001deg);}
.brand-main-list li .box-info {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); box-sizing:border-box; width:100%;}
.brand-main-list li .box-info .bi-txt {margin-top:30px;display:block; font-family:Roboto;font-size:16px;line-height:20px;color:#fff;text-align:center;}
.brand-main-list li .box-info .bttn-more {font-family:Roboto;width:126px;height:42px;line-height:42px;margin:20px auto 0;display:block;text-align:center;color:#fff;border:1px solid #fff;font-size:13px;border-radius: 4px;}
.brand-main-list li .bi-logo {margin:0 auto;display:block;text-indent:-999999em;background: url('/cjom/web/images/contents/brand/logo_main_brand.png') no-repeat 0 0;background-size:auto 730px;}
 .brand-main-list li.bi-bibigo .bi-logo  {width:196px;height:224px;background-position:-9px -41px;}
.brand-main-list li.bi-hetbahn .bi-logo  {width:150px;height:224px;background-position:-260px -38px;}
.brand-main-list li.bi-gourme .bi-logo  {width:256px;height:224px;background-position:-485px -23px;}
.brand-main-list li.bi-beksul .bi-logo  {width:116px;height:190px;background-position:-815px -50px;}
.brand-main-list li.bi-cookit .bi-logo  {width:105px;height:44px;background-position:-30px -331px;}
.brand-main-list li.bi-tbibigo .bi-logo  {width:64px;height:63px;background-position:-185px -321px;}
.brand-main-list li.bi-healthy .bi-logo  {width:106px;height:80px;background-position:-299px -308px;}
.brand-main-list li.bi-spam .bi-logo  {width:119px;height:31px;background-position:-453px -337px;}
.brand-main-list li.bi-dasida .bi-logo  {width:93px;height:57px;background-position:-624px -323px;}
.brand-main-list li.bi-haechandle .bi-logo  {width:43px;height:101px;background-position:-767px -302px;}
.brand-main-list li.bi-byo .bi-logo  {width:99px;height:32px;background-position:-860px -337px;}
.brand-main-list li.bi-hanppuri .bi-logo  {width:119px;height:31px;background-position:-1041px -337px;}
.brand-main-list li.bi-samho .bi-logo  {width:104px;height:34px;background-position:-30px -469px;}
.brand-main-list li.bi-hasunjung .bi-logo  {width:82px;height:84px;background-position:-184px -443px;}
.brand-main-list li.bi-happy .bi-logo  {width:80px;height:80px;background-position:-316px -446px;}
.brand-main-list li.bi-dadam .bi-logo  {width:78px;height:66px;background-position:-446px -453px;}
.brand-main-list li.bi-creeat .bi-logo  {width:102px;height:67px;background-position:-574px -452px;}
.brand-main-list li.bi-metier .bi-logo  {width:110px;height:80px;background-position:-726px -446px;}
.brand-main-list li.bi-returnup .bi-logo  {width:137px;height:41px;background-position:-885px -466px;}
.brand-main-list li.bi-petitzel .bi-logo  {width:100px;height:86px;background-position:-1060px -443px;}
.brand-main-list li.bi-innerb .bi-logo  {width:103px;height:32px;background-position:-30px -610px;}
.brand-main-list li.bi-maxbon .bi-logo  {width:86px;height:83px;background-position:-184px -584px;}
.brand-main-list li.bi-matbam .bi-logo  {width:81px;height:81px;background-position:-320px -584px}
.brand-main-list li.bi-together .bi-logo  {width:81px;height:95px;background-position:-451px -578px;}
.brand-main-list li .brand-main-name {font-family:Roboto;text-align:center;margin-top:20px;display:block;font-size:16px;line-height:20px;color:#333;}
.brand-main-list:after {
	content: '';
	display: block;
	clear: both;
}
.brand-main-list li img {
	vertical-align: top;
}
.brand-main-list li a:before {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	background-color: rgba(0, 0, 0, .8);
	pointer-events: none;
	-webkit-transition: opacity .1s ease;
	transition: opacity .1s ease;
}

.brand-category {overflow:hidden;width:100%;height:148px;background-color:#f6f8f8;}
.brand-category:after {
	content: '';
	display: block;
	clear: both;
}
.brand-category .brand-list {position: relative;width:1130px;height:148px;margin:0 auto;overflow: hidden;padding-left:30px;}
.brand-category .brand-list.slick-slider {overflow:visible;}
.brand-list .slick-util-group {position:static;}
.brand-list:after {
	content: '';display: block;
	clear: both;
}
.brand-list .brand-item {margin:20px 30px 0 0;
	float: left;
	width:80px !important;
	box-sizing: border-box;
	text-align: center;
}
.brand-list .brand-item a {
	display: block;
	height:108px;
	box-sizing: border-box;
}
.brand-list .brand-item .brand-thumb {position:relative;width:80px;height:80px;padding-top:15px;text-align:center;box-sizing:border-box;background-color:#fff;border-radius:100%;}
.brand-list .brand-item.active .brand-thumb:after {position:absolute;left:0;top:0;width:76px;height:76px;border:2px solid #1ba774;content:'';border-radius:100%;}
.brand-list .brand-item img {height:50px;margin: 0 auto;vertical-align:top;}

/* 2024-02-19 MARKETDEV-7543 브랜드관 아이콘 정렬 수정 */
.brand-category.al-cnt .brand-list{text-align:center;}
.brand-category.al-cnt .brand-list .brand-item{float:none;display:inline-block;} 

.brand-category .brand-list.brand-list .brand-item .brand-name {margin-top:8px;font-size:14px;line-height:20px;color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.btn-brand-category {
	width: 82px;
	height: 72px;
	margin: 5px 0 0 10px;
	border-left: 1px solid #ddd;
	font-size: 15px;
	color: #555;
	vertical-align: top;
}

.brand-category #btnCategoryClose {
	display: none;
}

.brand-category.open #btnCategoryClose {
	display: block;
}

.brand-category.open #btnCategoryOpen {
	display: none;
}

.btn-brand-category .icon-plus, .btn-brand-category .icon-minus {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	margin: 0 auto 9px;
	font: 0/0 a;
	vertical-align: -2px;
	border-radius: 50%;
	background-color: #fff;
}

.btn-brand-category .icon-minus:after, .btn-brand-category .icon-plus:before,
	.btn-brand-category .icon-plus:after {
	content: '';
	position: absolute;
	display: block;
	background-color: #555;
	pointer-events: none;
}

.btn-brand-category .icon-plus:before {
	width: 21px;
	height: 2px;
	left: 10px;
	top: 20px;
}

.btn-brand-category .icon-plus:after {
	top: 11px;
	left: 20px;
	width: 2px;
	height: 20px;
}

.btn-brand-category .icon-minus:after {
	top: 20px;
	left: 10px;
	width: 21px;
	height: 2px;
}

.brand-list .slick-util-group {
	position: static
}

.brand-list .slick-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 10;
	width:35px;
	border-radius: 0;
	font: 0/0 a;
	text-align: center;
}

.brand-list .slick-arrow:after {
	content: '';
	display: inline-block;
	text-indent: -99999px;
	border-radius: 0;
}

.brand-list .slick-prev {left:-50px;}
.brand-list .slick-prev:after {width:35px;height:100%;background: url('/cjom/web/images/contents/brand/btn_slider_prev.svg') no-repeat 50%;}
.brand-list .slick-next {right:-50px;}
.brand-list .slick-next:after {width:35px;height:100%;background: url('/cjom/web/images/contents/brand/btn_slider_next.svg') no-repeat 50%;}
.brand-list .slick-arrow.slick-disabled:after, .brand-list .slick-next.slick-disabled:after	{opacity: .2 !important;}

.brand-list .slick-dots {
	display: none !important;
}

[data-grid-list] {
	position: relative;
}

[data-grid-position] {
	position: absolute !important;
	float: none !important;
	margin: 0 !important;
}
.quick-banner .quick-brand a {display:block;animation: anim1 2s linear infinite;}
@keyframes anim1{
	0% {transform:matrix(1,0,0,1,0,0)}
	50% {transform:matrix(1,0,0,1,0,5)}
	100% {transform:matrix(1,0,0,1,0,0)}
}
.quick-banner .quick-brand a img {width:62px;height:62px;}
.quick-banner .quick-brand a.hetbahn {padding:0;background: url('/cjom/web/images/contents/brand/quick-hatbahn-bg.png') no-repeat 0 0;background-size:60px 90px;}
.quick-banner .quick-brand a.hetbahn img {height:90px;}
.sub-brand .quick-banner {top:auto;bottom:60px;margin:0;right:10px;position:fixed;}

.history-wrap {
	padding-bottom: 20px;
}

.history-item-toggle {
	position: absolute;
	right: 0;
	bottom: -50px;
}

.history-group {
	position: relative;
	margin-top: 40px;
}

.history-group.nodata {
	border-bottom: 1px solid #ddd;
}

.history-group:before {
	content: '';
	display: block;
	position: absolute;
	left: 41px;
	top: 0;
	z-index: -1;
	height: calc(100% + 40px);
	border-left: 2px solid #ddd;
}

.history-group.nodata:before {
	content: none;
}

.history-group:last-child:before {
	height: 100%;
}

.history-group .history-date {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	color: #fff;
	border-radius: 20px;
	background-color: #2a715a;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}

.history-list {

}

.history-item {
	position: relative;
	display: table;
	width: 100%;
	margin-top: 20px;
	padding: 20px 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background-color: #fff;
}

.history-item .col {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.history-item .col.check {
	width: 123px;
	padding-left: 30px;
}

.history-item .col.content {
	width: 480px;
}

.history-item .col.info {
	width: 114px;
	text-align: center;
}

.history-item .col.util {
	width: 240px;
	text-align: center;
}

.history-item .btn-delete {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -120px
		no-repeat;
	background-size: 510px 210px;
	font: 0/0 a;
}

.history-item .title {
	vertical-align: middle;
	font-size: 15px;
	color: #000;
}

.history-item .thumb {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	vertical-align: middle;
}

.history-item .thumb img {
	vertical-align: top;
}

.history-item .check label {
	font-size: 15px;
	color: #2a715a;
	font-weight: 500;
}

.history-item .info {
	font-size: 15px;
	color: #555;
}

.history-item .price {
	color: #000;
}

.history-item .price strong {
	font-size: 20px;
}

.history-item .util [class^='btn']+[class^='btn'] {
	margin-left: 8px;
}

[data-sticky-pop] {
	margin-left: -185px;
}

/* 선물하기 */
.gift-wrap .wing-bnr-wrap {
	top: 382px;
}

.gift-wrap .wing-bnr-wrap .wing-bnr.fixed {
	top: 300px !important;
}

.gift-wrap .gift-banner {
	width: 1280px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
	height: 110px;
}

.gift-wrap .gift-banner img {
	width: 1280px;
	height: 110px;
}

.gift-wrap .gift-visual {
	margin-top:37px;
	height: 250px;
	box-sizing: border-box;
	background: #c6dbd8
		url('/cjom/web/images/contents/gift/bg_gift_visual.png') no-repeat 50%
		0;
	background-size: auto 250px;
}

.gift-wrap .gift-visual .contents {
	overflow: hidden;
	position: relative;
}

.gift-wrap .gift-visual h3 {
	position: absolute;
	left: 60px;
	top: 30px;
	width: 322px;
	height: 173px;
	text-indent: -99999em;
	font-size: 0;
	color: transparent;
	background: #c6dbd8
		url('/cjom/web/images/contents/gift/txt_gift_visual.png') no-repeat
		50% 0;
	background-size: auto 173px;
}

.gift-wrap .gift-menu-slider {
	float: right;
	width: 700px;
	height: 150px;
	margin: 52px 60px 0;
}

.gift-wrap .gift-menu-slider li {
	text-align: center;
	min-height: auto;
	margin-right: 20px;
	display: inline-block;
	width: 120px !important;
}

.gift-wrap .gift-menu-slider li img {
	vertical-align: top;
	width: 120px;
	height: 120px;
}

.gift-wrap .gift-menu-slider li span {
	color: #333;
	font-size: 18px;
	margin-top: 8px;
	display: block;
	line-height: 20px;
}

.gift-wrap .gift-menu-slider li a {
	display: block;
}

.gift-wrap .gift-menu-slider li a:focus {
	outline: none;
}

.gift-wrap .gift-menu-slider .slick-list {
	text-align: center;
}

.gift-wrap .gift-menu-slider .slick-util-group {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

.gift-wrap .gift-menu-slider .slick-util-group .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 30px;
	height: 60px;
	text-indent: -99999em;
	font-size: 0;
}

.gift-wrap .gift-menu-slider .slick-util-group .slick-arrow:focus {
	outline: none;
}

.gift-wrap .gift-menu-slider .slick-util-group .slick-next {
	right: -30px;
	background:
		url('/cjom/web/images/contents/gift/icon_gift_slider_next.svg')
		no-repeat 50% 0;
	background-size: 30px 60px;
}

.gift-wrap .gift-menu-slider .slick-util-group .slick-prev {
	left: -60px;
	background:
		url('/cjom/web/images/contents/gift/icon_gift_slider_prev.svg')
		no-repeat 50% 0;
	background-size: 30px 60px;
}

.gift-wrap .gift-menu-slider .slick-util-group .slick-dots-group {
	display: none;
}

.gift-wrap .gift-visual .sticky-wrap {
	height: auto;
}

.gift-wrap .gift-menu-sticky.is-fixed {
	width: 100%;
	left: 0 !important;
	top: 146px !important;
	height: 140px;
	padding-top: 20px;
	box-sizing: border-box;
	background-color: #fafafa;
}

.gift-wrap .gift-menu-sticky.is-fixed .gift-menu-slider {
	float: none;
	width: 1280px;
	text-align: center;
	margin: 0 auto;
}

.gift-wrap .gift-menu-sticky.is-fixed .gift-menu-slider li {
	width: 70px !important;
	margin-right: 30px;
	float: none;
}

.gift-wrap .gift-menu-sticky.is-fixed .gift-menu-slider li:last-child {
	margin-right: 0;
}

.gift-wrap .gift-menu-sticky.is-fixed .gift-menu-slider li img {
	width: 70px;
	height: 70px;
}

.gift-wrap .gift-menu-sticky.is-fixed li span {
	font-size: 17px;
}

.gift-wrap .gift-menu-sticky.is-fixed .slick-util-group {
	display: none;
}

.gift-wrap .gift-menu-sticky.is-fixed .slick-track {
	width: 100% !important;
	margin: 0 auto;
	transform: none !important;
}

.gift-wrap .gift-productlist .title-md {
	margin-top: 50px;
	color: #111;
}

.gift-wrap .gift-productlist .content-box {
	margin-top: 12px;
}
.present-wrap .wing-bnr-wrap {
	top: 410px;
}

.category-gift {
	position: relative;
	padding: 0 20px 0 21px;
	margin-top: 40px;
	text-align: center;
	height: 100px;
	overflow: hidden;
}

.category-gift:after {
	content: '';
	display: block;
	clear: both;
}

.category-gift .category-gift-item {
	float: left;
	width: 177px;
}

.category-gift .slick-util-group {
	position: static;
	width: 100%;
}

.category-gift .slick-list {

}

.category-gift .slick-arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 0;
	text-indent: -9999px;
	border: 1px solid #ddd;
	background: #f1f1f1;
}

.category-gift .slick-arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 19px;
	height: 19px;
	margin: -9px 0 0 -9px;
	background-image: url('/cjom/web/images/common/icon-slider2.png');
	background-repeat: no-repeat;
}

.category-gift .slick-prev {
	width: 21px;
	border-right: 1px solid #ddd;
}

.category-gift .slick-next {
	left: auto;
	right: 0;
	border-left: 0;
}

.category-gift .slick-next:after {
	background-position-x: -19px;
}

.category-gift .slick-arrow.slick-disabled:after {
	background-position-y: -19px;
}

.category-gift .category-gift-item {
	position: relative;
}

.category-gift .category-gift-item a {
	display: block;
	position: relative;
	line-height: 26px;
	padding: 60px 0 8px;
	width: 100%;
	box-sizing: border-box;
	height: 100px;
	color: #555;
	border: 1px solid #ddd;
	overflow: hidden;
}

.category-gift .category-gift-item .img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	text-align: center;
	vertical-align: top;
}

.category-gift .category-gift-item .img img {
	display: inline-block;
	height: 70px;
}

.category-gift .category-gift-item .txt {
	position: relative;
	z-index: 2;
}

.category-gift .category-gift-item+.slick-slide a {
	border-left: 0;
}

.category-gift .category-gift-item.active:after {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: calc(100% + 1px);
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #2a715a;
}

.category-gift .category-gift-item:first-child.active:after {
	left: 0;
	width: 100%;
}

.category-gift .category-gift-item.active a {
	position: relative;
	font-weight: bold;
	color: #000;
}

/*.category-gift .slick-arrow {position:absolute; top:0; height:100%; width:20px; text-indent:-9999px; overflow:hidden; border-radius:0; background:#fee;}
.category-gift .slick-arrow.slick-prev {left:0; border-right:1px solid #ddd;}
.category-gift .slick-arrow.slick-next {right:0; border-left:1px solid #ddd;}*/
.gift-card-list {
	padding: 20px 30px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.gift-card-list .gift-slide {
	width: 500%;
	margin: 0 -15px;
}

.gift-card-list .gift-slide.slick-slider {
	width: auto;
}

.gift-card-list .slick-slide {
	margin: 0 15px;
}

.gift-card-list label {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.gift-card-list label img {
	vertical-align: top;
}

.gift-card-list .input-radio {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	border-radius: 0;
	border: 2px solid transparent;
	background: transparent;
}

.gift-card-list .input-radio.on {
	border-color: #2a715a
}

.gift-card-list input[type=radio] {
	position: absolute;
	left: -99999px;
	opacity: 0;
}

.gift-card-list .slick-util-group {
	position: static;
}

.gift-card-list .slick-arrow {
	z-index: 2;
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	margin-top: -15px;
	text-indent: -9999px;
}

.gift-card-list .slick-arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 21px;
	width: 12px;
	margin: -10px 0 0 -5px;
	background: url('/cjom/web/images/common/icon_slider_large.png')
		no-repeat;
}

.gift-card-list .slick-prev {
	left: -23px;
}

.gift-card-list .slick-prev:after {
	background-position: -18px -14px;
}

.gift-card-list .slick-next {
	right: -23px;
}

.gift-card-list .slick-next:after {
	background-position: -70px -14px
}

/* 20200923_선물하기 개선 */
.page-title.cart-type+.impt-box {
	margin: 20px 0 30px
}

.cart-wrap .address-save.type-gift {
	margin-top: 0;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #eee !important;
	padding: 30px 0;
}

.cart-wrap .address-save.type-gift .line-item {
	border-top: 0 !important;
	vertical-align: top;
}

.cart-wrap .address-save.type-gift .column:first-child {
	width: 128px;
	padding-left: 0;
}

.cart-wrap .address-save.type-gift .column:first-child label {
	font-size: 20px;
	color: #333;
	font-weight: 700;
}

.cart-wrap .address-save.type-gift .column .max-column {
	width: auto;
	height: 50px;
	vertical-align: top;
}

.cart-wrap .address-save.type-gift input {
	height: 50px;
	line-height: 48px;
}

.cart-wrap .address-save.type-gift .ab {
	right: 120px;
}

.cart-wrap .address-save.type-gift .number-form {
	display: inline-block;
	vertical-align: top;
}

.cart-wrap .address-save.type-gift .number-form .selectbox, .cart-wrap .address-save.type-gift .number-form .input-tel
	{
	width: 120px !important;
	margin-left: 6px;
}

.cart-wrap .address-save.type-gift .selectbox select, .cart-wrap .address-save.type-gift .selectbox .value
	{
	height: 50px;
}

.card-box {
	position: relative;
	width: 600px;
	height: 540px;
	border-radius: 15px;
	margin: 40px auto;
	padding-top: 292px;
	box-sizing: border-box;
}

.card-box.bg-type11 {
	background: url('/cjom/web/images/contents/card/card_01_1.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type12 {
	background: url('/cjom/web/images/contents/card/card_01_2.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type13 {
	background: url('/cjom/web/images/contents/card/card_01_3.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type14 {
	background: url('/cjom/web/images/contents/card/card_01_4.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type15 {
	background: url('/cjom/web/images/contents/card/card_01_5.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type21 {
	background: url('/cjom/web/images/contents/card/card_02_1.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type22 {
	background: url('/cjom/web/images/contents/card/card_02_2.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type23 {
	background: url('/cjom/web/images/contents/card/card_02_3.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type25 {
	background: url('/cjom/web/images/contents/card/card_02_5.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type31 {
	background: url('/cjom/web/images/contents/card/card_03_1.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type32 {
	background: url('/cjom/web/images/contents/card/card_03_2.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type33 {
	background: url('/cjom/web/images/contents/card/card_03_3.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type34 {
	background: url('/cjom/web/images/contents/card/card_03_4.jpg')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type35 {
	background: url('/cjom/web/images/contents/card/card_03_5.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type36 {
	background: url('/cjom/web/images/contents/card/card_03_6.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type41 {
	background: url('/cjom/web/images/contents/card/card_04_1.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type42 {
	background: url('/cjom/web/images/contents/card/card_04_2.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type43 {
	background: url('/cjom/web/images/contents/card/card_04_3.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type44 {
	background: url('/cjom/web/images/contents/card/card_04_4.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type45 {
	background: url('/cjom/web/images/contents/card/card_04_5.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type51 {
	background: url('/cjom/web/images/contents/card/card_05_1.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type52 {
	background: url('/cjom/web/images/contents/card/card_05_2.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type53 {
	background: url('/cjom/web/images/contents/card/card_05_3.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type54 {
	background: url('/cjom/web/images/contents/card/card_05_4.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type55 {
	background: url('/cjom/web/images/contents/card/card_05_5.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type61 {
	background: url('/cjom/web/images/contents/card/card_06_1.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type62 {
	background: url('/cjom/web/images/contents/card/card_06_2.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type63 {
	background: url('/cjom/web/images/contents/card/card_06_3.png')
		no-repeat;
	background-size: 100%;
}

.card-box.bg-type64 {
	background: url('/cjom/web/images/contents/card/card_06_4.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type65 {
	background: url('/cjom/web/images/contents/card/card_06_5.jpg')
	no-repeat;
	background-size: 100%;
}

/* 추석 선물세트 */
.card-box.bg-type26 {
	background: url('/cjom/web/images/contents/card/card_02_6.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type27 {
	background: url('/cjom/web/images/contents/card/card_02_7.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type28 {
	background: url('/cjom/web/images/contents/card/card_02_8.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type29 {
	background: url('/cjom/web/images/contents/card/card_02_9.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type210 {
	background: url('/cjom/web/images/contents/card/card_02_10.jpg')
	no-repeat;
	background-size: 100%;
}

.card-box.bg-type211 {
	background: url('/cjom/web/images/contents/card/card_02_11.jpg')
	no-repeat;
	background-size: 100%;
}
/* //추석 선물세트 */

.card-box .txt-area {
	position: relative;
	width: 540px;
	height: 218px;
	border-radius: 15px;
	background: #fff;
	margin: 0 auto;
}

.card-box .txt-area .line01, .card-box .txt-area .line02, .card-box .txt-area .line03
	{
	position: absolute;
	left: 29px;
	display: block;
	width: 480px;
	height: 1px;
	background: #eee;
}

.card-box .txt-area .line01 {
	top: 76px;
}

.card-box .txt-area .line02 {
	top: 116px;
}

.card-box .txt-area .line03 {
	top: 156px;
}

.card-box .txt-area .column {
	padding-top: 20px;
}

.card-box .txt-area .column .scroll-textarea {
	border: 0;
}

.card-box .txt-area .column textarea {
	background: transparent;
	line-height: 41px;
	font-size: 22px;
	color: #333;
	text-align: center;
}

.card-box .txt-area textarea:-ms-input-placeholder {
	font-size: 22px !important;
	font-weight: normal;
	color: #333 !important;
}

.card-box .txt-area textarea::-webkit-input-placeholder {
	font-size: 22px !important;
	font-weight: normal;
	color: #333 !important;
}

.card-box .textarea-count {
	margin: 0 30px 0 0;
	color: #666;
}

.card-box .textarea-count .current {
	color: #666;
}

.gift-card-wrap .tab-list {
	max-width: 785px;
	background-color: #fff;
	margin: 30px auto;
}

.gift-card-wrap .tab-list .card__item,
.gift-card-wrap .tab-list li {
	width: 103px;
	height: 40px;
	margin-left: 10px;
}

.gift-card-wrap .tab-list.slide__item > * {display:inline-block;}

.gift-card-wrap .tab-list .card__item:first-child ,
.gift-card-wrap .tab-list li:first-child {
	margin-left: 0;
}

.gift-card-wrap .tab-list .card__item a,
.gift-card-wrap .tab-list li a {
	font-size: 15px;
	color: #666;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-radius: 20px;
	box-sizing: border-box;
}

.gift-card-wrap .tab-list .card__item.active a,
.gift-card-wrap .tab-list li.active a {
	border: 1px solid #2a715a;
	background: #2a715a;
	color: #fff;
}

.gift-card-wrap .tab-list .active+div a,
.gift-card-wrap .tab-list .active+li a {
	border-left-color: #ddd !important
}

.gift-card-wrap .gift-slide {
	width: 900px;
	height: 74px;
	overflow: hidden;
	padding: 0 50px;
	box-sizing: border-box;
}

.gift-card-wrap .tab-list.multiple-items .card__item {width: 103px !important;}
.gift-card-wrap .tab-list.multiple-items .slick-prev {left:-56px;}
.gift-card-wrap .tab-list.multiple-items .slick-next {right:-56px;}
.gift-card-wrap .tab-list.multiple-items .slick-disabled {opacity:.3;}

.gift-card-wrap .gift-slide .slick-list {
	width: 785px;
	height: 74px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

.gift-card-wrap .gift-slide .slick-track {
	display: flex;
	justify-content: center;
}

.gift-card-wrap .gift-slide .slick-track .slick-slide {
	float: inherit;
	width: 131px !important;
}

.gift-card-wrap label {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.gift-card-wrap label img {
	vertical-align: top;
	border-radius: 5px;
}

.gift-card-wrap .input-radio {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	border-radius: 0;
	border: 2px solid transparent;
	background: transparent;
}

.gift-card-wrap .input-radio.on {
	border-color: #2a715a;
	border-radius: 5px;
}

.gift-card-wrap .input-radio.on:after {
	display: none;
}

.gift-card-wrap input[type=radio] {
	position: absolute;
	left: -99999px;
	opacity: 0;
}

.gift-card-wrap .slick-util-group {
	position: static;
}

.gift-card-wrap .slick-arrow {
	z-index: 2;
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	margin-top: -15px;
	text-indent: -9999px;
}

.gift-card-wrap .slick-arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 21px;
	width: 12px;
	margin: -10px 0 0 -5px;
	background: url('/cjom/web/images/common/icon_slider_large.png')
		no-repeat;
}

.gift-card-wrap .slick-prev {
	left: 0;
}

.gift-card-wrap .slick-prev:after {
	background-position: -18px -14px;
}

.gift-card-wrap .slick-next {
	right: 0;
}

.gift-card-wrap .slick-next:after {
	background-position: -70px -14px
}

.gift-tit-wrap {
	position: relative;
}

.gift-tit-wrap .btn-msg {
	position: absolute;
	right: 30px;
	top: 6px;
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 13px;
	color: #333;
}

.modal.gift-msg-pop .modal-header {
	padding: 30px 0 34px 0;
}

.modal.gift-msg-pop .modal-header .modal-title {
	color: #333;
}

.modal.gift-msg-pop .btn-modal-close {
	top: 27px;
}

.modal.gift-msg-pop .btn-modal-close span {
	background-image: none;
}

.modal.gift-msg-pop .btn-modal-close span:before, .modal.gift-msg-pop .btn-modal-close span:after
	{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 1px;
	background-color: #000;
}

.modal.gift-msg-pop .btn-modal-close span:before {
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.modal.gift-msg-pop .btn-modal-close span:after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.modal.gift-msg-pop .card-box {
	margin: 0;
}

.modal.gift-msg-pop .textarea-count {
	display: none;
}

.modal.gift-msg-pop .txt-area .name {
	float: right;
	margin-right: 30px;
	color: #333;
	font-size: 16px;
}

.modal.gift-msg-pop .txt-area .name em {
	font-size: 20px;
	font-weight: bold;
}

/* 20200526_수정 */
.present-wrap .gift-banner {
	height: 260px;
	margin: 30px 0 10px;
	overflow: hidden;
	background: #e7e9ea;
}

.present-wrap .gift-banner .slick-track {
	display: flex;
	height: 260px;
	overflow: hidden;
}

.present-wrap .gift-banner .item {
	text-align: center;
	height: 260px;
	width: 100%;
}

.present-wrap .gift-banner .item a, .present-wrap .gift-banner .item span
	{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.present-wrap .gift-banner .item img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	max-width: none;
	height: 100%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.present-wrap .gift-banner .btn-play-toggle {
	display: none;
}

.present-wrap .gift-banner .slick-dots li button:after {
	background: rgba(255, 255, 255, .6)
}

.present-wrap .gift-banner .slick-dots li.slick-active button:after {
	background: #fff;
}

.page-title+.impt-box {
	font-size: 15px;
	margin: 20px 0 50px;
}

.page-title+.impt-box .txt01 {
	color: #000;
}

.page-title+.impt-box .txt01 em {
	color: #2a715a;
}

.page-title+.impt-box .txt02 {
	color: #555;
}

.page-title+.impt-box .box {
	width: 900px;
	margin-top: 16px;
	padding: 20px 40px;
	background: #fbf6ef;
	box-sizing: border-box;
}

.page-title+.impt-box .box:after {
	display: block;
	content: '';
	clear: both;
}

.page-title+.impt-box .box p {
	position: relative;
	float: left;
	display: inline-block;
	padding-left: 26px;
	vertical-align: middle;
	font-size: 14px;
}

.page-title+.impt-box .box p:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -60px
		no-repeat;
	background-size: 510px 210px;
}

.page-title+.impt-box .box .btn-confirm {
	display: inline-block;
	float: right;
	color: #2a715a;
	border-bottom: 1px solid #2a715a;
	border-radius: 0;
	vertical-align: middle;
	font-size: 14px;
}

/* 쿡킷 */
.cookit-wrap {
	padding-bottom: 0 !important;
}

.cookit-wrap .wing-bnr-wrap {
	top: 944px
}

.cookit-visual {
	position: relative;
	height: 685px;clear:both;
	margin: 0 auto;
	overflow: hidden;
	background: url(/cjom/web/images/contents/cookit/bg_visual.jpg) 50% 50%
		repeat;
}

.cookit-visual:before {
	position: absolute;
	right: 50%;
	top: 0;
	margin-right: -797px;
	content: '';
	display: block;
	width: 866px;
	height: 673px;
	background: url(/cjom/web/images/contents/cookit/top_visual_item1.png) 0
		0 no-repeat;
}

.cookit-visual:after {
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -1133px;
	content: '';
	display: block;
	width: 642px;
	height: 473px;
	background: url(/cjom/web/images/contents/cookit/top_visual_item2.png) 0
		0 no-repeat;
}

.cookit-visual .inner {
	width: 1174px;
	margin: 0 auto;
	padding-top: 25px;
	box-sizing: border-box;
}

.cookit-visual .is-fixed {
	left: 0 !important;
	right: 0;
	background-color: #fff;
}

.cookit-nav {
	position: relative;
	width: 1042px;
	height: 61px;
	margin: 0 auto;
	padding-left: 330px;
	box-sizing: border-box;
	background: url(/cjom/web/images/contents/cookit/bg_menu.png) 50% 0
		no-repeat;
}

.cookit-nav .cookit-bi {
	position: absolute;
	left: 105px;
	top: 15px;
	width: 97px;
	height: 32px;
	background: url(/cjom/web/images/contents/cookit/cookit_bi.png) 50% 0
		no-repeat;
	text-indent: -99999px;
}

.cookit-nav .nav-item {
	position: relative;
	display: inline-block;
}

.cookit-nav .nav-item+.nav-item:before {
	position: absolute;
	left: 0;
	top: 24px;
	content: '';
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: #af9f8c;
}

.cookit-nav .nav-item a {
	display: block;
	padding: 0 50px;
	line-height: 61px;
	font-size: 18px;
	color: #4d2b06;
}

.cookit-visual .copy {
	position: absolute;
	left: 50%;
	top: 110px;
	width: 566px;
	height: 396px;
	margin-left: -580px;
	background: url(/cjom/web/images/contents/cookit/cookit_copy.png) 0 0
		no-repeat;
	text-indent: -99999px;
}

.cookit-visual .cont {
	position: absolute;
	left: 50%;
	bottom: 38px;
	width: 1000px;
	margin-left: -500px;
	padding-right: 300px;
	padding-left: 60px;
	box-sizing: border-box;
}

.cookit-visual .cont:before {
	position: absolute;
	left: -10px;
	top: -20px;
	content: '';
	display: block;
	width: 1134px;
	height: 1px;
	background: url('/cjom/web/images/contents/cookit/dashed_line.png') 0 0
		no-repeat;
}

.cookit-visual .cont .text1 {
	font-size: 18px;
	color: #73562e;
	line-height: 26px;
}

.cookit-visual .cont .text2 {
	margin-top: 5px;
	font-size: 24px;
	color: #4c2a04;
}

.cookit-visual .cont .btn-story {
	position: absolute;
	right: 0;
	top: 0;
	width: 355px;
	height: 100px;
	background: url(/cjom/web/images/contents/cookit/btn_story.png) 0 0
		no-repeat;
	text-indent: -99999px;
}

.cookit-banner {
	position: relative;
	height: 267px;
	text-align: center;
	background-color: #462216;
}

.cookit-best {
	width: 980px;
	margin: 80px auto 0;
}

.cook-info2:after {
	content: '';
	display: block;
	clear: both;
}

.cook-info2 li {
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 16px;
	color: #666;
}

.cook-info2 li+li {
	position: relative;
	margin-left: 12px;
	padding-left: 12px;
}

.cook-info2 li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.cook-info2 .txt {
	position: relative;
	padding-left: 12px;
}

.cook-info2 .txt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	background: #ccc;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.cook-info2 .icon-cook {
	display: inline-block;
	margin-right: 7px;
	vertical-align: -2px;
}

.cookit-guide {
	height: 618px;
	margin: 40px 0 60px;
	padding-top: 40px;
	box-sizing: border-box;
	text-align: center;
	background: #f3f3f4 url(/cjom/web/images/contents/cookit/bg_step.jpg)
		50% 100% no-repeat;
}

.cookit-guide .text1 {
	font-size: 24px;
	color: #2d2709;
}

.cookit-guide .text2 {
	margin-top: 10px;
	font-size: 52px;
	font-weight: 500;
	color: #2d2709;
	line-height: 60px;
}

.cookit-guide .text3 {
	margin-top: 20px;
	line-height: 30px;
	font-size: 21px;
	color: #68644f;
}

.cookit-guide .cookit-step {
	width: 1018px;
	margin: 35px auto 0;
}

.cookit-guide .cookit-step:after {
	content: '';
	display: block;
	clear: both;
}

.cookit-guide .cookit-step li {
	float: left;
	width: 338px;
	height: 320px;
	padding: 14px;
	box-sizing: border-box;
	margin-left: 2px;
	line-height: 26px;
	font-size: 18px;
	color: #555;
	text-align: center;
	background-color: #fff;
}

.cookit-guide .cookit-step li:first-child {
	margin-left: 0;
}

.cookit-step li em {
	display: block;
	margin: 17px 0 10px;
	font-size: 28px;
	color: #000;
}

.cookit-delivery {
	position: relative;
	padding-top: 100px;
}

.delivery-head {
	height: 430px;
	box-sizing: border-box;
	background: url(/cjom/web/images/contents/cookit/bg_green.jpg) top
		center repeat-x;
}

.delivery-head:after {
	position: absolute;
	left: 50%;
	top: 39px;
	margin-left: 42px;
	z-index: 1;
	content: '';
	display: inline-block;
	width: 430px;
	height: 389px;
	background: url(/cjom/web/images/contents/cookit/visual_item.png) 50%
		50% no-repeat;
}

.delivery-head .inner {
	width: 1000px;
	margin: 0 auto;
}

.delivery-head .text1 {
	width: 320px;
	line-height: 65px;
	padding-top: 60px;
	margin-left: 70px;
}

.delivery-head .text1 span {
	display: block;
	font-size: 48px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: 500;
	letter-spacing: -3px;
}

.delivery-head .text2 {
	margin-top: 25px;
	margin-left: 70px;
	font-size: 20px;
	color: #34380f;
}

.delivery-area {
	line-height: 80px;
	text-align: center;
	background: url(/cjom/web/images/contents/cookit/bg_kaki.png) 50% 50%
		repeat;
	font-size: 22px;
	color: #fff;
}

.cookit-delivery .delivery-days {
	position: absolute;
	top: 374px;
	left: 50%;
	width: 880px;
	height: 96px;
	margin-left: -440px;
	padding: 31px 0 0 84px;
	box-sizing: border-box;
	background-color: #fff;
}

.delivery-days:after {
	content: '';
	display: block;
	clear: both;
}

.delivery-days .days-group {
	float: left;
}

.delivery-days .days-group.off {
	position: relative;
	margin-left: 60px;
	padding-left: 60px;
}

.delivery-days .days-group.off:before {
	position: absolute;
	left: 0;
	top: -10px;
	content: '';
	display: inline-block;
	width: 1px;
	height: 56px;
	background-color: #e5e5e5;
}

.delivery-days .days-group dt {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 7px;
	font-size: 18px;
	color: #2b1a07;
	font-weight: 500;
}

.delivery-days .days-group dd {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 35px;
	border-radius: 50%;
	background-color: #c6df3d;
	font-size: 18px;
	color: #2b1a07;
	text-align: center;
}

.delivery-days .days-group dd+dd {
	margin-left: 17px;
}

.delivery-days .days-group.off dd {
	background-color: #f2f2f2;
}

.cookit-delivery .cookit-footer {
	padding-bottom: 150px;
	background: url(/cjom/web/images/contents/cookit/bg_footer.jpg) 50% 50%
		repeat;
}

.cookit-delivery .delivery-info {
	padding-top: 20px;
	text-align: center;
	color: #37250e;
}

.cookit-delivery .delivery-info .title {
	padding-top: 30px;
	color: #37250e;
	font-size: 34px;
}

.cookit-delivery .delivery-info .text1 {
	font-size: 24px;
}

.cookit-delivery .delivery-info .text2 {
	font-size: 16px;
}

.cookit-delivery .delivery-info .text3 {
	margin-top: 35px;
	font-size: 22px;
}

.cookit-footer .inner {
	width: 1280px;
	margin: 0 auto;
}

.cookit-footer [class^='btn-cookit'] {
	display: inline-block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}

.cookit-footer .btn-cookit-green {
	background-color: #fff;
	color: #6f522c;
}

.cookit-footer .btn-cookit-brown {
	background-color: #6f512d;
}

.delivery-info-box {
	position: relative;
	width: 880px;
	height: 80px;
	line-height: 80px;
	margin: 27px auto 0;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .45);
}

.delivery-info-box+.delivery-info-box {
	margin-top: 2px;
}

.delivery-info-box:before {
	position: absolute;
	left: 50%;
	top: 21px;
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	background: url('/cjom/web/images/contents/cookit/icon_arrow.png') 0 0
		no-repeat;
}

.delivery-info-box:after {
	content: '';
	display: block;
	clear: both;
}

.delivery-info-box dl {
	float: left;
	width: 50%;
	text-align: center;
}

.delivery-info-box .item1 dt {

}

.delivery-info-box .item2 dt {
	color: #2a715a;
}

.delivery-info-box dt {
	display: inline-block;
	margin-right: 10px;
	font-size: 20px;
	font-weight: 700;
}

.delivery-info-box dd {
	display: inline-block;
	font-size: 16px;
	color: #555;
}

.cookit-footer .cookit-info {
	height: 295px;
	margin-top: 60px;
	padding: 25px 0 0 30px;
	box-sizing: border-box;
	background: url(/cjom/web/images/contents/cookit/bg_info.jpg) 0 0
		no-repeat;
}

.cookit-footer .cookit-info .info-title {
	margin-bottom: 7px;
	font-size: 20px;
	color: #37250e;
	font-weight: 500;
}

.cookit-footer .cookit-info .info-title:before {
	content: none;
}

.cookit-footer .cookit-info li {
	line-height: 29px;
	font-size: 14px;
	color: #6f522d;
}

.cookit-footer .cookit-info li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 7px;
	vertical-align: 3px;
	background-color: #6f522d;
}

.cookit-footer .cookit-info em {
	color: #37250e;
}

.cookit-footer .banner-cookit {
	display: block;
	margin-top: 59px;
} /* 2019.07.03 */
.cookit-footer .banner-cookit img {
	vertical-align: top;
}

.address-save.daylight-pop {
	border: none;
}

.address-save.daylight-pop .column {
	width: 300px;
}

.address-save.daylight-pop .column:first-child {
	width: 100px;
	padding-left: 0;
}

.address-save.daylight-pop .column .max-column {
	width: 300px;
}

.radio-list {
	font-size: 0;
}

.radio-list label {
	display: inline-block;
	width: 25%;
	line-height: 30px;
}

.radio-list .direct-input {
	margin-top: 5px;
}

.radio-list .direct-input label {
	width: 20%;
	line-height: 40px;
}

.radio-list .direct-input .input-text {
	width: 80%;
}

.radio-list .direct-input .input-text input {
	width: 100%;
}

/* 건강솔루션 */
.health-wrap .main-visual {
	height: auto;
}

.health-wrap .wing-bnr-wrap {
	top: 145px
}

.health-title {
	font-size: 40px;
	color: #000;
	font-weight: 500;
	text-align: center;
}

.health-copy {
	margin-top:5px;
	font-size: 20px;
	color: #555;
	text-align: center;
}tl
.health-brand-banner {
	margin-bottom: 70px;
}

.health-brand-banner:after {
	content: '';
	display: block;
	clear: both;
}

.health-brand-banner li {
	float: left;
	width: 408px;
	height: 190px;
	margin-left: 28px;
}

.health-brand-banner li:first-child {
	margin-left: 0;
}

.health-brand-banner a {
	display: block;
}

.helth-theme {
	padding-bottom: 100px;
}

.helth-theme .theme-copy {
	min-height: 120px;
	margin-top: 30px;
	padding: 35px 20px;
	box-sizing: border-box;
	text-align: center;
	font-size: 30px;
	color: #000;
	background-color: #f8f8f8;
}

.helth-theme .theme-product {
	margin-top: 30px;
	padding-top: 60px;
	border-top: 1px solid #ddd;
}

.section-health-trend {
	padding: 50px 0 100px 0;
	background-color: #f8f8f8;
}
/*.section-health-trend .contents {padding-top:60px; padding-bottom:80px;}*/
.select-health-group {
	width: 841px;
	margin: 25px auto 0;
	border: 1px solid #ddd;
}

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

.select-health {
	position: relative;
	float: left;
}

.select-health .btn-select {
	position: relative;
	width: 420px;
	min-height: 120px;
	padding: 20px 38px;
	background-color: #fff;
	text-align-last: left;
	font-size: 24px;
	color: #000;
	font-weight: bold;
} /* 2019-07-10 outline 수정 */
.select-health .btn-select:after {
	position: absolute;
	right: 30px;
	top: 45px;
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('/cjom/web/images/common/spr_common.svg') -420px -120px
		no-repeat;
	background-size: 510px 210px;
}

.select-health .btn-select:before {
	position: absolute;
	left: 0;
	top: 30px;
	content: '';
	display: block;
	width: 1px;
	height: 60px;
	background-color: #ddd;
}

.select-health:first-child .btn-select:before {
	display: none;
}

.select-health .option-list {
	display: none;
	position: absolute;
	left: 0;
	top: 120px;
	right: -2px;
	z-index: 10;
	border: 1px solid #ddd;
	border-top: none;
	background-color: #fff;
}

.select-health:first-child .option-list {
	left: -1px;
	right: -1px;
}

.select-health .option-list li {

}

.select-health .option-list a {
	display: block;
	min-height: 76px;
	padding: 20px 40px;
	box-sizing: border-box;
	font-size: 20px;
	color: #555;
}

.select-health .option-list a:hover, .select-health .option-list a:focus,
	.select-health .option-list .active a {
	background-color: #f8f8f8;
	color: #000;
}

.select-health.active .btn-select:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.select-health.active .btn-select:before {
	top: 0;
	height: 100%;
}

.select-health.active .option-list {
	display: block;
}

.select-health.active:first-child .btn-select:before {
	display: block;
	left: auto;
	right: -1px;
	z-index: 1;
}

.health-trend {
	position: relative;
	margin: 40px auto 0;
	max-width: 1740px;
	min-width: 1280px;
	padding-top: 580px;
	overflow: hidden;
}

.health-trend .health-news {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1740px;
	height: 580px;
	overflow: hidden;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.health-trend .health-news .news-item {
	border: 1px solid #ddd;
	transform: scale(0.829);
	-ms-transform: scale(0.829);
	box-sizing: border-box;
	opacity: 0.3;
	transition: all 300ms ease-in-out 0s
} /* 2019-07-09 ie9 -ms- transform 추가 */
.health-trend .health-news .swiper-slide-prev, .health-trend .health-news .swiper-slide-next
	{
	transform: scale(0.829);
	-ms-transform: scale(0.829);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.health-trend .health-news .swiper-slide-active {
	opacity: 1;
	transform: scale(1);
	-ms-transform: scale(1);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.health-trend .health-news img {
	width: 100%;
	height: 100%;
}

.health-trend .health-news .slick-util-group {
	position: static;
}

.health-trend .health-news .arrow-right, .health-trend .health-news .arrow-left
	{
	position: absolute;
	left: 580px;
	top: 50%;
	display: block;
	width: 50px;
	height: 70px;
	background: url('/cjom/web/images/common/icon_lg_slider.png') 0 0
		no-repeat;
	text-indent: -9999px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.health-trend .health-news .arrow-right {
	left: auto;
	right: 580px;
	background-position-x: -50px;
}

.health-trend .health-news .slick-disabled {
	opacity: .5;
}

.health-trend .health-news .btn-play-toggle {
	margin-left: 10px;
}

.health-trend .health-news .swiper-pagination-fraction {
	position: absolute;
	left: 50%;
	bottom: 30px;
	display: inline-block;
	width: 94px;
	height: 40px;
	border-radius: 22px;
	line-height: 40px;
	color: rgba(255, 255, 255, .6);
	letter-spacing: 4px;
	font-weight: normal;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.health-trend .health-news .swiper-pagination-current {
	margin-right: 3px;
	color: #fff;
	font-weight: normal;
}

.health-trend .health-news .swiper-pagination-total {
	margin-left: 3px;
}

.health-trend .trend-product {
	float: left;
	width: 640px;
	height: 640px;
	padding: 40px 60px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-left: none;
	background-color: #fff;
}

.health-trend .trend-product .nodata>.inner {
	height: 560px;
}

.health-trend .trend-product .nodata:after {
	display: none;
}

.health-trend .noti-text {
	margin-top: 15px;
}

.health-trend .btn-area {
	margin-top: 60px;
}

.health-trend .btn-default-lg {
	min-width: 300px;
}

/* .section-health-premium .slider-banner {margin-top:40px;}*/
.recipe-box-health {
	margin-top: 30px;
	border: none;
	border-top: 1px solid #aaa;
}

[class^='recipe-box'] .health-content {
	width: 588px;
}

[class^='recipe-box'] .health-content .copy {
	margin-bottom: 5px;
	font-size: 18px;
	color: #767676;
}

[class^='recipe-box'] .health-content .btn-area {
	width: 100%;
	margin-top: 30px;
}

[class^='recipe-box'] .health-content .btn-area:after {
	content: '';
	display: block;
	clear: both;
}

[class^='recipe-box'] .health-content .btn-area .btn-counsel {
	float: left;
	width: calc(( 100% - 10px)/2);
	margin: 0;
}

[class^='recipe-box'] .health-content .btn-area .btn-counsel+.btn-counsel
	{
	margin-left: 10px;
}

.recipe-box-health .title {
	padding-right: 50px;
	font-size: 34px;
	line-height: 40px;
	max-height: 60px;
	overflow: hidden;
	color: #000;
}

.recipe-box-health .image-viewer {
	width: 550px;
}
/* 2019-07-24 건강솔루션 키비 정렬 수정 */
.recipe-box-health .image-viewer .thumb-view {
	position: relative;
	width: 550px;
	height: 550px;
}

.recipe-box-health .image-viewer .thumb-view>img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 550px;
	height: auto;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.recipe-box-health .image-viewer .thumb-list li {
	vertical-align: top;
}

.recipe-box-health .image-viewer .thumb-list li a {
	position: relative;
	height: 80px;
	width: 80px;
}

.recipe-box-health .image-viewer .thumb-list li a img {
	position: absolute;
	top: 50%;
	left: 0;
	height: auto;
	width: 80px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
/* 2019-07-24 건강솔루션 키비 정렬 수정 */

/* 이벤트 상세 */
.event-detail {
	margin-top: 40px;
	border-top: 1px solid #aaa;
}

.event-detail .event-head {
	position: relative;
	padding: 15px 100px 15px 30px;
	border-bottom: 1px solid #ddd;
}

.event-detail .event-head .event-title {
	font-weight: 500;
	font-size: 20px;
	color: #000;
}

.event-detail .event-head .date {
	position: absolute;
	right: 28px;
	top: 20px;
	font-size: 15px;
	color: #555;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.event-detail .event-content {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}

.event-detail+.btn-area {
	margin-top: 40px;
}

/* 쿠폰혜택 */
.s-coupon-wrap .page-title {margin-top:0;padding:30px 0 26px;font-size:35px;line-height:42px;font-weight:normal;}
.s-coupon-wrap .s-coupon-nav .is-fixed {width:100%;left:0 !important;right:0;top:146px !important;}
.s-coupon-wrap .m-cookit-nav-wp {width:100%;height:75px;border-bottom:1px solid #e0e0e0;background-color:#fff;}
.s-coupon-wrap .s-coupon-nav [data-sticky] {z-index:100 !important;}
.s-coupon-wrap .s-coupon-cate1 {height:64px;background-color:#e2e2e2;}
.s-coupon-wrap .s-coupon-cate1 ul {overflow:hidden;width:1280px;margin:0 auto;}
.s-coupon-wrap .s-coupon-cate1 ul li {float:left;width:33.3%;text-align:center;}
.s-coupon-wrap .s-coupon-cate1 ul li:last-child {width:33.4%;}
.s-coupon-wrap .s-coupon-cate1 ul li.active {background-color:#222;}
.s-coupon-wrap .s-coupon-cate1 ul li a {display:block;color:#777;font-size:20px;height:64px;line-height:64px;}
.s-coupon-wrap .s-coupon-cate1 ul li.active a {color:#fff;}
.s-coupon-wrap .s-coupon-cate2 {height:64px;border-bottom:1px solid #dfe3e1;background-color:#fff;}
.s-coupon-wrap .s-coupon-cate2 ul {overflow:hidden;width:1280px;margin:0 auto;}
.s-coupon-wrap .s-coupon-cate2 ul li {width:25%;float:left;}
.s-coupon-wrap .s-coupon-cate2 ul li a {position:relative;display:block;color:#767676;font-size:18px;line-height:64px;height:64px;text-align:center;}
.s-coupon-wrap .s-coupon-cate2 ul li a.active {color:#333;font-weight:bold;}
.s-coupon-wrap .s-coupon-cate2 ul li a.active:after {position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#000;content:'';}
.s-coupon-wrap .s-coupon-visual {height:200px;}
.s-coupon-wrap .s-coupon-visual01 {background:#e1f3ed url('/cjom/web/images/contents/coupon/bg-visual-counpon01.png') no-repeat 50% 0;background-size:auto 200px;}
.s-coupon-wrap .s-coupon-visual02 {background:#ede8fa url('/cjom/web/images/contents/coupon/bg-visual-counpon03.png') no-repeat 50% 0;background-size:auto 200px;}
.s-coupon-wrap .s-coupon-visual03 {background:#fae8e0 url('/cjom/web/images/contents/coupon/bg-visual-counpon02.png') no-repeat 50% 0;background-size:auto 200px;}
.s-coupon-wrap .s-coupon-visual h3 {text-indent:-999999em;font-size:0;color:transparent;}
.s-coupon-wrap .s-coupon-visual p {text-indent:-999999em;font-size:0;color:transparent;}
.s-coupon-wrap .giftcard-info {padding:90px 0 100px;}
.s-coupon-wrap .giftcard-info .giftcard-tit {font-size:40px;font-weight: bold;line-height:40px;color:#222;text-align:center;}
.s-coupon-wrap .giftcard-info .giftcard-desc {margin-top:15px;display:block;font-size:20px;line-height:20px;color:#767676;text-align:center;letter-spacing:-1px;}
.s-coupon-wrap .giftcard-list {width:800px;margin:60px auto 0;}
.s-coupon-wrap .btn-giftcard-more {text-align:right;}
.s-coupon-wrap .btn-giftcard-more a {color:#999;font-size:15px;line-height:15px;padding-right:11px;background:url('/cjom/web/images/contents/coupon/ico-arrow01.svg') no-repeat 100% 6px;background-size:7px 12px;}
.s-coupon-wrap .giftcard-list .list {overflow:hidden;margin-top:17px;}
.s-coupon-wrap .giftcard-info .list:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;}
.s-coupon-wrap .giftcard-info .list li {float:left;width:360px;}
.s-coupon-wrap .giftcard-info .list li:last-child {float:right;}
.s-coupon-wrap .giftcard-info .list li .img-box {display: block;}
.s-coupon-wrap .giftcard-info .list li .list-title {display: block;margin-top:20px;font-size:28px;line-height:28px;color:#333;text-align:center;font-weight:500;letter-spacing:-1px;}
.s-coupon-wrap .giftcard-info .list li .list-desc {display: block;margin-top:4px;font-size:18px;color:#767676;line-height:23px;text-align:center;letter-spacing:-1px;}
.s-coupon-wrap .giftcard-info .list li .btn-buy {margin-top:30px;}
.s-coupon-wrap .giftcard-info .list li .btn-buy a {display:block;width:280px;height:70px;line-height:70px;color:#f8f8f8;font-size:22px;text-align:center;margin:0 auto;background-color:#222;}
.s-coupon-wrap .giftcard-info .giftcard-etc {margin-top:60px;text-align:center;}
.s-coupon-wrap .giftcard-info .giftcard-etc a {position:relative;display:inline-block;height:24px;line-height:24px;font-size:22px;color:#333;}
.s-coupon-wrap .giftcard-info .giftcard-etc a:first-child {margin-right:17px;padding:0 20px 0 40px;background: url('/cjom/web/images/contents/coupon/icon-coupon-giftcard01.svg') no-repeat 0 2px;background-size:33px 22px;}
.s-coupon-wrap .giftcard-info .giftcard-etc a:first-child:after {position:absolute;right:0;top:1px;width:1px;height:22px;background-color:#ddd;content:'';}
.s-coupon-wrap .giftcard-info .giftcard-etc a:last-child {padding-left:28px;background: url('/cjom/web/images/contents/coupon/icon-coupon-giftcard02.svg') no-repeat 0 2px;background-size:20px 21px;}
.s-coupon-wrap .giftcard-info .btn-mygiftcard {margin-top:20px;text-align:center;}
.s-coupon-wrap .giftcard-info .btn-mygiftcard a {display:inline-block;width:200px;height:50px;line-height:50px;font-size:18px;border:1px solid #ddd;margin:0 auto;color:#333;border-radius:30px;}
.s-coupon-noti {color:#333;background-color:#f8f8f8;}
.s-coupon-noti .contents {padding:50px 230px;box-sizing: border-box;}
.s-coupon-noti h3 {margin-bottom:20px;font-size:20px;line-height:20px;}
.s-coupon-noti h4 {margin-bottom:10px;font-size:18px;line-height:18px;}
.s-coupon-noti h5 {margin-bottom:6px;font-size:14px;line-height:14px;}
.s-coupon-noti ul {margin-top:10px;padding-bottom:12px;}
.s-coupon-noti li {position:relative;margin-bottom:8px;padding:0 0 0 8px;font-size:14px;line-height:22px;color:#767676;}
.s-coupon-noti li:after {display:block;position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#767676;content:'';}
.s-coupon-noti li a {text-decoration:underline;color:#333;}
.s-coupon-cont h2 {width:auto;text-align:center;margin:0 auto;}
.s-coupon-cont h2 img {width:auto;height:100%;}
.s-coupon-cont .stitle {margin-top:5px;text-align:center;color:#767676;font-size:22px;line-height:22px;letter-spacing:-1px;}
#s-coupon-cont1 {padding:80px 0;}
#s-coupon-cont1 h2 {height:72px;}
#s-coupon-cont1 .stitle {width:1200px;margin:0 auto 10px;padding-bottom:60px;border-bottom:1px solid #333;}
.coupon-section {position:relative;display:table;width:1200px;margin:0 auto;padding:40px 0 10px;border-bottom:1px dotted  #ddd;}
.coupon-section:after {content: '';	display: block;	clear: both;}
.coupon-section:last-child {border-bottom:0;}
.coupon-section.coupon-section-first:before {width:0;height:0;}
.coupon-section .coupon-section-left {float:left;vertical-align:top;width:360px;}
.coupon-section h3 {font-size:28px;line-height:36px;font-weight:500;color:#333;}
.coupon-section .date {margin-top:14px;color:#999;font-size:16px;line-height:16px;}
.coupon-section .link {margin-top:50px;}
.coupon-section .link a {padding-right:15px;color:#1ba774;font-size:16px;line-height:16px;background:url('/cjom/web/images/contents/coupon/ico-arrow02.svg') no-repeat 100% 55%;background-size:7px 12px;}
.coupon-section .s-coupon-list {display:table-cell;vertical-align:top;width:610px;}
.coupon-section .btn-area {display:table-cell;vertical-align:middle;padding-bottom:44px;}
.coupon-section .btn-area a {display:block;font-size:18px;width:180px;height:50px;line-height:48px;background-color:#222;}
.coupon-section .btn-area a span {color:#fff;}
.coupon-section .btn-area a.btn-down span {padding-right:22px;background:url('/cjom/web/images/contents/coupon/ico-coupon-down.svg') no-repeat 100% 6px;background-size:16px;}
.coupon-section .btn-area a.btn-sm {font-size:14px;line-height:47px;}
.coupon-section .s-coupon-list {overflow:hidden;}
.coupon-section .s-coupon-list li {float:left;margin:0 20px 20px 0;}
.coupon-section .s-coupon-list li .coupon {position:relative;width:278px;height:156px;border:1px solid #1ba774;background: url(/cjom/web/images/contents/coupon/bg-coupon-01.png) no-repeat 100% 0;background-size:86px 157px;}
	.coupon-section .s-coupon-list li.prime .coupon {border:1px solid #d4a14c;background: url(/cjom/web/images/contents/coupon/bg-coupon-02.png) no-repeat 100% 0;background-size:86px 157px;}
	.coupon-section .s-coupon-list li.end .coupon {border:1px solid #ccc;background: url(/cjom/web/images/contents/coupon/bg-coupon-03.png) no-repeat 100% 0;background-size:86px 157px;}
.coupon-section .s-coupon-list li .coupon .coupon-wp {display:block;height:156px;padding:23px 70px 0 25px;box-sizing:border-box;background: url(/cjom/web/images/contents/coupon/btn-coupon-down2.svg) no-repeat 93% 50%;background-size:20px 25px;}
.coupon-section .s-coupon-list li .coupon .coupon-wp.ty {background:none;}
	.coupon-section .s-coupon-list li.end .coupon .coupon-wp {background:none;}
.coupon-section .s-coupon-list li .coupon a {background: url(/cjom/mobile/images/sub/coupon/btn-coupon-down.svg) no-repeat 92% 50%;background-size:19px 24px;}
.coupon-section .s-coupon-list li .coupon .logo-cjmarket {height:12px;color:transparent;background: url(/cjom/web/images/contents/coupon/bi-coupon-logo01.svg) no-repeat 0 0;background-size:auto 12px;}
.coupon-section .s-coupon-list li.prime .coupon .logo-cjmarket {background: url(/cjom/web/images/contents/coupon/bi-coupon-logo03.svg) no-repeat 0 0;background-size:auto 12px;}
	.coupon-section .s-coupon-list li.end .coupon .logo-cjmarket {background: url(/cjom/web/images/contents/coupon/bi-coupon-logo02.svg) no-repeat 0 0;background-size:auto 12px;}
.coupon-section .s-coupon-list li .coupon .txt01 {margin-top:8px;font-size:16px;line-height:21px;letter-spacing:-1px;color:#000;}
	.coupon-section .s-coupon-list li.end .coupon .txt01 {color:#bbb;}
.coupon-section .s-coupon-list li .coupon .txt02 {margin-top:4px;font-size:14px;line-height:15px;letter-spacing:-1px;color:#666;}
	.coupon-section .s-coupon-list li.end .coupon .txt02 {color:#bbb;}
.coupon-section .s-coupon-list li .coupon .per {margin-top:3px;font-family:Arial;font-weight:bold;font-size:32px;height:50px;color:#121212;}
	.coupon-section .s-coupon-list li.end .coupon .per {color:#bbb;}
.coupon-section .s-coupon-list li .coupon .per strong {position:relative;top:3px;font-family:Arial;font-weight:bold;margin-right:2px;vertical-align:baseline;font-size:48px;line-height:48px; letter-spacing:-1.2px;}
.coupon-section .s-coupon-list li .label {display:block;padding-right:5px;font-size:12px;border-radius:0 0 0 3px;  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);letter-spacing:-1px;height:21px;line-height:21px;position:absolute;right:-1px;top:-1px;background-color:#fff;}
.coupon-section .s-coupon-list li.app .label {color:#1ba774;border:1px solid #1ba774;padding-left:16px;background:#fff url(/cjom/web/images/contents/coupon/icon-label-app.svg) no-repeat 5px 5px;background-size:8px 11px;}
.coupon-section .s-coupon-list li.prime .label {color:#d4a14c;border:1px solid #d4a14c;padding-left:18px;background:#fff url(/cjom/web/images/contents/coupon/icon-label-prime.svg) no-repeat 5px 6px;background-size:12px 10px;}
.coupon-section .s-coupon-lis.coupon-section .s-coupon-list li .coupon .pert li.end .label {color:#bababa;border:1px solid #ccc;}
.coupon-section .s-coupon-list li.prime.end .label {background:#fff url(/cjom/web/images/contents/coupon/icon-label-prime2.svg) no-repeat 5px 6px;background-size:12px 10px;}
.coupon-section .s-coupon-list li.app.end .label {background:rgb(255, 255, 255) url(/cjom/web/images/contents/coupon/icon-label-app2.svg) no-repeat 5px 5px;background-size:8px 11px;}
.coupon-section .s-coupon-list li .refer {margin-top:6px;font-size:13px;line-height:20px;color:#666;}
	.coupon-section .s-coupon-list li.end .refer {color:#bbb;}
.coupon-section .s-coupon-list li.end .state {position:absolute;right:0;top:60px;width:60px;color:#fff;line-height:20px;font-size:16px;letter-spacing:-1px;font-weight:bold;text-align:center;}
#s-coupon-cont2 {padding:70px 0 86px;background-color:#f5f8f7;}
#s-coupon-cont2 h2 {height:83px;}
#s-coupon-cont2.new_type .btn-area {margin-top:45px;}
#s-coupon-cont2.new_type .btn-area a {display:block;width:280px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:22px;color:#fff;background-color:#222;}

#s-coupon-cont2.new_type .s-coupon-app-way{margin-top:60px;}

.s-coupon-app-benefit {margin-top:67px;overflow:hidden;text-align:center;display:flex;display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; justify-content:center;}
.s-coupon-app-benefit li {display:inline-block;width:240px;text-align:center;}
.s-coupon-app-benefit li .thumb {width:130px;height:130px;margin:0 auto;background-color:#fff;border-radius:100%;}
.s-coupon-app-benefit li:nth-child(1) .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be01.svg) no-repeat 62% 50%;background-size:74px 67px;}
.s-coupon-app-benefit li:nth-child(2) .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be02.svg) no-repeat 50%;background-size:93px 47px;}
.s-coupon-app-benefit li:nth-child(2).new .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be02-n.png) no-repeat 50%;background-size:93px 47px;}
.s-coupon-app-benefit li:nth-child(3) .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be03.svg) no-repeat 57% 50%;background-size:76px 68px;}
.s-coupon-app-benefit li.point .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be06.svg) no-repeat 57% 50%;background-size:90px 74px;}
.s-coupon-app-benefit li:nth-child(4) .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be04.svg) no-repeat 50%;background-size:60px 61px;}
.s-coupon-app-benefit li:nth-child(5) .thumb {background:#fff url(/cjom/web/images/contents/coupon/icon-coupon-be05.svg) no-repeat 50%;background-size:96px 64px;}
.s-coupon-app-benefit li .tit {margin-top:20px;font-size:24px;line-height:24px;letter-spacing:-1px;font-weight:bold;color:#333;font-weight:bold;}
.s-coupon-app-benefit li .txt {margin-top:6px;font-size:16px;line-height:22px;letter-spacing:-1px;color:#767676;}
.s-coupon-app-benefit li .txt.emp {color:#333;}
.s-coupon-app-benefit.new__coupon{margin-top:48px;}
.s-coupon-app-benefit.new__coupon li{width:280px;}
.s-coupon-app-benefit.new__coupon li+li{margin-left:10px;}
.s-coupon-app-benefit.new__coupon li.plus{position:relative;padding-left:46px;}
.s-coupon-app-benefit.new__coupon li.plus:before{content:'';position:absolute;top:50%;left:2px;width:32px;height:32px;background:url(/cjom/web/images/contents/coupon/img-coupon-push-plus.svg) no-repeat 0 0;background-size:100% auto;transform:translateY(-50%);}
.s-coupon-app-way {width:1200px;margin:50px auto 0;height:240px;background-color:#e5eeea;}
.s-coupon-app-way h3 {padding:35px 0;text-align:center;color:#333;font-size:24px;line-height:24px;font-weight:normal;}
.s-coupon-app-way h3 strong {font-weight:bold;}
.s-coupon-app-way ol {overflow:hidden;padding-left:60px;}
.s-coupon-app-way ol li {float:left;position:relative;width:340px;min-height:110px;}
.s-coupon-app-way ol li:nth-child(1) {width:320px;}
.s-coupon-app-way ol li:nth-child(2) {margin:0 45px 0 55px;}
.s-coupon-app-way ol li .no {display:block;font-family:Roboto;font-size:14px;line-height:14px;color:#333;}
.s-coupon-app-way ol li .tit {display:block;margin-top:5px;font-size:18px;line-height:18px;color:#333;font-weight:500;}
.s-coupon-app-way ol li .desc {display:block;margin-top:13px;font-size:14px;line-height:18px;color:#767676;}
.s-coupon-app-way ol li .bttn-area {position:absolute;right:0;top:38px;}
.s-coupon-app-way ol li .bttn-area a {display:block;width:154px;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:center;background-color:#222;}
.s-coupon-app-way ol li .thumb {position:absolute;right:0;top:0;width:110px;height:110px;background-color:#f5f8f7;border-radius:100%;}
.s-coupon-app-way ol li:nth-child(2) .thumb {background:#f5f8f7 url(/cjom/web/images/contents/benefit/qr.png) no-repeat 50%;background-size:70px;}
.s-coupon-app-way ol li:nth-child(3) .thumb {background:#f5f8f7 url(/cjom/web/images/contents/coupon/icon-coupon-way02.svg) no-repeat 50%;background-size:110px;}
#s-coupon-cont3 {padding:80px 0 0;background-color:#fff;}
#s-coupon-cont3 h2 {height:80px;}
#s-coupon-cont3 h3 {text-align:center;margin-top:40px;color:#333;font-size:30px;line-height:38px;font-weight:normal;}
.welcome-coupon-wp {position:relative;margin:60px auto 0;width:1191px;overflow:hidden;}
.welcome-coupon-wp:after {displaay:block;position:absolute;left:50%;top:0;width:1px;height:100%;content:'';background-color:#ddd;}
.welcome-coupon-wp .welcome-coupon {float:left;width:50%;box-sizing:border-box;}
.welcome-coupon-wp .welcome-coupon h3 {margin-top:12px;height:105px;font-size:30px;line-height:38px;font-weight:normal;text-align:center;color:#333;}
.welcome-coupon-wp .welcome-coupon .label {color:#fff;font-size:18px;width:80px;height:32px;line-height:32px;margin:0 auto;text-align:center;background-color:#333;border-radius:30px;}
.welcome-coupon-wp .welcome-coupon h4 {margin-bottom:15px;font-size:18px;line-height:18px;font-weight:normal;text-align:center;color:#333;}
.welcome-coupon-wp .welcome-coupon h4 span {color:#1ba774;font-weight:bold;}
.welcome-coupon-wp .welcome-coupon .c-list {overflow:hidden;padding:0 0 10px 55px;}
.welcome-coupon-wp .welcome-coupon:nth-child(2) .c-list {margin-top:31px;}
.welcome-coupon-wp .welcome-coupon .c-list li {float:left;width:155px;margin:0 10px 10px 0;}
.welcome-coupon-wp .welcome-coupon .bttn-area {margin-top:25px;}
.welcome-coupon-wp .welcome-coupon .bttn-area a {display:block;width:280px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:22px;color:#fff;background-color:#222;}
.wel-coupon {margin:14px auto 0;width:596px;overflow:hidden;}
.wel-coupon .c-list {overflow:hidden;padding:16px 16px 0 0;}
.wel-coupon .c-list li {float:left;}
.wel-coupon .c-list li:nth-child(2) {float:right;}
.wel-coupon .c-list li .thumb {position:relative;}
.wel-coupon .c-list li .thumb img {vertical-align:top;}
.wel-coupon .c-list li .thumb .label {position:absolute;right:-16px;top:-16px;width:67px;height:67px;display:block;text-indent:-9999px;font-size:0;background:url(/cjom/web/images/contents/coupon/icon-coupon-100p.svg) no-repeat 50%;background-size:67px;}
.wel-coupon .c-list li .thumb .label.type2 {background: url(/cjom/web/images/contents/coupon/icon-coupon-first.svg) no-repeat 50%;background-size:67px;}
.wel-coupon .c-list li .desc {margin-top:5px;font-size:13px;line-height:20px;color:#666;}
.wel-coupon .bttn-area {margin-top:30px;}
.wel-coupon .bttn-area a {display:block;width:280px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:22px;color:#fff;background-color:#222;}


#s-coupon-cont3 .s-coupon-noti {width:1191px;margin:90px auto;padding:50px 80px;box-sizing:border-box;}
#s-coupon-cont4 {padding:70px 0 80px;background:#f5e6cf url(/cjom/web/images/contents/coupon/bg-coupon-cont4.png) no-repeat 0 0;background-size:auto 1048px;}
#s-coupon-cont4 h2 {height:80px;}
.coupon-theprime {width:1200px;margin:70px auto 0;}
.coupon-theprime-tab {overflow:hidden;}
.coupon-theprime-tab li {width:50%;float:left;}
.coupon-theprime-tab li a {display:block;widht:100%;height:70px;line-height:70px;font-size:26px;color:#333;text-align:center;background-color:#ddd;}
.coupon-theprime-tab li.active a {font-weight:bold;color:#fff;background-color:#d4a14c;}
.coupon-theprime [data-tab-content] {position:relative;}
.coupon-theprime [data-tab-content] a {position:absolute;left:550px;top:240px;font-size:0;display:block;width:100px;height:30px;color:transparent;}
.coupon-theprime .bttn-area {margin-top:40px;}
.coupon-theprime .bttn-area a {display:block;width:280px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:22px;color:#fff;background-color:#d4a14c;}
.coupon-wrap .wing-bnr-wrap {
	top: 630px;
}

.coupon-tab {
	margin-top: 25px;
	background: #000;
}

.coupon-tab ul {
	margin: 0 auto;
	width: 1280px;
}

.coupon-tab ul:after {
	content: '';
	display: block;
	clear: both;
}

.coupon-tab ul>li {
	position: relative;
	float: left;
	width: 20%;
}

.coupon-tab ul>li+li:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -1px;
	height: 40px;
	width: 1px;
	margin-top: -20px;
	opacity: 0.2;
	background: #fff;
}

.coupon-tab ul>li a {
	display: block;
	text-align: center;
	font-size: 20px;
	height: 80px;
	opacity: 0.4;
	line-height: 30px;
	color: #fff;
}

.coupon-tab ul>li a:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.coupon-tab ul>li a span {
	display: inline-block;
	vertical-align: middle;
}

.coupon-tab ul>li.active:after {
	display: none;
}

.coupon-tab ul>li.active a {
	color: #0f5333;
	opacity: 1;
}

.coupon-tab ul>li.active a span {
	font-weight: 700;
	border-bottom: 2px solid #0f5333;
}

.coupon-tab ul>li.tab-theprime.active a {
	color: #fff;
}

.coupon-tab ul>li.tab-theprime.active a span {
	border-bottom: 1px solid #fff;
}

.coupon-tab ul .tab-coupon.active, .coupon-visual-coupon {
	background: #faefcd;
}

.coupon-tab ul .tab-app.active, .coupon-visual-app {
	background: #d9e2e9;
}

.coupon-tab ul .tab-app.active a {
	color: #263f50;
}

.coupon-tab ul .tab-app.active span {
	border-color: #263f50;
}

.coupon-tab ul .tab-prime.active, .coupon-visual-prime {
	background: #dcecdd;
}

.coupon-tab ul .tab-theprime.active, .coupon-visual-theprime {
	background-color: #2e5754;
}

.coupon-tab ul .tab-theprime.active {
	position: relative;
}

.coupon-tab ul .tab-theprime.active:before {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 80px;
	background-color: #2e5754;
	content: '';
	z-index: 1;
}

.coupon-tab ul .tab-cjone.active, .coupon-visual-cjone {
	background: #ddd9eb;
}

.coupon-tab ul .tab-cjone.active a {
	color: #000;
}

.coupon-tab ul .tab-cjone.active span {
	border-color: #000;
}

.coupon-tab ul .tab-giftcard.active, .coupon-visual-giftcard {
	background: #fbe0d4;
}

.coupon-tab ul .tab-giftcard.active a {
	color: #672606;
}

.coupon-tab ul .tab-giftcard.active span {
	border-color: #672606;
}

.coupon-key-visual {
	position: relative;
	overflow: hidden;
	height: 430px;
}

.coupon-key-visual img.key-visual {
	position: absolute;
	top: 0;
	left: 50%;
	width: 2200px;
	max-width: none;
	margin-left: -1100px;
}
/* 쿠폰혜택 프라임 */
.theprime-coupon-top {
	height: 544px;
	text-align: center;
	box-sizing: border-box;
}

.theprime-coupon-top h2 {
	padding-top: 173px;
	color: #bf966d;
	font-size: 72px;
	line-height: 87px;
	letter-spacing: -3px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat
		50% 75px;
	background-size: 95px 81px;
}

.theprime-coupon-top h2 span {
	display: block;
	font-size: 40px;
	line-height: 43px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 0;
}

.theprime-coupon-top h2 strong {
	color: #fff;
}

.theprime-coupon-top .txt {
	margin-top: 20px;
	line-height: 36px;
	font-size: 24px;
	color: #fff;
	letter-spacing: -1px;
}

.benefit-head {
	margin-top: 100px;
	text-align: center;
}

.benefit-head .title {
	font-size: 40px;
	color: #000;
	font-weight: normal;
	line-height: 45px;
}

.benefit-head .title .num {
	display: block;
	margin-bottom: 12px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
	color: #2a715a;
	font-size: 60px;
}

.benefit-head .copy {
	margin-top: 20px;
	font-size: 22px;
	color: #767676;
	line-height: 32px;
}

.btn-benefit {
	margin-top: 20px;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	padding: 0 70px;
	background-color: #000;
	color: #fff;
	font-size: 22px;
}

.title-benefit {
	margin-top: 60px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

.title-benefit .small {
	margin-left: 10px;
	font-size: 16px;
	color: #767676;
}

.benefit-prime-list {
	margin-top: 12px;
}

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

.benefit-prime-list li {
	float: left;
	width: 602px;
	text-align: center;
}

.benefit-prime-list li+li {
	margin-left: 40px;
}

.benefit-prime-list li .name {
	margin-top: 10px;
	font-size: 24px;
	color: #000;
}

.benefit-prime-list li .memo {
	font-size: 18px;
	color: #767676;
}

.benefit-prime-list.column3 li {
	width: 388px
}

.benefit-welcome {
	width: 1140px;
	margin: 0 auto;
}

.benefit-welcome-list {
	margin-top: 12px;
	font-size: 0;
	text-align: center;
}

.benefit-welcome-list li {
	display: inline-block;
	width: 360px;
	text-align: center;
}

.benefit-welcome-list li+li {
	margin-left: 30px;
}

.benefit-welcome-list li .memo {
	margin-top: 10px;
	font-size: 16px;
	color: #767676;
	text-align-last: left;
}

.benefit-mobile-list {
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}

.benefit-mobile-list li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.benefit-mobile-list li+li {
	margin-left: 60px;
}

.benefit-mobile-list li:before {
	content: '';
	display: block;
	width: 190px;
	height: 190px;
	margin: 0 auto 22px;
	background: url('/cjom/web/images/contents/benefit/spr_app.png') 0 0
		no-repeat;
}

.benefit-mobile-list .item2:before {
	background-position: -190px 0;
}

.benefit-mobile-list .item3:before {
	background-position: -380px 0;
}

.benefit-mobile-list .item4:before {
	background-position: -570px 0;
}

.benefit-mobile-list .item5:before {
	background-position: -760px 0;
}

.market-app-down .name, .benefit-mobile-list li .name {
	font-size: 30px;
	color: #000;
	line-height: 35px;
	font-weight: 500;
}

.market-app-down .memo, .benefit-mobile-list li .memo {
	font-size: 18px;
	color: #767676;
}

.market-app-down .name .desc, .benefit-mobile-list li .name .desc {
	display: block;
	line-height: 24px;
	font-size: 18px;
}

.market-app-down {
	margin-top: 10px;
	font-size: 0;
	text-align: center;
}

.market-app-down li {
	display: inline-block;
	width: 416px;
	height: 416px;
	text-align: center;
	background-color: #f2f6f4;
	vertical-align: top;
}

.market-app-down li+li {
	margin-left: 16px;
}

.market-app-down li:before {
	content: '';
	display: block;
	width: 190px;
	height: 190px;
	margin: 30px auto 15px;
	background: url('/cjom/web/images/contents/benefit/spr_app.png') 0
		-190px no-repeat;
}

.market-app-down .item2 .img-box {
	display: block;
	width: 190px;
	height: 190px;
	margin: 30px auto 15px;
	line-height: 190px;
}

.market-app-down .item2 .img-box img {
	vertical-align: middle;
}

.market-app-down .item2:before {
	display: none;
}

.market-app-down .item3:before {
	background-position: -190px -190px;
}

.market-app-down .memo {
	margin-top: 5px;
	line-height: 25px;
}

.market-app-down .btn-black-sm {
	margin-top: 20px;
}

.benefit-cjone-list {
	margin-top: 50px;
}

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

.benefit-cjone-list li {
	position: relative;
	float: left;
	width: 406px;
	height: 648px;
	padding: 0 35px;
	box-sizing: border-box;
	background-color: #f3f7f5;
}

.benefit-cjone-list li+li {
	margin-left: 30px;
}

.benefit-cjone-list li:before {
	position: absolute;
	left: 94px;
	top: 168px;
	content: '';
	display: block;
	width: 220px;
	height: 220px;
	background: url('/cjom/web/images/contents/benefit/spr_point.png') 0 0
		no-repeat;
}
.benefit-cjone-list.new .item1:before {background: url('/cjom/web/images/contents/benefit/ico-coupon-01-1.svg') no-repeat 0 0;}
.benefit-cjone-list .item2:before {
	background-position: -220px 0;
}

.benefit-cjone-list .item3:before {
	background-position: -440px 0;
}

.benefit-cjone-list .text1 {
	margin-top: 40px;
	font-size: 25px;
	color: #000;
	text-align: center;
}

.benefit-cjone-list .text2 {
	margin-top: 320px;
	font-size: 20px;
	line-height: 25px;
	color: #000;
}

.benefit-cjone-list .text3 {
	margin-top: 10px;
	font-size: 16px;
	color: #767676;
}

.btn-area-benefit {
	margin-top: 50px;
	text-align: center;
}

.btn-area-benefit .btn-black {
	height: 70px;
	width: 355px;
	font-size: 24px;
	line-height: 70px;
}

.cjone-banner {
	margin-top: 23px;
}

.cjone-banner:after {
	content: '';
	display: block;
	clear: both;
}

.cjone-banner .cjone-banner-item {
	float: left;
	width: 626px;
}

.cjone-banner .cjone-banner-item+.cjone-banner-item {
	margin-left: 28px;
}

.cjone-banner-item img {
	vertical-align: top;
}

/* btn-top */
.btn-top {
	margin-top: -40px;
	text-align: right;
}

/* Event */
.event-list {
	margin-top: 40px;
}

.event-list.no-border {
	border-bottom: none;
}

.event-list:after {
	content: "";
	clear: both;
	display: block;
}

.event-list .event-item {
	position: relative;
	float: left;
	width: 408px;
	margin: 0 0 51px 28px
}

.event-list .event-item:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}

.event-list .event-item .thumb {
	display: block;
	height: 204px;
	margin-bottom: 15px;
}
.m-event-list .event-item .thumb {
	height: 204px;
}
.event-list .event-item .thumb img {
	height: 100%;
	width: 100%;
}

.event-list .event-item .flag-area {
	display: block;
	overflow: hidden;
}

.event-list .event-item .flag-area .flag {
	float: left;
	display: inline-block;
	height: 27px;
	line-height: 27px;;
	padding: 0 10px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.event-list .event-item .flag-area .flag01 {
	background-color: #2a715a;
}

.event-list .event-item .flag-area .flag02 {
	background-color: #f72a66;
}

.event-list .event-item .flag-area .flag03 {
	background-color: #ccc;
}

.event-list .event-item .flag-area .flag04 {
	background-color: #2e5754;
}

.event-list .event-item .flag-area .flag04 em {
	padding-left: 17px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 0
		50%;
	background-size: 14px 11px;
}

.event-list .event-item .flag-area .flag-txt {
	display: table-cell;
	vertical-align: middle;
	width: 55px;
	height: 55px;
	line-height: 18px;
	text-align: center;
	color: #fff;
}

.event-list .event-item .title {
	margin-top: 7px;
	font-size: 20px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.event-list .event-item .date {
	display: block;
	font-size: 15px;
	color: #555;
	letter-spacing: 0;
}

.event-list .event-item .txt {
	display: block;
	font-size: 15px;
	color: #555;
}

#container.cols-2 .event-list .event-item .thumb {
	height: 204px;
}

.event-list-slider {
	padding-top: 10px;
	white-space: nowrap;
	margin: 0 -14px;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	overflow: hidden;
}

.event-list-slider.slick-slider {
	overflow: visible;
}

.event-list-slider .event-item {
	display: inline-block;
	float: none !important;
	width: 432px !important;
	margin: 0 14px !important;
	box-sizing: border-box;
	vertical-align: top;
}

.event-list-slider .event-item a {
	display: block;
}

.event-list-slider .event-item a .thumb {
	height: 216px;
}

.event-list-slider .event-item a .thumb img {
	width: 100%;
	height: 100%;
}
.event-list-slider .event-item a .tit {margin-top:0;display:block;font-size:20px;line-height:24px;max-height:24px;
    overflow: hidden;
    text-overflow: ellipsis;color:#000;
    word-break: break-all;
    box-sizing: border-box;
    word-wrap: break-word;}
.event-list-slider .event-item a .stit {margin-top:0;display:block;font-size:15px;line-height:19px;max-height:19px;color:#555;margin-top:6px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    box-sizing: border-box;
    word-wrap: break-word;}

.event-list-slider .slick-util-group {
	position: absolute;
	left: auto;
	right: 7px;
	top: -30px;
	bottom: auto;
	width: auto;
}

.event-list-slider .slick-arrow {
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon-slider.png') 0 -30px
		no-repeat;
	transform: none;
	-ms-transform: none;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.event-list-slider .slick-next {
	background-position: -30px -30px;
}

.event-list-slider .slick-arrow.slick-disabled {
	background-position: 0 0;
}

.event-list-slider .slick-next.slick-disabled {
	background-position: -30px 0;
}

.event-list-slider .slick-dots {
	display: none !important;
}

.event-list-slider .slick-count {
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	font-size: 15px;
}

.event-list-slider .slick-count strong {
	color: #000;
	margin-right: 5px;
}

.event-list-slider .slick-count span {
	margin-left: 5px;
}

/* view */
.view-top {
	text-align: right;
	height: 40px;
	padding-top: 13px;
}

.view-top .view-top-date {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #888;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.view-top .view-top-btn {
	display: inline-block;;
	vertical-align: middle;
	padding-left: 15px;
}

.view-title {
	display: table;
	width: 100%;
	margin-top: 40px;
	padding: 12px 0 13px 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	table-layout: fixed;
}

.view-title [class^=column-] {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.view-title .column-date {
	width: 200px;
	text-align: right;
}

.view-title .column-btn {
	width: 70px;
	padding-left: 20px;
}

.view-title .title {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.view-title .date {
	font-size: 15px;
	color: #555;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.btn-share {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
}

.btn-share:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	background: url('/cjom/web/images/common/spr_common.svg') -210px -90px
		no-repeat;
	background-size: 510px 210px;
}

.btn-share span {
	display: block;
	text-indent: -99999px;
}

.view-cont { /*padding:34px 30px; */
	font-size: 15px;
	color: #555;
}

.view-cont img, .view-cont iframe {
	vertical-align: top;
}

.line-btn-box {
	position: relative;
	margin-top: 60px;
	padding: 25px 30px;
	border: 1px solid #ddd;
}

.line-btn-box .txt {
	font-size: 15px;
	color: #000;
}

.line-btn-box [class^=btn-] {
	position: absolute;
	top: 30px;
	right: 30px;
}

/* coment-box */
.coment-box {
	display: table;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.coment-box .row {
	display: table-row;
}

.coment-box .row+.row [class^=column-] {
	border-top: 1px solid #ddd;
}

.coment-box .file-list {
	margin: -10px 0 0 -10px;
}

.coment-box .input-file {
	margin: 10px 0 0 10px;
}

.coment-box [class^=column-] {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	box-sizing: border-box;
}

.coment-box [class^=column-] {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	box-sizing: border-box;
}

.coment-box .column-label {
	width: 170px;
	padding: 0 30px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.coment-box .column-white {
	padding: 15px 30px;
}

.coment-box .column-btn {
	width: 100%;
}

.coment-box textarea {
	height: 150px;
}

.coment-box .comment {
	position: relative;
	padding: 15px 190px 15px 30px;
}

.coment-box .comment .txt {
	font-size: 15px;
	color: #000;
	word-break: break-all;
}

.coment-box .comment .url {
	display: block;
	margin-top: 8px;
	font-size: 15px;
	color: #2a715a;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.coment-box .comment .link-box {
	position: absolute;
	top: 14px;
	right: 15px;
}

.coment-box .comment .date-list {
	overflow: hidden;
	margin-top: 8px;
}

.coment-box .comment .date-list li {
	position: relative;
	float: left;
	font-size: 15px;
	color: #767676;
}

.coment-box .comment .date-list li+li {
	margin-left: 15px;
	padding-left: 15px;
}

.coment-box .comment .date-list li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
}

.coment-box .comment .img-list {
	overflow: hidden;
	margin: 0 0 0 -10px;
}

.coment-box .comment .img-list li {
	float: left;
	margin: 10px 0 0 10px;
}

.coment-box .comment .img-list li a {
	display: block;
	width: 100px;
	height: 100px;
}

.coment-box .btn-area {
	margin: 0;
	padding: 30px 0;
	background: #f8f8f8;
}

.coment-box .coment-box {
	border-top: none;
	background: #f8f8f8;
}

/* form-btn */
.form-btn {
	overflow: hidden;
	font-size: 0;
}

.form-btn [class^=input-] {
	width: calc(100% - 150px);
}

.form-btn [class^=input-] input {
	width: 100%;
}

.form-btn [class^=btn-] {
	margin-left: 10px;
}

/* img-detail-list */
.img-detail-list {
	margin-top: 40px;
}

.img-detail-list img {
	margin: 0 auto;
}

.img-detail-list .slick-util-group {
	position: static;
}

.img-detail-list .slick-arrow {
	position: absolute;
	top: 50%;
	right: 0;
	width: 34px;
	height: 34px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 2;
	text-indent: -99999px;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.img-detail-list .slick-prev {
	left: 0;
	right: auto;
	margin-top: -12px;
	transform: rotate(-180deg);
}

.img-detail-list .slick-arrow:before, .img-detail-list .slick-arrow:after
	{
	content: "";
	position: absolute;
	top: 15px;
	right: 16px;
	display: block;
	width: 1px;
	height: 14px;
	background: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.img-detail-list .slick-arrow:after {
	right: 9px;
	top: 11px;
	width: 14px;
	height: 1px;
}

.img-detail-list .slick-dots {
	display: none !important;
}

/* voting-item */
[class^=voting-list] {
	margin-top: 15px;
	border-top: 1px solid #ccc;
	text-align: center;
	font-size: 0;
}

.voting-item {
	position: relative;
	display: inline-block;
	margin: 40px 0 0 40px;
	width: 400px;
}

.voting-item:nth-child(3n+1) {
	margin-left: 0;
}

.voting-item .row {
	display: table;
	width: 100%;
}

.voting-item .column {
	display: table-cell;
	padding: 20px;
	height: 230px;
	box-sizing: border-box;
	background: #f8f8f8;
	vertical-align: middle;
	text-align: center;
}

.voting-item .column>.title {
	display: block;
	font-size: 18px;
	color: #2a715a;
}

.voting-item .column>.name {
	display: block;
	font-size: 26px;
	color: #000;
}

.voting-item .bottom {
	overflow: hidden;
	padding: 20px 30px;
}

.voting-item .bottom {
	border: 1px solid #ddd;
	border-top: none;
}

.voting-item .bottom .number-box {
	float: left;
	font-size: 0;
}

.voting-item .number-box .number {
	margin-right: 10px;
	font-size: 26px;
	color: #000;
	font-weight: bold;
}

.voting-item .number-box .people {
	font-size: 15px;
	color: #555;
}

.voting-item .bottom [class^=btn-] {
	float: right;
}

.voting-list-img {
	text-align: left;
}

.voting-list-img .row {
	display: block;
}

.voting-list-img .column {
	display: block;
	height: 231px;
	padding: 0;
}

.voting-list-img .column .title {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.voting-list-img .column .name img {
	display: block;
	height: 231px;
}

.voting-list-img .number-box .number {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background: #000;
	text-align: center;
	line-height: 64px;
	font-size: 22px;
	color: #fff;
}

.voting-list-img .number-box .people {
	position: absolute;
	top: 97px;
	left: 30px;
	width: 64px;
	color: #000;
	text-align: center;
	white-space: nowrap;
}

/* cooking-class */
.cooking-class {
	padding: 34px 0 0;
}

.cooking-class img {
	vertical-align: top;
}

/* survey-list */
.survey-list {
	counter-reset: surveyNum;
	margin-top: 15px;
	border-top: 1px solid #ccc;
}

.survey-list>li {
	padding: 40px 30px;
	border-bottom: 1px solid #ddd;
}

.survey-list .title {
	position: relative;
	padding-left: 36px;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

.survey-list .title:before {
	content: counter(surveyNum);
	counter-increment: surveyNum;
	position: absolute;;
	top: 2px;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 24px;
	text-align: center;
	background: #000;
}

.survey-list .title label {
	font-size: inherit;
}

.survey-list .list li {
	margin-top: 12px;
}

.survey-list .textarea, .survey-list .input-text {
	margin-top: 12px;
}

/* event-step */
.event-step {
	overflow: hidden;
	margin-top: 40px;
	border: 1px solid #ddd;
	counter-reset: eventStep;
}

.event-step li {
	position: relative;
	float: left;
	width: calc(100%/ 3);
	padding: 40px 0 40px 90px;
	box-sizing: border-box;
}

.event-step li:before {
	content: counter(eventStep);
	counter-increment: eventStep;
	position: absolute;;
	top: 50%;
	left: 30px;
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-size: 20px;
	font-weight: 500;
	color: #767676;
	line-height: 46px;
	text-align: center;
	background: #f8f8f8;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.event-step li+li:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 60px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.event-step li .title {
	display: block;
	font-size: 18px;
	color: #767676;
	font-weight: bold;
}

.event-step li .date {
	display: block;
	font-size: 15px;
	color: #767676;
}

.event-step li .btn-white-xs {
	position: absolute;
	top: 50%;
	right: 30px;
	display: none;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.event-step .active:before {
	background: #2a715a;
	color: #fff;
}

.event-step .active .title {
	color: #2a715a;
}

.event-step .active .date {
	color: #000;
}

.event-step .active .btn-white-xs {
	display: block;
}

.event-step li .block {
	display: block;
}

/* relay-event */
.relay-event {
	height: 545px;
	margin-top: 40px;
	padding: 100px 100px 60px;
	box-sizing: border-box;
	background: url('/cjom/web/images/contents/bg-gage.jpg') no-repeat;
}

.relay-event>.title {
	font-size: 70px;
	color: #2a715a;
	font-weight: 500;
	line-height: 1;
}

.relay-event>.title span {
	display: block;
	line-height: 80px;
}

.relay-event>.title span:first-child {
	display: inline-block;
	height: 43px;
	padding: 0 20px;
	border-radius: 25px;
	line-height: 43px;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-size: 24px;
	color: #fff;
	background: #2a715a;
	vertical-align: top;
}

.relay-event .desc {
	margin-top: 24px;
	font-size: 24px;
	color: #000;
}

.relay-event .desc-list li {
	padding-left: 15px;
	font-size: 18px;
	color: #555;
}

.relay-event .desc-list li:before {
	width: 3px;
	height: 3px;
}

.relay-event .desc-list li+li {
	margin-top: 5px;
}

.gage-box {
	margin-top: 40px;
	padding: 18px 50px 30px;
	border: 1px solid #ddd;
	background: #fff;
}

.gage-box .title-box {
	overflow: hidden;
}

.gage-box .title {
	float: left;
	margin-top: 23px;
	font-size: 20px;
	color: #555;
}

.gage-box .number {
	float: right;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-size: 28px;
	line-height: 1.2;
}

.gage-box .number .now {
	font-weight: bold;
	font-size: 42px;
	color: #000;
}

.gage-box .gage {
	position: relative;
	width: 100%;
	height: 44px;
	margin-top: 12px;
	border-radius: 25px;
	overflow: hidden;
}

.gage-box .gage:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 44px;
	border: 2px solid #ddd;
	box-sizing: border-box;
	border-radius: 25px;
	background: #fafafa;
}

.gage-box .gage:after {
	content: "10";
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	margin-top: -2px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 22px;
	color: #ddd;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.gage-box .gage .inner {
	position: relative;
	width: 0;
	height: 44px;
	background: #2a715a;
	z-index: 2;
}

.gage-box .gage .inner span {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -2px;
	font-size: 22px;
	color: #fff;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
[class*=-txt-box] {
	padding: 0 30px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}

.green-txt-box {
	background: #2a715a;
}

.green-txt-box img {
	width: 1280px;
	height: 260px;
	vertical-align: top;
}

.orange-txt-box {
	background: #E72A50;
}

.orange-txt-box img {
	width: 1280px;
	height: 260px;
	vertical-align: top;
}

/* coupon-item */
.coupon-list {
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
	font-size: 0;
	text-align: center;
}

.coupon-list li+li {
	margin-left: 30px;
}

.coupon-item {
	position: relative;
	display: inline-block;
	width: 362px;
	height: 203px;
	padding-left: 100px;
	box-sizing: border-box;
	background: url('/cjom/web/images/common/bg-coupon.png') no-repeat;
	vertical-align: top;
	text-align: left;
}

.coupon-item:before {
	content: '';
	display: block;
	overflow: hidden;
}

.coupon-item .type {
	margin-top: 23px;
	font-weight: 700;
	font-size: 18px;
	color: #2a715a;
}

.coupon-item .type+.number {
	margin-top: 0;
	line-height: 60px;
}

.coupon-item .number {
	margin-top: 18px;
	font-size: 22px;
	color: #2a715a;
}

.coupon-item .number em {
	font-size: 60px;
	font-weight: bold;
}

.coupon-item .title {
	width: 180px;
	margin-top: 14px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.coupon-item .txt {
	margin-top: 15px;
	width: 180px;
	height: 20px;
	font-size: 13px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.coupon-item .txt2 {
	position: absolute;
	bottom: 26px;
	left: 100px;
	line-height: 18px;
	font-size: 13px;
	color: #555;
}

.coupon-item .title+.txt {
	margin-top: 0;
}

.coupon-item .btn-down {
	position: absolute;
	bottom: 35px;
	right: 35px;
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background: #000;
}

.coupon-item .btn-down span {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}

.coupon-item .btn-down:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 16px;
	height: 16px;
	background: url('/cjom/web/images/common/spr_common.svg') -240px -120px
		no-repeat;
	background-size: 510px 210px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.way-txt {
	margin-top: 6px;
	font-size: 15px;
	color: #555;
}

.way-txt a+a {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.way-txt a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	background: #ddd;
	transform: translateY(-50%);
}

/* recipe-list */
[class^='recipe-list'] {
	counter-reset: recipeNum;
	overflow: hidden;
}

.sub-title+[class^='recipe-list'] {
	margin-top: 15px;
}

[class^='recipe-list'] li {
	position: relative;
	font-size: 15px;
	color: #000;
}

[class^='recipe-list'] li:before {
	position: absolute;
	left: 0;
	content: counter(recipeNum);
	counter-increment: recipeNum;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	background-color: #2a715a;
}

.recipe-list li {
	padding: 19px 15px 19px 45px;
}

.recipe-list li+li {
	border-top: 1px solid #ddd;
}

.recipe-list li:before {
	top: 15px;
}

.recipe-list-image {
	margin-top: 30px;
}

.recipe-list-image li {
	float: left;
	width: calc(( 100% - ( 26px * 3))/4);
	margin-left: 26px;
}

.recipe-list-image li:nth-child(n+5) {
	margin-top: 26px;
}

.recipe-list-image li:before {
	top: 166px;
}

.recipe-list-image li:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}

.recipe-list-image li .img-box {
	display: block;
	width: 300px;
	height: 196px;
	margin-bottom: 12px;
	overflow: hidden;
} /* 2019-07-24 레시피상세 번호뱃지정렬 수정 */
.recipe-list-image li .img-box img {
	vertical-align: top;
}

/* 대량구매견적 */
.mass-steps {
	margin-top: 40px;
	border: 1px solid #ddd;
}

.mass-steps .step-list {
	overflow: hidden;
	background-color: #f6faf8;
}

.mass-steps .step-list li {
	position: relative;
	float: left;
	display: inline-block;
	width: calc(100%/ 4);
	padding: 33px 0 36px 100px;
	border-left: 1px solid #e6ece9;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}

.mass-steps .step-list li:first-child {
	border-left: none
}

.mass-steps .step-list li:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 40px;
	width: 50px;
	height: 50px;
	background: url('/cjom/web/images/common/purchase_step.png') 0 0
		no-repeat;
}

.mass-steps .step-list .step2:before {
	background-position: -50px 0;
}

.mass-steps .step-list .step3:before {
	background-position: -100px 0;
}

.mass-steps .step-list .step4:before {
	background-position: -150px 0;
}

.mass-steps .step-list li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -15px;
	z-index: 2;
	width: 30px;
	height: 30px;
	background: url('/cjom/web/images/common/spr_common.svg') -450px -90px
		no-repeat;
	background-size: 510px 210px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.mass-steps .step-list li:first-child:after {
	content: none;
}

.mass-steps .step-list li .title {
	font-size: 22px;
	color: #2a715a;
}

.mass-steps .step-list li .text {
	margin-top: 3px;
	font-size: 15px;
	line-height: 25px;
	color: #000
}

.mass-steps .info {
	position: relative;
	padding: 20px 40px;
	vertical-align: middle;
}

.mass-steps .info:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mass-steps .info .tell {
	display: inline-block;
	font-size: 0;
	color: #000;
}

.mass-steps .tell strong {
	display: inline-block;
	font-size: 20px;
}

.mass-steps .tell a {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.mass-steps .info .txt {
	position: relative;
	display: inline-block;
	margin: 0 0 0 14px;
	padding: 0 0 0 14px;
	color: #555;
}

.mass-steps .info .txt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 14px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.mass-steps .info [class*="btn-"] {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */

/* product-check-item */
.recently-list {
	margin-top: 15px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 0
}

.recently-list:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.recently-list .product-check-item {
	display: inline-block;
	width: calc(100%/ 3);
	padding: 0 10px;
	box-sizing: border-box;
	vertical-align: middle;
}

.product-check-item:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.product-check-item label {
	display: inline-block;
	padding: 20px 0;
	font-size: 0;
}

.product-check-item label:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.product-check-item label [class*="input"] {
	margin-right: 10px;
}

.product-check-item label .thumb {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: middle;
}

.product-check-item label .title {
	display: inline-block;
	width: 310px;
	vertical-align: middle;
	font-size: 15px;
}

/* bulk-item */
.bulk-list {
	margin-top: 30px;
	overflow: hidden;
}

.bulk-list+.paging {
	margin-top: 60px;
}

.bulk-list li {
	float: left;
	width: calc(( 100% - ( 27px * 3))/4);
	margin: 60px 0 0 27px
}

.bulk-list li:nth-child(4n+1) {
	margin-left: 0
}

.bulk-list li:nth-child(-n+4) {
	margin-top: 0;
}

.bulk-item {
	position: relative;
}

.bulk-item label {
	position: absolute;
	bottom: 8px;
	left: 0;
}

.bulk-item .title-box {
	display: block;
}

.bulk-item .title-box .thumb {
	position: relative;
	display: block;
}

.bulk-item .title-box .title {
	display: block;
	margin-top: 6px;
	font-size: 15px;
	color: #000;
	line-height: 22px;height:44px;
	max-height:44px;white-space:normal;overflow:hidden;
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bulk-item .quantity-area {
	margin-top: 16px;
	padding-right: 10px;
	text-align: right;
}

.bulk-item .quantity-area .quantity {
	display: inline-block;
}

.bulk-item.soldout .thumb:after {
	content: "일시품절";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	z-index: 2;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 100px;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.bulk-item.soldout .thumb img {
	opacity: 0.3;
}

/* product-select */
.today-selected {
	z-index: 20111;
	display: none;
	position: fixed;
	width: 100%;
	border-top: 1px solid #ddd;
	background: #fff;
} /* 2019-07-25 선물세트 > 대량견적 상품 스티키 z-index 수정 */
.today-selected>.inner {
	width: 1280px;
	margin: 0 auto;
	padding: 15px 0 30px;
}

.today-selected>.inner .sub-title {
	margin-top: 0;
}

.today-selected .nodata .inner {
	height: 150px;
	padding: 20px 0;
}

.product-area {
	margin-top: 13px;
}

.product-area:after {
	content: "";
	clear: both;
	display: block;
}

[class^="product-select"]:after {
	content: "";
	clear: both;
	display: block;
}

[class^="product-select"] .item {
	position: relative;
	display: inline-block;
	width: calc(( 100% - ( 15px * 3))/3);
	margin-left: 15px;
	padding: 9px 30px 9px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

[class^="product-select"] .item:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

[class^="product-select"] .item .thumb {
	display: inline-block;
	width: 50px;
	vertical-align: middle;
	font-size: 0;
}

[class^="product-select"] .item .title {
	display: inline-block;
	max-width: 240px;
	max-height: 44px;
	padding-left: 10px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 15px;
	color: #000;
	line-height: 22px;
	overflow: hidden;
	wthie-space: normal;
}

[class^="product-select"] .item .btn-delete {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -120px
		no-repeat;
	background-size: 510px 210px;
}

.product-area>.btn-default-lg {
	float: right;
	margin-top: 5px;
}

.product-select {
	float: left;
	width: 1107px;
	height: 70px;
	white-space: nowrap;
	overflow: hidden;
}

.product-select.slick-slider {
	overflow: visible;
}

.product-select .item {
	box-sizing: border-box;
	display: inline-block;
	margin: 0 15px 0 0;
}

.product-select .slick-util-group {
	position: absolute;
	top: -42px;
	left: auto;
	right: 4px;
	bottom: auto;
	width: auto;
}

.product-select .slick-arrow {
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon-slider.png') 0 -30px
		no-repeat;
	transform: none;
	-ms-transform: none;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.product-select .slick-next {
	background-position: -30px -30px;
}

.product-select .slick-arrow.slick-disabled {
	background-position: 0 0;
}

.product-select .slick-next.slick-disabled {
	background-position: -30px 0;
}

.product-select .slick-count {
	text-align: center;
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	font-size: 15px;
}

.product-select .slick-count strong {
	color: #000;
	margin-right: 5px;
}

.product-select .slick-count span {
	margin-left: 5px;
}

.product-select-view {
	margin-top: 15px;
	padding-top: 30px;
	border-top: 1px solid #aaa;
}

.product-select-view li {
	width: calc(( 100% - ( 28px * 2))/3);
	margin: 30px 0 0 28px;
}

.product-select-view li:nth-child(3n+1) {
	margin-left: 0;
}

.product-select-view li:nth-child(-n+3) {
	margin-top: 0;
}

.product-select-view .item {
	float: left;
	padding: 16px 30px 20px 134px;
	height: 136px;
}

.product-select-view .item:before {
	content: none;
}

.product-select-view .item a {
	display: block;
}

.product-select-view .item .thumb {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 100px;
	height: 100px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.product-select-view .item .title {
	padding: 0;
}

.product-select-view .quantity-box {
	position: absolute;
	bottom: 20px;
	left: 134px;
}

/* delivery-cont */
.delivery-contents .number-form, .delivery-contents .email-form {
	width: 432px;
}

.delivery-contents .textarea {
	width: 755px;
}

.delivery-contents .btn-default em {
	font-weight: 500;
}

/* 주문배송조회-NEW */
.search-filter-wrap {
	padding: 0 20px;
	border: 1px solid #2a715a;
}

.search-filter-value {
	height: 60px;
	padding: 20px 0;
	box-sizing: border-box;
}

.search-filter-value:after {
	content: '';
	display: block;
	clear: both;
}

.search-filter-value .value {
	float: left;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	color: #000;
}

.search-filter-value .date {
	color: #E72A50;
	font-family: 'Roboto', sans-serif;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.search-filter-value .btn-toggle {
	position: relative;
	float: right;
	padding-right: 18px;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	color: #000;
}

.search-filter-value .btn-toggle:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	height: 7px;
	width: 11px;
	margin-top: -3px;
	background: url("/cjom/web/images/common/spr_common.svg") no-repeat
		-30px -70px;
	background-size: 510px 210px;
	transition: transform 200ms ease-in-out 0s;
}

.search-filter-form {
	display: none;
	padding: 30px 20px 40px 10px;
	border-top: 1px solid #ddd;
}

.search-filter-form ul {

}

.search-filter-form li {

}

.search-filter-form li:after {
	content: '';
	display: block;
	clear: both;
}

.search-filter-form li+li {
	margin-top: 20px;
}

.search-filter-form .form-title {
	float: left;
	width: 150px;
	font-size: 15px;
	line-height: 40px;
	color: #000;
	font-weight: 500;
}

.search-filter-form .form-group {
	float: left;
	width: calc(100% - 150px);
}

.search-filter-form .btn-wrap {
	float: left;
}

.search-filter-form .btn-wrap:after {
	content: '';
	display: block;
	clear: both;
}

.search-filter-form .btn-wrap .btn-gray2-sm {
	float: left;
	min-width: 89px;
	padding: 0 10px 3px
}

.search-filter-form .btn-wrap .btn-gray2-sm span {
	font-size: 15px;
}

.search-filter-form .btn-wrap .btn-gray2-sm.active {
	position: relative;
	border-color: #2a715a;
}

.search-filter-form .btn-wrap .btn-gray2-sm.active span {
	color: #2a715a;
	font-weight: 500;
}

.search-filter-form .btn-wrap .btn-gray2-sm+.btn-gray2-sm {
	margin-left: -1px;
}

.search-filter-form .filter-datepicker {
	float: right;
	margin-right: 92px;
}

.search-filter-form .filter-datepicker .input-text, .search-filter-form .filter-datepicker input[type=text]
	{
	width: 150px;
}

.search-filter-form .filter-datepicker .dash {
	margin: 0 7px;
}

.search-filter-form .btn-area {

}

.search-filter-wrap.active .search-filter-value .btn-toggle:after {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.package-list {
	margin-top: 50px;
}

.package-list>li {
	border-bottom: 1px solid #ddd;
}

.package-list>li+li {
	margin-top: 40px;
}

.package-list>li.nodata {
	border-top: 1px solid #aaa;
}

.package-value {
	position: relative;
	padding: 20px 30px;
	font-size: 15px;
	line-height: 20px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8;
}

.package-value .key {
	font-weight: 500;
	color: #000;
}

.package-value .val {
	margin-left: 10px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.package-value .val+.key {
	margin-left: 10px;
	padding-left: 10px;
	position: relative;
}

.package-value .val+.key:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 1px;
	margin-top: -7px;
	background: #ddd;
}

.package-value .add__msg {background:rgba(27, 167, 116, 0.1); color:#1ba774; font-size:13px; font-weight:bold; box-sizing:border-box; height:32px; line-height:31px; text-align: center; border-radius:100px; letter-spacing:-1px; display:inline-block; padding:0 15px; margin-left:10px;}

.package-value .link-arr {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
}

.package-value .btn-white-xs {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
}

.package-each {
	padding: 25px 30px;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8;
}

.package-each .tit {
	font-size: 15px;
	font-weight: 500;
	color: #2a715a;
}

.package-each .txt {
	font-size: 15px;
	color: #555;
}

.package-each .link-download {
	margin-top: 10px;
	font-size: 15px;
}

.package-ship {
	overflow: hidden;
	padding: 20px 30px;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
	color: #333;
	background: #fbf6ef;
}

.package-ship .title {
	float: left;
	font-weight: bold;
	color: #000;
	font-size: 18px;
}

.package-ship .title+.userinfo {
	float: left;
	position: relative;
	padding-left: 15px;
	margin-left: 15px;
}

.package-ship .title+.userinfo:before {
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 14px;
	background-color: #e7e2dc;
	content: '';
}

.package-guide {
	padding: 12px 30px;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8;
}

.package-guide .noti-text {
	margin-top: 0;
	font-size: 15px;
	font-weight: 500;
	color: #2a715a;
}

.package-product-list {
	margin: 0;
	padding: 0;
}

.package-product-list>li+li {
	border-top: 1px solid #aaa;
}

.package-product-list .freebies-wrap {
	margin: 0 30px 25px 30px;
}

.package-product-list li .package-product-top {
	background-color: #fff;
}

.package-product {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #fff;
	border-top: 1px solid #ddd;
}

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

.package-product>* {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.package-product>.product {
	width: auto;
	text-align: left;
	padding: 20px 0 20px 30px;
	height: 100px;
}

.package-product>.product a {
	position: relative;
	display: block;
	padding-left: 120px;
}

.package-product>.product a .title {
	display: block;
	font-size: 15px;
	color: #000;
	line-height: 24px;
}

.package-product>.product a .thumb {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -50px;
}

.package-product>.product a .thumb img {
	height: 100px;
	width: 100px;
	vertical-align: top;
}

.package-product>.product.end a {
	cursor: default
} /* 2019-07-09 판매종료 케이스 추가// 2023-04-04 판매종료 케이스 수정 */
.package-product>.product.end a .thumb:after {
	content: "판매종료";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	z-index: 2;
	width: 100px;
	height: 100px;
	font-size: 13px;
	color: #fff;
	line-height: 100px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
} /* 2019-07-09 판매종료 케이스 추가// 2023-04-04 판매종료 케이스 수정 */

/* 2023-04-04 일시품절 케이스 추가 */
.package-product>.product.sold-out a {
	cursor: default
}
.package-product>.product.sold-out a .thumb:after {
	content: "일시품절";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	z-index: 2;
	width: 100px;
	height: 100px;
	font-size: 13px;
	color: #fff;
	line-height: 100px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
/* 2023-04-04 일시품절 케이스 추가 */
.package-product>.product a .point {
	display: block;overflow:hidden;
	font-family: 'Roboto', sans-serif;
	color: #000;font-size:15x;
	line-height:20px;
}
.package-product>.product a .point span {float:left;}
.package-product>.product a .point em {float:left;width:1px;height:14px;background-color:#ddd;margin:2px 10px 0;}
.package-product>.product a .quantity {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	color: #000;
	line-height: 24px;
}


/* 2023-11-02 추가 : 오네배송인 경우 클래스 추가 */
.package-product>.product.o-ne-delivery{position:relative;padding-left:150px;}
.package-product>.product.o-ne-delivery a{position:static;padding-left:0;}
.package-product>.product.o-ne-delivery .thumb{position:absolute;top:50%;left:30px;}

.package-product>.price {
	width:300px;
	font-size: 15px;
	text-align: right;
	padding: 0 50px;
	box-sizing: border-box;
}

.package-product>.price del {
	display: block;
	color: #767676;
	line-height: 22px;
}

.package-product>.price strong {
	display: block;
	color: #2a715a;
	line-height: 22px;
}

.package-product>.price strong span {
	display: inline-block;
	font-size: 20px;
	line-height: 22px;
	vertical-align: -1px
}

.package-product>.state {
	width: 180px;
	padding: 20px 0;
	font-size: 15px;
	line-height: 22px;
}
.package-product>.stateR {
	padding: 20px 30px;text-align:right;
}

.package-product>.state .txt {
	display: block;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.package-product>.state .date {
	display: block;
	color: #767676;
}

.package-product>.state .btn-white-xs {
	margin-top: 10px;
}

.package-product>.state .btn-white-xs:first-of-type {
	margin-top: 5px;
}

.package-product>.btn {
	width: 150px;
}

.package-product .price-box .price {
	color: #000;
	font-size: 16px;
}

.package-product .price-box .price .ff-roboto {
	font-size: 20px;
	font-weight: 700;
}

.package-product .price-box .dis-rate {
	margin-left: 3px;
	font-size: 15px;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.package-product .price-box del {
	margin-left: 10px;
	font-size: 13px;
	color: #767676;
}

.package-product .price-box del .ff-roboto {
	font-size: 15px;
}

.package-product .price-box .quantity_num {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #767676;
}

.package-product .price-box .quantity_num:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 13px;
	background: #eee;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
/* 주문배송현황 - 배송조회 버튼 그룹핑 처리
.package-product-list .group{position:relative;}
.package-product-list .group .package-product .product,
.package-product-list .group .package-product .price,
.package-product-wrap .package-product-list .group .review-box{border-top:1px solid #ddd}
.package-product-list .group .package-product:first-of-type .product,
.package-product-list .group .package-product:first-of-type .price,
.package-product-wrap .package-product-list .group .package-product:first-of-type .review-box{border-top:0}
.package-product-list .group .package-product .product{width:460px;box-sizing:border-box;}
.package-product-list .group .package-product .state{position:absolute; top:50%; right:150px;transform:translateY(-50%); -ms-transform:translateY(-50%);}
.package-product-list .group .package-product .btn{position:absolute; top:50%; right:0;transform:translateY(-50%); -ms-transform:translateY(-50%);}
.package-product-wrap .package-product-list .group .product{width:400px;}
.package-product-wrap .package-product-list .group .price{width:180px;padding:0 15px;}
.package-product-wrap .package-product-list .group .review-box{width:130px;padding:0 15px;background:none;}
.package-product-wrap .package-product-list .group .review-box + .state{right:0;width:150px;padding:0;}
.package-product-wrap .package-product-list .group .state{right:140px;width:130px;} */
.quantity-case .package-product>.price {
	width: 125px;
	padding: 0 10px;
}

.quantity-case .package-product>.quantity {
	width: 122px;
}

.quantity-case .package-product>.quantity strong {
	color: #000;
}

.quantity-case .package-product>.state {
	width: 122px;
}

.package-gift-sms2 {
	padding: 16px 30px;
	overflow: hidden;
	font-size: 15px;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
}

.package-gift-sms2 .noti-text {
	float: left;
	margin: 0;
}

.package-gift-sms2 .link-underline {
	float: right;
}

.package-view-list {
	margin-top: 30px;
}

.package-view-list .sub-title {
	margin-top: 0;
	font-size: 26px;
	line-height: 44px;
	color: #000;
}

.package-product-top {
	display: table;
	width: 100%;
	min-height: 30px;
	padding: 15px 30px;
	background-color: #f8f8f8;
	box-sizing: border-box;
}

.package-product-top .package-product-top-title {
	display: table-cell;
	vertical-align: middle;
	line-height: 30px;
	text-align: left;
}

.package-product-top .package-product-top-title .txt-state {
	color: #e72a50;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}
.package-product-top .package-product-top-title .txt-refere {color:#e72a50;font-size:13px;}
.package-product-top .package-product-top-title .txt-date {
	margin-left: 7px;
	color: #2a715a;
	font-size: 15px;
	letter-spacing: -1px;
}

.package-product-top .package-product-top-title .txt-standby {
	margin-left: 7px;
	color: #767676;
	font-size: 15px;
	letter-spacing: -1px;
}

.package-product-top .package-product-top-btn {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.package-product-top .package-product-top-btn button {
	margin-left: 8px;
}

.package-product-wrap {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.package-product-wrap .package-product-title {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #ddd;
}

.package-product-wrap .package-product-title .tit {
	font-size: 18px;
	color: #000;
}

.package-product-wrap .package-product-title .date,
	.package-product-wrap .package-product-title .state {
	display: block;
	font-size: 15px;
	line-height: 22px;
	color: #E72A50;
}

.package-product-wrap .package-product-list {
	display: table-cell;
	width: 850px;
}

.package-product-wrap .package-product-list .package-sec {
	padding: 20px;
}

.package-details {
	position: relative;
	margin-top: 10px;
	padding: 15px 30px;
	font-size: 15px;
	line-height: 30px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
}

.package-details:after {
	content: '';
	display: block;
	clear: both
}

.package-details .package-each {
	float: left;
	padding: 10px 0;
	border: none;
	background: #fff;
}

.package-details .val-wrap {
	float: left;
}

.package-details .val {
	position: relative;
	float: left;
	max-width: 400px;
	word-break: break-all;
}

.package-details .val.br+.val {
	clear: left;
	margin: 0;
	padding: 0;
}

.package-details .val.br+.val:after {
	display: none;
}

.package-details .val+.val, .package-details .val+.key {
	margin-left: 10px;
	padding-left: 10px;
}

.package-details .val+.val:after, .package-details .val+.key:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	height: 14px;
	width: 1px;
	background: #ddd;
}

.package-details .btn-wrap {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
}

.package-details .btn-wrap .btn-white-xs {
	float: left;
	margin-left: 10px;
}

.package-gifts {
	border-bottom: 1px solid #ddd;
}

.package-gifts .content-box {
	padding: 0 30px;
	border-bottom: 1px solid #ddd;
}

.package-gifts .content-bar {
	border-bottom: 0;
}

.package-gifts .content-bar .sub-title {
	width: 75%;
}
/* 주문배송조회 */
.track-package-list {

}

.track-package-list:after {
	content: '';
	display: block;
	overflow: hidden;
}

.track-package-list .nodata {
	border-bottom: 1px solid #ddd;
}

.track-package {
	margin-top: 40px;
}

.track-package.nodata {
	margin-top: 0;
	border-bottom: 1px solid #ddd;
}

.track-package .cart-list {
	border-top: 0;
}

.track-package+.track-package {
	margin-top: 60px;
}

.package-number {
	position: relative;
	padding: 20px 30px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	line-height: 20px;
	background: #f8f8f8;
}

.package-number .key {
	font-weight: 500;
	color: #000;
}

.package-number .key.fc-lightgreen {
	font-weight: normal;
}

.package-number .val {
	margin-left: 10px;
	color: #000;
}

.package-number .val+.key {
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
}

.package-number .val+.key:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 1px;
	margin-top: -7px;
	background: #ddd;
}

.package-number .link-underline {
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
}

.package-number .link-underline:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 1px;
	margin-top: -7px;
	background: #ddd;
}

.package-number .link-arr {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
}

.package-number .btn-white-xs {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
}

.package-title {
	overflow: hidden;
	margin-top: 40px;
}

.package-title .sub-title {
	float: left;
	margin-top: 0;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
	color: #000;
}

.package-title .package-btn {
	float: right;
}

.package-title .package-btn button {
	float: left;
	margin-left: 10px;
}

.package-title+.package-item-wrap {
	margin-top: 10px;
}

.package-title-sub {
	padding: 15px 30px;
	font-size: 18px;
	font-weight: normal;
}

.package-info+.package-title-sub {
	border-top: 1px solid #ddd;
}

.package-item-wrap {
	margin-top: 30px;
	border-top: 1px solid #aaa;
}

.cont-title+.package-item-wrap {
	margin-top: 15px;
}

.package-item-wrap .package-number {
	border-top: none;
}

.package-item-wrap .package-info {
	padding: 15px 30px;
	overflow: hidden;
	font-size: 15px;
	line-height: 30px;
}

.package-item-wrap .package-info .key {
	position: relative;
	float: left;
	font-weight: 500;
	color: #000;
	margin-right: 10px;
}

.package-item-wrap .package-info label.key {
	line-height: 30px;
}

.package-item-wrap .package-info .address {
	position: relative;
	float: left;
	padding-left: 10px;
}

.package-item-wrap .package-info .address:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 1px;
	margin-top: -7px;
	background: #ddd;
}

.package-item-wrap .package-info .val-wrap {
	float: left;
}

.package-item-wrap .package-info .val {
	position: relative;
	float: left;
}

.package-item-wrap .package-info .val.br+.val {
	clear: left;
	margin: 0;
	padding: 0;
}

.package-item-wrap .package-info .val.br+.val:after {
	display: none;
}

.package-item-wrap .package-info .val+.val, .package-item-wrap .package-info .val+.key
	{
	margin-left: 10px;
	padding-left: 10px;
}

.package-item-wrap .package-info .val+.val:after, .package-item-wrap .package-info .val+.key:after
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 1px;
	margin-top: -7px;
	background: #ddd;
}

.package-item-wrap .package-item-list {

}

.package-item-wrap .package-item-list .tit {

}

.package-item-wrap .package-item-list+.package-item-list .tit {
	border-top: 0;
}

.package-item-wrap .package-item-list .package-item-tit {
	overflow: hidden;
	padding: 20px 30px;
	line-height: 20px;
	font-weight: 500;
	color: #000;
	border-top: 1px solid #ddd;
}

.package-item-wrap .package-item-list .package-item+.package-item-tit {
	border-top: none;
}

.package-item-wrap .package-item-list .package-item-tit .tit {
	float: left;
	font-size: 18px;
}

.package-item-wrap .package-item-list .package-item-tit .date {
	float: right;
	font-size: 15px;
}

.package-item-wrap .package-item-list .package-item+.package-item {
	margin-top: 40px;
}

.package-item-wrap .package-item-list .package-item {

}

.package-item-wrap .package-state {
	padding: 15px 30px;
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
	background: #f8f8f8;
}

.package-item-wrap .package-state .key {
	font-weight: 500;
}

.package-item-wrap .package-state .val {
	margin-left: 5px;
	color: #000;
}

.package-item-wrap .package-state .package-btn {
	float: right;
}

.package-item-wrap .package-state .package-btn button {
	float: left;
	margin-left: 10px;
}

.package-item-wrap .package-gift-sms {
	padding: 16px 30px;
	overflow: hidden;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
}

.package-item-wrap .package-gift-sms .noti-text {
	float: left;
	margin: 0;
}

.package-item-wrap .package-gift-sms .link-underline {
	float: right;
}

.package-item-wrap .cancellation-list li:first-child [class*="-column"]
	{
	border-top: none;
}

.package-item-wrap .cancellation-list .cart-item>.row {
	padding-left: 0;
}

.package-item-wrap .cancellation-list .quantity-column {
	width: 72px;
}

.package-item-wrap .cancellation-list .quantity-column .txt {
	font-weight: 500;
	color: #000;
	vertical-align: middle;
}

.package-item-wrap .cancellation-list .price-column {
	width: 170px;
	padding-right: 30px;
}

.package-item-wrap .cancellation-list .price-column .price {
	display: inline-block;
	width: 100%;
	padding: 0;
	text-align: right;
}

.package-item-wrap .cancellation-list .status-column {
	width: 180px;
	text-align: center;
}

.package-item-wrap .cancellation-list .status-column .txt {
	display: inline-block;
	width: 100%;
	font-weight: 500;
	color: #E72A50;
	vertical-align: middle;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.package-item-wrap .cancellation-list .btn-column {
	width: 150px;
	text-align: center;
}

.package-item-wrap .cart-item-box {
	border-top: 1px solid #ddd;
}

.package-item-wrap .cart-item-box:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.package-item-wrap .cart-item-box .side {
	float: none;
	display: inline-block;
	width: 170px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.package-item-wrap .cart-item-box .side label {
	font-size: inherit;
}

.package-item-wrap .cart-item-box .side .cookit {
	font-size: 15px;
	line-height: 22px;
	color: #E72A50;
	font-weight: normal;
}

.package-item-wrap .cart-item-box .side .emp {
	font-size: 15px;
	color: #f80012;
	line-height: 20px;
}

.package-item-wrap .cart-item-box .cont {
	float: none;
	display: inline-block;
	width: 843px;
	border-left: 1px solid #ddd;
	vertical-align: middle;
}
.package-item-wrap .cart-item-box .cont2 {width:843px;}

.package-item-wrap .cart-item-box .cont .cont-txt {
	display: inline-block;
	padding: 20px;
}

.package-form {
	margin-top: 20px;
	padding: 20px 30px;
	line-height: 25px;
	border: 1px solid #2a715a;
}

.package-item-wrap .price-info {
	display: block;
	margin-top: 6px;
	font-size: 0;
}

.package-item-wrap .price-info:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.package-item-wrap .price-info .price {
	display: inline-block;
	font-size: 16px;
	color: #000;
	vertical-align: middle;
}

.package-item-wrap .price-info .price strong {
	font-size: 20px;
}

.package-item-wrap .price-info .dis-rate {
	display: inline-block;
	margin-left: 8px;
	font-size: 15px;
	color: #E72A50;
	vertical-align: middle;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.package-item-wrap .price-info del {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	color: #767676;
	vertical-align: middle;
}

.package-item-wrap .price-info del .num {
	font-size: 15px;
}

.package-item-wrap .price-info .number {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #767676;
	vertical-align: middle;
}

.package-item-wrap .price-info .number:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.package-item-wrap .quantity-column {
	width: 150px;
	text-align: center;
}

.package-item-wrap .btn-column {
	width: 188px;
}

.package-item-wrap .btn-column .txt {
	display: inline-block;
	color: #E72A50;
	font-weight: 500;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.package-item-wrap .cancel .quantity-column {
	width: 112px;
}

.package-item-wrap .cancel .price-column {
	width: 130px;
}

.package-item-wrap .cancel .price-column .price {
	padding-right: 20px;
	color: #2a715a;
}

.package-item-wrap .cont .cancel .btn-column {
	width: 117px;
}

.package-form .tit {
	font-size: 15px;
	font-weight: 500;
	color: #2a715a;
}

.package-form .txt {
	font-size: 15px;
	color: #555;
}

.package-form .link-download {
	margin-top: 10px;
	font-size: 15px;
}

.payment-amount {
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-top: 1px solid #aaa;
}

.payment-amount:after {
	content: '';
	display: block;
	clear: both;
}

.payment-amount .key {
	float: left;
	margin: 0;
	font-weight:bold;
	font-size: 14px;
	color: #000;
}

.payment-amount .key .tooltip-label {
	display: inline-block;
}

.payment-amount [data-tooltip].key {
	height: 26px;
} /* 2019-07-17 가입내역 툴팁 정렬 수정 */
.payment-amount [data-tooltip].key .tooltip-wrap {
	vertical-align: middle;
} /* 2019-07-17 가입내역 툴팁 정렬 수정 */
.payment-amount .val {
	float: right;
	font-weight: 500;
	font-size: 14px;
	color: #000;
}

.payment-amount .val strong {
	font-family: 'Roboto', sans-serif;
}

.payment-amount .payment {
	display: table-cell;
	padding: 23px 30px;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	vertical-align:top;
}

.payment-amount .payment>li {
	line-height: 26px;
}

.payment-amount .payment>li:after {
	content: '';
	display: block;
	clear: both;
}

.payment-amount .payment>li .key {
	color: #555;font-weight:normal;
	font-size: 14px;
}

.payment-amount .total-wrap {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.payment-amount .total {
	padding: 23px 30px;
	line-height: 29px;
	box-sizing: border-box;
	overflow: hidden;
}

.payment-amount .total .val {
	color: #E72A50;
	font-size: 15px;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.payment-amount .total .val strong {
	font-size: 24px;
}

.payment-amount .point {
	padding: 23px 30px;
	line-height: 29px;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
}

.payment-amount .point:after {
	content: '';
	display: block;
	clear: both
}

.payment-amount .point .val {
	font-size: 15px;
}

.payment-amount .point .val strong {
	font-size: 17px;
}

.payment-method {
	margin-top: 10px;
	border: 1px solid #ddd;
	border-top: 1px solid #aaa;
}

.payment-method .key {
	float: left;
	width: 200px;
	color: #000;
	font-size: 15px;
}

.payment-method .val {
	float: left;
	position: relative;
	color: #555;
}

.payment-method .val+.val {
	margin-left: 10px;
	padding-left: 10px;
}

.payment-method .val+.val:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 1px;
	margin-top: -7px;
	background: #ddd;
}

.payment-method .val em {
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.payment-method .total {
	position: relative;
	padding: 20px 30px;
	line-height: 20px;
	background: #f8f8f8;
}

.payment-method .total:after {
	content: '';
	display: block;
	clear: both;
}

.payment-method .total .val {
	color: #000
}

.payment-method .total .method-btn {
	position: absolute;
	top: 15px;
	right: 30px;
}

.payment-method .total .method-btn button {
	float: left;
	margin-left: 10px;
}

.payment-method .total .method-btn .link-arr {
	float: left;
	margin-left: 10px;
	line-height: 30px;
}

.payment-method .info {
	padding: 20px 30px;
}

.payment-method .info>li {
	line-height: 30px;
}

.payment-method .info>li:after {
	content: '';
	display: block;
	clear: both;
}

.payment-method.price .val {
	width: 150px;
	text-align: right;
}

.payment-method.price .total .val {
	font-weight: 500;
	font-size: 15px;
	color: #000;
}

.line-green.incentive {
	margin: 40px 0 20px;
	overflow: hidden;
}

.line-green.incentive .txt {
	float: left;
	font-weight: 500;
	width: calc(100% - 150px);
	font-size: 18px;
	color: #2a715a;
	line-height: 40px;
}

.line-green.incentive .btn-default-sm {
	float: right;
}

/* qna-box */
[class*='ing-'] {
	font-weight: 500;
}

.ing-pass {
	color: #000;
}

.ing-buy {
	color: #2a715a;
}

.ing-completed {
	color: #E72A50;
}

.qna-box {
	height: auto !important;
	padding: 0 40px;
	background: #f8f8f8;
	border-top: 1px solid #ddd;
}

.qna-box .txt {
	min-height: 48px;
	box-sizing: border-box;
	font-size: 15px;
	color: #000;
}

.qna-box .min-img {
	display: inline-block;
	width: 45px;
	height: 45px;
	vertical-align: top;
}

.qna-box .product-title {
	display: inline-block;
	max-width: 300px;
	margin-left: 10px;
	padding: 10px 0;
	vertical-align: top;
	white-space: pre-wrap;
	text-align: left;
}

.qna-box .question {
	position: relative;
	padding: 27px 0 30px 50px;
}

.qna-box .question .txt {
	position: relative;
	max-width: 630px;
	word-break: break-all;
}

.qna-box .question .link-file {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 15px;
	color: #2a715a;
}

.qna-box .question .link-file a {
	display: inline-block;
	margin: 0 2px;
	text-decoration: underline;
}

.qna-box .serial-number {
	margin-top: 20px;
	font-size: 15px;
	color: #2a715a;
	font-weight: 500
}

.qna-box .question .txt:before, .qna-box .answer .txt:before {
	content: 'Q';
	position: absolute;
	top: 7px;
	left: -48px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 1px solid #000;
	box-sizing: border-box;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	text-align: center;
	line-height: 28px;
	background: #fff;
}

.qna-box .answer .txt:before {
	content: 'A';
	border: none;
	background-color: #2a715a;
	color: #fff;
}

.qna-box .answer {
	position: relative;
	padding: 25px 30px 27px 50px;
}

.qna-box .answer .txt {
	max-width: 630px;
	word-break: break-all;
}

.qna-box .answer .date {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	letter-spacing: 0;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.qna-box .answer .btn-pay {
	width: 160px;
}

.qna-box .first-answer {
	position: relative;
}

.qna-box .plus-answer {
	position: relative;
	margin-top: 21px;
	padding-left: 35px;
}

.qna-box .plus-answer:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -180px
		no-repeat;
	background-size: 510px 210px;
}

.qna-box .plus-answer .plus-item {
	position: relative;
	color: #000;
	font-size: 15px;
}

.qna-box .plus-answer .plus-item+.plus-item {
	margin-top: 10px;
}

.qna-box .plus-answer .plus-txt {
	display: block;
	color: #2a715a;
	font-weight: 500;
}

.qna-box .plus-answer .plus-item.disabled, .qna-box .plus-answer .plus-item.disabled .plus-txt,
	.qna-box .plus-answer .plus-item.disabled .date {
	color: #777;
}

.qna-box .question+.answer {
	border-top: 1px solid #ddd;
}

/* enquire-list */
.enquire-list li {
	border-bottom: 1px solid #ddd;
}

.title-table {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.title-table .row {
	display: table-row;
	-webkit-transition: all ease-in .15s;
	transition: all ease-in .15s;
}

.title-table [class^='column-'] {
	display: table-cell;
	text-align: center;
	font-size: 15px;
	color: #555;
	vertical-align: middle;
}

.title-table .column-answer {
	width: 135px;
}

.title-table .column-sbj {
	width: auto;
	padding: 25px 23px;
	text-align: left;
}

.title-table .column-date {
	width: 138px;
}

.title-table .column-modi {
	width: 202px;
}

.title-table .column-more {
	width: 92px;
}

.title-table .qna-location {
	display: block;
}

.title-table .sbj {
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	word-break: break-all;
}

.title-table.active .row {
	background: #f8f8f8;
}

.card-news {
	padding: 30px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
}

.card-news .slick-list {
	width: 800px;
	margin: 0 auto;
}

.card-news .slick-util-group {
	position: static
}

.card-news .slick-arrow {
	position: absolute;
	top: 140px;
	left: 10px;
	width: 100px;
	height: 100px;
	margin-top: -15px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon_slider_xl.png') 0 0
		no-repeat;
	transform: none;
	-ms-transform: none;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.card-news .slick-next {
	left: auto;
	right: 10px;
	background-position: -100px 0;
}

.card-news .slick-prev.slick-disabled {
	background-position: 0 -100px;
}

.card-news .slick-next.slick-disabled {
	background-position: -100px -100px;
}

.card-news .slick-dots {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.table-default.category {
	border-top: none;
}

.table-default.category table {
	border: 1px solid #ddd;
	border-top: none;
}

.table-default.category table tbody th, .table-default.category table tbody td
	{
	padding: 15px 30px;
	border-top: 1px solid #ddd;
	border-left: none;
}

.category-table-item {
	display: inline-block;
	width: 120px;
}

.category-table-item+.category-table-item {
	margin-left: 5px;
}

.category-table-item:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 8px;
	margin-right: 8px;
	vertical-align: 2px;
	background: url('/cjom/web/images/common/spr_common.svg') -270px -190px
		no-repeat;
	background-size: 510px 210px;
}

.category-table-item.active {
	color: #2a715a;
	font-weight: 500;
}

.category-table-item.active:before {
	background-position: -270px -200px;
}

.premium-list {padding-top:5px;}

.premium-list:after {
	content: "";
	clear: both;
	display: block;
}

.premium-list .premium-item {
	float: left;
	width: 408px;
	margin:50px 0 0 28px
}

.premium-list .premium-item:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}

.premium-list .premium-item .thumb {
	position: relative;
	width: 100%;
	padding-top: 50%;
	overflow: hidden;
}

.premium-list .premium-item .thumb img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.premium-list .premium-item .copy {
	margin-top: 10px;
	font-size: 16px;
	color: #767676;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.premium-list .premium-item .title {
	margin-top: 5px;
	line-height: 30px;
	font-size: 26px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.premium-list .premium-item .anchor-text {
	display: inline-block;
	margin-top: 13px;
	font-size: 14px;
	color: #088d34;
	border-bottom: 1px solid #088d34;
}

/* receipt_title */
.receipt_title {
	margin-top: 15px;
	padding-top: 18px;
	border-top: 1px solid #ddd;
}

.receipt_cont {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #ddd;
}

/* agree-area */
.agree-area {
	margin-top: 20px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.agree-area .title {
	position: relative;
	padding: 18px 20px;
	font-weight: 500;
	color: #000;
}

.agree-area .title .more {
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.agree-area .title .more span {
	display: block;
	text-indent: -99999px;
}

.agree-area .title .more:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 12px;
	height: 7px;
	background: url(/cjom/web/images/common/spr_common.svg) -30px -60px
		no-repeat;
	background-size: 510px 210px;
	transform: translate(-50%, -50%);
}

.agree-area .title .more.active:before {
	background-position-X: -60px;
	transition: all ease-in;
}

.agree-area .list li {
	position: relative;
	padding: 19px 20px;
	background: #f8f8f8;
	overflow: hidden;
}

.agree-area .list li:first-child:after {
	display: none;
}

.agree-area .list li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background: #ddd;
}

.agree-area .list li .link-underline {
	float: right;
}

.modal-contents .agree-area {
	border-bottom: none;
}

.modal-contents .agree-area .title {
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
}

.modal-contents .agree-area .list {
	padding: 8px 0;
	border-bottom: 1px solid #aaa;
	background: #f8f8f8;
}

.modal-contents .agree-area .list li {
	padding: 4px 20px;
}

.modal-contents .agree-area .list li:after {
	display: none;
}

.event-detail+.btn-area {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ddd;
}

/* 신제품 */
.new-products {
	margin-top: 25px;
}

.new-products:after {
	content: '';
	display: block;
	clear: both;
}

.new-products .new-item {
	float: left;
	position: relative;
	width: 625px;
	height: 630px;
	margin-left: 30px;
	overflow: hidden;
}

.new-products .new-item:first-child {
	margin-left: 0;
}

.new-item .item-label {
	position: absolute;
	left: 85px;
	bottom: 0;
	width: 456px;
	height: 108px;
	padding: 20px 10px 0;
	box-sizing: border-box;
	background-color: #fff;
	text-align: center;
}

.new-item .item-label .name {
	font-size: 34px;
	color: #000;
	line-height: 44px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-item .item-label .dsec {
	display: block;
	font-size: 22px;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* order-inquiry */
.order-inquiry {
	margin-top: 40px;
	padding: 18px 20px;
	background: #fbf6ef;
	color: #000;
	font-size: 15px;
	font-weight: 500;
}

.order-inquiry .numbe {
	display: inline-block;
}

.order-inquiry .number em {
	display: inline-block;
	margin-left: 10px;
	font-weight: normal;
}

.order-inquiry .inquiry {
	position: relative;
	display: inline-block;
	margin-left: 14px;
	padding-left: 14px;
}

.order-inquiry .inquiry:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 14px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.inquiry-list {
	margin-top: 30px;
}

.inquiry-list .target {
	position: relative;
	display: block;
	margin-top: 10px;
	padding: 18px 20px;
	background: #f8f8f8;
	font-size: 15px;
	color: #000;
}

.inquiry-list .target:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	display: inline-block;
	width: 12px;
	height: 7px;
	background: url(/cjom/web/images/common/spr_common.svg) -30px -60px
		no-repeat;
	background-size: 510px 210px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.inquiry-list .target .oder-number {
	font-weight: 500;
}

.inquiry-list .target .oder-number em {
	font-weight: normal;
}

.inquiry-list .target .state {
	position: absolute;
	top: 50%;
	right: 50px;
	font-weight: 500;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.inquiry-list .target.active:before {
	background-position-x: -60px;
}

.inquiry-list .table-col thead th {
	background: #fff;
}

.inquiry-number {
	display: inline-block;
	font-size: 13px;
	color: #767676;
	vertical-align: 1px;
}

.inquiry-number:before {
	content: '';
	display: inline-block;
	height: 14px;
	width: 1px;
	margin: 0 10px;
	background-color: #eee;
	vertical-align: -2px;
}
/* 배송조회(팝업) */
.modal-order-inquiry .modal-header {
	margin: 0;
	padding: 19px 40px 12px;
	background-color: #fff;
}
.modal-order-inquiry .modal-header .modal-title {
	font-size: 24px;
	color: #000;
}
.modal-order-inquiry .btn-modal-close {right:20px;top:15px;}
.modal-order-inquiry .btn-modal-close span {
	background: url(/cjom/web/images/common/btn-modal-close.svg) no-repeat 50%;
    background-size: 40px;
}
.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:11px;}
.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 {border-collapse: unset;}
.delivery-tracking-list .table-col thead th {padding:0 10px;font-size:14px;color:#767676;height:40px;}
.delivery-tracking-list .table-col tbody td {padding:11px 10px 12px;}
.delivery-tracking-list .table-col tbody td [class^=btn-white4] {border-color:#1ba774;}
.delivery-tracking-list .table-col tbody td [class^=btn-white4] span {color:#1ba774;}
.more-area {margin:20px 0 10px;}
.more-area .btn-more {font-size:15px;font-weight:400;border:1px solid #ccc;padding:10px 0 14px;}
.more-area .btn-more:after {content:'';display:inline-block;margin-top:-3px;width:27px;height:16px;margin-left:0;background:url(/cjom/web/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;}

.modal-order-inquiry .table-form tbody td {padding: 0;vertical-align: top;}
.modal-order-inquiry .table-form tbody th,
.modal-order-inquiry .table-form tbody td {border-top: 0;height: auto;padding-bottom: 10px;}
.modal-order-inquiry .inquiry-number:before {
	background-color: #ddd;
}
.modal-order-inquiry .inquiry-list {
	margin-top: 15px;
	border-top: 1px solid #ccc;
}
.modal-order-inquiry .inquiry-list .target {
	background: none;
	margin-top: 0;
	padding: 23px 20px 23px 0;
	border-bottom: 1px solid #ccc;
}
.modal-order-inquiry .inquiry-list .target.active {
	border-bottom: 1px solid #eee;
}
.modal-order-inquiry .inquiry-list .target .oder-number {
	font-weight: normal;
	color: #767676;
}
.modal-order-inquiry .inquiry-list .target .oder-number em {
	margin-left: 21px;
	color: #000;
	font-size: 17px;
	font-weight: bold;
}

.modal-order-inquiry .delivery-state-step {
	margin-top: 30px;
}

.delivery-state-step {
	display: table;
	width: 92%;
	padding: 0 4%;
}

.delivery-state-step li {
	position: relative;
	display: table-cell;
	width: 25%;
	text-align: center;
}

.delivery-state-step li:before {
	position: absolute;
	left: 0;
	top: 38px;
	height: 1px;
	width: 100%;
	display: block;
	background-color: #ddd;
	content: '';
}

.delivery-state-step li:first-child:before {
	width: 50%;
	left: auto;
	right: 0;
}

.delivery-state-step li:last-child:before {
	width: 50%;
}

.delivery-state-step li .stIcon {
	position: relative;
	z-index: 1;
	display: block;
	width: 71px;
	height: 71px;
	margin: 0 auto;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 100%;
}

.delivery-state-step li .stIcon em {
	display: block;
	width: 45px;
	margin: 15px auto 0;
	height: 41px;
	background: url('/cjom/web/images/common/ico-delivery.png') no-repeat 0
		0;
}

.delivery-state-step li:nth-child(1) .stIcon em {
	width: 42px;
	background-position: 0 0;
}

.delivery-state-step li:nth-child(1).active .stIcon em {
	background-position: 0 -41px;
}

.delivery-state-step li:nth-child(2) .stIcon em {
	background-position: -42px 0;
}

.delivery-state-step li:nth-child(2).active .stIcon em {
	background-position: -42px -41px;
}

.delivery-state-step li:nth-child(3) .stIcon em {
	background-position: -87px 0;
}

.delivery-state-step li:nth-child(3).active .stIcon em {
	background-position: -87px -41px;
}

.delivery-state-step li:nth-child(4) .stIcon em {
	background-position: -132px 0;
}

.delivery-state-step li:nth-child(4).active .stIcon em {
	background-position: -132px -41px;
}

.delivery-state-step li .stText {
	display: block;
	margin-top: 10px;
	color: #000;
	font-size: 15px;
}

.delivery-state-step li.active .stIcon {
	border: 1px solid #225232;
	background-color: #225232;
}

.delivery-state-step li.active .stText {
	color: #225232;
	font-weight: bold;
}

.delivery-timeline {
	margin-top: 30px;
	padding: 30px 5px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

.delivery-timeline li {
	position: relative;
	padding: 0 0 25px 33px;
	overflow: hidden;
	color: #767676;
}

.delivery-timeline li.active {
	font-weight: bold;
	color: #225232;
}

.delivery-timeline li:before {
	position: absolute;
	left: 8px;
	top: 0;
	display: inline-block;
	width: 2px;
	height: 100%;
	background-color: #eee;
	content: '';
}

.delivery-timeline li:last-child:before {
	background: none;
}

.delivery-timeline .tiIcon {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #ccc;
	background-color: #fff;
	border-radius: 100%;
}

.delivery-timeline li.active .tiIcon {
	border: 2px solid #225232;
	background-color: #225232;
}

.delivery-timeline .tiDate {
	float: left;
	width: 70px;
	font-size: 13px;
	line-height: 16px;
}

.delivery-timeline .tiDesc {
	float: left;
	margin-top: -2px;
	padding-left: 10px;
	line-height: 20px;
	font-size: 15px;
}

/* 우편번호 찾기 */
.zip-search-result {
	min-height: 438px;
}

.zip-search-result .nodata {
	border-top: 1px solid #ddd;
}

.zip-search-result .nodata .inner:before {
	content: none;
}

.zip-search-result .info-box {
	padding: 25px 30px;
}

.zip-search {
	position: relative;
	margin-bottom: 25px;
}

.zip-search .input-text {
	width: 100%;
}

.zip-search input[type=text] {
	width: 100%;
}

.zip-search .btn-search {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}

.zip-search .btn-search:after {
	position: absolute;
	left: 10px;
	top: 10px;
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -120px
		no-repeat;
	background-size: 510px 210px;
}

.zip-search .txt {
	clear: both;
	padding-top: 8px;
	line-height: 26px;
	color: #767676;
}

.address-list-wrap {
	padding-top: 10px;
}

.address-list-wrap:before {
	content: '';
	display: block;
	overflow: hidden;
}

.address-list-wrap .address-select {
	margin-top: 20px;
}

.address-list-wrap .address-select:after {
	content: '';
	display: block;
	clear: both;
}

.address-list-wrap .address-select select, .address-list-wrap .address-select .selectbox,
	.address-list-wrap .address-select .ui-selectmenu-button {
	width: calc(( 100% - 10px)/2) !important;
}

.address-list-wrap .address-select select:nth-of-type(2),
	.address-list-wrap .address-select .ui-selectmenu-button:nth-of-type(2)
	{
	float: right;
}

.address-list-wrap .address-list {
	height: 300px;
	overflow: hidden;
	max-height: 299px
}

.address-list-wrap .address-list li+li {
	border-top: 1px solid #ddd;
}

.address-list-wrap .address-list label {
	position: relative;
	display: block;
	min-height: 90px;
	box-sizing: border-box;
	padding: 20px 25px 20px 30px;
	font-size: 15px;
	line-height: 24px;
}

.address-list-wrap .address-list label .zip-cd {
	display: block;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	color: #000;
}

.address-list-wrap .address-list label .address {
	color: #555;
}

.address-list-wrap .address-list label input[type=radio],
	.address-list-wrap .address-list label .input-radio {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.address-list-wrap .address-list li.more {
	padding-top: 15px;
	text-align: center;
	color: #000;
}

.address-list-wrap .address-list li.more button {
	height: 26px;
	line-height: 24px;
	padding: 0 10px;
}

.address-list-wrap .address-list li.more button span {
	position: relative;
	display: inline-block;
	padding-right: 16px;
	color: #000;
}

.address-list-wrap .address-list li.more button span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	height: 6px;
	width: 12px;
	background: url("/cjom/web/images/common/spr_common.svg") -30px -60px
		no-repeat;
	background-size: 510px 210px;
}

.table-refund {
	display: table;
	width: 100%;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
	background-color: #f8f8f8;
}

.table-refund .column {
	display: table-cell;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	vertical-align: top;
}

.table-refund .column:first-child {
	border-left: none;
}

.table-refund .payment {
	display: table;
	width: 100%;
	height: 84px;
	padding: 18px 30px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 15px;
}

.table-refund .payment-detail {
	padding: 10px 30px;
	border-top: 1px solid #ddd;
	font-size: 14px;
}

.table-refund .payment:after, .table-refund .payment-detail li:after {
	content: '';
	display: block;
	clear: both;
}

.table-refund .payment-detail li {
	line-height: 26px;
}

.table-refund .key {
	float: left;
	color: #555;
}

.table-refund .val {
	float: right;
	color: #000;
	text-align: right;
}

.table-refund .val {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.table-refund .payment .key, .table-refund .payment .val {
	float: none;
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.table-refund .payment .val strong {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.table-refund .payment .val {
	text-align: right;
}

.table-refund .payment .val.total {
	color: #2a715a;
}

.table-refund .payment .val.total strong {
	font-size: 24px;
}

.table-refund .payment-detail ul {
	clear: both;
}

/* order-agree */
.order-agree {
	margin-top: 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
}

.order-agree label .desc {
	position: relative;
	display:block;
	padding-left:30px;
	font-size: 14px;
	color: #555;
	font-weight: normal;
}

.order-agree [class^=link-underline] {
	margin-left: 10px;
	font-size: 15px;
	line-height: 24px;
}

.order-agree .agree-item {
	position: relative;
	padding: 18px 30px 14px;
	border-top: 1px solid #ddd;
}

.order-agree .agree-item.o-ne label {
	color:#f72a66;
}

.order-agree .agree-item:after {
	content: "";
	display: block;
	clear: both;
}

.order-agree .agree-item:nth-child(1) {
	margin: 0;
	border-top: none;
}

.order-agree .agree-item label {
	display: inline-block;
	color: #000;
	font-weight: 500;
	vertical-align: top;
}

.order-agree .agree-item .product-item {
	margin: 5px 0 0 30px;
	font-size: 15px;
	color: #000;
}

.order-agree .agree-item .product-item:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 6px 0 0;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
	vertical-align: 4px;
}

.order-agree .list {
	padding: 12px 0 0;
}

.order-agree .list li {
	position: relative;
	padding: 0 30px 10px 15px;
	overflow: hidden;
}

.order-agree .list li:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 6px 0 0;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
	vertical-align: 2px;
}

.order-agree .list label {
	display: inline-block;
	color: #000;
	font-weight: normal;
}

.order-agree .list li:first-child label {
	border-top: none;
}

.asiana-check {
	padding-right: 30px;
	overflow: hidden;
}

.asiana-check .form-btn {
	float: left;
}

.asiana-check .link-underline {
	float: right;
	line-height: 38px;
}

[class^='icon-benefit']:before {
	content: '';
	display: inline-block;
	width: 85px;
	height: 85px;
	background: url('/cjom/web/images/contents/benefit/icon_benefit.png') 0
		0 no-repeat;
}

.icon-benefit-search:before {
	background-position: -85px 0;
}

.icon-benefit-saving:before {
	background-position: 0 -85px;
}

.icon-benefit-use:before {
	background-position: -85px -85px;
}

.icon-benefit-double:before {
	background-position: -170px -85px;
}

.icon-benefit-card:before {
	background-position: 0 -170px;
}

.icon-benefit-gift:before {
	background-position: -85px -170px;
}

.icon-benefit-cancel:before {
	background-position: 0 -255px;
}

.icon-benefit-refund:before {
	background-position: -85px -255px;
}

.icon-benefit-stop:before {
	background-position: -170px -255px;
}

.benefit-box {
	margin-top: 30px;
	padding: 14px 30px;
	color: #555;
	font-size: 18px;
	font-weight: 700;
	background-color: #fbf6ef;
}

.advantage {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

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

.advantage li {
	float: left;
	width: 25%;
	height: 170px;
	padding: 25px 30px;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.advantage[data-column='3'] li {
	width: calc(100%/ 3);
}

.advantage .number {
	font-size: 18px;
	color: #2a715a;
	font-weight: 500;
}

.advantage .title {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}

.advantage .cont {
	margin-top: 10px;
	font-size: 15px;
	color: #555;
}

.benefit-cols:after {
	content: '';
	display: block;
	clear: both;
}

.benefit-cols .col {
	float: left;
	width: calc(( 100% - 28px)/2);
}

.benefit-cols .col+.col {
	margin-left: 28px;
}

.benefit-cols img {
	vertical-align: top;
}

.app-benefit {
	margin-top: 15px;
	border: 1px solid #eee;
	border-left: none;
}

.app-benefit .title {
	font-size: 18px;
	color: #000;
}

.app-benefit .cont {
	height: 50px;
	margin-top: 8px;
	line-height: 25px;
	font-size: 15px;
	color: #555;
}

.app-benefit img {
	margin-top: 17px;
	vertical-align: top;
}

.app-benefit:after {
	content: '';
	display: block;
	clear: both;
}

.app-benefit li {
	position: relative;
	float: left;
	width: calc(100%/ 3);
	padding: 30px 60px;
	box-sizing: border-box;
	border-left: 1px solid #eee;
}

.app-benefit li:before {
	top: 33px;
	left: 30px;
	width: 25px;
	height: 24px;
	line-height: 23px;
}

.app-down-guide {
	margin-top: 15px;
	padding: 40px 45px;
}

.app-down-guide:after {
	content: '';
	display: block;
	clear: both;
}

.app-down-guide li {
	position: relative;
	float: left;
	width: 594px;
	padding-left: 150px;
	box-sizing: border-box;
}

.app-down-guide li:before {
	position: absolute;
	left: 35px;
	top: 0;
}

.app-down-guide .title {
	font-size: 18px;
	color: #000;
}

.app-down-guide .cont {
	margin-top: 10px;
	font-size: 15px;
	color: #555;
}

.app-down-guide .cont:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 5px;
	vertical-align: 4px;
	background-color: #555;
}

.benefit-banner {
	position: relative;
}

.benefit-banner .point-inqury {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	letter-spacing: 0;
}

.benefit-banner .point-inqury .btn-inqury {
	position: relative;
	padding-right: 0;
	font-size: 20px;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	line-height: 25px;
}

.benefit-banner .point-inqury .ff-roboto {
	font-size: 24px;
}

.point-inqury .btn-inqury:after {
	position: absolute;
	right: -15px;
	top: 6px;
	content: '';
	display: inline-block;
	width: 9px;
	height: 15px;
	background: url('/cjom/web/images/common/spr_common.svg') -330px -180px;
	background-size: 510px 210px;
}

.point-benefit {
	margin-top: 15px;
	padding: 0;
}

.point-benefit>li {
	position: relative;
	padding: 40px 40px 40px 195px;
	border-bottom: 1px solid #ddd;
}

.point-benefit [class^='icon-benefit']:before {
	position: absolute;
	left: 80px;
	top: 40px;
}

.point-benefit .title {
	font-size: 18px;
	color: #000;
}

.point-benefit .desc-list li {
	color: #555;
	font-size: 15px;
}

.cjone-card-list {

}

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

.cjone-card-list li {
	float: left;
	width: 400px;
	height: 310px;
	margin: 25px 0 15px;
	text-align: center;
}

.cjone-card-list .title {
	display: block;
	margin-top: 20px;
	font-size: 26px;
	color: #000;
}

.cjone-card-list .cont {
	font-size: 18px;
	color: #555;
}

.cjone-card-list img {
	vertical-align: top;
}

.gift-card-box {
	border-bottom: none;
	text-align: center;
}

.gift-card-box .gift-card-item {
	display: inline-block;
	width: 500px;
	margin: 30px 0 20px;
	text-align: center;
}

.gift-card-item .title {
	display: block;
	margin-top: 15px;
	font-size: 26px;
	color: #000;
}

.gift-card-item .cont {
	margin-top: 5px;
	line-height: 28px;
	font-size: 18px;
	color: #555;
}

.giftcard-guide {
	margin-top: 32px;
}

.giftcard-guide .line-box {
	margin-top: 15px;
}

.giftcard-guide .line-box:after {
	content: '';
	display: block;
	clear: both;
}

.giftcard-guide .line-box li {
	float: left;
	width: 33.3333%;
	font-size: 15px;
	color: #000;
	text-align: center;
}

.giftcard-guide .line-box .cont {
	height: 67px;
	margin: 10px auto 20px;
}

.prime-wrap .visual {
	background: url('/cjom/web/images/contents/visual_prime.jpg') center
		no-repeat;
	background-size: cover;
}

.prime-wrap .visual .contents {
	min-height: 440px;
	padding: 54px 0 41px;
	box-sizing: border-box;
}

.prime-wrap .visual .title-box {
	text-align: center;
}

.prime-wrap .visual .title-box .desc {
	position: relative;
	display: inline-block;
	font-size: 15px;
	color: #2a715a;
	font-weight: 500;
}

.prime-wrap .visual .title-box .desc:before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 50%;
	display: block;
	width: 20px;
	height: 1px;
	background: #2a715a;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .visual .title-box .title {
	width: 340px;
	height: 82px;
	margin: 39px auto 0;
	background: url('/cjom/web/images/contents/the_prime.png') no-repeat;
	text-indent: -99999px;
	overflow: hidden;
}

.prime-wrap .visual .title-box .txt {
	margin-top: 23px;
	font-size: 20px;
	color: #2a715a;
}

.prime-wrap .visual .user-info {
	position: relative;
	margin: 20px 0 0 0;
	padding: 13px 40px 28px;
	border: none;
	background: #fff;
	box-shadow: 3px 3px 7px 0 #e5e5e5;
}

.prime-wrap .visual .user-info .link-box {
	position: absolute;
	top: 46px;
	right: 18px;
}

.prime-wrap .banner {
	background: #ff7b91;
	text-align: center;
	line-height: 60px;
}

.prime-wrap .banner strong {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.prime-wrap [data-tab-content] {
	padding-top: 30px;
}

.prime-wrap .prime-container {
	counter-reset: benefitsNum;
}

.prime-wrap [class*="benefits"] {
	position: relative;
	padding-top: 80px;
}

.prime-wrap [class*="benefits"] .benefit-title {
	font-size: 26px;
	font-weight: 500;
}

.prime-wrap [class*="benefits"] .benefit-title:before {
	content: "0" counter(benefitsNum);
	counter-increment: benefitsNum;
	display: block;
	width: 30px;
	margin: 0 auto 11px;
	border: solid #000;
	border-width: 1px 0;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	letter-spacing: 0;
}

.prime-wrap [class*="benefits"] .title {
	font-size: 40px;
	font-weight: bold;
}

.prime-wrap [class*="benefits"] .desc {
	margin-top: 27px;
	font-size: 40px;
	color: #000;
	text-align: center;
}

.prime-wrap [class*="benefits"] .txt-list {
	margin-top: 24px;
	font-size: 0;
	text-align: center;
}

.prime-wrap [class*="benefits"] .txt-list li {
	display: inline-block;
	font-size: 26px;
	color: #000;
}

.prime-wrap .benefits01 {
	padding-bottom: 70px;
	background: #2b9273;
}

.prime-wrap .benefits01 .benefit-title {
	color: #fff;
}

.prime-wrap .benefits01 .benefit-title:before {
	border-color: #fff;
}

.prime-wrap .benefits01 .desc {
	color: #fff;
}

.prime-wrap .benefits01 .txt-list {
	padding: 0 60px;
	text-align: center;
}

.prime-wrap .benefits01 .txt-list li {
	position: relative;
	color: #fff;
	width: 50%;
}

.prime-wrap .benefits01 .txt-list li:nth-child(2):before {
	content: "";
	position: absolute;
	top: 150px;
	left: -31px;
	display: block;
	width: 62px;
	height: 65px;
	background: url("/cjom/web/images/contents/icon-prime.png") 0 0
		no-repeat;
}

.prime-wrap .benefits01 .txt-list li .tit {
	display: block;
	margin-top: 20px;
	font-weight: bold;
}

.prime-wrap .benefits01 .txt-list li .txtt {
	display: block;
}

.prime-wrap .benefits02 {
	padding-bottom: 147px;
}

.prime-wrap .benefits02:after, .prime-wrap .benefits03:after {
	content: "";
	position: absolute;
	bottom: -33px;
	left: 50%;
	z-index: 2;
	display: block;
	width: 62px;
	height: 65px;
	background: url("/cjom/web/images/contents/icon-prime.png") -62px 0
		no-repeat;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .benefits02 .txt-list {
	margin-top: 66px;
	text-align: center;
}

.prime-wrap .benefits02 .txt-list li {
	width: 363px;
	margin: 0 18px;
}

.prime-wrap .benefits02 .txt-list li .txt {
	display: block;
	margin-top: 27px;
}

.prime-wrap .benefits02 .txt-list li .txt strong {
	display: block;
}

.prime-wrap .benefits03 {
	padding-bottom: 118px;
	background: #ffeeee;
}

.prime-wrap .benefits03 .desc {
	font-size: 40px;
	line-height: 52px;
}

.prime-wrap .benefits03:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.prime-wrap .benefits03 .title-box {
	display: inline-block;
	margin-left: 70px;
	vertical-align: middle;
}

.prime-wrap .benefits03 .title-box .desc {
	text-align: left;
}

.prime-wrap .benefits03 .img-box {
	display: inline-block;
	margin-left: 80px;
	vertical-align: middle;
}

.prime-wrap .benefits04 {
	background: #f9f9ff;
	text-align: center;
}

.prime-wrap .benefits04 .img-box img {
	display: block;
	margin: 0 auto;
}

.prime-wrap .benefits04 .desc {
	font-size: 40px;
	line-height: 52px;
}

.prime-wrap .benefits05 {
	padding-bottom: 74px;
	background: url("/cjom/web/images/contents/visual_prime02.jpg") top
		center no-repeat;
	background-size: cover;
}

.prime-wrap .benefits05 .title {
	margin-top: 27px;
	text-align: center;
}

.prime-wrap .benefits05 .desc {
	margin-top: 6px;
	font-size: 26px
}

.prime-wrap .benefits05 .txt-list {
	margin-top: 54px;
}

.prime-wrap .benefits05 .txt-list li {
	margin: 0 20px;
}

.prime-wrap .benefits05 .txt-list li .txt {
	display: block;
}

.prime-wrap .benefits05 .txt-list li .tit {
	display: block;
	margin-top: 20px;
	font-weight: bold;
}

.prime-wrap .purchase-info {
	padding: 70px 0 76px 0;
	background: #137e7f;
}

.prime-wrap .purchase-info .title {
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
}

.prime-wrap .purchase-info .title strong {
	display: block;
	font-size: 80px;
	font-weight: 900;
	line-height: 80px;
}

.prime-wrap .purchase-info .title span {
	display: block;
	font-size: 80px;
	font-weight: normal;
	line-height: 80px;
}

.prime-wrap .purchase-info .desc {
	margin-top: 28px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}

.prime-wrap .purchase-info .desc strong {
	font-weight: bold;
}

.prime-wrap .purchase-cont {
	margin-top: 60px;
	padding: 106px 80px;
	background: url('/cjom/web/images/contents/bg_purchase.png') no-repeat;
}

.prime-wrap .purchase-cont .title {
	font-size: 40px;
	color: #000;
	text-align: center;
}

.prime-wrap .purchase-cont .desc {
	font-size: 15px;
	color: #000;
	text-align: center;
}

.prime-wrap .purchase-cont .time {
	margin-top: 51px;
	font-size: 18px;
	color: #000;
	text-align: center;
}

.prime-wrap .purchase-cont .purchase-box {
	margin-top: 60px;
	padding: 0 60px 80px;
	border-radius: 9px;
	background: #fff;
	overflow: hidden;
}

.prime-wrap .purchase-box .row:first-child {
	border-top: none;
}

.prime-wrap .purchase-box .row {
	padding: 60px 0 55px 174px;
	border-top: 1px solid #ddd;
}

.prime-wrap .purchase-box .row .inner {
	font-size: 0;
}

.prime-wrap .purchase-box .row .inner:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.prime-wrap .purchase-box .row .img-box {
	display: inline-block;
	vertical-align: middle;
}

.prime-wrap .purchase-box .row .user-box {
	display: inline-block;
	margin-left: 42px;
	vertical-align: middle;
	font-size: 18px;
	color: #555;
}

.prime-wrap .purchase-box .row .user-box strong {
	color: #000;
}

.prime-wrap .purchase-box .row .user-box strong span {
	position: relative;
	margin-left: 13px;
	padding-left: 13px;
	color: #000;
}

.prime-wrap .purchase-box .row .user-box strong span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #ddd;
}

.prime-wrap .purchase-box .row .user-box p>span {
	margin-left: 25px;
}

.prime-wrap .purchase-box .row>p {
	width: 394px;
	margin-top: 8px;
	text-align: center;
	font-size: 18px;
	color: #555;
}

.prime-wrap .day-event {
	padding: 81px 0 74px 0;
	background: url(/cjom/web/images/contents/bg_day_event.png) no-repeat;
	text-align: center;
	color: #fff;
	font-size: 15px;
}

.prime-wrap .day-event .info .point {
	position: relative;
}

.prime-wrap .day-event .info .point:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #fff;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .day-event .title {
	font-size: 80px;
	color: #fff;
}

.prime-wrap .day-event .text {
	margin-top: -2px;
	font-size: 26px;
	color: #fff;
}

.prime-wrap .day-event .desc {
	margin-top: 43px;
}

.prime-wrap .today-sale {
	margin-top: 16px;
	height: 360px;
	box-sizing: border-box;
	background: url('/cjom/web/images/contents/bg_today_sale.png') no-repeat;
	font-size: 0;
}

.prime-wrap .today-sale:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.prime-wrap .today-sale .txt-box {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}

.prime-wrap .today-sale .txt-box .title {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}

.prime-wrap .today-sale .txt-box .text {
	margin-top: 0;
	font-size: 18px;
	color: #fff;
}

.prime-wrap .today-sale .slider-box {
	display: inline-block;
	width: 560px;
	height: 280px;
	margin-left: 40px;
	padding-top: 40px;
	box-sizing: border-box;
	vertical-align: middle;
	background: #fff;
}

.prime-wrap .today-sale .coupon-slider {
	width: 360px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
}

.prime-wrap .today-sale .coupon-slider.slick-slider {
	overflow: visible;
}

.prime-wrap .today-sale .coupon-slider .slick-arrow {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .today-sale .coupon-slider .slick-next {
	right: -68px;
}

.prime-wrap .today-sale .coupon-slider .slick-prev {
	left: -68px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	margin-top: -14px;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .today-sale .coupon-slider .slick-arrow:before, .prime-wrap .today-sale .coupon-slider .slick-arrow:after
	{
	content: "";
	position: absolute;
	top: 10px;
	left: 9px;
	display: block;
	width: 16px;
	height: 1px;
	background: #000;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .today-sale .coupon-slider .slick-arrow:after {
	top: 21px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-wrap .today-event-list {
	margin: 60px -20px 0;
	overflow: hidden;
}

.prime-wrap .today-event-list li {
	float: left;
	width: calc(50% - 122px);
	margin: 0 20px;
}

.prime-wrap .today-item {
	position: relative;
	padding: 28px 40px 34px;
	text-align: center;
	border: 1px solid #ddd;
}

.prime-wrap .today-item .title {
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

.prime-wrap .today-item .frag {
	position: absolute;
	top: -1px;
	left: -1px;
}

.prime-wrap .today-item .desc {
	margin-top: 6px;
	font-size: 18px;
	color: #555;
}

.prime-wrap .today-item .d-day {
	display: block;
	font-size: 60px;
	font-weight: bold;
	color: #000;
}

.prime-wrap .today-item .d-day.ff-roboto {
	font-size: 80px;
}

.prime-wrap .today-item .memo {
	margin-top: 37px;
	padding: 33px 0 0 0;
	border-top: 1px solid #ddd;
	font-size: 20px;
	color: #000;
}

.prime-wrap .today-item .memo2 {
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

/* 바로가기 */
.shortcut-title {
	height: 430px;
	background: #faefd4 url('/cjom/web/images/contents/bg_shortcut_dot.png')
		50% 0 no-repeat;
}

.shortcut-title:before {
	content: '';
	display: block;
	overflow: hidden;
}

.shortcut-title .inner {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	padding: 75px 0 0 80px;
}

.shortcut-title .inner:after {
	position: absolute;
	right: 150px;
	top: 56px;
	content: '';
	display: block;
	width: 340px;
	height: 340px;
	background: url('/cjom/web/images/contents/shotcut_obj.png') 0 0
		no-repeat;
}

.shortcut-title .page-title {
	margin-top: 0;
	font-size: 55px;
	line-height: 60px;
	text-align: left;
}

.shortcut-title .page-title img {
	vertical-align: top;
}

.shortcut-title .page-title>strong {
	display: block;
	font-weight: 700;
}

.shortcut-title .page-title>strong>span {
	color: #2a715a;
}

.shortcut-title .page-title>span {
	display: block;
	font-weight: 400;
}

.shortcut-title .txt {
	margin: 12px 0 24px;
	font-size: 18px;
	color: #555;
	line-height: 28px;
}

.shortcut-tit {
	font-size: 46px;
	font-weight: normal;
	text-align: center;
}

.shortcut-list {
	padding-top: 90px;
	text-align: center;
}

.shortcut-coupon {
	width: 1140px;
	margin: 40px auto 80px;
	box-sizing: border-box;
	overflow: hidden;
}

.shortcut-coupon>li {
	position: relative;
	float: left;
	width: calc(100%/ 3);
	max-width: 425px;
	box-sizing: border-box;
	padding: 3px 0 20px;
}

.shortcut-coupon .step {
	position: relative;
	display: block;
	width: 90px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	border: 1px solid #bd8b57;
	border-radius: 25px;
	font-size: 18px;
	color: #9c6d30;
}

.shortcut-coupon .step span {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-size: 20px;
}

.shortcut-coupon .title {
	margin: 15px 0 25px;
	font-size: 24px;
	color: #000;
	line-height: 34px;
	font-weight: 700;
}

.shortcut-coupon .item {
	display: block;
	width: 360px;
	height: 200px;
	margin: 14px auto 0;
	padding: 26px 0 0 40px;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	background: url('/cjom/web/images/contents/bg_coupon_shortcut.png') 0 0
		no-repeat;
}

.shortcut-coupon .item .type {
	font-size: 25px;
	color: #d0a465;
}

.shortcut-coupon .item .number {
	font-size: 64px;
	line-height: 76px;
	font-weight: 500;
}

.shortcut-coupon .item .number .ff-roboto {
	font-size: 76px;
	font-weight: 500;
}

.shortcut-coupon .item .number .per {
	font-size: 74px;
	font-family: 'Roboto', sans-serif;
}

.shortcut-coupon .item .txt2 {
	margin-top: 5px;
	font-size: 18px;
}

.shortcut-coupon .coupon-noti {
	margin: 10px 0 0 10px;
	text-align: left;
	font-size: 16px;
	color: #767676;
}

.shortcut-coupon .coupon-down {
	float: left;
	height: 28px;
	margin: 6px 0 0 10px;
	color: #2a715a;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid #2a715a;
	border-radius: 0;
}

.shortcut-coupon .coupon-down:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: -5px;
	vertical-align: -9px;
	background: url('/cjom/web/images/common/spr_common.png') -450px -60px
		no-repeat;
}

.shortcut-manual {
	width: 1280px;
	margin: 25px auto 0;
	text-align: center;
}

.shortcut-manual ol {
	margin-bottom: 50px;
	overflow: hidden;
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
}

.shortcut-manual ol li {
	position: relative;
	float: left;
	width: 50%;
	height: 416px;
	padding-top: 290px;
	box-sizing: border-box;
	background-color: #f6faf8;
}

.shortcut-manual ol li+li {
	border-left: 2px solid #fff;
}

.shortcut-manual ol li+li:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -25px;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	border-radius: 50%;
	background: #fff url("/cjom/web/images/contents/ico_shortcut_arr.png")
		50% 50% no-repeat;
}

.shortcut-manual ol li>.step {
	position: relative;
	display: block;
	line-height: 44px;
	font-size: 18px;
	font-weight: 700;
	color: #2a715a;
	font-style: italic;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
}

.shortcut-manual ol li>.step:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 1px;
	width: 18px;
	margin-left: -9px;
	background: #2a715a;
}

.shortcut-manual ol li img {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.shortcut-manual ol li>.txt {
	margin-top: 10px;
	font-size: 24px;
	line-height: 38px;
	color: #000;
}

.shortcut-manual ol li>.desc {
	margin-top: 5px;
	font-size: 14px;
	line-height: 28px;
	color: #767676;
}

/* use-point */
.use-point {border-bottom:1px solid #ddd;}

.use-point .top {
	overflow: hidden;
	font-size: 0;
	padding: 13px 0;
}

.use-point .top .use {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #000
}

.use-point .top .retention {
	position: relative;
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	font-size: 15px;
}

.use-point .top .retention:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.use-point .top .info-text {
	float: right;
	font-size: 15px;
	color: #2a715a;
}

.use-point .top .info-text:before {
	color: #2a715a;
}

.use-point .bottom {
	padding-bottom: 20px;
	font-size: 0;
}

.use-point .bottom .txt {
	display: inline-block;
	font-size: 15px;
	vertical-align: -4px;
}

.use-point .bottom .txt:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 2px 6px 0 0;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
}

.use-point .bottom .btn-box {
	display: inline-block;
	margin-left: 15px;
}

.use-point .bottom .btn-box [class*="btn-"] {
	min-width: 120px;
}

.use-point .bottom .btn-box [class*="btn-"]+[class*="btn-"] {
	margin-left: 5px;
}

.modal-contents .use-point {
	padding-left: 20px;
}

.modal-contents .use-point .top .info-text {
	float: left;
}

.modal-contents .use-point .top .retention {
	color: #767676;
}

/* refund-amount */
.refund-amount {
	margin-top: 10px;
	border-top: 2px solid #000;
}

.refund-amount .item {
	padding: 17px 30px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	font-size: 15px;
}

.refund-amount .item .txt {
	float: left;
	color: #555;
}

.refund-amount .item .price {
	float: right;
	color: #000;
}

.refund-amount .item .price strong {
	font-weight: 500;
}

.sns-url-list li+li {
	margin-top: 10px;
	display: none;
}

.sns-url-list li.active {
	display: block;
}

.sns-url-list .btn-delete {
	position: relative;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
	box-sizing: border-box;
	border-radius: 0;
}

.sns-url-list .btn-delete:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 30px;
	margin: -15px 0 0 -15px;
	background: url('/cjom/web/images/common/spr_common.svg') -30px -120px
		no-repeat;
	background-size: 510px 210px;
}

.my-prime-box {
	position: relative;
	margin-top: 35px;
	padding: 33px 40px 35px;
	background-color: #2a715a;
}

.my-prime-box .prime-text {
	font-size: 26px;
	line-height: 36px;
	font-weight: 400;
	color: #fff;
}

.my-prime {
	margin-top: 8px;
}

.my-prime:after {
	content: '';
	display: block;
	clear: both;
}

.my-prime li {
	float: left;
	position: relative;
	line-height: 26px;
	font-size: 16px;
	color: #fff;
}

.my-prime li+li {
	margin-left: 30px;
}

.my-prime .tit {
	display: inline-block;
	margin-top: 5px;
	margin-right: 30px;
	color: #fff;
}

.my-prime .tit:after {
	content: '';
	position: absolute;
	top: 19px;
	left: 72px;
	height: 13px;
	width: 1px;
	background: #ddd;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.my-prime-box .link-underline {
	position: absolute;
	bottom: 40px;
	right: 40px;
	font-size: 14px;
	color: #fff;
}

.my-prime-box .link-underline span {
	border-bottom: 1px solid #fff;
}

.my-wallet {
	background-color: #fff;
	font-size: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.my-wallet .item {
	display: inline-block;
	width: calc(( 100%/ 3)- 1px);
	padding: 25px 40px;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	font-size: 18px;
}

.my-wallet .item dt {
	color: #000;
}

.my-wallet .item dd {
	line-height: 30px;
	color: #2a715a;
	letter-spacing: 0;
}

.my-wallet dd strong {
	font-size: 30px;
}

/* 메인개편 주석
#container.main {padding-bottom:40px;}
#container.main .product-list-hot{margin-top:13px;}
#container.health-wrap .main-visual .slider {height:500px;}
#container.health-wrap .main-visual .slider .item {height:500px;}
.main-visual {overflow:hidden;height:500px;margin-bottom:30px;}
.main-visual .slider{overflow:hidden; margin:0 auto; width:100%; height:500px; }
.main-visual .slider.slick-slider {width:auto; height:auto !important; }
.main-visual .slider .item{text-align:center; height:500px; width:100%; float:left; background-position:50% top !important; background-size:auto 100% !important;}
.main-visual .slider .item a{position:relative; display:block; height:100%; width:100%; overflow:hidden;}
.main-visual .slider .item a:focus:after{content:''; position:absolute; top:0; left:0; height:100%; width:100%; box-shadow:inset 0 0 3px blue; box-sizing:border-box;}
.main-visual .slider .item img{position:absolute; top:0; left:50%; display:block; max-width:none; height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.main-visual .slider .slick-util-group{left:50%; bottom:0; max-width:1500px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.main-visual .slider .slick-dots-group{position:absolute; left:50%; bottom:0; height:50px; padding:15px 0; box-sizing:border-box; width:auto; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.main-visual .slider .slick-arrow{position:absolute; top:-300px; height:100px; width:60px; text-indent:-9999px; background:url("/cjom/web/images/contents/ico_main_visual_arr.png") no-repeat;}
.main-visual .slider .slick-prev{left:31px; background-position-x:0;}
.main-visual .slider .slick-next{right:31px; background-position-x:100%;}
.main-visual .slick-slider .slick-dots li.slick-active button:after {background-color:#fff;}
.main-visual .slick-slider .slick-dots li button:after{background-color: rgba(255, 255, 255, 0.6);}
#container.main .contents + .contents{margin-top:65px;}

.column-title-box{font-size:0;}
.column-title-box .column-title{display:inline-block;}
.column-title-box .time{display:inline-block; margin-left:25px; font-size:26px; color:#2a715a;}
.column-title{margin-top:61px; font-size:25px;}*/
/* 메인개편 주석 */
.md-list {
	margin: 9px 0 0 -28px;
	height: 254px;
	overflow: hidden;
}

.md-list.slick-slider {
	height: auto;
	overflow: visible;
}

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

.md-list .slick-util-group {
	position: absolute;
	top: -37px;
	right: 0;
	bottom: auto;
	left: auto;
	width: auto;
}

.md-list .slick-dots-group {
	position: static;
	width: auto;
	display: inline-block;
}

.md-list .item {
	float: left;
	margin-left: 28px;
}

.md-list .item a {
	display: block;
}

.md-list .item img {
	display: block;
}

.md-list .item .title {
	display: block;
	margin-top: 7px;
	font-size: 20px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.md-list .item .desc {
	display: block;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.best-tab {
	margin-top: 13px;
	width: calc(100% + 1px)
}

.best-tab:after {
	content: "";
	clear: both;
	display: block;
}

.best-tab li:first-child {
	width: calc(( 100%/ 11));
	border-left-color: #ddd;
}

.best-tab li {
	float: left;
	width: calc(( 100%/ 11));
	border: 1px solid #ddd;
	border-left-color: #f8f8f8;
	box-sizing: border-box;
	background: #f8f8f8;
	text-align: center;
	line-height: 48px;
}

.best-tab li a {
	display: block;
}

.best-tab li.active {
	background: #fff;
	border-bottom-color: #fff;
	color: #2a715a;
}

.best-tab-content {
	padding: 20px 29px 11px;
	min-height: 400px;
	border: 1px solid #ddd;
	margin-top: -1px;
}

.best-tab-content .product-item .title {
	margin-top: 7px;
	font-size: 14px;
}

.best-tab-content .product-item .price-info {
	margin-top: 5px;
	line-height: 1;
}

.best-tab-content .product-item .price {
	display: block;
	font-size: 15px;
}

.best-tab-content .product-item .price strong {
	font-size: 16px;
}

.best-tab-content .nodata .inner {
	height: 395px;
}

.new-list {margin-top:13px;}
.new-list:after {content: "";clear: both;display: block;}


.new-product-item:first-child {
	margin-left: 0;
}

.new-product-item {
	position: relative;
	float: left;
	width: calc(( 100% - ( 28px * 2))/3);
	margin-left: 28px;
	overflow: hidden;
}

.new-product-item .product-list2 .product-title {font-size:13px;line-height:16px;}
.new-product-item .product-list2 .product-price-discount, .new-product-item .product-list2 .product-price {font-size:14px;line-height:20px;}
.new-product-item .product-list2 .product-price-discount .price  {font-size:14px;line-height:20px;}
.new-product-item .product-list2 .product-price-box .product-price {font-size:12px;color:#999;}

.new-product-item .desc {
	position: relative;
	display: block;
	padding-top: 408px;
}

.new-product-item .desc .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}

.new-product-item .desc .thumb>img {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 408px;
	height: auto;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-08 ie9 -ms- transform 추가 */
.new-product-item .desc .thumb .flag-area {
	position: absolute;
	top: 0;
	right: 0;
}

.new-product-item .desc .title {
	padding:10px 30px 14px;
	border: solid #ddd;
	border-width: 0 1px;
}

.new-product-item .desc .title em {
	display: block;
	line-height: 41px;
	font-size: 26px;
	color: #000;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.new-product-item .desc .title .txt {
	display: block;
	overflow: hidden;
	font-size: 18px;
	color: #555;
	line-height: 28px;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.new-product-item .product-item-slider, .new-product-item .product-item-wrap
	{
	position: relative;
	height: 159px;
	border: 1px solid #ddd;
	border-top: none;
	overflow: hidden;
}
.new-product-item .product-item .product-list-cont {width:273px;}

.new-product-item .product-item-slider .slick-util-group {
	position: static;
}

.new-product-item .product-item-slider .slick-arrow {
	position: absolute;
	top: 50%;
	width: 37px;
	height: 36px;
	background-image: url('/cjom/web/images/common/icon_m_slider.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
	transform: translateY(-50%);
}

.new-product-item .product-item-slider .slick-prev {
	left: 0;
	background-position: 0 0;
}

.new-product-item .product-item-slider .slick-next {
	right: 0;
	background-position: -36px 0;
}

.new-product-item .product-item-slider .slick-arrow.slick-disabled {
	background-position: 0 -36px;
}

.new-product-item .product-item-slider .slick-next.slick-disabled {
	background-position: -36px -36px;
}

.new-product-item .product-item {padding:20px 22px 20px 30px;height:168px;border:1px solid #ddd;border-top:0;}
.new-product-item .product-item:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 30px;
	display: block;
	width: calc(100% - 60px);
	border-top: 1px solid #ddd;
}

.new-product-item .product-item .inner {
	display: table-cell;
	height: 159px;
	vertical-align: middle;
}

.new-product-item .product-item .thumb {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 120px;
	height: 120px;
}

.new-product-item .product-item .title {
	margin-top: 0;
	font-size: 14px;
	color: #000;
	line-height: 1.3;
	word-break: normal;
}
.new-product-item .bttn-emore  {margin-top:8px;}
.new-product-item .bttn-emore a {display:inline-block;border-radius:50px;font-size:12px;line-height:24px;padding:0 22px 0 12px;color:#fff;font-family:Roboto;background:#1ba774 url(/cjom/web/images/common/icon-plist-arrow.svg) no-repeat 90% 50%;}
.new-product-item .product-item .price-info {
	line-height: 1;
}

.new-product-item .product-item .price-info .price {
	font-size: 15px;
	color: #000;
}

.new-product-item .product-item .price-info .price strong {
	font-size: 16px;
}

.new-product-item .product-item .price-info del {
	font-size: 12px;
	color: #767676;
}

.new-product-item .product-item .dis-rate {
	font-size: 12px;
	color: #f72a66;
}

.new-product-item .product-item .star-rating .num {
	font-size: 12px;
	color: #767676;
}

.new-product-item .product-item .category {
	margin-top: 4px;
	overflow: hidden;
}

.new-product-item .product-item .category li {
	position: relative;
	float: left;
	font-size: 12px;
	color: #767676;
}

.new-product-item .product-item .category li+li {
	margin-left: 7px;
	padding-left: 9px;
}

.new-product-item .product-item .category li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	background: #555;
	transform: translateY(-50);
}

.new-product-item .product-item .btn-box {
	display: none;
}
#recipeList .product-item {margin-top:40px;}
#recipeList .product-item:nth-child(1),
#recipeList .product-item:nth-child(2),
#recipeList .product-item:nth-child(3),
#recipeList .product-item:nth-child(4) {margin-top:0}

/* 2019-07-25 메인 > 쿡킷 타이틀 두줄 노출시 깨짐 수정 */
.view-wrap  .coocket {

}

.coocket-list {
	position: relative;
	padding-left: 625px;
	margin-top: 13px;
}

.coocket-list:after {
	content: "";
	clear: both;
	display: block;
}

.coocket-list>li:nth-child(1) {
	margin-left: 0;
}

.coocket-list>li:nth-child(n+4) {
	margin-top: 20px;
}

.coocket-list>li:nth-child(2n) {
	clear: left;
}

.coocket-list>li {
	float: left;
	width: calc(( 100% - ( 27px * 2))/2);
	margin-left: 27px;
}

.coocket-list .product-item .box {
	overflow: hidden;
	margin-top: 3px;
}

.coocket-list .product-item .title {
	max-height: none;
}

.coocket-list .product-item .price-info {
	display: inline-block;
	margin-top: 0;
	line-height: 1;
	vertical-align: top;
}

.coocket-list .product-item .price-info del {
	margin: 0
}

.coocket-list .product-item .cook-info {
	float: right;
	display: inline-block;
	margin: 2px 0 0 0;
	vertical-align: middle;
}

.coocket-list .product-item.column2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 625px;
	height: 740px;
	padding: 530px 40px 0;
	box-sizing: border-box;
}

.coocket-list .product-item.column2 a>* {
	position: relative;
	z-index: 2;
}

.coocket-list .product-item.column2 .thumb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.coocket-list .product-item.column2 .title_memo {
	font-size: 30px;
	color: #000;
	line-height: 38px;
}

.coocket-list .product-item.column2 .title {
	margin-top: 0;
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
}

.coocket-list .product-item.column2 .desc {
	margin-top: 7px;
	max-height: 44px;
	overflow: hidden;
	line-height: 22px;
}

.coocket-list .product-item.column2 .box {
	margin-top: 20px;
}

.coocket-list .product-item.column2 .cook-info {
	float: none;
	vertical-align: 2px;
	margin-left: 10px;
}

.coocket-list.best {
	counter-reset: bestNum;
	list-style-type: decimal-leading-zero;
}

.coocket-list.best .product-item .inner:before {
	content: 'Best\A' counter(bestNum, decimal-leading-zero);
	counter-increment: bestNum;
	white-space: pre;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10;
	display: block;
	width: 40px;
	height: 40px;
	padding: 8px 0 0 8px;
	box-sizing: border-box;
	line-height: 12px;
	background: #2a715a;
	color: #fff;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-size: 11px;
}
/* 2019-07-25 메인 > 쿡킷 타이틀 두줄 노출시 깨짐 수정 */
.main-banner {
	position: relative;
	margin-top: 80px;
	height: 260px;
	text-align: center;
	overflow: hidden
}

.main-banner img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	max-width: none;
} /* 2019-07-08 ie9 -ms- transform 추가 */
.category-slider {
	margin-top: 13px;
	padding: 0 24px;
	height: 94px;
	overflow: hidden;
}

.category-slider.slick-slider {
	height: auto;
	overflow: visible;
}

.category-slider:after {
	content: "";
	clear: both;
	display: block;
}

.category-slider .slick-util-group {
	position: static;
	width: 100%;
}

.category-slider .slick-arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 0;
	text-indent: -9999px;
	border: 1px solid #ddd;
	background: #f1f1f1;
}

.category-slider .slick-arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 19px;
	height: 19px;
	margin: -9px 0 0 -9px;
	background-image: url('/cjom/web/images/common/icon-slider2.png');
	background-repeat: no-repeat;
}

.category-slider .slick-prev {
	border-right: 0;
}

.category-slider .slick-next {
	left: auto;
	right: 0;
	border-left: 0;
}

.category-slider .slick-next:after {
	background-position-x: -19px;
}

.category-slider .slick-arrow.slick-disabled:after {
	background-position-y: -19px;
}

.category-item {
	float: left;
	position: relative;
	width: 154px !important;
	border: 1px solid #ddd;
	border-left: none;
	box-sizing: border-box;
	text-align: center;
	background: #f8f8f8;
}

.category-item:nth-child(8n+1) {
	border-left: 1px solid #ddd;
}

.category-item a {
	position: relative;
	display: block;
	height: 92px;
	padding-top: 6px;
	box-sizing: border-box;
	z-index: 2
}

.category-item.active {
	border-bottom: 1px solid #fff;
	background: #fff;
}

.category-item .img {
	display: block;
	text-align: center;
}

.category-item .img img {
	display: inline;
	vertical-align: top;
}

.solution-box {
	overflow: hidden;
	height: 473px;
	margin-top: 13px;
	border: 1px solid #ddd;
}

.solution-list {
	float: left;
	width: 324px;
	overflow: hidden;
}

.solution-list li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
}

.solution-list li:nth-child(n+3) {
	border-top: 1px solid #ddd;
}

.solution-list li a {
	display: block;
	padding: 64px 0;
	background: #f8f8f6;
	text-align: center;
	font-size: 18px;
	color: #000;;
}

.solution-list li a:before {
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 100%;
	background: #fff url(/cjom/web/images/common/icon_solution.svg)
		no-repeat;
	background-size: 160px 160px;
}

.solution-list li:nth-child(2) a:before {
	background-position-x: -80px;
}

.solution-list li:nth-child(3) a:before {
	background-position: 0 -80px;
}

.solution-list li:nth-child(4) a:before {
	background-position: -80px -80px;
}

.solution-slider {
	float: left;
	width: 900px;
	margin: 30px 0 0 30px;
}

.solution-slider:after {
	content: "";
	clear: both;
	display: block;
}

.solution-slider .product-item:nth-child(1) {
	margin-left: 0;
}

.solution-slider .product-item {
	float: left;
	width: 280px !important;
	margin-left: 25px;
}

.solution-slider .product-item .title {
	overflow: hidden;
	white-space: nowrap;
}

.solution-slider .slick-util-group {
	position: static;
}

.solution-slider .slick-arrow {
	position: absolute;
	top: 122px;
	width: 37px;
	height: 36px;
	background-image: url('/cjom/web/images/common/icon_m_slider.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.solution-slider .slick-prev {
	left: -29px;
	background-position: 0 0;
}

.solution-slider .slick-next {
	right: -29px;
	background-position: -36px 0;
}

.solution-slider .slick-arrow.slick-disabled {
	background-position: 0 -36px;
}

.solution-slider .slick-next.slick-disabled {
	background-position: -36px -36px;
}

.solution-box .nodata {
	float: left;
	width: 954px;
}

.solution-box .nodata .inner {
	height: 456px;
}

.playcook {
	height: 498px;
	margin-top: 13px;
	border: 1px solid #ddd;
	overflow: hidden;
}

.playcook:after {
	content: "";
	clear: both;
	display: block;
}

.playcook>.inner {
	float: left;
	padding: 20px;
	border-right: 1px solid #ddd;
}

.playcook>.inner:after {
	content: "";
	clear: both;
	display: block;
}

.playcook>.inner .video {
	position: relative;
	float: left;
	width: 656px;
	height: 442px;
}

.playcook>.inner .video .thumb {
	position: relative;
	display: block;
	height: 366px;
	overflow: hidden;
}

.playcook>.inner .video .thumb:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 54px;
	height: 54px;
	background: url(/cjom/web/images/common/icon_play.png) no-repeat;
	transform: translate(-50%, -50%)
}

.playcook>.inner .video .thumb img {
	width: 100%;
	height: 134% !important;
	margin-top: -62px;
}

.playcook>.inner .video .title {
	max-width: 90%;
	max-height: 60px;
	margin-top: 11px;
	font-size: 25px;
	color: #000;
	line-height: 1.2;
	overflow: hidden;
}

.playcook>.inner .btn-util {
	position: absolute;
	bottom: 10px;
	right: 0;
	margin: 0;
	background: #fff;
}

.playcook>.inner .playcook-list {
	float: left;
	width: 236px;
	margin-left: 20px;
}

.playcook>.inner .playcook-list .product-item .inner {
	height: 430px;
}

.playcook>.inner .playcook-list .thumb {
	padding: 33px 0;
}

.playcook>.inner .playcook-list .product-item .btn-box .car-ab {
	padding-top: 128%;
}

.playcook>.inner .playcook-list .slick-util-group {
	position: static;
}

.playcook>.inner .playcook-list .slick-arrow {
	position: absolute;
	top: 122px;
	width: 37px;
	height: 36px;
	background-image: url('/cjom/web/images/common/icon_m_slider.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.playcook>.inner .playcook-list .slick-prev {
	left: 0;
	background-position: 0 0;
}

.playcook>.inner .playcook-list .slick-next {
	right: 0;
	background-position: -36px 0;
}

.playcook>.inner .playcook-list .slick-arrow.slick-disabled {
	background-position: 0 -36px;
}

.playcook>.inner .playcook-list .slick-next.slick-disabled {
	background-position: -36px -36px;
}

.more-banner {
	float: left;
	width: 289px;
	padding: 20px 18px;
}

.more-banner li+li {
	margin-top: 13px;
}

.more-banner .title {
	height: 42px;
	margin-top: 10px;
	font-size: 18px;
	color: #000;
	line-height: 1.2;
	overflow: hidden;
}

.more-banner .thumb {
	height: 160px;
	overflow: hidden;
}

.more-banner .thumb img {
	vertical-align: top;
	height: 136% !important;
	margin-top: -29px;
}

.prime-banner {
	margin-top: 80px;
}

.prime-banner .slick-slide a {
	position: relative;
	height: 180px;
	display: block;
	text-align: center;
	overflow: hidden;
}

.prime-banner .slick-slide a:focus:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	box-shadow: inset 0 0 3px blue;
}

.prime-banner .slick-slide a img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	max-width: none;
} /* 2019-07-08 ie9 -ms- transform 추가 */
.theme-list {
	margin-top: 13px;
	overflow: hidden;
}

.theme-item {
	float: left;
	width: 625px;
}

.theme-item+.theme-item {
	margin-left: 30px;
}

.theme-item>.thumb img {
	display: block;
}

.theme-item .theme-slider {
	height: 475px;
	padding: 11px 25px;
	border: 1px solid #ddd;
	border-top: none;
	overflow: hidden;
}

.theme-item .theme-slider .product-item {
	width: 280px !important;
	margin-left: 14px;
}

.theme-item .theme-slider .product-item:nth-child(2n+1) {
	margin-left: 0;
}

.theme-item .theme-slider  .product-item .title {
	max-height: 22px;
	white-space: nowrap;
} /* 2019-07-29 메인 추천테마 타이틀 말줄임 css 추가*/
.theme-item .theme-slider .slick-util-group {
	position: static;
}

.theme-item .theme-slider .slick-arrow {
	position: absolute;
	top: 122px;
	width: 37px;
	height: 36px;
	background-image: url('/cjom/web/images/common/icon_m_slider.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.theme-item .theme-slider .slick-prev {
	left: 0;
	background-position: 0 0;
}

.theme-item .theme-slider .slick-next {
	right: 0;
	background-position: -36px 0;
}

.theme-item .theme-slider .slick-arrow.slick-disabled {
	background-position: 0 -36px;
}

.theme-item .theme-slider .slick-next.slick-disabled {
	background-position: -36px -36px;
}

.gift-box {
	margin-top: 13px;
}

.gift-box:after {
	content: "";
	clear: both;
	display: block;
}

.gift-box .gift-slider {
	width: 100%;
	height: 255px;
	overflow: hidden;
}

.gift-box .gift-slider .gift-item {
	position: relative;
	width: 640px;
	height: 255px;
	overflow: hidden;
}

.gift-box .gift-slider .gift-item img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-08 ie9 -ms- transform 추가 */
.gift-box .gift-slider .slick-util-group {
	position: static;
}

.gift-box .gift-slider .slick-dots-group {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
}

.gift-box .gift-slider .slick-arrow {
	position: absolute;
	top: 50%;
	width: 37px;
	height: 36px;
	background-image: url('/cjom/web/images/common/icon_m_slider.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
	transform: translateY(-50%);
}

.gift-box .gift-slider .slick-prev {
	left: 0;
	background-position: 0 0;
}

.gift-box .gift-slider .slick-next {
	right: 0;
	background-position: -36px 0;
}

.gift-box .gift-slider .slick-arrow.slick-disabled {
	background-position: 0 -36px;
}

.gift-box .gift-slider .slick-next.slick-disabled {
	background-position: -36px -36px;
}

.gift-list {
	float: left;
	width: 50%;
}

.gift-list:after {
	content: "";
	clear: both;
	display: block;
}

.gift-list li:nth-child(3n+1) {
	border-left: 1px solid #ddd;
}

.gift-list li:nth-child(n+4) {
	border-top-color: #fff;
}

.gift-list li {
	float: left;
	width: calc(100%/ 3);
	border: 1px solid #ddd;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	color: #000;
}

.gift-list li a {
	position: relative;
	display: block;
	height: 126px;
	padding-top: 79px;
	box-sizing: border-box;
}
/*.gift-list li a:before{content:""; position:absolute; top:29px; left:0; display:block; width:100%; height:40px; background:url("/cjom/web/images/common/icon_gift_main.png") no-repeat center 0;}*/
.gift-list li a .img {
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}

.gift-list li a .img img {
	width: 70px;
}

.gift-list li a .txt {
	position: relative;
	z-index: 2;
}

.gift-list li.birthday a:before {
	background-position-y: -60px;
}

.gift-list li.homeparty a:before {
	background-position-y: -120px;
}

.gift-list li.student a:before {
	background-position-y: -180px;
}

.gift-list li.dining a:before {
	background-position-y: -240px;
}

.gift-list li.convenience a:before {
	background-position-y: -300px;
}

.main_notice {
	margin-top: 120px;
	padding: 0 40px;
	overflow: hidden;
	background: #f5f5f5;
}

.main_notice .notice-title {
	float: left;
	font-size: 20px;
	color: #000;
	line-height: 90px;
}

.main_notice ul {
	float: left;
}

.main_notice ul li {
	float: left;
	margin-left: 40px;
	line-height: 90px;
}

.main_notice ul li a {
	display: block;
}

.main_notice ul li .notice-category {
	float: left;
	font-size: 15px;
	color: #2a715a;
}

.main_notice ul li .title {
	float: left;
	width: 200px;
	font-size: 15px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 5px;
}

.main_notice .link-arr {
	float: right;
	line-height: 90px;
}

.floating-banner {
	position: relative;
	overflow: hidden;
	height: 60px;
	z-index: 20110;
}

.floating-banner .inner {
	position: relative;
	margin: 0 auto;
	height: 60px;
}

.floating-banner .inner .close {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	width: 30px;
	height: 30px;
	background: url('/cjom/web/images/common/spr_common.svg') no-repeat
		-360px -90px;
	background-size: 510px 210px;
	text-indent: -9999px;
	overflow: hidden;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.floating-banner .inner .floating-slider {
	height: 100px;
	overflow: hidden;
}

.floating-banner .inner .floating-slider.slick-slider {
	height: auto;
	overflow: visible;
}

.floating-banner .inner .floating-slider .floating-item a {
	position: relative;
	display: block;
	height: 60px;
	width: 1280px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.floating-banner .inner .floating-slider .floating-item a img {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.floating-banner .inner .floating-slider .slick-util-group {
	position: absolute;
	top: 50%;
	left: auto;
	right: 68px;
	bottom: auto;
	margin-top: -15px;
	width: 140px;
}

.floating-banner .inner .floating-slider .slick-arrow {
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon_floating.png') 0 -30px
		no-repeat;
	transform: none;
	-ms-transform: none;
}

.floating-banner .inner .floating-slider .slick-next {
	background-position: -30px -30px;
}

.floating-banner .inner .floating-slider .slick-arrow.slick-disabled {
	background-position: 0 0;
}

.floating-banner .inner .floating-slider .slick-next.slick-disabled {
	background-position: -30px 0;
}

.floating-banner .inner .floating-slider .slick-dots {
	display: none !important;
}

.floating-banner .inner .floating-slider .slick-count {
	font-family: Roboto, sans-serif;
	letter-spacing: 0;
	font-size: 15px;
	color: #ababee;
}

.floating-banner .inner .floating-slider .slick-count strong {
	margin-right: 5px;
	color: #fff;
}

.floating-banner .inner .floating-slider .slick-count span {
	margin-left: 5px;
}

.check-banner {
	overflow: hidden;
	height: 50px;
	background-color: #f2f2f2;
}

.check-banner .inner {
	width: 1280px;
	height: 50px;
	line-height: 48px;
}

.check-banner .inner .close {
	position: absolute;
	top: 50%;
	right: -20px;
	display: block;
	width: 30px;
	height: 30px;
	background: url('/cjom/web/images/common/spr_common.png') no-repeat
		-485px -90px;
	background-size: 510px 210px;
	text-indent: -9999px;
	overflow: hidden;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.check-banner .inner .slick-slider .slick-util-group {
	top: 2px;
	right: 0;
	left: inherit;
	width: auto;
	bottom: 0;
	text-align: right;
}

.check-banner .inner .slick-slider .slick-dots li button:after {
	width: 8px;
	height: 8px;
}

.check-banner .inner .slick-slider .slick-dots li.slick-active button:after
	{
	background-color: #666;
}

.check-banner .inner .slick-slider .slick-dots {
	padding-right: 35px;
}

.check-banner .check-item strong {
	color: #222;
	line-height: 1.6;
	letter-spacing: -0.5px;
	font-size: 15px;
}

.check-banner .check-item span {
	position: relative;
	padding-left: 15px;
	margin-left: 12px;
	color: #606060;
	line-height: 1.71;
	letter-spacing: -0.5px;
	font-size: 14px;
	font-weight: normal;
}

.check-banner .check-item span:before {
	position: absolute;
	left: 0;
	top: 3px;
	display: inline-block;
	width: 1px;
	height: 16px;
	background-color: #ccc;
	content: '';
}

.check-banner .check-item a {
	margin-left: 6px;
	color: #2a715a;
	line-height: 1.85;
	letter-spacing: -0.5px;
	font-size: 13px;
	text-decoration: underline;
}

.coupon-exchange {
	background: #fbf6ef;
}

.coupon-exchange>.inner {
	width: 820px;
	margin: 0 auto;
	padding: 80px 0 75px;
}

.coupon-exchange .cj-logo {
	display: block;
	margin: 0 auto;
}

.coupon-exchange h2 {
	margin-top: 23px;
	font-size: 60px;
	line-height: 74px;
	color: #000;
	text-align: center;
}

.coupon-exchange p {
	font-size: 28px;
	line-height: 48px;
	color: #000;
	text-align: center;
}

.coupon-exchange fieldset {
	margin-top: 50px;
}

.coupon-exchange fieldset [class^=input-] {
	overflow: hidden;
	width: calc(100% - 177px);
}

.coupon-exchange fieldset [class^=input-] input {
	float: left;
	height: 60px;
	width: 100%;
	line-height: 57px;
	font-size: 20px;
}

.coupon-exchange fieldset [class^=input-] input:-ms-input-placeholder {
	font-size: 20px;
}

.coupon-exchange fieldset [class^=input-] input::-webkit-input-placeholder
	{
	font-size: 20px;
}

.coupon-exchange fieldset button.btn-default-lg {
	float: right;
}

.coupon-exchange ul {
	margin-top: 25px;
	text-align: left;
}

.coupon-exchange ul li {
	position: relative;
	padding-left: 9px;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}

.coupon-exchange ul li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	height: 3px;
	width: 3px;
	background: #767676;
}

.coupon-exchange ul li+li {
	margin-top: 5px;
}
/* 쿠폰교환소 수정  */
.coupon-exchange-new {
	position: relative;
	min-height: 2229px;
	background: url('/cjom/web/images/contents/bg_coupon_trade.jpg')
		no-repeat 50% 0;
}

.coupon-exchange-new:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background:url('/cjom/web/images/contents/bg_cp_pattern.jpg') repeat-x; */
	z-index: -1;
}

.coupon-exchange-new .inner {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}

.coupon-exchange-new .inner .cp-form {
	overflow: hidden;
	height: 1020px;
	padding: 1078px 0 0 170px;
}

.coupon-exchange-new .inner .cp-form .input-text {
	float: left;
	display: inline-block;
	width: 615px;
	height: 98px;
	line-height: 60px;
}

.coupon-exchange-new .inner .cp-form .input-text input {
	width: 100%;
	height: 100%;
	font-size: 35px;
	border: 1px solid #af382a;
	border-right: 0;
	background-color: #fff;
	padding: 0 40px;
	box-sizing: border-box;
}

.coupon-exchange-new .inner .cp-form .input-text input::placeholder,
	.coupon-exchange-new .inner .cp-form .input-text input::-webkit-input-placeholder
	{
	font-size: 35px !important;
	font-weight: 700;
	color: #cccccc !important;
}

.coupon-exchange-new .inner .cp-form .btn-default-lg {
	float: left;
	display: block;
	height: 98px;
	line-height: 98px;
	padding: 0;
	border: 0;
	width: 325px;
	background-color: #342720;
}

.coupon-exchange-new .inner .cp-form .btn-default-lg span {
	font-size: 35px;
	color: #fff;
	font-weight: 700;
}

.coupon-exchange-new .inner .cp-info-box {
	position: relative;
	font-size: 0;
	height: 0;
}

.coupon-exchange-new .inner .cp-info-box h4 {
	padding: 48px 0 8px;
	font-size: 24px;
	color: #000;
	padding-left: 8px;
}

.coupon-exchange-new .inner .cp-info-box ul li {
	position: relative;
	color: #494948;
	font-size: 17px;
	padding-left: 10px;
}

.coupon-exchange-new .inner .cp-info-box ul li:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 13px;
	width: 5px;
	height: 1px;
	background: #262626;
}

.coupon-exchange-new .inner .cp-info-box ul li.txt-org {
	color: #e85335;
}

.coupon-exchange-new .inner .cp-info-box ul li.txt-org:before {
	background: #e85335;
}

.coupon-exchange-new .inner .btn-banner {
	position: absolute;
	left: 0;
	top: 2182px;
	display: block;
	width: 100%;
	height: 150px;
}

.coupon-exchange-new02 {
	position: relative;
	min-height: 6301px;
	background: url('/cjom/web/images/contents/bg_coupon_trade02.jpg')
		no-repeat 50% 0;
}

.coupon-exchange-new02 .inner {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}

.coupon-exchange-new02 .inner .nav {
	position: absolute;
	left: 250px;
	top: 1340px;
	width: 775px;
	height: 275px;
}

.coupon-exchange-new02 .inner .nav a {
	display: inline-block;
	width: 253px;
	height: 100%;
}

.coupon-exchange-new02 .inner #content01 {
	position: absolute;
	left: 0;
	top: 1660px;
	width: 100%;
	height: 1110px;
}

.coupon-exchange-new02 .inner #content01 .cp-form {
	position: absolute;
	left: 280px;
	top: 786px;
	height: 110px;
}

.coupon-exchange-new02 .inner #content01 .cp-form .input-text input {
	width: 500px;
	height: 110px;
	font-size: 44px;
	font-weight: 700;
	border: 0;
}

.coupon-exchange-new02 .inner #content01 .cp-form .input-text input::placeholder,
	.coupon-exchange-new02 .inner #content01 .cp-form .input-text input::-webkit-input-placeholder
	{
	font-size: 44px !important;
	font-weight: 700;
	color: #b7b7b7 !important;
}

.coupon-exchange-new02 .inner #content01 .cp-form button {
	margin-left: 15px;
	width: 230px;
	height: 110px;
	font-size: 0;
	color: transparent;
}

.coupon-exchange-new02 .inner #content01 .cp-form button:focus {
	border: 0;
	outline: 0;
}

.coupon-exchange-new02 .inner #content01 .btn-link {
	position: absolute;
	left: 400px;
	bottom: 55px;
	width: 480px;
	height: 90px;
}

.coupon-exchange-new02 .inner #content02 {
	position: absolute;
	left: 0;
	top: 3030px;
	width: 100%;
	height: 1975px;
}

.coupon-exchange-new02 .inner #content02 .btn-link {
	position: absolute;
	left: 310px;
	bottom: 62px;
	width: 658px;
	height: 135px;
}

.coupon-exchange-new02 .inner #content03 {
	position: absolute;
	left: 0;
	top: 5345px;
	width: 100%;
	height: 854px;
}

/* 이렇게 먹어보세요 */
.recomm-wrap .tag-box {
	margin: 0 0 20px;
}

.recomm-wrap .tag-box .inner {

}

.recomm-wrap .tag-box li {
	display: inline-block;
	margin: 15px 12px 0 0;
}

.recomm-wrap .tag-box li a {
	display: block;
	padding: 7px 30px;
	color: #333;
	font-size: 18px;
	border: 1px solid #333;
	border-radius: 30px;
}

.recomm-wrap .tag-box li.on a {
	border-color: #2a715a;
	background: #2a715a;
	color: #fff;
}

.recomm-wrap .product-box {
	overflow: hidden;
	border: 1px solid #e1e1e1;
}

.recomm-wrap .product-box .img-box {
	position: relative;
	float: left;
	width: 844px;
	height: 486px;
}

.recomm-wrap .product-box .img-box .dsc {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 411px;
	height: 218px;
	padding: 30px;
	background: rgba(255, 255, 255, .8);
	box-sizing: border-box;
}

.recomm-wrap .product-box .img-box .dsc .tit01, .recomm-wrap .product-box .img-box .dsc .tit02
	{
	display: block;
	font-size: 30px;
	color: #000;
	line-height: 38px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	box-sizing: border-box;
}

.recomm-wrap .product-box .img-box .dsc .txt {
	font-size: 17px;
	color: #000;
	line-height: 25px;
	max-height: 75px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	box-sizing: border-box;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.recomm-wrap .product-box .img-box .flag {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 844px;
	height: 486px;
	z-index: 1;
}

.recomm-wrap .product-box .prd-list {
	float: right;
	width: 434px;
	height: 486px;
	border-left: 1px solid #e1e1e1;
	box-sizing: border-box;
	color: #333;
	padding-top: 15px;
}

.recomm-wrap .product-box .prd-list .scrl-box {
	min-height: 332px;
	max-height: 332px;
	padding: 0 42px 0 25px;
	margin-bottom: 0;
	overflow: hidden;
}

.recomm-wrap .product-box .prd-list .product-item {
	display: flex;
	padding: 5px 0;
	border-top: 1px solid #f1f1f1;
	align-items: center;
}

.recomm-wrap .product-box .prd-list .product-item:first-child {
	border-top: 0;
}

.recomm-wrap .product-box .prd-list .product-item a {
	display: flex;
	align-items: center;
}

.recomm-wrap .product-box .prd-list .product-item .input-checkbox {
	margin: 0;
}

.recomm-wrap .product-box .prd-list .product-item .thumb {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 15px 0 10px;
}

.recomm-wrap .product-box .prd-list .product-item .thumb:before {
	display: none;
}

.recomm-wrap .product-box .prd-list .product-item .thumb .soldout {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 72px;
	height: 72px;
	margin: -36px 0 0 -36px;
	border-radius: 100%;
	color: #fff;
	line-height: 72px;
	text-align: center;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
}

.recomm-wrap .product-box .prd-list .product-item .title {
	color: #333;
	font-size: 15px;
	width: 135px;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	box-sizing: border-box;
	word-wrap: break-word;
	padding: 0;
	margin: 0;
}

.recomm-wrap .product-box .prd-list .product-item .price-info {
	width: 85px;
	margin: 0;
	font-size: 15px;
	text-align: right;
	color: #333;
}

.recomm-wrap .product-box .prd-list .product-item .price {
	font-size: 15px;
}

.recomm-wrap .product-box .prd-list .product-item .price .num {
	font-size: 16px;
	font-weight: 400;
}

.recomm-wrap .product-box .prd-list .product-item .input-checkbox.disabled:after
	{
	opacity: 1;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}

.recomm-wrap .product-box .prd-list .total-box {
	border-top: 1px solid #e1e1e1;
	padding: 10px 25px;
	margin-top: 15px;
	overflow: hidden;
}

.recomm-wrap .product-box .prd-list .total-box label {
	float: left;
	font-size: 16px;
	color: #333;
	font-weight: 500;
	margin-top: 3px;
}

.recomm-wrap .product-box .prd-list .total-box .total-price {
	float: right;
	background: #fff;
	font-size: 15px;
}

.recomm-wrap .product-box .prd-list .total-box .total-price .num {
	font-size: 20px;
	font-weight: 500;
}

.recomm-wrap .product-box .prd-list .btn-default {
	width: 385px;
	font-size: 15px;
	margin: 0 25px;
}

/* 쿠폰교환소 - 힘내라대한민국 */
.coupon-exchange-v2 {

}

.coupon-exchange-v2>.inner {
	margin: 0 auto;
	padding: 801px 0 0;
	background: #f4e7d0 url('/cjom/web/images/contents/img_coupon_ex.jpg')
		no-repeat 50% 0;
}

.coupon-exchange-v2 .coupon-input {
	padding-bottom: 70px;
	background-color: #f4e7d0;
}

.coupon-exchange-v2 fieldset {
	width: 790px;
	margin: 0 auto;
}

.coupon-exchange-v2 fieldset [class^=input-] {
	overflow: hidden;
	width: calc(100% - 220px);
}

.coupon-exchange-v2 fieldset [class^=input-] input {
	vertical-align: middle;
	float: left;
	height: 80px;
	width: 100%;
	padding: 0 40px 1px;
	border: 0;
	line-height: 77px;
	font-size: 26px;
	color: #000;
}

.coupon-exchange-v2 fieldset [class^=input-] input::placeholder {
	font-size: 26px;
	color: #000 !important;
}

.coupon-exchange-v2 fieldset [class^=input-] input:-ms-input-placeholder
	{
	font-size: 26px;
	color: #000;
}

.coupon-exchange-v2 fieldset [class^=input-] input::-webkit-input-placeholder
	{
	font-size: 26px;
	color: #000;
}

.coupon-exchange-v2 fieldset button.btn-default-lg {
	vertical-align: middle;
	float: right;
	width: 220px;
	height: 80px;
	border: 0;
	background-color: #d11510;
}

.coupon-exchange-v2 .coupon-noti {
	background-color: #fff;
}

.coupon-exchange-v2 .coupon-noti .contents {
	width: 1180px;
	padding: 60px 0;
}

.coupon-exchange-v2 .coupon-noti h3 {
	font-size: 25px;
	color: #292929;
}

.coupon-exchange-v2 ul {
	margin-top: 10px;
	text-align: left;
}

.coupon-exchange-v2 ul li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 18px;
	line-height: 24px;
	color: #292929;
}

.coupon-exchange-v2 ul li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	height: 4px;
	width: 4px;
	background: #292929;
	border-radius: 100%;
}

.coupon-exchange-v2 .coupon-info {
	height: 517px;
	background: #f4e7d0
		url('/cjom/web/images/contents/img_coupon_visual2.png') no-repeat 50%
		0;
}

.coupon-exchange-v2 .dimmed {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1816px;
	background: rgba(0, 0, 0, 0.6);
}

.coupon-exchange-v2 .coupon-popup {
	z-index: 100;
	overflow: hidden;
	display: none;
	position: absolute;
	left: 50%;
	top: 310px;
	margin-left: -485px;
	width: 980px;
	height: 818px;
	background: url(/cjom/web/images/contents/img_coupon_popup.png)
		no-repeat 50% 0;
}

.coupon-exchange-v2 .coupon-popup .inner {
	padding: 330px 78px 0;
}

.coupon-exchange-v2 .coupon-popup .btnGoCoupon a {
	display: block;
	width: 280px;
	height: 52px;
	margin: 0 auto;
	color: transparent;
}
/* 프라임 무료이용권  */
.prime-coupon-exchange .inner {
	width: 1280px;
	margin: 0 auto;
}

.prime-coupon-exchange .coupon-exchange-top {
	height: 403px;
	padding-top: 215px;
	background: #005032 url('/cjom/web/images/prime/bg_prime_coupon.jpg')
		no-repeat 50% 0;
}

.prime-coupon-exchange h2 {
	height: 125px;
	font-size: 44px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}

.prime-coupon-exchange p {
	font-size: 24px;
	line-height: 38px;
	color: #fff;
	text-align: center;
}

.prime-coupon-exchange p span {
	font-size: 28px;
	color: #b18247;
}

.prime-coupon-exchange fieldset {
	margin-top: 20px;
	text-align: center;
}

.prime-coupon-exchange fieldset [class^=input-] {
	overflow: hidden;
	vertical-align: middle;
	border: 5px solid #b18247;
	width: 554px;
}

.prime-coupon-exchange fieldset [class^=input-] input {
	height: 65px;
	width: 100%;
	color: #000;
	line-height: 62px;
	font-size: 25px;
}

.prime-coupon-exchange fieldset input::placeholder {
	font-size: 25px;
	color: #000 !important;
}

.prime-coupon-exchange fieldset input:focus {
	border-color: #fff;
}

.prime-coupon-exchange fieldset button.btn-default-lg {
	vertical-align: middle;
	width: 163px;
	height: 75px;
	margin-left: 12px;
	font-size: 25px;
	background-color: #b18247;
}

.prime-coupon-exchange .coupon-exchange-noti {
	padding: 70px 250px 20px;
}

.prime-coupon-exchange .coupon-exchange-noti  h3 {
	padding-left: 19px;
	font-size: 22px;
}

.prime-coupon-exchange .coupon-exchange-noti ul {
	margin: 5px 0 40px;
	text-align: left;
}

.prime-coupon-exchange .coupon-exchange-noti ul:last-child {
	margin-bottom: 0;
}

.prime-coupon-exchange .coupon-exchange-noti ul li {
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	line-height: 30px;
	color: #111;
}

.prime-coupon-exchange .coupon-exchange-noti ul li .emp {
	color: #e72351;
}

.prime-coupon-exchange .coupon-exchange-noti ul li:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 5px;
	height: 1px;
	width: 5px;
	background: #111;
}

.prime-coupon-exchange .coupon-exchange-noti ul li+li {
	margin-top: 5px;
}

.prime-coupon-exchange .coupon-exchange-noti ul li .url {
	color: #b07a37;
}

.prime-coupon-exchange .prime-welcome {
	padding: 50px 0;
	text-align: center;
	background-color: #faf3da;
}

.prime-coupon-exchange .prime-welcome h3 {
	font-weight: normal;
	line-height: 40px;
	font-size: 30px;
	color: #005032;
}

.prime-coupon-exchange .prime-welcome h3 span {
	padding-top: 5px;
	display: block;
	font-size: 40px;
	font-weight: bold;
	color: #e72351;
}

.prime-coupon-exchange .prime-welcome .coupon {
	margin-top: 25px;
	padding: 0 18%;
}

.prime-coupon-exchange .prime-welcome .desc {
	font-size: 19px;
	color: #444;
}

/* delivery-set-box */
.delivery-set-box .set-top {
	position: relative;
	border-top: 1px solid #aaa;
	background: #f8f8f8;
	font-size: 0;
}

.delivery-set-box .set-top:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.delivery-set-box .set-top .column {
	display: inline-block;
	padding: 14px 0;
	box-sizing: border-box;;
	vertical-align: middle;
}

.delivery-set-box .set-top .column {
	font-size: 15px;
}

.delivery-set-box .set-top .column:first-child {
	padding-left: 26px;
	min-width: 200px;
}

.delivery-set-box .set-top .column+.column {
	width: 700px;
}

.delivery-set-box .set-top .column:first-child label, .delivery-set-box .set-top .column>strong
	{
	font-size: 20px;
	color: #000;
	font-weight: bold
}

.delivery-set-box .set-top .column label {
	color: #555;
	font-weight: normal;
}

.delivery-set-box .set-top .column label+label {
	margin-left: 30px;
}

.delivery-set-box .set-top .column .ab {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

.delivery-set-box .set-top .column .price {
	font-size: 17px;
	color: #333;
}

.delivery-set-box .set-top .column .price strong {
	font-size: 24px;
	color: #000;
}

.delivery-set-box .set-top.white {
	border-bottom: 1px solid #ddd;
	background: #fff;
}

.delivery-set-box .set-cont {
	position: relative;
}

.delivery-set-box .set-cont:first-child {
	border-top: 1px solid #aaa;
}

.delivery-set-box .set-cont>.txt {
	padding: 15px 30px 14px 200px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	color: #555;
	line-height: 25px;
}

.delivery-set-box .set-cont .desc2 {
	margin-left: 20px;
	line-height: 40px;
	vertical-align: middle;
	font-size: 14px;
	color: #767676;
}

.delivery-set-box .set-cont [class^=ab] {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

.delivery-set-box .set-cont .ab-fixed {
	top: 20px;
	transform: translateY(0)
}

.delivery-set-box .set-cont .txt-row {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #ddd;
}

.delivery-set-box .set-cont .txt-row .column {
	display: table-cell;
	padding: 14px 0;
	box-sizing: border-box;
}

.delivery-set-box .set-cont .txt-row .column:first-child {
	width: 200px;
	padding-left: 30px;
}

.delivery-set-box .set-cont .txt-row .column>strong {
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.delivery-set-box .set-cont .txt-row .column .txt {
	font-size: 15px;
	color: #000;
}

.delivery-set-box .set-cont .txt-row .column .desc {
	font-size: 14px;
	color: #767676;
}

.delivery-set-box .set-cont .txt-row .column .desc3 {
	display: block;
	font-size: 15px;
	color: #767676;
}

.delivery-set-box .set-cont .txt-row .column .desc strong {
	font-weight: 500;
}

.delivery-set-box .set-cont .txt-row .column .noti-text {
	margin-top: 13px;
}

.delivery-set-box .set-cont .txt-row .list .column+.column {
	padding: 5px 30px 5px 0;
	vertical-align: middle;
}

.delivery-set-box .set-cont .form-row {
	position: relative;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.delivery-set-box .set-cont .form-row .column {
	display: table-cell;
	padding: 14px 0;
	box-sizing: border-box;
	vertical-align: middle;
}

.delivery-set-box .set-cont .form-row .column:first-child {
	width: 200px;
	padding-left: 30px;
}

.delivery-set-box .set-cont .form-row .column>strong, .delivery-set-box .set-cont .form-row .column>label
	{
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.delivery-set-box .set-cont+.set-top {
	margin-top: 23px;
}

.delivery-set-box .address-save {
	margin-top: 0;
	border-top: none;
}

.delivery-set-box .address-save .item .info-txt{
	margin-left:10px;
	color:#1ba774;
}

.delivery-set-box .float-box {
	overflow: hidden;
	line-height: 38px;
}

.delivery-set-box .card-info+.card-info {
	position: relative;
	margin-left: 20px;
	padding-left: 20px;
}

.delivery-set-box .card-info+.card-info:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background: #ddd;
}

.delivery-set-box .number-form {

}

/* 주문/결제 공동현관 출입방법 정보영역 */
.delivery-set-box .order-entrance__comment_box{margin:10px 0 20px 0;padding:15px 16px;font-size:15px;color:#666;line-height:1.3;background:#f8f8f8;}
.delivery-set-box .order-entrance__comment_box p+p{margin-top:4px;}

.delivery-set-box .entrance_input{margin-top:20px;border-top:1px solid #ddd;}
.delivery-set-box .entrance_input .column{padding-top:30px;} 
.delivery-set-box .entrance_input .entrance-info-txt{padding:10px 0;color:#1ba774;font-size:14px;line-height:20px;}
.delivery-set-box .entrance_input .entrance-accordion-area{position:relative;padding-top:4px;}
.delivery-set-box .entrance_input .entrance-accordion-area .label-inline{display:inline-block;}
.delivery-set-box .entrance_input .entrance-accordion-area .accordion-anchor{display:inline-block;width:30px;height:30px;text-indent:-9999px;background:url(/cjom/web/images/icon/ico_arrow_down_11x6.svg) no-repeat 50% 50%;background-size:11px 6px;vertical-align:middle;transform:rotate(180deg);}
.delivery-set-box .entrance_input .entrance-accordion-area .accordion-anchor.active{transform:rotate(0);}
.delivery-set-box .entrance_input .entrance-accordion-area .desc-list{margin-top:6px;padding:0 0 10px 30px;}
.delivery-set-box .entrance_input .entrance-accordion-area .desc-list>li{line-height:1.4;}
.delivery-set-box .entrance_input .entrance-accordion-area .desc-list>li+li{margin-top:8px;}

.delivery-set-box .o-ne_input{margin-top:10px;border-top:1px solid #ddd;}
.delivery-set-box .o-ne_input+.o-ne_input{margin-top:30px;}
.delivery-set-box .o-ne_input .column{padding-bottom:0;padding-top:20px;font-size:0;}
.delivery-set-box .o-ne_input .column .label-badge-o-ne{display:inline-block;position:relative;width:auto;padding-right:44px;font-size:15px;color:#111;font-weight:700;}
.delivery-set-box .o-ne_input .column .label-badge-o-ne:before{content:'';position:absolute;top:50%;right:0;width:42px;height:18px;background-image:url(/cjom/web/images/common/badge_o_ne.svg);background-repeat:no-repeat;background-position:0 50%;background-size:42px 18px;transform:translateY(-50%);}
.delivery-set-box .o-ne_input .column .label-badge-o-ne.today:before{background-image:url(/cjom/mobile/images/common/badge_o_ne_today.svg);}
.delivery-set-box .o-ne_input .column .o-ne-chekckbox .input-checkbox{vertical-align:top;}
.delivery-set-box .o-ne_input .column .o-ne-chekckbox .checkbox-label{display:inline-block;margin-top:-8px;color:#333;font-size:15px;vertical-align:top;}
.delivery-set-box .o-ne_input .column .o-ne-chekckbox .checkbox-label>span{display:block;color:#767676;font-size:14px;}
.delivery-set-box .o-ne_input .column+.column{padding-top:30px;}
.delivery-set-box .o-ne_input .column .o-ne-tooltip{margin-left:4px;}
.delivery-set-box .o-ne_input .column .o-ne_radio_list:after{content:'';display:block;clear:both;}
.delivery-set-box .o-ne_input .column .o-ne_radio_list>li+li{margin-top:30px;}
.delivery-set-box .o-ne_input .column .o-ne_radio_list>li label{display:block;}
.delivery-set-box .label-badge-o-ne{display:inline-block;width:250px;vertical-align:top;}
.delivery-set-box .label-badge-o-ne .label-tit{display:inline-block;padding-right:46px;color:#0e84cc;font-size:15px;font-weight:700;background:url(/cjom/web/images/common/badge_o_ne.svg) no-repeat 100% 50%;background-size:42px 18px;}
.delivery-set-box .label-badge-o-ne.today .label-tit{color:#e16000;background-image:url(/cjom/web/images/common/badge_o_ne_today.svg);}
.delivery-set-box .label-badge-o-ne.normal .label-tit{color:#333;background-image:url(/cjom/web/images/common/badge_o_ne.svg);}
.delivery-set-box .label-badge-o-ne .label-txt{display:block;font-size:13px;color:#333;}
.delivery-set-box .label-badge-o-ne .label-txt>em{margin:0;font-size:13px;color:#999;}
.delivery-set-box .label-badge-o-ne.none .label-tit{padding:0;color:#222;background:none;}


.o-ne-tooltip-list>li{position:relative;padding-left:12px;}
.o-ne-tooltip-list>li:before {display:inline-block;position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#555;content:'';}



.delivery-set-box .o-ne-delivery-info label{font-weight:700 !important;font-size:15px !important;color:#333 !important;}
.delivery-set-box .o-ne-delivery-info dl{display:flex;margin-top:15px;border:1px solid #eee;border-radius:8px 8px 0 0;}
.delivery-set-box .o-ne-delivery-info dl+dl{margin-top:0;border-top:0;border-radius:0 0 8px 8px;}
.delivery-set-box .o-ne-delivery-info dl dt{padding:15px 20px;font-size:14px;font-weight:700;color:#999;line-height:18px;}
.delivery-set-box .o-ne-delivery-info dl dd{padding:15px 20px;line-height:18px;border-left:1px solid #eee;}
.delivery-set-box .o-ne-delivery-info{line-height:1.8;}
.delivery-set-box .o-ne-delivery-info>.label-badge-o-ne{margin-left:32px;}

.payment-container .chk-cardpoint {display:inline-block;margin-left:17px;}
.tooltip-cardpoint [class^=tooltip-icon] {margin-top:1px;}
.tooltip-cardpoint .tooltip-content {width:310px;}
.tooltip-cardpoint h5 {margin:15px 0 5px;font-size:15px;line-height:18px;}
.tooltip-cardpoint h5:first-child {margin-top:0;}
.tooltip-cardpoint ul li {position:relative;padding-left:8px;color:#555;font-size:13px;line-height:20px;}
.tooltip-cardpoint ul li:before {position:absolute;left:0;top:8px;display:block;width:2px;height:2px;background-color:#767676;content:'';}
/* address-save */
.address-save.bt {
	border-top: 1px solid #aaa;
}

.address-save {
	margin-top: 10px;
	border-top: 1px solid #8a8989;
	border-bottom: 1px solid #ddd;
}

.address-save>li {
	display: table; /*table-layout:fixed;*/
	width: 100%;
}

.address-save .column {
	position: relative;
	display: table-cell;
	width: calc(100% - 200px);
	padding: 10px 0;
	font-size: 15px;
	line-height: 40px;
	box-sizing: border-box;
	vertical-align: top;
}
.address-save .column.confirm_phone > span{display:inline-block;position:relative;}
.address-save .column.confirm_phone > span: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/web/images/common/confirm_bubble.png) no-repeat 0 0;background-size:100% auto;transform:translate(4px, -50%);}

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

.address-save .column:first-child {
	padding-left: 30px;
	width: 200px;
}

.address-save .column:first-child label, .address-save .column strong {
	color: #000;
	font-weight: 500;
}

.address-save .column em {font-size:15px; color:#1ba774; margin-left:10px; position: relative; top:1px;}
.order-delivery__addinfo {padding:20px 0; margin-top:40px; font-size:18px; text-align:center; color:#1ba774; background-color:#eff9f5; letter-spacing: -0.5px;}
.order-delivery__addinfo em {font-weight:bold;}
.birthday__info--view .cont-title {line-height:100%; margin-bottom:18px;}
.birthday__info--view .info__details {width:815px; margin:60px auto 0;}
.birthday__info--view .info__details table {border-top:1px solid #aaa;}
.birthday__info--view .info__details th,
.birthday__info--view .info__details td {font-size:15px; border-bottom:1px solid #ddd; box-sizing:border-box; font-weight:normal;}
.birthday__info--view .info__details th {color:#000; width:200px; background-color:#f9f9f9; padding:20px 30px; text-align:left;}
.birthday__info--view .info__details td {color:#555; padding:20px 40px;}
.birthday__info--view .info__details .bold {font-weight:bold; color:#333;}
.birthday__info--view .info__details .phone__number + .phone__number:before {display: inline-block; width: 1px; height: 10px; background-color: #ddd; margin-left: 10px; margin-right: 10px; content: ""}

.birthday__info--view .btn-default-lg,
.btn__birthday--view .btn-default-lg,
.btn__birthday--view .btn {background-color:#1ba774; border-radius:4px; border:0; letter-spacing:-0.5px;}


.address-save .column .btn-ab {
	position: absolute;
	top: 50%;
	right: 34px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.address-save .column label {
	font-weight: normal;
	color: #555;
	vertical-align: middle;
}

.address-save .column label+label {
	margin-left: 27px;
}

.address-save .column .max-column {
	width: 501px;
	font-size: 0;
}

.address-save .column .max-column .label-column {
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

.address-save .column .inline-txt {
	line-height: 40px;
}

.address-save .column .inline-txt:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.address-save .column .inline-txt .txt {
	display: inline-block;
	font-size: 15px;
}

.address-save .column .inline-txt .label-inline {
	position: relative;
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	vertical-align: top;
}

.address-save .column .inline-txt .label-inline:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 20px;
	background: #ddd;
	transform: translateY(-50%);
}

.address-save .line-item {
	border-top: 1px solid #ddd !important;
}

.address-save .line-item:first-child {
	border-top: none;
}

.address-save .line-item label.column {
	line-height: 40px;
}

.address-save .item:first-child .column, .address-save .line-item+.item .column
	{
	padding-top: 13px;
}

.address-save .dawn {
	margin-top: 11px;
	padding-top: 5px;
}

.address-save .ab {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

/* cart-item-box */
.cart-item-box {
	margin-top: 32px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
}

.cart-item-box:after {
	content: "";
	clear: both;
	display: block;
}

.cart-item-box .side {
	float: left;
	width: 200px;
	padding: 25px 0 0 30px;
	box-sizing: border-box;
}

.cart-item-box .side .desc {
	display: block;
}

.cart-item-box .expected-date {
	font-size: 15px;
	/*color: #2a715a;*/ /* MARKETDEV-8344 */
	color:#333;
}

.cart-item-box .listTy {
	color: #555;
	font-size: 13px;
	line-height: 19px;
}

.cart-item-box .listTy li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 5px;
}

.cart-item-box .listTy li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	background-color: #555;
	content: '';
}

.cart-item-box .cont {
	float: left;
	width: 700px;
	box-sizing: border-box;
}

.cart-item-box .cont .cart-list {
	border: none;
}

.cart-item-box .cont .cart-item>.row {
	padding-left: 0;
}

.cart-item-box+.cart-item-box {
	margin-top: -1px !important;
}

.package-item-wrap .cart-list {
	border-top: 1px solid #ddd;
}

.package-item-wrap .cart-list .freebies-wrap {
	margin-right: 30px;
}

.package-item-wrap .cart-list .freebies-wrap .row .inner .freebies-list
	{
	margin-right: 30px;
}

.package-item-wrap .cart-list .freebies-wrap .row .inner .freebies-list .freebie-item .title .max
	{
	max-width: 159px;
}

.package-item-wrap .cart-list .freebies-wrap .row .inner .freebies-list .slick-util-group
	{
	right: -33px;
}

.package-item-wrap .cart-list.check-cart-list [class*=-column] {
	height: 150px;
}

.package-item-wrap .cart-list.check-cart-list .quantity-column {
	width: 100px;
}

.package-item-wrap .cart-list.check-cart-list .price-column .price {
	color: #000;
	font-size: 15px;
}

.package-item-wrap .cart-list.check-cart-list .price-column .price .amount
	{
	font-size: 17px;
}

.package-item-wrap .cart-list.price-column {
	width: 200px;
}

.package-item-wrap .cart-list.price-column .price {
	padding-right: 30px;
}

.package-item-wrap .cart-list .quantity-column {
	text-align: center;
}

.package-item-wrap .cart-list .quantity-column .txt {
	color: #000;
	font-weight: 500;
}

.set-banner {
	margin-top: 20px;
}

.set-cont {

}

.set-cont .txt-row>.txt {
	padding: 0 30px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 60px;
	border-top: 1px solid #ddd;
}

.set-cont .txt-row>.txt:after {
	content: "";
	clear: both;
	display: block;
}

.set-cont .txt-row>.txt [class^=link-underline] {
	float: right;
}

.set-cont .txt-row>.ab-fixed {
	position: absolute;
	top: 15px;
	right: 30px;
}

.set-cont .list {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	table-layout: fixed;
}

.set-cont .list li {
	display: table-row
}

.set-cont .list .column {
	display: table-cell;
	padding: 5px 30px 5px 0;
	font-size: 15px;
	color: #000;
	vertical-align: top;
}

.set-cont .list .column:first-child {
	width: 140px;
	padding-left: 30px;
	font-weight: 500;
}

.set-cont .list .column.type2 {
	padding: 14px 0;
}

.set-cont .list .discount-item-list+.discount-item-list {
	margin-top: 9px;
}

.set-cont .list .item {
	overflow: hidden;
}

.set-cont .list .item .txt {
	float: left;
	display: block;
	max-width: 440px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	font-size: 14px;
	color: #767676;
}

.set-cont .list .item strong {
	font-weight: 500;
}

.set-cont .list .item .link-arr {
	float: right;
}

.set-cont .list .item-discount {
	overflow: hidden;
}

.set-cont .list .item-discount .txt {
	position: relative;
	float: left;
	display: block;
	max-width: 440px;
	padding-left: 13px;
	word-wrap: normal;
} /* 2019-07-12 주문서 > 쿠폰혜택 2줄 처리 */
.set-cont .list .item-discount .txt span {
	white-space: nowrap;
} /* 2019-07-12 주문서 > 쿠폰혜택 2줄 처리 */
.set-cont .list .item-discount .line {
	position: absolute;
	top: 9px;
	left: 0;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 6px 0 0;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
	vertical-align: 4px
} /* 2019-07-12 주문서 > 쿠폰혜택 2줄 처리 */
.set-cont .list .item-discount .price {
	float: right;
	color: #000
}

.set-cont .list .item-discount .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-weight: bold;
}

.set-cont .list .noti-text {
	margin-top: 8px;
	font-size: 14px;
	color: #767676;
}
/* the프라임 듀얼운영(이전) */
.set-cont-primejoin {
	overflow: hidden;
	margin-top: 20px;
	padding: 18px 30px;
	height: 54px;
	background-color: #f6f6f6;
	box-sizing: border-box;
}

.set-cont-primejoin span {
	float: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: -1px;
	color: #bd8145;
}

.set-cont-primejoin span strong {
	padding-left: 25px;
	color: #000;
	background: url('/cjom/web/images/mypage/ico_grade_prime.svg') no-repeat
		0 5px;
	background-size: 20px 16px;
}

.set-cont-primejoin a {
	float: right;
	border-bottom: 1px solid #2a715a;
	color: #2a715a;
	font-size: 14px;
	margin-top: -2px;
	letter-spacing: -1px;
}
/* the프라임 듀얼운영(신규) */
.set-cont.primebanner {display:table;width:100%;overflow: hidden;margin-top:18px;padding:25px 30px 25px 25px;height:110px;background-color:#fffbf5;box-sizing: border-box;}
.set-cont.primebanner .primebanner-txt {padding:2px 0 0 69px;display:table-cell;vertical-align:middle;background: url('/cjom/web/images/prime/ico_grade_nprime3.png') no-repeat 0 50%;background-size:60px;}
.set-cont.primebanner .txt01 {display:block;font-size:20px;line-height:20px;color:#333;letter-spacing:-1px;font-weight:bold;}
.set-cont.primebanner .txt01 strong {font-weight:bold;color:#d4a14c;}
.set-cont.primebanner .txt02 {margin-top:10px;display:block;font-size:15px;line-height:20px;color:#333;letter-spacing:-1px;}
.set-cont.primebanner .txt02 strong {font-weight:bold;color:#d4a14c;}
.set-cont.primebanner .primebanner-rcont {display:table-cell;vertical-align:middle;}
.set-cont.primebanner a {float:right;display:inline-block;line-height:18px;border-bottom:1px solid #333;color:#333;	font-size:14px;}
/* coupon-total*/
.coupon-total {
	position: relative;
}

.coupon-total>.txt {
	padding: 0 30px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 60px;
}

.coupon-total>.txt:after {
	content: "";
	clear: both;
	display: block;
}

.coupon-total>.txt [class^=link-underline] {
	float: right;
}

.coupon-total>.ab-fixed {
	position: absolute;
	top: 15px;
	right: 30px;
}

.coupon-total .list {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	table-layout: fixed;
}

.coupon-total .list li {
	display: table-row
}

.coupon-total .list .column {
	display: table-cell;
	padding: 5px 30px 5px 0;
	font-size: 15px;
	color: #000;
	vertical-align: top;
}

.coupon-total .list .column:first-child {
	width: 140px;
	padding-left: 30px;
	font-weight: 500;
}

.coupon-total .list .column.type2 {
	padding: 14px 0;
}

.coupon-total .list .discount-item-list+.discount-item-list {
	margin-top: 9px;
}

.coupon-total .list .item {
	overflow: hidden;
}

.coupon-total .list .item .txt {
	float: left;
	display: block;
	max-width: 440px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	font-size: 15px;
	color: #000;
}

.coupon-total .list .item strong {
	font-weight: 500;
}

.coupon-total .list .item .link-arr {
	float: right;
}

.coupon-total .list .item-discount {
	overflow: hidden;
}

.coupon-total .list .item-discount .txt {
	position: relative;
	float: left;
	display: block;
	max-width: 440px;
	padding-left: 13px;
	word-wrap: normal;
} /* 2019-07-12 주문서 > 쿠폰혜택 2줄 처리 */
.coupon-total .list .item-discount .txt span {
	white-space: nowrap;
} /* 2019-07-12 주문서 > 쿠폰혜택 2줄 처리 */
.coupon-total .list .item-discount .line {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 6px 0 0;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
	vertical-align: 4px
} /* 2019-07-12 주문서 > 쿠폰혜택 2줄 처리 */
.coupon-total .list .item-discount .price {
	float: right;
	color: #000
}

.coupon-total .list .item-discount .num {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0;
	font-weight: bold;
}

.coupon-total .list .noti-text {
	margin-top: 8px;
	font-size: 14px;
	color: #767676;
}

.coupon-total .list .item-discount .txt .desc3 {
	display: block;
	font-size: 15px;
	color: #767676;
}

/* reduced-price */
.reduced-price {
	overflow: hidden;
	padding: 0 30px;
	border-top: 1px solid #ddd;
	background: #f8f8f8;
	line-height: 80px;
}

.reduced-price .title {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #2a715a;
}

.reduced-price .price {
	float: right;
	font-size: 20px;
	color: #2a715a;
}

.reduced-price .price em {
	font-size: 30px;
	font-weight: bold;
}

/* point-list */
.point-list {
	margin-top: 15px;
	border-top: 1px solid #aaa;
}

.point-list li:first-child {
	border-top: none
}

.point-list li {
	padding: 10px 30px;
	border-top: 1px solid #ddd;
}

.point-list li:after {
	content: "";
	clear: both;
	display: block;
}

.point-list li label {
	float: left;
	line-height: 38px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.point-list li .num {
	display: inline-block;
	margin-left: 3px;
	font-family: "Roboto", sans-serif;
	font-weight: normal
}

.point-list li [data-tooltip] {
	margin-left: 8px;
}

.point-list li [class^=link-underline] {
	margin-left: 10px;
}

.point-list li .price-input {
	float: right;
}

.point-list li .certify {
	clear: both;
	margin-top: 5px;
	margin-left: 32px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.point-list li .certify:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 4px;
	vertical-align: 2px;
	background: url('/cjom/web/images/common/spr_common.svg') 0 -150px
		no-repeat;
	background-size: 510px 210px;
}

.point-list li .desc {
	display: inline-block;
	margin-left: 10px;
	line-height: 38px;
	color: #2a715a;
	font-size: 15px;
}

.point-list li [class^=btn-]:first-child {
	margin-left: 15px;
}

/* 나의 프라임 */
.prime-benefit {
	margin-top: 10px;
	padding: 0 40px 50px;
	background-color: #f8f8f8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
}

.prime-benefit:after {
	content: '';
	display: block;
	clear: both;
}

.prime-benefit li {
	position: relative;
	float: left;
	width: 25%;
	margin-top: 55px;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	color: #000;
}

.prime-benefit li:before {
	content: '';
	display: block;
	width: 123px;
	height: 123px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background-color: #fff;
}

.prime-benefit li:after {
	position: absolute;
	left: 68px;
	top: 11px;
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background-image: url('/cjom/web/images/common/prime_benefit.png');
	background-repeat: no-repeat;
}

.prime-benefit li em {
	display: block;
	color: #2a715a;
}

.prime-benefit .benefit-gift:after {

}

.prime-benefit .benefit-5per:after {
	background-position: -100px 0;
}

.prime-benefit .benefit-cal:after {
	background-position: -200px 0;
}

.prime-benefit .benefit-brand:after {
	background-position: -300px 0;
}

.prime-benefit .benefit-coupon:after {
	background-position: 0 -100px;
}

.prime-benefit .benefit-card:after {
	background-position: -100px -100px;
}

.prime-benefit .benefit-rank:after {
	background-position: -200px -100px;
}

.prime-benefit .benefit-crown:after {
	background-position: -300px -100px;
}

.prime-cancel-cont {
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid #ddd;
}

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

.prime-cancel-row dt {
	float: left;
	width: 120px;
	color: #000;
	font-weight: bold;
}

.prime-cancel-row dd {
	float: left;
}

.prime-cancel-box {
	border: 1px solid #ddd;
}

.prime-cancel-box .box-head {
	padding: 16px 20px;
	line-height: 1;
	background-color: #fbf6ef;
}

.prime-cancel-box .box-head .justify-left {
	color: #000;
	font-size: 20px;
}

.prime-cancel-box .box-head .justify-right {
	color: #2a715a;
	font-size: 17px;
}

.prime-cancel-box .box-head .justify-right strong {
	font-size: 23px;
}

.prime-cancel-box .date {
	color: #000;
	font-size: 15px;
}

.prime-cancel-box .date strong {
	margin-right: 10px;
}

.prime-cancel-box .box-body {
	padding: 16px 20px 30px;
	border-top: 1px solid #ddd;
}

.prime-cancel-box .box-body .justify-right strong {
	color: #2a715a;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

/* 회원가입 */
.join-box {
	width: 1020px;
	margin: 37px auto 0;
	padding: 40px 40px 50px;
	background-color: #fff;
	text-align: center;
}

.join-box .title {
	line-height: 36px;
	color: #000;
	font-size: 26px;
	font-weight: 500;
}

.join-benefit {
	width: 830px;
	min-height: 130px;
	margin: 35px auto 0;
	padding: 30px 0;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.join-benefit:after {
	content: '';
	display: block;
	clear: both;
}

.join-benefit li {
	position: relative;
	float: left;
	max-width: 190px;
	padding: 13px 0 13px 80px;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	text-align-last: left;
	font-size: 15px;
}

.join-benefit li+li {
	margin-left: 36px;
}

.join-benefit li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: #f8f8f8 url(/cjom/web/images/contents/icon_join_benefit.png)
		0 0 no-repeat;
	line-height: 24px;
}

.join-benefit .point:before {
	background-position: -70px 0;
}

.join-benefit .reward:before {
	background-position: -140px 0;
}

.join-benefit .tester:before {
	background-position: -210px 0;
}

.icon-result {
	margin: 85px auto 0;
}

.icon-result+.page-title {
	margin-top: 30px;
}

.noti-text {
	display: inline-block;
	margin-top: 25px;
}

/* 회원탈퇴 */
.reave-form {
	margin-top: 10px;
	border-top: 2px solid #000;
	border-bottom: 0;
}

.reave-form tbody td {
	padding: 15px 0
}

/* 나의 참여현황 */
.event-flag {
	display: inline-block;
	width: 60px;
}

/* refund-due */
.refund-due {
	margin-top: 12px;
}

.refund-due .refund-due-total {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #aaa;
}

.refund-due .refund-due-total .row {
	display: table-row;
}

.refund-due .refund-due-total .row:first-child .column {
	padding: 17px 60px;
	background: #f8f8f8;
}

.refund-due .refund-due-total .row:first-child .column:last-child {
	padding-right: 50px;
}

.refund-due .refund-due-total .row .column {
	display: table-cell;
	padding: 17px 0;
	width: 280px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	vertical-align: middle;
	text-align: right;
}

.refund-due .refund-due-total .row .column:first-child {
	padding-left: 162px;
	width: 460px;
}

.refund-due .refund-due-total .row .column .key {
	display: block;
	font-weight: 500;
	color: #000;
}

.refund-due .refund-due-total .row .column .val {
	display: block;
}

.refund-due .refund-due-total .row .column .price {
	position: relative;
	display: block;
	padding-right: 60px;
	font-size: 18px;
	color: #000;
}

.refund-due .refund-due-total .row .column .price strong {
	font-size: 26px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.refund-due .refund-due-total .row .column .total {
	position: relative;
	display: block;
	padding-right: 50px;
	font-size: 20px;
	color: #E72A50;
} /* 2019-07-16 포인트 컬러 변경 오렌지 > 핑크 */
.refund-due .refund-due-total .row .column .total strong {
	font-size: 34px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.refund-due .refund-due-total .row .column:first-child .price:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	display: block;
	width: 20px;
	height: 4px;
	background: #000;
	transform: translateY(-50%);
}

.refund-due .refund-due-total .row .column .total:before, .refund-due .refund-due-total .row .column .total:after
	{
	content: "";
	position: absolute;
	top: 23px;
	left: -10px;
	display: block;
	width: 20px;
	height: 4px;
	background: #000;
}

.refund-due .refund-due-total .row .column .total:after {
	top: 33px;
}

.refund-due .refund-due-tbl {
	padding-bottom: 15px;
}

.refund-due-tbl {
	margin-top: 26px;
	border-top: 1px solid #ccc;
}

.refund-due-tbl table {
	border-bottom: 1px solid #ebebeb;
}

.refund-due-tbl th {
	padding: 14px 30px;
	background: #f8f8f8;
	font-size: 15px;
	text-align: left;
	font-weight: 500;
	color: #000;
}

.refund-due-tbl td {
	padding: 1px 30px;
	color: #555;
	vertical-align: top;
}

.refund-due-tbl td .price, .refund-due-tbl td .txt {
	display: block;
	color: #000;
	text-align: right;
}

.refund-due-tbl td .price {
	padding-right: 30px;
}

.refund-due-tbl td:last-child .price {
	padding-right: 20px;
}

.refund-due-tbl td .price strong {
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
}

.refund-due-tbl td .btn-box {
	display: block;
	margin-top: 10px;
	text-align: right
}

.refund-due-tbl tbody tr:first-child td {
	padding-top: 8px;
}

.refund-due-tbl tbody tr:last-child td {
	padding-bottom: 8px;
}

.refund-due-detail {
	position: relative;
	padding: 16px 0 0
}

.refund-due-detail .btn-more {
	position: absolute;
	top: -2px;
	right: 0;
	display: block;
	width: auto;
	font-size: 15px;
}

.completed-title {
	margin-top: 50px;
	font-size: 34px;
	line-height: 45px;
	font-weight: 700;
	color: #000;
	text-align: center;
}

/* mypage main */
.my-user-wrap {
	margin-top: 70px
}

.my-user {
	display: table;
	width: 100%;
	padding: 20px 0;
	table-layout: fixed;
	background: #2a715a;
}

.my-user [class^=column] {
	display: table-cell;
	box-sizing: border-box;
	color: #fff;
}

.my-user .column {
	width: 483px;
	padding: 26px 0 26px 60px;
	vertical-align: top;
}

.my-user .column-txt {
	padding-left: 40px;
	border-left: 1px solid #508e71;
	vertical-align: middle;
}

.my-user .column-info {
	padding: 18px 80px 18px 0;
	text-align: right;
}

.my-user .column .link-arr {
	color: #fff;
}

.my-user .column .link-arr:after {
	color: #fff;
	width: 7px;
	height: 12px;
	margin-top: -3px;
	background: url('/cjom/mobile/images/icon/ico-arrow-right-w.png')
		no-repeat 0 0;
	background-size: 7px 12px;
}

.my-user .column .link-arr+[data-tooltip] {
	margin-left: 5px;
}

.my-user [class^=column] .user-name {
	font-size: 32px;
	color: #fff;
	font-weight: normal;
	line-height: 41px;
}

.my-user [class^=column] .btn-my {
	display: inline-block;
	padding: 0 33px;
	min-width: 160px;
	box-sizing: border-box;
	line-height: 44px;
	border: 1px solid #fff;
	font-size: 16px;
	text-align: center;
}

.my-user [class^=column] .txt {
	display: inline-block;
	font-size: 18px;
	line-height: 28px;
	vertical-align: middle;
}

.my-user [class^=column] .info {
	display: inline-block;
	width: 363px;
}

.my-user [class^=column] .info li {
	overflow: hidden;
	border-bottom: 1px solid #508e71;
	line-height: 40px;
}

.my-user [class^=column] .info .key {
	float: left;
	font-weight: 500;
}

.my-user [class^=column] .info .val {
	float: right;
	text-align: right;
}

.my-user [class^=column] .info .val em {
	display: inline-block;
}

.my-user [class^=column] .txt-info {
	margin-top: 10px;
	font-size: 0;
	color: #e7f2ec
}

.my-user [class^=column] .txt-info .key {
	font-size: 15px;
}

.my-user [class^=column] .txt-info .val {
	position: relative;
	margin-left: 15px;
	padding-left: 15px;
	font-size: 15px;
}

.my-user [class^=column] .txt-info .val:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 10px;
	background: #fff;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%)
} /* 2019-07-09 ie9 -ms- transform 추가 */
.my-user .column-txt .btn-my {
	margin-left: 24px;
}

.my-user .column .btn-wrap {
	margin-top: 25px;
	font-size: 0
}

.my-user .column .btn-wrap .tooltip-wrap {
	width: auto;
	height: auto;
	margin: 0;
	vertical-align: top;
}

.my-user .column .btn-wrap .tooltip-wrap .tooltip-content {
	width: 160px;
}

.my-user .column .btn-wrap .tooltip-wrap .btn-my {
	margin-left: 10px;
}
.my-product-wp .product-list {margin-left:-42px;margin-top:20px;}
.my-product-wp > .product-list > li {padding-left:42px;padding-top:40px;}
.my-product-wp .product-list .product-list-top {height:224px;}
.my-point-list {
	display: table;
	width: 100%;
	margin-top: 40px;
	border: 1px solid #ddd;
	table-layout: fixed;
}

.my-point-list li {
	display: table-cell;
	width: 25%;
	height: 148px;
	padding: 0 60px 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}

.my-point-list li+li {
	border-left: 1px solid #ddd;
}

.my-point-list li>div {
	position: relative;
	display: inline-block;
	width: 100%;
}

.my-point-list li .key {
	display: block;
	font-size: 18px;
	color: #000;
	line-height: 1.2;
}

.my-point-list li .val {
	display: block;
	margin-top: 5px;
	font-size: 24px;
	color: #2a715a;
	font-weight: 500;
	line-height: 1.2;
}

.my-point-list li .val em {
	font-weight: bold;
	font-size: 30px;
}

.my-point-list li .val.en {
	font-size: 28px;
}

.my-point-list li .link-arr {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #767676;
}

.my-point-list li .link-arr:after {
	background-position: -40px -47px;
}

.my-point-list.column3 li {
	width: calc(100%/ 3);
	padding: 0 40px 0 30px;
}

.cont-mypage .view-wrap .cont-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}

.cont-mypage .view-wrap .cont-title+.table-form {
	border-top: 0;
}

.coupon-banner {
	display: block;
	background: #fbf6ef;
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 60px;
}

.coupon-banner span {
	position: relative;
	padding-right: 27px;
}

.coupon-banner span:after {
	content: "";;
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 7px;
	height: 12px;
	background: url("/cjom/web/images/common/spr_common.svg") -30px -32px
		no-repeat;
	background-size: 510px 210px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.regular-item {
	margin-top: 10px;
	border: 1px solid #ddd;
}

.regular-item .top {
	padding: 0 40px;
	background: #f8f8f8;
	line-height: 60px;
	overflow: hidden;
}

.regular-item .top .data {
	float: left;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #2a715a;
}

.regular-item .top .round {
	float: left;
	position: relative;
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	font-size: 15px;
	color: #555;
}

.regular-item .top .round:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 17px;
	background: #ddd;
	transform: translateY(-50%);
}

.regular-item .top .round strong {
	font-weight: 500;
}

.regular-item .top .date2 {
	float: right;
	font-size: 15px;
	color: #767676;
}

.regular-item .top .date2 .val {
	margin-left: 15px;
	color: #000;
}

.regular-item .item {
	display: table;
	width: 100%;
	padding: 34px 40px;
	box-sizing: border-box;
	table-layout: fixed;
}

.regular-item .item [class^=column] {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
}

.regular-item .item .column-price {
	width: 370px;
	padding: 0 30px;
	text-align: right;
}

.regular-item .item .column-btn {
	width: 55px;
}

.regular-item .item .column-product .img {
	display: inline-block;
	width: 70px;
	height: 70px;
	vertical-align: middle;
}

.regular-item .item .column-product .title {
	display: inline-block;
	padding: 0 0 0 30px;
	font-size: 15px;
	color: #000;
}

.regular-item .item .column-product .title .ellipsis {
	display: inline-block;
	width: 360px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.regular-item .item .column-product .title .txt {
	vertical-align: top;
}

.regular-item .item .column-price .price {
	font-size: 15px;
	color: #2a715a;
}

.regular-item .item .column-price .price .ff-roboto {
	font-size: 20px;
	font-weight: bold;
}

.regular-item+.regular-item {
	margin-top: 20px;
}

.table-Inquiry tr td {
	padding: 17px 0;
	text-align: center;
	color: #555;
}

.table-Inquiry tr .sbj {
	padding: 17px 23px;
	text-align: left;
}

.table-Inquiry tr .sbj a {
	display: block;
}

.table-Inquiry tr .sbj .txt {
	display: block;
	font-size: 14px;
	color: #555;
}

.table-Inquiry tr .sbj .title {
	display: block;
	margin-top: 4px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.table-Inquiry tr td .num {
	font-size: 18px;
}

.table-Inquiry tr td .txt {
	font-size: 16px;
	color: #767676;
	font-weight: 500;
}

.login-container {
	background: #f8f8f8;
}

.sales-office {
	margin-top: 40px;
	text-align: center;
}

.sales-office img {
	vertical-align: top;
}

.literary-property {
	margin-top: 40px;
	padding: 24px 40px;
	border: 1px solid #ddd;
}

/* product-detail-title */
.product-detail-title .title-box {
	padding: 34px 46px 33px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.product-detail-title .title-box .title {
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

.product-detail-title .title-box .price {
	margin-top: 3px;
}

.product-detail-title .title-box .price .cost {
	font-size: 18px;
	color: #000;
}

.product-detail-title .title-box .price .cost strong {
	font-size: 20px;
}

.product-detail-title .title-box .price del {
	font-size: 12px;
	color: #767676;
}

.product-detail-title .title-box .price .discount {
	font-size: 12px;
	color: #e72a50;
}

.product-detail-title .option {
	margin-top: 24px;
	padding: 0 46px;
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.health-mini-banner {
	overflow: hidden;
}

.health-mini-banner li {
	float: left;
}

.health-mini-banner li+li {
	margin-left: 28px;
}

.health-mini-banner li a {
	display: block;
}

.health-mini-banner li a img {
	vertical-align: top;
}

.prime-area {
	padding-bottom: 80px;
	background: #0f5333 url('/cjom/web/images/contents/bg-prime.png') top
		center no-repeat;
}

.prime-area .btn-area {
	margin: 25px 0 0 0;
	text-align: center;
}

.prime-area [class^=btn-prime] {
	display: inline-block;
	width: 402px;
	height: 110px;
	line-height: 110px;
	background: #bd8b57;
	color: #fbf6ef;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	border-radius: 70px;
}

.prime-area [class^=btn-prime] span {
	position: relative;
}

.prime-area [class^=btn-prime-half] {
	width: 305px;
}

.prime-area [class^=btn-prime-half]+[class^=btn-prime-half] {
	margin-left: 20px;
}

.prime-area [class^=btn-prime-half].green {
	background: #2a715a;
}

.prime-area .title-box {
	position: relative;
	padding: 71px 0 79px 0;
	text-align: center;
}

.prime-area .title-box .prime-top {
	font-size: 26px;
	color: #fff;
}

.prime-area .title-box .prime-title {
	font-size: 32px;
	color: #fff;
	font-weight: normal;
	line-height: 1.2;
}

.prime-area .title-box .prime-title .ff-roboto {
	font-size: 34px;
}

.prime-area .title-box .prime-title strong {
	position: relative;
	display: block;
	margin-top: 9px;
	font-size: 109px;
	font-weight: 700;
	color: #bd8b57;
	text-indent: -9999px;
}

.prime-area .title-box .prime-title strong:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 107px;
	width: 509px;
	margin: -53px 0 0 -254px;
	background: url(/cjom/web/images/contents/logo_the_prime.png) no-repeat
		50% 50%;
	background-size: contain;
}

.prime-area .title-box .prime-desc {
	margin-top: 14px;
	font-size: 27px;
	color: #fff;
	font-weight: 500;
}

.prime-area .title-box .ab-txt {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.prime-area .title-box .ab-txt span {
	border-bottom: 1px solid #fff;
	font-size: 16px;
	color: #fff;
}

.prime-area .benefit-list {
	position: relative;
	padding: 0 60px 110px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.prime-area .benefit-list>.title {
	margin-top: 55px;
	font-size: 62px;
	color: #0f5333;
	font-weight: bold;
}

.prime-area .benefit-list [class^=box]>.title {
	font-size: 40px;
	color: #000;
	font-weight: bold;
	line-height: 50px;
}

.prime-area .benefit-list [class^=box]>.title .txt {
	display: block;
	font-weight: normal;
}

.prime-area .benefit-list [class^=box]>.title>strong {
	display: block;
	width: 154px;
	height: 54px;
	margin: 0 auto 22px;
	border: 2px solid #bd8b57;
	border-radius: 40px;
	line-height: 52px;
	text-align: center;
	font-size: 28px;
	color: #bd8b57;
	font-weight: 500;
}

.prime-area .benefit-list .box1 {
	margin-top: 69px;
}

.prime-area .benefit-list .box1 .list {
	width: 1044px;
	margin: 45px auto 0;
	font-size: 0;
}

.prime-area .benefit-list .box1 .list:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.prime-area .benefit-list .box1 .list li {
	position: relative;
	display: inline-block;
	width: 522px;
	vertical-align: bottom;
}

.prime-area .benefit-list .box1 .list li+li:before {
	content: "";
	position: absolute;
	top: 86px;
	left: -2px;
	display: block;
	width: 4px;
	height: 56px;
	background: #2e2b2b;
}

.prime-area .benefit-list .box1 .list li+li:after {
	content: "";
	position: absolute;
	top: 112px;
	left: -28px;
	display: block;
	width: 56px;
	height: 4px;
	background: #2e2b2b;
}

.prime-area .benefit-list .box1 .list li .txt {
	display: block;
	margin-top: 21px;
	font-size: 25px;
	color: #000;
	font-weight: 500;
}

.prime-area .benefit-list .box1 .list li+li .txt {
	margin-top: 26px;
}

.prime-area .benefit-list .box1 .info-box {
	margin-top: 50px;
	padding: 10px 30px;
	text-align: left;
} /* 2019-07-04 프라임 문구수정 */
.prime-area .benefit-list .box1 .desc-list li {
	display: inline-block;
}

.prime-area .benefit-list .box2 {
	margin-top: 92px;
	padding-top: 100px;
	border-top: 1px solid #ddd;
}

.prime-area .benefit-list .box2 .step {
	display: table;
	width: 1158px;
	margin: 34px auto 0;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.prime-area .benefit-list .box2 .step li {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: calc(100%/ 3);
	padding-bottom: 33px;
	border: 1px solid #ddd;
	border-bottom: 0;
	border-left: none;
	box-sizing: border-box;
}

.prime-area .benefit-list .box2 .step li:first-child {
	border-left: 1px solid #ddd;
}

.prime-area .benefit-list .box2 .step li .top {
	height: 100px;
	padding: 18px 0 0 0;
	box-sizing: border-box;
	background: #f6faf8;
	text-align: center;
}

.prime-area .benefit-list .box2 .step li .top>.title {
	display: block;
	font-size: 26px;
	color: #000;
	line-height: 1.2;
}

.prime-area .benefit-list .box2 .step li .top>.desc {
	display: block;
	font-size: 13px;
	line-height: 16px;
	color: #555;
}

.prime-area .benefit-list .box2 .step li .top>.link-underline {
	font-size: 16px;
}

.prime-area .benefit-list .box2 .step li .img-box {
	height: 145px;
	margin-top: 40px;
	vertical-align: top;
}

.prime-area .benefit-list .box2 .step li:nth-child(3) {
	padding-bottom: 17px;
}

.prime-area .benefit-list .box2 .step li:nth-child(3) .img-box {
	margin-top: 40px;
	height: 125px;
}

.prime-area .benefit-list .box2 .step li p {
	margin-top: 6px;
	font-size: 20px;
	color: #000;
}

.prime-area .benefit-list .box2 .step li .etc {
	color: #767676;
	font-size: 14px;
	line-height: 20px;
}

.prime-area .benefit-list .box2 .step li+li:before {
	content: "";
	position: absolute;
	top: 33px;
	left: -17px;
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #e5e5e5;
	border-radius: 100%;
	background: #fff;
	box-sizing: border-box;
}

.prime-area .benefit-list .box2 .step li+li:after {
	content: "";
	position: absolute;
	top: 43px;
	left: -3px;
	display: block;
	width: 7px;
	height: 11px;
	background: url('/cjom/web/images/common/spr_common.svg') -40px -32px
		no-repeat;
	background-size: 510px 210px;
}

.prime-area .benefit-list .box3 {
	margin-top: 100px;
}

.prime-area .benefit-list .box3 .list {
	width: 1160px;
	margin: 55px auto 0;
	overflow: hidden;
}

.prime-area .benefit-list .box3 .list li {
	position: relative;
	float: left;
	width: 570px;
	height: 340px;
	box-sizing: border-box;
}

.prime-area .benefit-list .box3 .list li:nth-child(2n) {
	margin-left: 20px;
}

.prime-area .benefit-list .box3 .list li:nth-child(n+3) {
	margin-top: 20px;
}

.prime-area .benefit-list .box3 .list li .title {
	display: block;
	margin-top: 47px;
	font-size: 35px;
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}

.prime-area .benefit-list .box3 .list li .desc {
	display: block;
	margin-top: 2px;
	font-size: 35px;
	color: #000;
	line-height: 1.2;
}

.prime-area .benefit-list .box3 .list li .txt {
	display: block;
	margin-top: 11px;
	font-size: 18px;
	line-height: 24px;
	color: #555;
}

.prime-area .benefit-list .box3 .list li .d-day {
	display: inline-block;
	width: 460px;
	height: 60px;
	margin-top: 34px;
	border: 1px solid #000;
	line-height: 60px;
	font-size: 22px;
	color: #555;
	font-weight: 500;
}

.prime-area .benefit-list .box3 .list li .btn-link {
	display: inline-block;
	width: 418px;
	height: 60px;
	margin-top: 34px;
	line-height: 60px;
	font-size: 22px;
	color: #fff;
	background: #2e2b2b;
}

.prime-area .benefit-list .box3 .list li .img {
	display: block;
}

.prime-area .benefit-list .box3 .list .list-box1 {
	background: #e2f1ec;
}

.prime-area .benefit-list .box3 .list .list-box2 {
	background: #e4e8f3;
}

.prime-area .benefit-list .box3 .list .list-box3 {
	background: #feeeee;
}

.prime-area .benefit-list .box3 .list .list-box3 .img {
	margin-top: 23px;
}

.prime-area .benefit-list .box3 .list .list-box4 {
	background: #fbebdb;
}

.prime-area .benefit-list .box3 .list .list-box4 .img {
	margin-top: 41px;
}

.prime-visual {
	padding: 58px 0;
	background: #2a715a url('/cjom/web/images/contents/prime_visual01.png')
		center no-repeat;
	text-align: center;
	overflow: hidden;
}

.prime-visual .contents>.title {
	font-size: 50px;
	color: #feeacf;
	line-height: 1.2;
}

.prime-visual .contents>.title span {
	display: block;
	margin-bottom: 8px;
	font-size: 34px;
	color: #fff;
	font-weight: normal;
}

.prime-visual .contents>.desc {
	margin-top: 13px;
	font-size: 16px;
	color: #fff;
}

.prime-visual.visual02 {
	background-image: url('/cjom/web/images/contents/prime_visual02.png');
	background-color: #84633f
}

.prime-visual.visual03 {
	background-image: url('/cjom/web/images/contents/prime_visual03.png');
	background-color: #cb2546
}

.ranking-title {
	margin-top: 46px;
	font-size: 34px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.ranking-desc {
	margin-top: 3px;
	font-size: 18px;
	color: #555;
	text-align: center;
}

.ranking-date {
	font-size: 15px;
	color: #767676;
	text-align: center;
}

.ranking-img {
	margin-top: 15px;
	vertical-align: top;
}

.ranking-list {
	display: table;
	table-layout: fixed;
	margin-top: 80px;
	border-top: 1px solid #aaa;
}

.ranking-list li {
	display: table-row;
}

.ranking-list li [class^=column] {
	position: relative;
	display: table-cell;
	border-bottom: 1px solid #ddd;
}

.ranking-list li .column-num {
	width: 82px;
}

.ranking-list li .column-id {
	width: 172px;
}

.ranking-list li .column-id .txt {
	padding: 0 5px;
	text-align: left;
	color: #000;
}

.ranking-list li .column-cases {
	width: 116px;
}

.ranking-list li .title {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 56px;
	text-align: center;
}

.ranking-list li .txt {
	display: block;
	font-size: 16px;
	color: #555;
	text-align: center;
	line-height: 56px;
}

.ranking-list li:first-child .title {
	display: block;
}

.ranking-list li:first-child .txt {
	padding-top: 56px;
}

.ranking-list-box {
	overflow: hidden;
	width: 801px;
	margin: 0 auto;
}

.ranking-list-box .ranking-list {
	float: left;
	width: 370px;
}

.ranking-list-box .ranking-list+.ranking-list {
	margin-left: 61px;
}

.coupon-slider {
	margin: 40px 0 0 -30px;
	padding: 0 70px;
	overflow: hidden;
}

.coupon-slider .coupon-box {
	float: left;
	width: 360px !important;
	margin-left: 30px;
	position: relative;
}

.coupon-slider .coupon-box .coupon-img {
	position: relative;
	height: 200px;
	width: 360px;
	color: #fff;
	background: url('/cjom/web/images/contents/bg_coupon.png') no-repeat;
}

.coupon-slider .coupon-box .coupon-img [class^='title-'] {
	position: absolute;
	left: 35px;
	line-height: 110px;
	font-weight: 500;
}

.coupon-slider .coupon-box .coupon-img .title-per {
	top: 23px;
	font-size: 93px;
	letter-spacing: 0;
	font-family: "Roboto", "sans-serif";
}

.coupon-slider .coupon-box .coupon-img .title-per .fe-font {
	font-size: 55px;
}

.coupon-slider .coupon-box .coupon-img .title-txt {
	top: 30px;
	font-size: 65px;
}

.coupon-slider .coupon-box .coupon-img .title-won {
	top: 26px;
	font-size: 71px;
	letter-spacing: 0;
	font-family: "Roboto", "sans-serif";
}

.coupon-slider .coupon-box .coupon-img .title-won .fe-font {
	font-size: 44px;
	font-family: "Noto Sans KR", "sans-serif";
}

.coupon-slider .coupon-box .coupon-img .txt {
	position: absolute;
	top: 124px;
	left: 38px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

.coupon-slider .coupon-box .desc {
	position: relative;
	margin-top: 10px;
	padding-left: 6px;
	font-size: 16px;
	line-height: 30px;
	color: #767676;
}

.coupon-slider .coupon-box .desc:after {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	height: 3px;
	width: 3px;
	background: #767676;
}

.coupon-slider .coupon-box .link-underline2 {
	margin-top: 10px;
}

.coupon-slider .coupon-box .link-underline2 .down {
	display: inline-block;
	width: 15px;
	height: 13px;
	margin-right: 5px;
	background: url('/cjom/web/images/common/spr_common.svg') -457px -68px
		no-repeat;
	background-size: 510px 210px;
}

.coupon-slider .slick-prev, .coupon-slider .slick-next {
	z-index: 1;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 70px;
	font-size: 0;
	background: url('/cjom/web/images/common/icon_slider_large2.png')
		no-repeat 0 -70px;
	border-radius: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.coupon-slider .slick-prev {
	left: 20px;
}

.coupon-slider .slick-next {
	right: 20px;
	background-position: -70px -70px;
}

.coupon-slider .slick-disabled {
	background-position-y: -140px;
}

.coupon-slider .slick-util-group {
	position: static;
}

.received-list {
	margin-top: -12px;
	padding-bottom: 15px;
}

.received-list>.title {
	margin-top: 60px;
	font-size: 32px;
	line-height: 42px;
	color: #000;
	text-align: center;
}

.received-list>.title i {
	display: block;
	width: 70px;
	height: 71px;
	margin: 0 auto 14px;
	background: url('/cjom/web/images/contents/icon_people.png') no-repeat
}

.received-list>.title .point {
	display: block;
}

.received-list .img-box {
	text-align: center;
}

.received-list .img-box img {
	vertical-align: top;
}

.prime-area .txt-box {
	margin-top: 72px;
	color: #fff;
	text-align: center;
}

.prime-area .txt-box .txt {
	font-size: 32px;
}

.prime-area .txt-box .point {
	display: block;
	font-size: 62px;
	line-height: 85px;
}

.prime-area .received-list {
	padding-bottom: 40px;
}

.rec-title {
	margin-top: 49px;
	font-size: 28px;
	color: #000;
}

.gray-bg {
	margin-top: 20px;
	background: #f8f8f8;
}

.gray-bg .info-box {
	margin: 0;
	padding: 50px 0 60px 0;
} /* 2019-07-22 선물세트 알아두세요 여백 수정 */
.gray-bg .info-box .desc-list {
	color: #555;
}

.gray-bg .info-box .txt {
	margin-top: 5px;
	color: #555;
}

.gift-area .gift-title {
	display: block;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.gift-area .gift-desc {
	display: block;
	font-size: 24px;
	color: #767676;
	text-align: center;
}

.gift-area .desc-list li {
	font-size: 16px;
}

.gift-area .gift-card {
	margin-top: 95px;
}

.gift-area .gift-card .list {
	margin-top: 42px;
	text-align: center;
}

.gift-area .gift-card .list:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.gift-area .gift-card .list li {
	display: inline-block;
	width: 460px;
}

.gift-area .gift-card .list li .img-box {
	display: block;
}
.gift-area .gift-card .list li .img-box img {width:360px; height: 230px;}

.gift-area .gift-card .list li .list-title {
	display: block;
	margin-top: 16px;
	font-size: 30px;
	color: #000;
	text-align: center;
	font-weight: 500;
	line-height: 1.2;
}

.gift-area .gift-card .list li .list-desc {
	display: block;
	font-size: 18px;
	color: #555;
	line-height: 23px;
	text-align: center;
}

.gift-area .gift-card [class^=btn-][class*=-lg] {
	min-width: 426px;
	height: 70px;
	line-height: 70px;
	font-size: 24px;
}

.gift-area .gray-bg {
	padding-bottom: 100px;
}

.gift-area .list-icon {
	overflow: hidden;
	max-width: 1278px;
	margin-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.gift-area .list-icon li {
	float: left;
	width: calc(100%/ 3);
	text-align: center;
}

.gift-area .list-icon li i {
	display: inline-block;
	width: 220px;
	height: 220px;
	border-radius: 100%;
	background: #fff url('/cjom/web/images/contents/benefit/icon_gift.png')
		0 0 no-repeat;
}

.gift-area .list-icon li .icon-register {
	background-position-x: -220px;
}

.gift-area .list-icon li .icon-gift {
	background-position-x: -440px;
}

.gift-area .list-icon li .icon-cancel {
	background-position: 0 -220px;
}

.gift-area .list-icon li .icon-refund {
	background-position: -220px -220px;
}

.gift-area .list-icon li .icon-loss {
	background-position: -440px -220px;
}

.gift-area .list-icon li .icon-title {
	display: block;
	margin-top: 21px;
	font-size: 30px;
	color: #000;
	font-weight: 500;
	line-height: 1.2;
}

.gift-area .list-icon li .icon-desc {
	display: block;
	margin-top: 6px;
	font-size: 16px;
	color: #555;
	line-height: 23px;
}

.gift-area .list-icon li [class^=btn-] {
	margin-top: 20px;
}

.gift-area .cancel-area .list-icon li i {
	background-color: #f8f8f8
}

.event-visual {
	position: relative;
	overflow: hidden;
	height: 776px;
	width: 100%;
	background: #11512e url('/cjom/web/images/event/event_visual.jpg')
		center top no-repeat;
}

.event-visual .circle {
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	transform-origin: 54% 53%;
	-ms-transform-origin: 54% 53%; /* 2019-07-09 ie9 -ms- transform 추가 */
	-webkit-animation-name: event-visual-circle; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-name: event-visual-circle;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.event-visual .circle1 {
	left: 50%;
	top: -177px;
	height: 566px;
	width: 566px;
	background: #b08246;
	margin-left: -1106px;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
}

.event-visual .circle2 {
	transform-origin: 53% 51%;
	-ms-transform-origin: 53% 51%;
	-webkit-animation-name: event-visual-circle2;
	animation-name: event-visual-circle2;
	left: 50%;
	top: -359px;
	height: 570px;
	width: 570px;
	background: #e82351;
	margin-left: 253px;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.event-visual .circle3 {
	transform-origin: 51% 50%;
	-ms-transform-origin: 51% 50%;
	left: 50%;
	top: 259px;
	height: 566px;
	width: 566px;
	background: #b08246;
	margin-left: 564px;
	animation-duration: 5s;
} /* 2019-07-09 ie9 -ms- transform 추가 */
@-webkit-keyframes event-visual-circle {
	from {transform: rotate(0);
	-ms-transform: rotate(0);
} /* 2019-07-09 ie9 -ms- transform 추가 */
to {
	transform: rotate(365deg);
	-ms-transform: rotate(365deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
}
@keyframes event-visual-circle {
	from {transform: rotate(0);
	-ms-transform: rotate(0);
} /* 2019-07-09 ie9 -ms- transform 추가 */
to {
	transform: rotate(365deg);
	-ms-transform: rotate(365deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
}

@-webkit-keyframes event-visual-circle2 {
	from {transform: rotate(0);
	-ms-transform: rotate(0);
} /* 2019-07-09 ie9 -ms- transform 추가 */
to {
	transform: rotate(-365deg);
	-ms-transform: rotate(-365deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
}

@keyframes event-visual-circle2 {
	from {transform: rotate(0);
	-ms-transform: rotate(0);
} /* 2019-07-09 ie9 -ms- transform 추가 */
to {
	transform: rotate(-365deg);
	-ms-transform: rotate(-365deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
}
.event-tab-list {
	background: #fdf8e2;
}

.event-tab-list .event-tab:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .event-tab-list .event-tab {
	height: 1%;
}

html[xmlns] .event-tab-list .event-tab {
	display: block;
}

.event-tab-list .event-tab li {
	position: relative;
	display: table;
	float: left;
	width: calc(100%/ 4);
	height: 84px;
	text-align: center;
	font-weight: 500;
	color: #4b3114;
	line-height: 32px;
}

.event-tab-list .event-tab li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 64px;
	background: #ece7d1;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.event-tab-list .event-tab li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0 15px;
}

.event-tab-list .event-tab li .title {
	display: block;
	font-size: 16px;
}

.event-tab-list .event-tab li .desc {
	display: block;
	font-size: 24px;
}

.event-tab-list .event-tab li.active {
	background: #b4864c;
}

.event-tab-list .event-tab li .tooltip {
	position: absolute;
	left: 50%;
	top: -28px;
	margin-left: -39px;
	display: inline-block;
	width: 100px;
	height: 39px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: url('/cjom/web/images/event/icon_tooltip.png') no-repeat 0 0;
}

.event-contents-brown {
	overflow: hidden;
	background: #b4864c;
}

.event-contents-brown .contents>.title {
	position: relative;
	margin-top: 90px;
	text-align: center;
}

.event-contents-brown .contents>.title:before {
	content: "";
	position: absolute;
	top: 0;
	left: -62px;
	display: block;
	width: 430px;
	height: 405px;
	background: url('/cjom/web/images/event/bg_sticker.png') no-repeat;
}

.event-contents-brown .contents>.title:after {
	content: "";
	position: absolute;
	top: 160px;
	right: -320px;
	display: block;
	width: 608px;
	height: 590px;
	background: url('/cjom/web/images/event/hand.png') no-repeat;
}

.event-contents-brown .contents>.title img {
	vertical-align: middle;
}

.event-contents-brown .book {
	width: 1282px;
	height: 736px;
	margin: 50px auto 0;
	background: url('/cjom/web/images/event/bg_book.png') no-repeat;
}

.event-contents-brown .book:before {
	content: "";
	display: block;
	overflow: hidden;
}

.event-contents-brown .book:after {
	content: "";
	display: block;
	clear: both;
}

.event-contents-brown .book .btn-area {
	margin: 40px 0 0 0;
	width: 640px;
}

.event-info {
	padding: 40px 50px;
}

.event-info .event-info-title {
	font-size: 25px;
	color: #fff;
	font-weight: 500;
}

.event-info .event-desc-list .stit {
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.event-info .event-desc-list  ul {
	padding-bottom: 10px;
}

.event-info .event-desc-list li {
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	color: #fff;
}

.event-info .event-desc-list li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 1px;
	background: #fff;
}

.event-contents-brown .sticker-list {
	margin: 200px 0 0 55px;
}

.sticker-list {
	width: 520px;
	margin: 30px auto;
}

.sticker-list:before {
	content: "";
	overflow: hidden;
}

.sticker-list:after {
	content: "";
	display: block;
	clear: both;
}

.sticker-list li {
	float: left;
	position: relative;
	width: 161px;
	height: 161px;
	margin: 0 0 13px 18px;
	background: url('/cjom/web/images/event/bg_sticker_green.png') no-repeat;
	font-size: 0;
}

.sticker-list li:nth-child(3n+1) {
	margin: 0;
}

.sticker-list li:last-child {
	background: url('/cjom/web/images/event/bg_sticker_orange.png')
		no-repeat;
}

.sticker-list li.green:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 161px;
	height: 158px;
	background: url('/cjom/web/images/event/green_sticker.png') no-repeat;
}

.sticker-list li.orange:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 161px;
	height: 158px;
	background: url('/cjom/web/images/event/orange_sticker.png') no-repeat;
}

.btn-event {
	width: 420px;
	height: 88px;
	border-radius: 50px;
	line-height: 88px;
	font-size: 35px;
	color: #fff;
	font-weight: 500;
	background: #11512e;
}

.event-contents-beige [class^=btn]+[class^=btn] {
	margin-left: 20px;
}

.btn-event.red {
	background: #e72351;
}

.btn-event.brown {
	background: #b08247;
}

.btn-event.gray {
	background: #a9a9a9;
	opacity: 1
}

.btn-event.gray2 {
	font-size: 28px;
	background: #a9a9a9;
	opacity: 1
}

.btn-event.btn-event-view {
	background: #8a0324;
}

.event-contents-green {
	background: #11512e;
}

.event-contents-green .event-steps {
	text-align: center;
	padding: 45px 0;
}

.event-contents-green .event-steps li:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.event-contents-green .event-steps li {
	display: inline-block;
	padding: 0 25px;
	vertical-align: bottom;
}

.event-contents-green .event-steps li a {
	display: block;
}

.event-contents-green .event-steps li img {
	vertical-align: top;
}

.event-contents-beige {
	padding-bottom: 90px;
	background: #fff9dc;
}

.event-contents-beige .contents>.title {
	position: relative;
	z-index: 2;
	margin-top: 90px;
	text-align: center;
}

.event-contents-beige .contents>.title img {
	vertical-align: middle;
}

.event-contents-beige .contents>.img-box {
	margin: -38px 0 0 85px;
}

.event-contents-beige .contents>.img-box img {
	vertical-align: top;
}

.event-contents-beige .event-tbl {
	margin-top: 50px;
}

.event-contents-beige .event-tbl table {
	width: 760px;
	margin: 0 auto;
	table-layout: fixed;
	border-top: 1px solid #000;
}

.event-contents-beige .event-tbl table th {
	padding: 5px 0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	text-align: center;
	font-size: 25px;
	color: #000;
	font-weight: bold;
}

.event-contents-beige .event-tbl table th:first-child,
	.event-contents-beige .event-tbl table td:first-child {
	padding-left: 40px;
	border-left: none;
}

.event-contents-beige .event-tbl table th:last-child,
	.event-contents-beige .event-tbl table td:last-child {
	padding-right: 50px;
}

.event-contents-beige .event-tbl table td {
	padding: 9px 0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	text-align: center;
	font-size: 20px;
	color: #000;
}

.event-contents-beige .event-data {
	width: 845px;
	margin: 42px auto 0;
}

.event-contents-beige .event-data li {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	color: #11512e;
	line-height: 35px;
}

.event-contents-beige .event-data li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #11512e;
}

.event-contents-beige .event-info-wrap {
	margin-top: 50px;
	border-top: 1px solid #c2bda7;
}

.event-contents-beige .event-info {
	width: 845px;
	margin: 35px auto 0;
}

.event-contents-beige .event-info .event-info-title {
	padding: 0 10px;
	font-size: 25px;
	color: #11512e;
	font-weight: 500;
}

.event-contents-beige .event-info .event-desc-list li {
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	color: #11512e;
}

.event-contents-beige .event-info .event-desc-list li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 1px;
	background: #11512e;
}

.event-contents-beige .event-info .event-desc-list li .point {
	color: #e61143;
}

.event-contents-beige .event-info .event-desc-list li.fc-red:before {
	background: #f80012;
}

.modal-event {
	background: #f72355;
	border-color: #f72355;
}

.modal-event-content {
	overflow: hidden;
	padding: 0 15px 48px;
}

.modal-event-content .title {
	text-align: center;
}

.modal-event-content .title img {
	vertical-align: top;
}

.modal-event-content .sticker {
	width: 522px;
	height: 339px;
	margin: 22px auto 0;
	background: url('/cjom/web/images/event/pop_sticker.png') no-repeat;
}

.modal-event-content .btn-area {
	margin-top: 35px;
}

.modal-event-content .btn-pop-event {
	display: inline-block;
	width: 258px;
	height: 49px;
	border-radius: 3px;
	background: #0b4529;
	line-height: 49px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.modal-event-content .desc-list {
	margin-top: 8px;
}

.modal-event-content .desc-list li {
	color: #fff;
}

.modal-event-content .desc-list li:before {
	width: 4px;
	height: 1px;
	background: #fff;
	line-height: 25px;
}

.modal-event-content .desc-list li+li {
	margin: 0;
}

[class*=modal-event] .btn-modal-close {
	top: 30px;
	right: 30px;
}

[class*=modal-event] .btn-modal-close span {
	background: url('/cjom/web/images/event/icon_close.png') no-repeat;
}

.event-coupon-sticker {
	z-index: 20290;
	position: absolute;
}

.event-coupon {
	padding: 0 50px;
}

.event-coupon>.title {
	font-size: 40px;
	font-weight: 500;
	color: #11512e;
	text-align: center;
}

.event-coupon>.title .point {
	color: #e72351;
}

.event-coupon .event-coupon-list {
	overflow: hidden;
	width: 640px;
	margin: 27px auto 0;
	font-size: 0;
	text-align: center;
}

.event-coupon .event-coupon-list:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.event-coupon .event-coupon-list li {
	float: left;
	position: relative;
	display: inline-block;
	width: 305px;
	height: 169px;
	padding: 0 15px 0 30px;
	box-sizing: border-box;
	background: url('/cjom/web/images/event/bg_coupon.jpg') no-repeat;
	text-align: left;
}

.event-coupon .event-coupon-list li:nth-child(2n) {
	float: right;
}

.event-coupon .event-coupon-list li .key {
	position: absolute;
	top: 0;
	right: 15px;
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: right;
	line-height: 46px;
}

.event-coupon .event-coupon-list li .val {
	display: block;
	margin-top: 50px;
	font-size: 35px;
	color: #fff;
	font-weight: 500;
	line-height: 48px;
	height: 57px;
}

.event-coupon .event-coupon-list li .val .percentage {
	font-size: 42px;
	font-weight: bold;
}

.event-coupon .event-coupon-list li .val .txt {
	font-size: 52px;
}

.event-coupon .event-coupon-list li .val .percentage strong {
	font-size: 65px;
}

.event-coupon .event-coupon-list li .desc {
	display: block;
	font-size: 18px;
	color: #fff;
	height: 27px;
}

.event-coupon .event-coupon-list li:nth-child(2n) {
	margin-left: 30px;
}

.event-coupon .event-coupon-list li:nth-child(n+3) {
	margin-top: 20px;
}

.event-coupon .btn-area {
	margin-top: 30px;
}

.event-coupon .btn-coupon {
	display: inline-block;
	width: 318px;
	height: 48px;
	border-radius: 6px;
	line-height: 48px;
	color: #fff;
	background: #000;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}

.event-coupon .event-info {
	margin-top: 45px;
	padding: 36px 66px 0;
	border-top: 1px solid #ddd;
}

.event-coupon .event-info .event-info-title {
	padding: 0 15px;
	font-size: 25px;
	color: #11512e;
	font-weight: 500;
	line-height: 29px;
}

.event-coupon .event-info .event-desc-list {
	margin-top: 5px;
}

.event-coupon .event-info .event-desc-list li {
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	color: #11512e;
}

.event-coupon .event-info .event-desc-list li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 1px;
	background: #11512e;
}

.modal.modal-event-prize {
	border: 10px solid #d4974a;
	background: #fafaf8;
	text-align: center;
}

.modal.modal-event-prize .event-prize {
	height: 550px;
}

.modal.modal-event-prize .event-prize>.title {
	font-size: 40px;
	color: #d4974a;
	line-height: 42px;
}

.modal.modal-event-prize .event-prize>.title .img {
	display: block;
	margin-bottom: 6px;
	vertical-align: top;
}

.modal.modal-event-prize .event-prize>.img-box {
	margin-top: 20px;
	vertical-align: top;
}

.modal.modal-event-prize .event-prize>.txt {
	font-size: 25px;
	color: #d4974a;
	line-height: 30px;
}

.modal.modal-event-prize .event-prize>.desc {
	margin-top: 9px;
	font-size: 16px;
	color: #959695;
	line-height: 20px;
}

.tab-radio {
	font-size: 0;
}

.tab-radio li {
	display: inline-block;
}

.tab-radio li+li {
	margin-left: 30px;
}

.tab-radio li a {
	display: block;
	position: relative;
	padding-left: 30px;
	font-size: 15px;
}

.tab-radio li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1px solid #d2d2d2;
	border-radius: 100%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.tab-radio li.active a:before {
	border-color: #2a715a;
	background: #2a715a;
}

.tab-radio li.active a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #fff;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%)
} /* 2019-07-09 ie9 -ms- transform 추가 */
.gift-pop {
	border-top: 1px solid #aaa;
	padding-top: 22px;
}

.gift-pop .img {
	margin-top: 30px;
	display: block;
	text-align: center;
}

.gift-pop .title {
	font-size: 26px;
	color: #000;
	line-height: 34px;
	text-align: center;
}

.gift-pop .desc {
	margin-top: 10px;
	font-size: 15px;
	color: #555;
	text-align: center;
}

.gift-pop .txt {
	margin-top: 25px;
	font-size: 20px;
	color: #000;
	line-height: 28px;
	text-align: center;
}

.gift-pop .btn-app-area {
	margin-top: 35px;
	padding: 30px 0;
	background: #f8f8f8;
	text-align: center;
}

.gift-pop .btn-app-area .btn-app {
	display: inline-block;
	vertical-align: top;
}

.gift-pop .btn-app-area .btn-app+.btn-app {
	margin-left: 10px;
}

.border-box {
	margin-top: 35px;
	border: 1px solid #ddd;
	padding: 16px 40px;
	overflow: hidden;
}

.border-box .noti-text {
	float: left;
	margin: 0;
	font-size: 15px;
}

.border-box [class^=link-underline] {
	float: right;
	font-size: 15px;
}

.border-box+.search-filter-wrap {
	margin-top: 20px;
}

.byo-event-wrap {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}

.byo-event-wrap .video-area {
	position: absolute;
	top: 1097px;
	left: 50%;
	width: 660px;
	height: 353px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.byo-event-wrap .link-list {
	position: absolute;
	bottom: 92px;
	left: 50%;
	width: 980px;
	height: 636px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	overflow: hidden;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.byo-event-wrap .link-list li {
	float: left;
	width: 50%;
}

.byo-event-wrap .link-list li a {
	display: block;
	height: 636px;
}

.prime-event .visual {
	position: relative;
	min-width: 1280px;
	height: 886px;
}

.prime-event .visual:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 748px;
	background: #2d9bff
}

.prime-event .visual:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	min-width: 1280px;
	height: 886px;
	background: url(/cjom/web/images/prime/visual.png) no-repeat top center;
}

.prime-event .visual .btn-box {
	position: relative;
	z-index: 3;
	width: 1280px;
	height: 748px;
	margin: 0 auto;
}

.prime-event .visual a {
	position: absolute;
	bottom: 163px;
	left: 60px;
	display: block;
	width: 400px;
	height: 110px;
}

.prime-event .event-area {
	position: relative;
	width: 1280px;
	left: 60px;
	height: 2516px;
	margin: -60px auto 0;
	background: url(/cjom/web/images/prime/event_img.png) top center
		no-repeat;
}

.prime-event .event-area .event-sns-list {
	position: absolute;
	top: 70px;
	right: 108px;
	width: 390px;
	overflow: hidden;
}

.prime-event .event-area .event-sns-list li {
	float: left;
	width: 20%;
}

.prime-event .event-area .event-sns-list li a {
	display: block;
	height: 98px;
}

.prime-event .event-area .event-friend-btn {
	position: absolute;
	top: 1740px;
	left: 490px;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent;
} /* 2019-07-12 프라임 이벤트 버튼 추가 */
.prime-event .gray-bg {
	margin-top: 0;
	background: #fbf6ef;
}

.prime-event .gray-bg .info-box {
	background: #fbf6ef;
}

/* 2019-10-11 메인팝업 수정 */
/* 기존소스 */
/* .main-modal-wrap{position:absolute; top:0; left:0; width:100%; z-index:201000;}
.main-modal{position:absolute; top:280px; left:50%; width:470px; margin-left:-640px; border:1px solid #dddddd; background:#fff; z-index:201000;}
.main-modal-header{padding:10px 20px; background:#0f5333;}
.main-modal-header .title{color:#fff; font-size:22px; font-weight:normal;}
.main-modal-contents {text-align:center;}
.main-modal-contents .modal-txt{margin-top:15px; color:#000; line-height:24px;}
.main-modal-contents .modal-point{margin:10px 0 27px; color:#0f5333; font-size:17px; font-weight:500;}
.main-modal-contents .info-title{color:#0f5333; font-size:17px; font-weight:500;}
.main-modal-contents .link-underline{color:#0f5333;}
.main-modal-contents .img-box{margin-top:20px;}
.main-modal-contents .img-box img{vertical-align:top;}
.main-modal-footer{position:relative; padding:15px 20px; overflow:hidden;background-color:#fff;}
.main-modal-footer:before{content:''; position:absolute; top:0; left:20px; display:block; width:calc(100% - 40px);}
.main-modal-footer label{font-size:13px; color:#555;}
.main-modal-footer [class^=btn-]{float:right;}
.main-modal .btn-close{position:absolute; top:13px; right:13px; width:30px; height:30px; background:url(/cjom/web/images/common/icon_m_modal_close.png) no-repeat center; text-indent:-999999px; font-size:0;}
 */

/* 디자인 변경된 소스*/
.main-modal-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20200;
}

.main-modal-wrap .modal-box {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}

.main-modal {
	position: absolute;
	top: 640px;
	left: 100px;
	height: 262px;
	overflow: hidden;
}

.main-modal .modal-cont {
	position: relative;
}

.main-modal .modal-cont .item {
	float: left;
	position: relative;
	width: 240px;
	height: 262px;
	margin-right: 15px;
}

.main-modal .modal-cont .item a {
	position: relative;
	display: block;
	height: 240px;
	width: 100%;
	overflow: hidden;
}

.main-modal .modal-cont .item a:focus:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: inset 0 0 3px blue;
	box-sizing: border-box;
}

.main-modal .modal-cont .item img {
	/*position:absolute;top:0;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);*/
	width: 240px;
	height: 240px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
/* 메인프라임팝업 */
.main-modal .m-moadl-nprime {width:240px;height:240px;background:url('/cjom/web/images/prime/bg_modal_nprime.png') no-repeat	50% 0;background-size:240px;}
.main-modal .m-moadl-nprime .txt01 {padding-top:57px;text-align: center;color: #d4a14c;font-size:15px;font-weight: bold;line-height:19px;background: url('/cjom/web/images/prime/ico_user_grade_popup.png') no-repeat
		50% 12px;background-size:40px;}
.main-modal .m-moadl-nprime .txt02 {margin-top:8px;text-align: center;color: #333;font-size:18px;font-weight:bold;line-height:21px;}
.main-modal .m-moadl-nprime .txt02  strong {margin-top:1px;display: block;letter-spacing:-1px;font-size:26px;font-weight:bold;line-height:30px;}
.main-modal .m-moadl-nprime .img-guide {margin:8px auto 0;width:158px;height:48px;color:transparent;background:url('/cjom/web/images/prime/img-benefit-popup.png') no-repeat 50% 0;background-size:158px 48px;}

.main-modal .m-moadl-prime {width:240px;height:240px;background:url('/cjom/web/images/prime/bg_modal_prime.png') no-repeat	50% 0;background-size:240px;}
.main-modal .m-moadl-prime .txt01 {padding-top:57px;text-align: center;color: #bc8145;font-size:15px;font-weight: bold;line-height:19px;background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat
		50% 20px;background-size:35px 31px;}
.main-modal .m-moadl-prime .txt02 {margin-top:5px;text-align: center;color: #234a46;font-size:18px;line-height:21px;}
.main-modal .m-moadl-prime .txt02  strong {margin-top:1px;display: block;letter-spacing:-1px;font-size:26px;font-weight:bold;line-height:30px;}
.main-modal .m-moadl-prime .bttn {display:block;margin:13px auto 0;width:100px;height:30px;text-align:center;font-size:13px;line-height:30px;font-weight:bold;color: #fff;border-radius:15px;background-color: #c89f73;}

.main-modal .modal-cont .item a .txt {
	position: absolute;
	right: 133px;
	top: 56px;
	font-size: 21px;
	color: #e7d5bf;}
.main-modal .modal-cont .slick-util-group {
	height: 10px;
	bottom: inherit;
	left: inherit;
	position: inherit;}
.main-modal .modal-cont .slick-dots-group {
	position: absolute;
	left: 0;
	bottom: 23px;
	width: 100%;
	height: 10px;
	line-height: 10px;
	text-align: center;}
.main-modal .modal-cont .slick-dots {height: 10px;}

.main-modal .modal-cont .slick-dots li, .main-modal .modal-cont .slick-dots li button
	{
	width: 10px;
	height: 10px;
}

.main-modal .modal-cont .slick-dots li {
	margin-left: 10px;
}

.main-modal .modal-cont .slick-dots li:first-child {
	margin-left: 0;
}

.main-modal .modal-cont .slick-dots li button:after {
	background: rgba(255, 255, 255, 0.2);
}

.main-modal .modal-cont .slick-dots li.slick-active button:after {
	background: #fff;
}

.main-modal .modal-cont .slick-prev.slick-arrow, .main-modal .modal-cont .slick-next.slick-arrow
	{
	position: absolute;
	top: -238px;
	width: 32px;
	height: 52px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.main-modal .modal-cont .slick-prev.slick-arrow {
	left: 0;
}

.main-modal .modal-cont .slick-next.slick-arrow {
	right: 0;
}

.main-modal .modal-cont .slick-prev.slick-arrow:after, .main-modal .modal-cont .slick-next.slick-arrow:after
	{
	position: absolute;
	top: 17px;
	content: '';
	display: block;
	width: 12px;
	height: 18px;
	background: url('/cjom/web/images/common/bg_popup_arrow.png') no-repeat;
}

.main-modal .modal-cont .slick-prev.slick-arrow:after {
	right: 12px;
}

.main-modal .modal-cont .slick-next.slick-arrow:after {
	left: 12px;
	background-position: 100% 0
}

.main-modal .modal-cont .btn-play-toggle {
	position: absolute;
	left: 0;
	bottom: -55px;
	width: 42px;
	height: 42px;
	display: block;
	border-right: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 0;
	background: #fff url('/cjom/web/images/common/ico_popup_control.png')
		no-repeat;
	background-position: 16px 50%;
	box-sizing: border-box;
	z-index: 10;
}

.main-modal .modal-cont .btn-play-toggle.play {
	background-position: -12px 50%;
	background-color: #fff;
}

.main-modal .modal-btm {
	width: 170px;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	box-sizing: border-box;
}

.main-modal .modal-btm button {
	position: relative;
	float: left;
	width: 40%;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	box-sizing: border-box;
}

.main-modal .modal-btm button:first-child {
	width: 60%;
}

.main-modal .modal-btm button:first-child:after {
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 14px;
	background-color: #c4c4c5;
	content: '';
}

.main-modal .modal-btm.no_control {
	padding-left: 0;
}

.main-modal .modal-btm.no_control button {
	width: 50%;
}
/* //2019-10-11 메인팝업 수정  */
.table-col-type th:nth-child(1) {
	width: 299px;
}

.table-col-type th:nth-child(2) {
	width: 150px;
}

.table-col-type th:nth-child(3) {
	width: 500px;
}

/* 2019-07-22 수정 : 사원 선물 신청 이벤트 */
.employee-event {

} /* 2019-07-23 사원선물 신청 padding-bottom 제거 */
.employee-event .visual {
	position: relative;
	height: 850px;
	background: url('/cjom/web/images/contents/employee/visual.jpg')
		no-repeat 50% 0;
}

.employee-event.ver2 .visual {
	background: url('/cjom/web/images/contents/employee/visual_v2.jpg')
		no-repeat 50% 0;
}

.v-category {
	position: absolute;
	left: 50%;
	bottom: 30px;
	width: 1040px;
	height: 193px;
	margin-left: -520px;
	background: url('/cjom/web/images/contents/employee/bg_paper.jpg') 0 0
		no-repeat;
}

.v-category:after {
	content: '';
	display: block;
	clear: both;
}

.v-category .item {
	float: left;
	width: 346px;
	padding-top: 30px;
	text-align: center;
}

.v-category .item .thumb {
	position: relative;
	width: 200px;
	height: 98px;
	margin: 0 auto;
}

.v-category .item .dis-rate {
	position: absolute;
	left: 0;
	top: -10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #ff4000;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	border-radius: 50%;
	letter-spacing: 0;
}

.employee-event.ver2 .v-category .item .dis-rate {
	background-color: #f5207a;
}

.v-category .item .title {
	margin-top: 10px;
	font-size: 20px;
	color: #fff;
	font-weight: 100;
}

.v-category .item .title:after {
	content: '';
	display: inline-block;
	width: 17px;
	height: 8px;
	margin-left: 5px;
	vertical-align: 3px;
	background: url('/cjom/web/images/contents/employee/arrow_white.png') 0
		0 no-repeat;
}

.employee-notice {
	height: 115px;
	padding-top: 25px;
	box-sizing: border-box;
	background-color: #051123;
}

.employee-notice .contents {
	position: relative;
}

.employee-notice .title {
	position: absolute;
	left: 160px;
	top: 16px;
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}

.employee-notice .title:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 7px;
	vertical-align: -1px;
	background: url('/cjom/web/images/contents/employee/icon_noti.png') 0 0
		no-repeat;
}

.employee-notice .cont {
	position: relative;
	display: inline-block;
	padding-left: 310px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}

.employee-notice .cont:before {
	position: absolute;
	left: 287px;
	top: 50%;
	margin-top: -8px;
	content: '';
	display: inline-block;
	height: 16px;
	border-left: 1px solid #828891;
}

.employee-notice .cont span {
	color: #ff0000;
}

.employee-event .desc {
	position: relative;
	margin-top: 40px;
	padding-left: 16px;
	font-size: 16px;
	color: #bcc0c6;
}

.employee-event .desc:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 3px;
	height: 3px;
	background: #bcc0c6;
}

.earlybird-title {
	margin-top: 60px;
	text-align: center;
}

.employee-event.ver2 .earlybird-title {
	margin-top: 50px;
}

.earlybird-title img {
	vertical-align: top;
}

.earlybird-coupon {
	margin-top: 76px;
}

.earlybird-coupon:after {
	content: '';
	display: block;
	clear: both;
}

.earlybird-coupon [class^='event-box'] {
	position: relative;
	float: left;
	width: 630px;
	height: 454px;
	background: url('/cjom/web/images/contents/employee/early_bird01.jpg') 0
		0 no-repeat;
}

.earlybird-coupon [class^='event-box'].deadline:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10;
}

.earlybird-coupon [class^='event-box'].deadline:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	width: 340px;
	height: 340px;
	margin: -170px 0 0 -170px;
	background: url('/cjom/web/images/contents/employee/deadline.png') 0 0
		no-repeat;
}

.earlybird-coupon .event-box-2 {
	margin-left: 20px;
	background-image:
		url('/cjom/web/images/contents/employee/early_bird02.jpg');
}

.earlybird-coupon [class^='event-box'] .date {
	position: relative;
	margin-top: 50px;
	padding-left: 10px;
	text-align: center;
	color: #fff;
	font-size: 24px;
}

.earlybird-coupon-list {
	margin-top: 96px;
	padding-left: 20px;
}

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

.earlybird-coupon-list li {
	float: left;
	width: 265px;
	height: 212px;
	margin-left: 20px;
}

.earlybird-coupon-list li+li {

}

.employee-event.ver2 .white-event .date {
	display: none;
}
/*.earlybird-coupon .event-box .earlybird-coupon-list{width:1001px; margin:60px auto 0; overflow:hidden;}
.earlybird-coupon .event-box .earlybird-coupon-list li{float:left; width:468px; height:338px; padding:0 0 0 55px; box-sizing:border-box; background:url(/cjom/web/images/contents/employee/coupon.png) no-repeat;}
.earlybird-coupon .event-box .earlybird-coupon-list li + li{margin-left:65px;}
.earlybird-coupon .event-box .earlybird-coupon-list li .title{padding-left:180px; font-size:24px; color:#fff; line-height:60px;}
.earlybird-coupon .event-box .earlybird-coupon-list li .key{margin-top:30px; font-size:32px; font-weight:500; color:#9c6d30;}
.earlybird-coupon .event-box .earlybird-coupon-list li .val{ line-height:90px; font-size:96px; color:#0f5333;}
.earlybird-coupon .event-box .earlybird-coupon-list li .val strong{font-size:98px;}
.earlybird-coupon .event-box .earlybird-coupon-list li.coupon2{background:url(/cjom/web/images/contents/employee/coupon02.png) no-repeat;}
.earlybird-coupon .event-box .earlybird-coupon-list li.coupon2 .title{padding-left:240px; }*/
.earlybird-event {
	padding-bottom: 60px;
	background: #1f2d41;
}

.white-event {
	height: 835px;
	background: #eff4f9
		url('/cjom/web/images/contents/employee/bg_lucky.jpg') 50% 100%
		no-repeat;
}

.employee-event.ver2 .white-event {
	height: 850px;
	background: #c8d7e6
		url('/cjom/web/images/contents/employee/bg_lucky_v2.jpg') 50% 100%
		no-repeat;
}

.white-event .contents {
	position: relative;
}

.white-event .date {
	position: absolute;
	left: 0;
	top: 52px;
	right: 0;
	text-align: center;
	font-size: 24px;
	color: #000;
	font-family: 'Roboto', 'Noto Sans CJK KR', sans-serif;
	letter-spacing: 0;
}

.white-event .sale-coupon {
	position: relative;
	z-index: 1;
	margin: 40px auto 0;
	width: 752px;
	height: 280px;
	background: url(/cjom/web/images/contents/employee/lucky_img.png) 50% 0
		no-repeat;
}

.employee-event.ver2 .white-event .sale-coupon {
	margin-top: 30px;
}

.white-event .btn-lucky {
	display: block;
	width: 450px;
	height: 82px;
	margin: -36px auto 0;
	background-color: #1f2d41;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	border-radius: 0;
}

.white-event .desc {
	margin-top: 20px;
	color: #555;
	text-align: center;
}

.white-event .desc:before {
	position: static;
	display: inline-block;
	vertical-align: 5px;
	margin-right: 5px;
	background: #555;
}

.employee-event .gray-bg .desc-list li {
	font-size: 16px;
}

.employee-event .gray-bg .desc-list .link-underline {
	color: #4088c5;
	font-weight: 500;
}

.employee-event .gray-bg .desc-list .link-underline span {
	border-color: #4088c5;
}

.event-list-top {
	padding-top: 40px;
	border-bottom: 1px solid #aaa;
}

.event-list-top .title {
	font-size: 26px;
	color: #000;
	font-weight: 500;
	line-height: 63px;
}

.lucky-desc {
	margin-top: 5px;
	font-size: 15px;
	color: #555;
	text-align: center;
	line-height: 25px;
}

.lucky-slider {
	margin-top: 15px;
	overflow: hidden;
}

.lucky-slider .lucky-date {
	display: block;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

.lucky-slider .lucky-date em {
	font-weight: bold;
	font-size: 17px;
}

.lucky-slider .slick-util-group {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
}

.lucky-slider .slick-arrow {
	width: 30px;
	height: 30px;
	margin-right: 60px;
	text-indent: -99999px;
	background: url('/cjom/web/images/common/icon-slider.png') 0 -30px
		no-repeat;
	transform: none;
	-ms-transform: none;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.lucky-slider .slick-next {
	margin: 0 0 0 60px;
	background-position: -30px -30px;
}

.lucky-slider .slick-arrow.slick-disabled {
	background-position: 0 0;
}

.lucky-slider .slick-next.slick-disabled {
	background-position: -30px 0;
}

.holiday-event-wrap .btn-gift-area {
	position: absolute;
	bottom: 617px;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.holiday-event-wrap .btn-gift-area .btn-gift {
	display: inline-block;
	width: 620px;
	height: 142px;
}

.holiday-tab-contents .event01 {
	position: relative;
	height: 1918px;
	background: url(/cjom/web/images/contents/holiday/holiday01.jpg)
		no-repeat top center;
}
/*.holiday-tab-contents .event03 .link-list a{display:block; width:250px; height:60px;}
.holiday-tab-contents .event03 .btn-gift-area{bottom:120px; padding-left:19px;}
.holiday-tab-contents .event03 .btn-gift-area [class^=btn-]{ width:470px; height:107px}
.holiday-tab-contents .event03 .btn-gift-area [class^=btn-] + [class^=btn-]{margin:0 0 0 50px;}
.holiday-tab-contents .event04 .btn-gift-area{bottom:80px;}
.holiday-tab-contents .event04 .btn-gift-area [class^=btn-]{ width:240px; height:60px}*/
.holiday-tab-contents .desc-list li {
	font-size: 16px;
	line-height: 26px;
}

.gift-tab-contents {
	padding-bottom: 150px;
}

.employee-event .benefit {
	height: 1029px;
	background: #eddbd0
		url('/cjom/web/images/contents/employee/bg_benefit_v2.jpg') 50% 0
		no-repeat;
}

.employee-event .benefit2 {
	width: 640px;
	padding-top: 830px;
	text-align: center;
}

.employee-event .benefit2 .btn-winner {
	display: block;
	width: 450px;
	height: 82px;
	line-height: 80px;
	margin: 0 auto;
	background-color: #1f2d41;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	border-radius: 0;
}

.employee-event .benefit2 .desc {
	margin-top: 20px;
	color: #555;
}

.employee-event .event-noti h3 {
	height: 60px;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	background-color: #fff;
}

.employee-event .event-noti h3 a {
	display: block;
	height: 60px;
	width: 1120px;
	margin: 0 auto;
	font-size: 25px;
	line-height: 58px;
	font-weight: bold;
}

.employee-event .event-noti h3 a span {
	display: inline-block;
	height: 60px;
	padding-right: 45px;
	background:
		url('/cjom/web/images/contents/employee/icon_noti_toggle.png') 100% 0
		no-repeat;
}

.employee-event .event-noti h3 a.active span {
	background-position: 100% -60px;
}

.employee-event .event-noti .info-box {
	padding: 10px 80px 50px;
}

.employee-event .event-noti .info-box .sub-title {
	margin-top: 40px;
}

.employee-event .event-noti .desc-list li .emp {
	color: #e45424;
}

#popup-winner .modal-header .modal-title {
	text-align: center;
}
/*
** (삭제예정) 충돌방지 주석! 이 위로 넣어주세요 **
*/

/* s:오픈이벤트02 */
.event-open02 .event-tab-list .event-tab li.active {
	color: #fff;
	background: #e72351;
}

.event-contents-open2 {
	background-color: #e72351;
}

.event-contents-open2 .title {
	overflow: hidden;
	position: relative;
	height: 570px;
	background: url('/cjom/web/images/event/201907_open/motion_watch.gif')
		no-repeat 0 300%;
}

.event-contents-open2 .title h2 {
	height: 570px;
	text-indent: -999999em;
	background: url('/cjom/web/images/event/201907_open/tit_timesale.png')
		no-repeat 100% 0;
}

.event-contents-open2 .title .today {
	position: absolute;
	left: 638px;
	top: 145px;
	color: #f4de21;
	font-size: 100px;
	font-weight: bold;
	font-style: italic;
}

.event-contents-open2 .title .today span {
	font-size: 130px;
	margin-right: 3px;
}

.event-contents-open2 .dill {
	background-color: #fff;
}

.event-contents-open2 .navelDill {
	margin-top: 20px;
}

.event-contents-open2 .dill-top {
	height: 78px;
	padding: 16px 30px;
}

.event-contents-open2 .timeDill .dill-top {
	background-color: #b18247;
}

.event-contents-open2 .navelDill .dill-top {
	background-color: #11512e;
}

.event-contents-open2 .dill-top .time {
	display: inline-block;
	vertical-align: top;
	width: 177px;
	height: 77px;
	padding-left: 78px;
	font-size: 40px;
	line-height: 75px;
	color: #fff;
	border-radius: 40px;
	background: url('/cjom/web/images/event/201907_open/icon_timer.png')
		no-repeat 20px 50%;
}

.event-contents-open2 .timeDill .dill-top .time {
	background-color: #7c5b32;
}

.event-contents-open2 .navelDill .dill-top .time {
	background-color: #0c3920;
}

.event-contents-open2 .dill-top h3 {
	display: inline-block;
	margin-left: 25px;
	vertical-align: top;
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

.event-contents-open2 .dill-top .desc {
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 10px;
	margin-left: 15px;
	color: #fff;
	font-size: 22px;
}

.event-contents-open2 .dill-cont {
	position: relative;
	display: table;
	width: 100%;
	height: 535px;
}

.event-contents-open2 .dill-cont .soldoutBg {
	display: none;
}

.event-contents-open2 .dill-cont .dill-cont-left {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.event-contents-open2 .dill-cont .dill-cont-left .thumb {
	position: relative;
}

.event-contents-open2 .timeDill .dill-cont .dill-cont-left .label {
	position: absolute;
	left: 50px;
	top: 330px;
	display: block;
	width: 153px;
	height: 155px;
	text-indent: -999999em;
	background: url('/cjom/web/images/event/201907_open/label_deal.png')
		no-repeat 0 0;
}

.event-contents-open2 .navelDill .dill-cont .dill-cont-left .label {
	position: absolute;
	left: 50px;
	top: 330px;
	display: block;
	width: 153px;
	height: 155px;
	text-indent: -999999em;
	background: url('/cjom/web/images/event/201907_open/label_navel.png')
		no-repeat 0 0;
}

.event-contents-open2 .dill-cont .dill-cont-right {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.event-contents-open2 .dill-cont .dill-cont-right .txt01 {
	display: block;
	height: 65px;
}

.event-contents-open2 .dill-cont .dill-cont-right .txt02 {
	display: block;
	margin-top: 7px;
	padding-right: 25px;
	color: #111;
	font-size: 40px;
	line-height: 48px;
}

.event-contents-open2 .dill-cont .dill-cont-right .txt03 {
	display: block;
	margin-top: 20px;
	color: #111;
	font-size: 24px;
}

.event-contents-open2 .dill-cont .dill-cont-right .price01 {
	margin-top: 5px;
	font-size: 24px;
	color: #797979;
}

.event-contents-open2 .dill-cont .dill-cont-right .price01 span {
	padding-left: 5px;
	font-family: tahoma, sans-serif;
}

.event-contents-open2 .dill-cont .dill-cont-right .price02 {
	display: block;
	line-height: 56px;
	font-size: 33px;
	color: #111;
	font-weight: bold;
}

.event-contents-open2 .dill-cont .dill-cont-right .price02 span {
	font-size: 54px;
	color: #e72351;
	vertical-align: text-bottom;
	font-family: tahoma;
}

.event-contents-open2 .dill-cont .dill-cont-right .price01 em,
	.event-contents-open2 .dill-cont .dill-cont-right .price02 em {
	display: inline-block;
	width: 145px;
}

.event-contents-open2 .dill-cont .dill-cont-right .price02 .unit {
	margin-left: 2px;
	font-size: 32px;
	vertical-align: bottom;
}

.event-contents-open2 .dill-cont .dill-cont-right button {
	margin-top: 20px;
	width: 550px;
	height: 78px;
	color: #fff;
	font-size: 31px;
	border-radius: 0;
	background-color: #000;
}

.event-contents-open2 .dill-cont.soldout .soldoutBg {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

.event-contents-open2 .dill-cont.soldout .soldoutMsg {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -160px 0 0 -160px;
	color: #fff;
	z-index: 100;
	text-align: center;
	width: 300px;
	height: 300px;
	border: 20px solid #fff;
	border-radius: 300px;
}

.event-contents-open2 .dill-cont.soldout .soldoutMsg .txt01 {
	display: block;
	font-size: 24px;
	line-height: 30px;
	padding: 45px 0 10px;
}

.event-contents-open2 .dill-cont.soldout .soldoutMsg .txt02 {
	display: block;
	font-size: 79px;
	line-height: 69px;
	font-weight: bold;
	font-family: tahoma;
}

.event-contents-open2 .timesale {
	margin-top: 65px;
	background-color: #fff;
}

.event-contents-open2 .timesale .timesale-top {
	height: 90px;
	text-align: center;
	color: #666;
	font-size: 46px;
	padding-top: 20px;
	background-color: #f1f1f1;
}

.event-contents-open2 .timesale .timesale-top em {
	display: inline-block;
	margin-left: 1px;
	width: 75px;
	height: 75px;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	font-family: Arial;
	background-color: #666;
}

.event-contents-open2 .timesale .timesale-top span {
	font-weight: bold;
}

.event-contents-open2 .timesale .timesale-cont {
	overflow: hidden;
	width: 100%;
	padding: 25px 0;
}

.event-contents-open2 .timesale .timesale-cont dl {
	float: left;
	width: 640px;
	padding-bottom: 25px;
}

.event-contents-open2 .timesale .timesale-cont dl.timesale-cont-right {
	width: 639px;
	border-left: 1px solid #e5e5e5;
}

.event-contents-open2 .timesale .timesale-cont dl dt {
	padding-top: 5px;
	height: 65px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}

.event-contents-open2 .timesale .timesale-cont dl.timesale-cont-left dt
	{
	color: #b18247;
}

.event-contents-open2 .timesale .timesale-cont dl.timesale-cont-right dt
	{
	color: #11512e;
}

.event-contents-open2 .timesale .timesale-cont dl .thumb {
	float: left;
	width: 180px;
	height: 180px;
	margin: 0 30px 0 50px;
	background-color: #c8c8c8;
}

.event-contents-open2 .timesale .timesale-cont dl .thumb img {
	width: 180px;
	height: 180px;
}

.event-contents-open2 .timesale .timesale-cont dl .info {
	float: right;
	width: 325px;
	padding-right: 50px;
}

.event-contents-open2 .timesale .timesale-cont dl .info a {
	display: block;
}

.event-contents-open2 .timesale .timesale-cont dl .txt01 {
	display: block;
	color: #e72351;
	font-size: 16px;
}

.event-contents-open2 .timesale .timesale-cont dl .txt02 {
	display: block;
	margin-top: 2px;
	padding-right: 25px;
	color: #111;
	font-weight: bold;
	font-size: 24px;
	line-height: 27px;
}

.event-contents-open2 .timesale .timesale-cont dl .txt03 {
	display: block;
	margin-top: 15px;
	color: #111;
	font-size: 16px;
	line-height: 20px;
}

.event-contents-open2 .timesale .timesale-cont dl .price {
	line-height: 30px;
	display: block;
	font-size: 20px;
	color: #111;
	font-weight: bold;
}

.event-contents-open2 .timesale .timesale-cont dl .price em {
	vertical-align: text-bottom;
	margin-right: 2px;
}

.event-contents-open2 .timesale .timesale-cont dl .price span {
	font-size: 25px;
	color: #e72351;
	font-family: tahoma, sans-serif;
}

.event-contents-open2 .timesale .timesale-cont dl .price .unit {
	font-size: 21px;
	vertical-align: text-bottom;
}

.event-contents-open2 .timesale .timesale-cont dl .price01 {
	margin-top: 4px;
	line-height: 30px;
	display: block;
	font-size: 20px;
	color: #797979;
	font-weight: bold;
	font-family: tahoma, sans-serif;
}

.event-contents-open2 .timesale .timesale-cont dl .price01 em {
	vertical-align: text-bottom;
	margin-right: 2px;
}

.event-contents-open2 .timesale .timesale-cont dl .price01 span {
	font-size: 25px;
	color: #797979;
}

.event-contents-open2 .timesale .timesale-cont dl .price01 .unit {
	font-size: 21px;
	vertical-align: text-bottom;
}

.event-contents-open2 .event-noti {
	padding: 70px 20px 50px;
}

.event-contents-open2 .event-noti .event-noti-title {
	width: 268px;
	text-align: center;
	margin: 0 auto;
	border: 3px solid #fff;
	color: #fff;
	border-radius: 100px;
	font-size: 32px;
	height: 70px;
	line-height: 70px;
	cursor: pointer;
}

.event-contents-open2 .event-noti .event-noti-title span {
	position: relative;
	padding-right: 34px;
}

.event-contents-open2 .event-noti .event-noti-title span:after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	width: 25px;
	height: 17px;
	display: inline-block;
	background: url('/cjom/web/images/event/201907_open/bul_arr_close.png')
		no-repeat 0 0;
	content: '';
}

.event-contents-open2 .event-noti.visible .event-noti-title span:after {
	background: url('/cjom/web/images/event/201907_open/bul_arr_open.png')
		no-repeat 0 0;
}

.event-contents-open2 .event-noti .event-noti-tit {
	margin-bottom: 5px;
	color: #fff;
	font-size: 15px;
}

.event-contents-open2 .event-noti .event-noti-desc {
	padding: 50px 0;
}

.event-contents-open2 .event-noti .event-noti-tit+.event-noti-desc {
	padding-top: 0;
}

.event-contents-open2 .event-noti .event-noti-desc li {
	position: relative;
	padding-left: 15px;
	font-size: 15px;
	color: #fff;
}

.event-contents-open2 .event-noti .event-noti-desc li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 1px;
	background: #fff;
}

.event-contents-open2 .event-noti.visible .event-noti-cont {
	display: none;
}

.event-open02 .naver-keyword {
	width: 699px;
	height: 50px;
	margin: 60px auto 0;
	padding: 13px 0 0 255px;
	color: #000;
	font-size: 24px;
	background:
		url('/cjom/web/images/event/201907_open/bg_naver_search.png')
		no-repeat 0 0;
}

/* e:오픈이벤트02 */
.event-tab>li.event03.active {
	background: #acc01e
}

.event-tab>li.event03.active:before {
	display: none
}

.event-contents.event03 {
	position: relative;
	background: #acc01e;
	z-index: 0
}

.event-contents.event03:before {
	content: '';
	position: absolute;
	top: 578px;
	left: 50%;
	width: 504px;
	height: 854px;
	margin-left: -960px;
	background: url(/cjom/web/images/event/bg_deco1.png) no-repeat 0 0;
	z-index: -1
}

.event-contents.event03:after {
	content: '';
	position: absolute;
	top: 880px;
	left: 50%;
	width: 369px;
	height: 744px;
	margin-left: 392px;
	background: url(/cjom/web/images/event/bg_deco2.png) no-repeat 0 0;
	z-index: -1
}

.stamp-title {
	position: relative;
	display: block;
	height: 483px;
	padding: 73px 0 0 130px;
	z-index: 0
}

.stamp-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: -216px;
	width: 681px;
	height: 240px;
	background: url(/cjom/web/images/event/bg_stamp_deco1.png) no-repeat 0 0;
	z-index: -1
}

.stamp-title:after {
	content: '';
	position: absolute;
	top: 30px;
	right: -46px;
	width: 618px;
	height: 519px;
	background: url(/cjom/web/images/event/bg_stamp_deco2.png) no-repeat 0 0;
	z-index: -1
}

.stamp-contents {
	position: relative;
	width: 1072px;
	height: 976px;
	margin: 0 auto;
	padding: 0 23px;
	background: url(/cjom/web/images/event/bg_stamp_area.png) no-repeat
		right 0;
	z-index: 0
}

.stamp-contents>h3 {
	height: 87px;
	padding-top: 66px;
	font-size: 45px;
	line-height: 45px;
	font-weight: 500;
	color: #fff;
	text-align: center
}

.stamp-contents .stamp-box-wrap {
	padding: 0 52px;
	background: url(/cjom/web/images/event/bg_plus.png) no-repeat 50% 193px
}

.stamp-contents .stamp-box-wrap:after {
	content: '';
	display: block;
	clear: both
}

.stamp-contents .stamp-box-wrap .stamp-box+.stamp-box {
	margin-left: 64px
}

.stamp-box {
	float: left;
	width: 452px
}

.stamp-box>strong {
	display: block;
	height: 63px;
	line-height: 61px;
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	background: #b18247
}

.stamp-box .stamp-area {
	margin-bottom: 20px;
	padding: 286px 0 36px;
	text-align: center;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 50% 31px
}

.stamp-box .stamp-area>p {
	font-size: 20px;
	line-height: 28px;
	color: #474545;
	font-weight: 500
}

.stamp-box .stamp-area.delivery {
	background-image: url(/cjom/web/images/event/bg_stamp1_off.png)
}

.stamp-box .stamp-area.present {
	background-image: url(/cjom/web/images/event/bg_stamp2_off.png)
}

.stamp-box>a {
	display: block;
	width: 361px;
	height: 68px;
	margin: 0 auto;
	text-align: center;
	background: #f32e5c;
	border-radius: 3px
}

.stamp-box>a>span {
	font-size: 30px;
	line-height: 68px;
	color: #fff
}

.stamp-box.ok .stamp-area.delivery {
	background-image: url(/cjom/web/images/event/bg_stamp1_on.png)
}

.stamp-box.ok .stamp-area.present {
	background-image: url(/cjom/web/images/event/bg_stamp2_on.png)
}

.stamp-event-info {
	width: 852px;
	margin: 58px auto 0;
	font-size: 18px;
	color: #fff
}

.stamp-event-info>li {
	position: relative;
	padding-left: 20px;
	line-height: 30px
}

.stamp-event-info>li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 5px
}

.benefit-title {
	position: relative;
	display: block;
	height: 518px;
	padding: 41px 0 0 296px
}

.benefit-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 111px;
	width: 240px;
	height: 240px;
	background: url(/cjom/web/images/event/bg_deco3.png) no-repeat 0 0;
	z-index: -1
}

.benefit-contents {
	height: 853px
}

.benefit-event-cont {
	position: relative;
	width: 100%;
	height: 480px;
	background: url(/cjom/web/images/event/bg_benefit_cont.png) no-repeat
		173px 0
}

.benefit-event-cont .btn-benefit-coupon {
	position: absolute;
	top: 310px;
	left: 223px;
	width: 200px;
	height: 38px
}

.benefit-event-info {
	position: relative;
	margin-left: 214px;
	padding-left: 20px
}

.benefit-event-info dt {
	height: 40px;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 40px
}

.benefit-event-info dd {
	font-size: 18px;
	color: #3d3d3d;
	line-height: 30px
}

.benefit-event-info dd:before {
	content: '-';
	position: absolute;
	left: 5px
}

.event-tab>li.event03.active {
	background: #acc01e
}

.event-tab>li.event03.active:before {
	display: none
}

.event-contents.event03 {
	position: relative;
	background: #acc01e;
	z-index: 0
}

.event-contents.event03:before {
	content: '';
	position: absolute;
	top: 578px;
	left: 50%;
	width: 504px;
	height: 854px;
	margin-left: -960px;
	background: url(/cjom/web/images/event/bg_deco1.png) no-repeat 0 0;
	z-index: -1
}

.event-contents.event03:after {
	content: '';
	position: absolute;
	top: 880px;
	left: 50%;
	width: 369px;
	height: 744px;
	margin-left: 392px;
	background: url(/cjom/web/images/event/bg_deco2.png) no-repeat 0 0;
	z-index: -1
}

.stamp-title {
	position: relative;
	display: block;
	height: 483px;
	padding: 73px 0 0 130px;
	z-index: 0
}

.stamp-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: -216px;
	width: 681px;
	height: 240px;
	background: url(/cjom/web/images/event/bg_stamp_deco1.png) no-repeat 0 0;
	z-index: -1
}

.stamp-title:after {
	content: '';
	position: absolute;
	top: 30px;
	right: -46px;
	width: 618px;
	height: 519px;
	background: url(/cjom/web/images/event/bg_stamp_deco2.png) no-repeat 0 0;
	z-index: -1
}

.stamp-contents {
	position: relative;
	width: 1072px;
	height: 976px;
	margin: 0 auto;
	padding: 0 23px;
	background: url(/cjom/web/images/event/bg_stamp_area.png) no-repeat
		right 0;
	z-index: 0
}

.stamp-contents>h3 {
	height: 87px;
	padding-top: 66px;
	font-size: 45px;
	line-height: 45px;
	font-weight: 500;
	color: #fff;
	text-align: center
}

.stamp-contents .stamp-box-wrap {
	padding: 0 52px;
	background: url(/cjom/web/images/event/bg_plus.png) no-repeat 50% 193px
}

.stamp-contents .stamp-box-wrap:after {
	content: '';
	display: block;
	clear: both
}

.stamp-contents .stamp-box-wrap .stamp-box+.stamp-box {
	margin-left: 64px
}

.stamp-box {
	float: left;
	width: 452px
}

.stamp-box>strong {
	display: block;
	height: 63px;
	line-height: 61px;
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	background: #b18247
}

.stamp-box .stamp-area {
	margin-bottom: 20px;
	padding: 286px 0 36px;
	text-align: center;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 50% 31px
}

.stamp-box .stamp-area>p {
	font-size: 20px;
	line-height: 28px;
	color: #474545;
	font-weight: 500
}

.stamp-box .stamp-area.delivery {
	background-image: url(/cjom/web/images/event/bg_stamp1_off.png)
}

.stamp-box .stamp-area.present {
	background-image: url(/cjom/web/images/event/bg_stamp2_off.png)
}

.stamp-box>a {
	display: block;
	width: 361px;
	height: 68px;
	margin: 0 auto;
	text-align: center;
	background: #f32e5c;
	border-radius: 3px
}

.stamp-box>a>span {
	font-size: 30px;
	line-height: 68px;
	color: #fff
}

.stamp-box.ok .stamp-area.delivery {
	background-image: url(/cjom/web/images/event/bg_stamp1_on.png)
}

.stamp-box.ok .stamp-area.present {
	background-image: url(/cjom/web/images/event/bg_stamp2_on.png)
}

.stamp-event-info {
	width: 852px;
	margin: 58px auto 0;
	font-size: 18px;
	color: #fff
}

.stamp-event-info>li {
	position: relative;
	padding-left: 20px;
	line-height: 30px
}

.stamp-event-info>li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 5px
}

.benefit-title {
	position: relative;
	display: block;
	height: 518px;
	padding: 41px 0 0 296px
}

.benefit-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 111px;
	width: 240px;
	height: 240px;
	background: url(/cjom/web/images/event/bg_deco3.png) no-repeat 0 0;
	z-index: -1
}

.benefit-contents {
	height: 853px
}

.benefit-event-cont {
	position: relative;
	width: 100%;
	height: 480px;
	background: url(/cjom/web/images/event/bg_benefit_cont.png) no-repeat
		173px 0
}

.benefit-event-cont .btn-benefit-coupon {
	position: absolute;
	top: 310px;
	left: 223px;
	width: 200px;
	height: 38px
}

.benefit-event-info {
	position: relative;
	margin-left: 214px;
	padding-left: 20px
}

.benefit-event-info dt {
	height: 40px;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 40px
}

.benefit-event-info dd {
	font-size: 18px;
	color: #3d3d3d;
	line-height: 30px
}

.benefit-event-info dd:before {
	content: '-';
	position: absolute;
	left: 5px
}

.event-tab>li.event04.active {
	background: #183971;
	color: #fff
}

.event-tab>li.event04.active:before {
	display: none
}

.event-contents.event04 {
	position: relative;
	background: #ef6f1a;
	overflow: hidden;
	z-index: 0
}

.event-contents.event04:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 824px solid #183971;
	border-left: 1440px solid transparent;
	z-index: -1
}

.event-contents .event-bg-line1 {
	position: absolute;
	bottom: 1140px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -960px;
	border-top: 1110px solid transparent;
	border-left: 1920px solid #faf3da;
	z-index: -1
}

.event-contents .event-bg-line2 {
	position: absolute;
	bottom: 250px;
	left: 50%;
	width: 1920px;
	height: 890px;
	margin-left: -960px;
	background: #faf3da;
	z-index: -1
}

.event-contents .event-bg-line3 {
	position: absolute;
	bottom: 250px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -960px;
	border-top: 1110px solid transparent;
	border-left: 1920px solid #ef6f1a;
	z-index: -1
}

.new-customer-title {
	position: relative;
	display: block;
	height: 547px;
	background: url(/cjom/web/images/event2/title_new_customer.png)
		no-repeat 190px 88px;
	z-index: 0
}

.new-customer-title:before {
	content: '';
	position: absolute;
	top: 165px;
	left: -237px;
	width: 406px;
	height: 343px;
	background: url(/cjom/web/images/event2/event_04_deco1.png) no-repeat 0
		0;
	z-index: -1
}

.new-customer-title:after {
	content: '';
	position: absolute;
	top: 272px;
	right: 220px;
	width: 305px;
	height: 242px;
	background: url(/cjom/web/images/event2/event_04_deco2.png) no-repeat 0
		0;
	z-index: -1
}

.new-customer-event {
	position: relative;
	padding: 0 50px;
	background: #fff;
	text-align: center
}

.new-customer-event.event02 {
	margin-top: 128px
}

.new-customer-event.event02:before {
	content: '';
	position: absolute;
	top: -175px;
	right: -77px;
	width: 225px;
	height: 253px;
	background: url(/cjom/web/images/event2/event_04_deco3.png) no-repeat 0
		0
}

.new-customer-event.event03 {
	margin-top: 250px;
	padding: 0 0 90px;
	background: none
}

.new-customer-event.event03:before {
	content: '';
	position: absolute;
	bottom: 60px;
	left: -224px;
	width: 274px;
	height: 278px;
	background: url(/cjom/web/images/event2/event_04_deco4.png) no-repeat 0
		0
}

.new-customer-event h3 {
	width: 105px;
	height: 85px;
	margin: 0 auto;
	padding-top: 20px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 28px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	border-radius: 50%;
	font-weight: 400
} /* 2019-07-09 ie9 -ms- transform 추가 */
.new-customer-event h3>span {
	display: block;
	font-size: 33px
}

.new-customer-event.coupon {
	margin-top: 30px;
	background: none
}

.new-customer-event.coupon h3 {
	width: auto;
	height: auto;
	line-height: 54px;
	background: none;
	font-size: 50px;
	color: #11512e;
	font-weight: 700;
	transform: translateY(0)
}

.new-customer-event .event01-cont {
	width: 100%;
	height: 206px;
	margin: -25px 0 45px;
	background: url(/cjom/web/images/event2/txt_new_customer01.png)
		no-repeat 50% 0
}

.new-customer-event .event02-cont {
	width: 100%;
	height: 172px;
	margin: -25px 0 50px;
	background: url(/cjom/web/images/event2/txt_new_customer02.png)
		no-repeat 50% 0
}

.new-customer-event .event03-cont {
	width: 100%;
	height: 303px;
	margin: -20px 0 50px;
	background: url(/cjom/web/images/event2/txt_new_customer03.png)
		no-repeat 95px 0
}

.new-customer-event .new-coupon-list {
	margin-bottom: 30px;
	font-size: 0
}

.new-customer-event .new-coupon-list>li {
	display: inline-block;
	vertical-align: top
}

.new-customer-event .new-coupon-list>li+li {
	margin-left: 15px
}

.new-customer-event .new-coupon-list>li>span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #444;
	text-align: right
}

.new-customer-event .new-coupon-list>li>span:before {
	content: '- '
}

.new-customer-event .btn-download {
	display: block;
	width: 548px;
	height: 100px;
	margin: 0 auto
}

.new-customer-event .goods-list {
	font-size: 0
}

.new-customer-event .goods-list>li {
	display: inline-block;
	width: 393px;
	text-align: center
}

.new-customer-event .goods-list>li>a {
	display: inline-block;
	margin-top: 24px
}

.new-customer-event .new-event-info {
	margin-top: 65px;
	padding: 55px 0 65px;
	border-top: 1px solid #e5e5e5
}

.new-customer-event .new-event-info:after {
	content: '';
	display: block;
	clear: both
}

.new-customer-event .new-event-info>ul {
	float: right;
	width: 590px
}

.new-customer-event .new-event-info>ul:first-child {
	float: left;
	width: 513px;
	padding-left: 77px
}

.new-customer-event .new-event-info>ul>li {
	position: relative;
	padding-left: 12px;
	font-size: 18px;
	text-align: left;
	line-height: 32px;
	color: #000
}

.new-customer-event .new-event-info>ul>li:before {
	content: '-';
	position: absolute;
	top: -2px;
	left: 0;
	font-weight: 700
}

.new-customer-event .new-event-info>ul>li.point {
	color: #e72351
}

.new-customer-event .new-event-info2 {
	width: 702px;
	margin: 0 0 0 95px;
	border-top: 1px solid #d76417;
	text-align: left
}

.new-customer-event .new-event-info2>h4 {
	padding: 30px 0 15px;
	font-size: 26px;
	color: #6a2c03;
	font-weight: 500
}

.new-customer-event .new-event-info2>ul {

}

.new-customer-event .new-event-info2>ul>li {
	position: relative;
	font-size: 18px;
	text-align: left;
	line-height: 32px;
	color: #6a2c03
}

.new-customer-event .new-event-info2>ul>li:before {
	content: '-';
	position: absolute;
	top: -2px;
	left: -12px;
	font-weight: 700
}

.new-customer-event .new-event-info2>ul>li.point {
	color: #e72351
}

.toggle-alert {
	z-index: 3000;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 460px;
	padding: 33px;
	text-align: center;
	line-height: 34px;
	font-size: 22px;
	color: #fff;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.8);
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transition: all 300ms ease-in-out 0s;
} /* 2019-07-09 ie9 -ms- transform 추가 */
.toggle-alert.is-active {
	opacity: 1;
	visibility: visible;
}

.new-customer-event .new-event-qrcode {
	position: absolute;
	top: -38px;
	right: 0
}

.new-customer-event .event-coupon-cont {
	width: 857px;
	height: 378px;
	margin: 30px auto 0;
	background: url(/cjom/web/images/event2/event_04_coupon.png) no-repeat 0
		0
}

/* 링크프라이스 */
.getCoupon {
	width: 100% !important;
	height: 859px;
	text-align: center;
	background: #092a33
		url(/cjom/web/images/contents/19_coupon/bg_coupon_w.jpg) no-repeat 50%
		0;
}

.getCoupon>.inner {
	width: 980px;
	margin: 0 auto;
}

.getFieldset {
	overflow: hidden;
	padding: 376px 0 0 64px;
}

.getFieldset .input-text {
	float: left;
}

.getFieldset .getInput {
	float: left;
	width: 368px;
	height: 70px;
	padding: 20px;
	text-align: left;
	font-family: inherit;
	border: 1px solid #fff;
	letter-spacing: -1px;
	font-size: 22px;
	line-height: 28px;
	color: #4aa297;
	background-color: transparent;
}

.getFieldset .getInput::placeholder {
	font-size: 22px;
	color: #fff !important;
}

.getFieldset .btnCouponEntry {
	vertical-align: middle;
	float: left;
	width: 134px;
	height: 70px;
	border-radius: 0;
	background:
		url(/cjom/web/images/contents/19_coupon/btn_counpon_entry.gif)
		no-repeat 0 0;
}

/* 선물세트 - 가정의달 */
.family-gift+.family-gift {
	margin-left: 30px;
}

.family-gift img {
	width: 50px;
	height: 50px;
	margin-right: 5px;
	vertical-align: -19px;
}

.employee-inquiry tbody th {
	padding: 15px;
	text-align: right;
}

.employee-inquiry tbody td {
	padding: 15px;
}

.gift-apply-box {
	position: relative;
	margin-top: 10px;
	padding: 30px 30px 30px 420px;
	border: 1px solid #ddd;
	border-top: 1px solid #767676;
}

.gift-apply-box .text1 {
	font-size: 18px;
	color: #2a715a;
}

.gift-apply-box .text2 {
	font-size: 15px;
	color: #555;
}

.apply-formula {
	position: absolute;
	left: 30px;
	top: 35px;
}

.apply-formula:after {
	content: '';
	display: block;
	clear: both;
}

.apply-formula .formula-item {
	float: left;
	position: relative;
	padding-left: 50px;
}

.apply-formula .formula-item+.formula-item {
	position: relative;
	margin-left: 75px;
}

.apply-formula .formula-item+.formula-item:before, .apply-formula .formula-item+.formula-item:after
	{
	position: absolute;
	content: '';
	display: inline-block;
	background-color: #555;
}

.apply-formula .formula-item+.formula-item:before {
	top: 20px;
	left: -42px;
	width: 15px;
	height: 1px;
}

.apply-formula .formula-item+.formula-item:after {
	top: 13px;
	left: -35px;
	width: 1px;
	height: 15px;
}

.apply-formula .formula-item dt {
	line-height: 40px;
	font-size: 14px;
	color: #555;
	font-weight: 500;
}

.apply-formula .formula-item dd {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #f8f8f8;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
}

.apply-formula .formula-item.green {

}

.apply-formula .formula-item.green dd {
	background-color: #2a715a;
	color: #fff;
}

.product-quantity {
	position: relative;
	display: inline-block;
	width: 255px;
	height: 122px;
	padding: 16px 20px 20px 110px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.product-quantity+.product-quantity {
	margin-left: 8px;
}

.product-quantity .thumb {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 100px;
}

.product-quantity .thumb img {

}

.product-quantity .name {
	line-height: 24px;
	font-size: 15px;
	color: #000;
}

.product-quantity .quantity {
	margin-top: 7px;
}

/* 임직원 생일쿠폰 */
.birthday-coupon {
	text-align: center;
	background-color: #ffd7de;
}

.birthday-coupon .inner {
	min-width: 1280px;
	max-width: 1920px;
	height: 1358px;
	margin: 0 auto;
	background: url('/cjom/web/images/contents/bg_gift_member.jpg') 50% 0
		no-repeat;
}

.birthday-coupon.type2 .inner {
	background: url('/cjom/web/images/contents/bg_gift_member02.jpg') 50% 0
		no-repeat;
}

.birthday-coupon .text1 {
	padding-top: 420px;
	font-size: 30px;
	color: #202e55;
	line-height: 40px;
}

.birthday-coupon .text2 {
	padding-top: 8px;
	font-size: 20px;
	color: #645f79;
}

.birthday-form {
	padding-top: 55px;
	font-size: 0;
}

.birthday-form input {
	width: 720px;
	height: 90px;
	padding: 0 25px;
	border: 4px solid #202e55;
	box-sizing: border-box;
	font-size: 24px;
}

.birthday-form input::placeholder, .birthday-form input::-webkit-input-placeholder
	{
	font-size: 24px;
}

.birthday-form .btn-birthday {
	width: 200px;
	height: 90px;
	line-height: 90px;
	background-color: #202e55;
	color: #fff;
	font-size: 24px;
	border-radius: 0;
}

.birthday-info {
	background-color: #202e55;
	color: #fff;
}

.birthday-info .inner {
	width: 1280px;
	margin: 0 auto;
	padding: 60px 0 120px;
}

.birthday-info .sub-title {
	color: #fff;
}

.birthday-info .desc-list {
	color: #fff;
}

.birthday-info .desc-list li:before {
	background-color: #fff;
}

.theme-category {
	margin-top: 60px;
}

.theme-category-wrap {
	position: relative;
	padding-bottom: 60px;
}
/* 테마카테고리 2021-07-26 */
.theme-category.renew{margin-top:0;padding-bottom:60px;}
.theme-category.renew .theme-category-wrap{padding:90px 0 0;}
.theme-category.renew .theme-category-title{
	font-size:24px;
	color:#000;
	line-height:1;
	background:none;
	border-bottom:0;
}

.theme-category.renew .theme-category-title span{padding:0;}

.theme-category.renew .theme-category-title + [class*='product-list']{
	margin-top:20px;
}



.theme-category-title {
	line-height: 49px;
	font-size: 18px;
	color: #fff;
	border-bottom: 1px solid transparent;
	background: #2a715a;
	transition: all 500ms ease-in-out 0s;
}

.theme-category-title span {
	display: block;
	padding: 0 19px;
}

.theme-category-title img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 50px;
	vertical-align: top;
	transition: all 500ms ease-in-out 0s;
}
.theme-category-title + .product-wp .product-list {margin-top:20px;}

.theme-category-wrap [data-sticky] {
	position: relative;
	width: 1280px;
}

.theme-category-wrap [data-sticky] button.more {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	text-indent: -9999px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease-in-out 0s;
}

.theme-category-wrap [data-sticky] button.more:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 30px;
	margin: -15px 0 0 -15px;
	background: url(/cjom/web/images/common/spr_common.svg) no-repeat -180px
		0;
	background-size: 510px 210px;
}

.theme-category-wrap [data-sticky] .category-list {
	display: none;
	margin-top: -1px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}

.theme-category-wrap [data-sticky] .category-list li.active:after {
	display: none
}

.theme-category-wrap [data-sticky].is-open .category-list {
	display: block;
}

.theme-category-wrap [data-sticky].is-open button.more:after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.theme-category-wrap [data-sticky].is-fixed {
	top: 140px !important
}

.theme-category-wrap [data-sticky].is-fixed .theme-category-title {
	border-bottom-color: #aaa;
}

.theme-category-wrap [data-sticky].is-fixed .theme-category-title img {
	opacity: 0;
}

.theme-category-wrap [data-sticky].is-fixed button.more {
	opacity: 1;
	visibility: visible;
}

.theme-category.renew .theme-category-wrap [data-sticky].is-fixed button.more{
	display:none;
}


/* 이메일 카탈로그 보내기 */
.multi-mail-form .mail-field .input-email {
	width: 155px;
}

.multi-mail-form .mail-field .selectbox {
	width: 155px !important;
	margin-left: 9px;
}

.multi-mail-form .mail-field .at {
	margin: 0 3px;
}

.multi-mail-form .mail-field [class^='btn-'] {
	margin-left: 8px;
}

.search-mail {
	position: relative;
	padding-right: 127px;
}

.search-mail .input-text {
	width: 100%;
}

.search-mail .input-text input {
	width: 100%;
}

.search-mail .btn-white-sm {
	position: absolute;
	right: 5px;
	top: 0;
	width: 111px;
	padding: 0 15px;
}

.search-mail-result {
	font-size: 15px;
}

.search-mail-result .btn-sender {
	margin-left: 5px;
	font-weight: 500;
}

.search-mail-success {
	position: relative;
}

.search-mail-success span {
	vertical-align: top;
}

.search-mail-success span+span:before {
	content: '';
	display: inline-block;
	height: 14px;
	border-left: 1px solid #ddd;
	margin: 0 10px;
}

.search-mail-success .link-underline {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 500;
}

.select-field {
	margin-top: 15px;
	padding: 7px 15px 15px;
	border: 1px solid #ccc;
}

.select-field .select-list {
	margin-left: -8px;
}

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

.select-field .select-list li {
	position: relative;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 8px 0 0 8px;
	padding: 0 28px 0 10px;
	background-color: #f8f8f8;
	color: #555;
}

.select-field .select-list .btn-delete {
	position: absolute;
	right: 5px;
	top: 6px;
	width: 19px;
	height: 19px;
	background: url('/cjom/web/images/common/spr_common.png') -450px -30px
		no-repeat;
	text-indent: -9999px;
}

.desc-benefit {
	font-size: 16px;
	color: #767676;
} /* 2019-07-04 쿠폰혜택 문구수정 */

/* 2019-07-17 플레이쿡 서브메인 > 레시피 썸네일 비율 조졍 */
.recipe-list2 .product-item .thumb {
	overflow: hidden;
	padding-top: 100%;
}

.recipe-list2 .product-item .thumb:before {
	z-index: 2;
}

.recipe-list2 .product-item .thumb .btn-video {
	z-index: 2;
}

.recipe-list2 .product-item .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/* 2019-07-17 플레이쿡 서브메인 > 레시피 썸네일 비율 조졍 */

/* 2019-07-23 이메일 카탈로그 보내기 */
.catalog-preview {
	width: 100%;
	height: 600px;
}

/* 체험단 후기 */
.ex-review-list {
	border-top: 1px solid #ddd;
}

.ex-review-item {
	padding: 17px 30px 30px;
	border-bottom: 1px solid #ddd;
}

.ex-review-item .info {
	margin-top: 20px;
	overflow: hidden;
}

.ex-review-item .select-option-thumb {
	margin-top: 0;
}

.ex-review-item .select-option-thumb+.info {

}

.ex-review-item .info .left {
	float: left;
	font-size: 15px;
	color: #767676;
	overflow: hidden;
	line-height: 24px;
}

.ex-review-item .info .left .date {
	float: left;
	padding: 0 16px 0 0;
}

.ex-review-item .info .left .user {
	float: left;
	padding: 0 16px;
}

.ex-review-item .info .left .date+.user {
	position: relative;
}

.ex-review-item .info .left .date+.user:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
}

.ex-review-item .info .right {
	float: right;
	line-height: 24px;
	overflow: hidden;
}

.ex-review-item .info .right .btn-text {
	float: left;
	position: relative;
	display: inline-block;
	padding: 0 10px;
	font-size: 15px;
	color: #2a715a;
}

.ex-review-item .info .right .btn-text+.btn-text {
	margin-left: 11px;
}

.ex-review-item .info .right .btn-text+.btn-text:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
}

.ex-review-item .info .right .btn-text:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.ex-review-item .info .right .btn-modi {
	padding-right: 22px;
}

.ex-review-item .info .right .btn-modi:after {
	width: 15px;
	height: 13px;
	background: url(/cjom/web/images/common/icon-modi.png) no-repeat;
}

.ex-review-item .info .right .btn-del {
	padding-right: 18px;
}

.ex-review-item .info .right .btn-del:after {
	width: 11px;
	height: 11px;
	background: url(/cjom/web/images/common/icon-del.png) no-repeat;
}

.ex-review-item .txt-box .title {
	display: block;
	margin-top: 4px;
	font-size: 18px;
	color: #000;
	line-height: 28px;
	font-weight: 500;
}

.ex-review-item .txt-box .txt {
	display: block;
	font-size: 15px;
	color: #555;
	line-height: 22px;
	word-break: keep-all;
}

.ex-review-item .thumb-list {
	padding:15px 0;
	overflow: hidden;
}
/*
.ex-review-item .thumb-list li:nth-child(7n+1) {
	margin-left: 0;
}*/

.ex-review-item .thumb-list li:nth-child(n+8) {
	margin-top: 10px;
}

.ex-review-item .thumb-list li {
	float: left;
	width: 100px;
	height: 100px;
	margin-left: 10px;
	overflow: hidden;
}

.ex-review-item .thumb-list li a {
	position: relative;
	display: block;
	width:100px;height:100px;
	text-align: center;overflow:hidden;
}

.ex-review-item .thumb-list li img {
	position: absolute;display: block;top: 50%;left: 50%;min-width: 100%;min-height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
}
.modal-contents .ex-review-item {
	padding: 0;
	min-height: 400px;
}
#replyForm .ex-review-item  {min-height:auto;border-bottom:0;}
.modal-contents .ex-review-item .thumb-list li:nth-child(5n+1) {
	margin-left: 0;
}

.modal-contents .ex-review-item .thumb-list li:nth-child(n+6) {
	margin-top: 10px;
}

.ex-review-item .major-item {
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	display: table;
	min-height: 90px;
	box-sizing: border-box;
	padding: 16px 30px 15px 21px;
	white-space: nowrap;
}

.ex-review-item .major-item .thumb {
	display: table-cell;
	vertical-align: middle;
	width: 50px;
}

.ex-review-item .major-item .option-name {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 15px;
	color: #767676;
	white-space: normal;
}

/* 2019-08-08 셀렉트 변경 */
.select-health-group.health-trend-group {
	border: none;
}

.select-health-group .select-trend {
	float: left;
	width: 420px;
	height: 120px;
}

.select-health-group .select-trend .value {
	width: 100%;
	height: 100%;
	padding: 20px 38px;
	border: 1px solid #ddd;
	border-left: none;
	box-sizing: border-box;
	background-color: #fff;
	text-align-last: left;
	font-size: 24px;
	color: #000;
	font-weight: bold;
} /* 2019-07-10 outline 수정 */
.select-health-group .select-trend:first-child  .value {
	border-right: none;
	border-left: 1px solid #ddd;
}

.select-health-group .select-trend .value:after {
	position: absolute;
	right: 30px;
	top: 45px;
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	border: none;
	background: url('/cjom/web/images/common/spr_common.svg') -420px -120px
		no-repeat;
	background-size: 510px 210px;
}

.select-health-group .select-trend .value:before {
	position: absolute;
	left: 0;
	top: 30px;
	content: '';
	display: block;
	width: 1px;
	height: 60px;
	background-color: #ddd;
}

.select-health-group .select-trend:first-child .value:before {
	display: none;
}

.select-health-group .select-trend.active .value:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
} /* 2019-07-09 ie9 -ms- transform 추가 */
.select-health-group .select-trend.active  .value:before,
	.select-health-group .select-trend.active+.select-trend .value:before {
	top: 0;
	height: 100%;
}

.select-health-group .select-trend .value:focus, .select-health-group .select-trend.focus .value
	{
	outline: -webkit-focus-ring-color auto 1px;
}

.selectbox-list.select-trend {
	border: 1px solid #ddd;
	border-top: none;
	background-color: #fff;
}

.selectbox-list.select-trend li {
	display: block;
	min-height: 76px;
	padding: 20px 40px;
	box-sizing: border-box;
	font-size: 20px;
	color: #555;
}

.product-list .product-item .thumb-crop {
	position: relative;
	padding-top: 100%;
}

.product-list .product-item .thumb-crop>img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* 시스템점검 */
.tfloat-banner {
	padding: 30px 0;
	background-color: #145738;
}

.tfloat-banner .inner {
	width: 1280px;
	margin: 0 auto;
}

.tfloat-banner .msg {
	padding-left: 30px;
	height: 40px;
	line-height: 40px;
	font-size: 21px;
	letter-spacing: 2px;
	color: #fff;
	font-weight: bold;
	background: url(/cjom/web/images/icon/ico-system-notice.png) no-repeat 0
		6px;
}

.tfloat-banner .msg span {
	position: relative;
	padding-left: 10px;
}

.tfloat-banner .msg span:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	display: inline-block;
	width: 2px;
	height: 20px;
	background-color: #fff;
	content: '';
}

/* 20191113 추가 */
/* 생생리뷰 */
.page-title+.tab-list {
	margin-top: 40px;
}

.tab-list li {
	position: relative;
}

.tab-list li .icon_new {
	position: absolute;
	right: 267px;
	top: 16px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: #e72a50;
	text-align: center;
	color: #fff;
	font-style: normal;
	font-size: 10px;
	border-radius: 50%;
}

.prd-thumb-box {
	position: relative;
	border-top: 1px solid #ddd;
	padding: 10px 0 30px 100px;
	margin-top: 14px;
	box-sizing: border-box;
}

.prd-thumb-box .thumb {
	position: absolute;
	left: 0;
	top: 10px;
	width: 80px;
	height: 80px;
}

.prd-thumb-box .thumb:before {
	display: none;
}

.prd-thumb-box .prd-info-box {
	padding-top: 5px;
}

.prd-thumb-box .prd-info-box .tit {
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

.prd-thumb-box .prd-info-box .price {
	display: block;
	color: #333;
	font-size: 14px;
}

.prd-thumb-box .prd-info-box .price .num {
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.prd-thumb-box .prd-info-box .price-info {
	margin-top: 0;
	color: #333;
}

.prd-thumb-box .prd-info-box .price-info .price {
	display: inline-block;
}

.prd-thumb-box .prd-info-box .price-info .price strong {
	font-size: 18px;
}

.prd-thumb-box .prd-info-box .star-rating {
	margin-top: 4px;
}

.prd-thumb-box .prd-info-box .star-rating .score {
	color: #2a715a;
	font-size: 14px;
	font-weight: 700;
}

.prd-thumb-box.soldout .thumb:after {
	content: "일시품절";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	z-index: 2;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 80px;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.prd-thumb-box.soldout .thumb img {
	opacity: 0.3;
}

.ex-review-wrap {margin-top:60px;}
.ex-review-wrap .product-list2 .s-title {font-size:13px;}
.ex-review-wrap .product-list2 .product-title {font-size:13px;line-height:16px;max-height:35px;}
.ex-review-wrap .product-list2 .product-price-box {font-size:14px;line-height:20px;}
.ex-review-wrap .product-list2 .product-price-discount,
.ex-review-wrap .product-list2 .product-price-discount .price {font-size:14px;line-height:20px;}
.ex-review-wrap .product-list2 .product-price-box .product-price {font-size:12px;line-height:15px;}
.ex-review-wrap .title-bar-small, .best-review-wrap .title-bar-small {
	position: relative;
	height: auto;
	padding: 0 0 15px;
}

.ex-review-wrap .title-bar-small .sub-title, .best-review-wrap .title-bar-small .sub-title
	{
	font-size: 25px;
}

.ex-review-wrap .title-bar-small a {
	position: absolute;
	right: 3px;
	bottom: 10px;
	color: #767676;
	font-size: 16px;
	padding-right: 12px;
}

.ex-review-wrap .title-bar-small a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #767676;
	border-right: 1px solid #767676;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-radius: 0;
}

.ex-review-wrap .product-list-slider2 {
	padding: 20px 0 35px !important;
	border-top: 1px solid #000;
	overflow: hidden;
}

.ex-review-wrap .product-list-slider2 .slick-list {
	border-bottom: 1px solid #ddd;
}

.ex-review-wrap .product-list-slider2 .product-item {
	width: 408px !important;margin:0 15px !important;
}
.ex-review-wrap .product-list-slider2 .product-wp {margin-top:14px;padding:15px 0;border-top:1px solid #ddd;}
.ex-review-wrap .product-list-slider2 .product-wp .product-list2 .product-item {width:100%;margin:0 !important;}
.ex-review-wrap .product-list-slider2 .product-wp  .product-list-cont {width:328px;}
.ex-review-wrap .product-list-slider2 .product-item .img-box {
	position: relative;
	width: 408px;
	height: 180px;
}

.ex-review-wrap .product-list-slider2 .product-item .img-box .num {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 13px;
}

.ex-review-wrap .product-list-slider2 .product-item .title {
	font-size: 16px;
	margin: 18px 0 3px 0;
	white-space: nowrap;
}

.ex-review-wrap .product-list-slider2 .product-item .txt {
	display: -webkit-box;
	color: #555;
	white-space: normal;
	overflow: hidden;
	height: 70px;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ex-review-wrap .product-list-slider2 .writer-info {
	margin-top: 5px;
	color: #999;
}

.ex-review-wrap .product-list-slider2 .writer-info .date {
	color: #999;
}

.ex-review-wrap .product-list-slider2 .writer-info .date:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	margin: 0 10px 0 6px;
}

.ex-review-wrap .product-list-slider2 .slick-util-group {
	top: inherit;
	bottom: 0;
	right: 16px;
}

.best-review-wrap {
	margin-bottom: 60px;
}

.best-review-wrap .title-bar-small {
	margin-top: 30px;
}

.best-review-wrap .title-bar-small a {
	position: absolute;
	right: 3px;
	bottom: 10px;
	color: #000;
	font-size: 16px;
	padding-right: 12px;
}

.best-review-wrap .title-bar-small a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-radius: 0;
}

.best-review-wrap [class*='product-list'].best {
	padding-bottom: 0;
}

.best-review-wrap .product-item .product-list-cont a {display:block;}
.best-review-wrap .product-item .recomm-bx {font-size:12px;line-height:15px;margin-top:12px;color:#999;font-weight:bold;}
.best-review-wrap .star-rating2 {margin:16px 0 0 !important;}
.best-review-wrap .star-rating2 .score {vertical-align:top;margin-right:5px;font-size:20px;line-height:20px;color:#333;}
.best-review-wrap .star-rating2 .num {vertical-align:top;line-height:21px;font-size:14px;color:#555;}
.best-review-wrap .product-item .title {
	font-size: 15px;
}

.best-review-wrap .product-item .star-rating2 {
	display: block;
	margin: 6px 0;
}

.best-review-wrap .product-item .recomm-box {
	font-size: 13px;
	color: #000;
}

.best-review-wrap .product-item .recomm-box span:before,
.best-review-wrap .product-item .assm-box span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	vertical-align: middle;
	margin:-2px 6px 0 5px;
}

.best-review-wrap .product-item .recomm-box span:first-child:before,
	.best-review-wrap .product-item .assm-box span:first-child:before {
	display: none;
}

.best-review-wrap .product-item .recomm-box span em {
	color: #008c32;
}

.best-review-wrap .product-item .recomm-box span em i {
	font-style: normal;
}

.best-review-wrap .product-item .assm-box {
	margin:8px 0 6px;
	font-size:12px;
	color: #000;
}

.best-review-wrap .product-item .preview-box {
	position: relative;
	background: #fbfbfb;
	border: 1px solid #ddd;
	margin-top: 16px;
	box-sizing: border-box;
}

.best-review-wrap .product-item .preview-box:before {
	content: '';
	display: block;
	position: absolute;
	left: 46px;
	top: -10px;
	width: 11px;
	height: 10px;
	background: url('/cjom/web/images/common/bg_preview_review.png')
		no-repeat;
}

.best-review-wrap .product-item .preview-box a {
	display: block;
	padding: 15px;
}

.best-review-wrap .product-item .preview-box a:before {
	display: none;
}

.best-review-wrap .product-item .preview-box li .txt {font-size:14px;
	display: -webkit-box;
	color: #000;
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	box-sizing: border-box;
}

.best-review-wrap .product-item .preview-box li .writer-info {
	margin-top: 4px;
	color: #999;
	font-size: 11px;
}

.best-review-wrap .product-item .preview-box li .writer-info span:before
	{
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 6px 0 3px;
}

.best-review-wrap .product-item .preview-box li .writer-info span:first-child:before
	{
	display: none;
}

.best-review-wrap .product-item .preview-box li+li {
	margin-top: 12px;
}

.best-review-wrap .product-item .preview-box .btn-rvw-more {
	font-size: 13px;
	color: #008c32;
	margin-top: 6px;
}

.best-review-wrap .product-item .preview-box.no-comt {
	padding: 15px;
}

.best-review-wrap .product-item .preview-box.no-comt p {font-size:14px;line-height:20px;
	color: #999;
}

.best-review-wrap .product-wp > .product-list > li:nth-child(1),
.best-review-wrap .product-wp > .product-list > li:nth-child(2),
.best-review-wrap .product-wp > .product-list > li:nth-child(3),
.best-review-wrap .product-wp > .product-list > li:nth-child(4) {margin-top:0;}

/*----- Tobe 베스트랭킹 숫자강조 -----*/
.best-review-wrap .product-item .thumb:before {
	background: #fff;
}
/* .best-review-wrap .product-list .product-item {margin-top:60px;} */
/*----- //Tobe 베스트랭킹 숫자강조 -----*/

/* 신제품 체험단 리뷰 */
.select-rvw-box {
	border-top: 1px solid #aaa;
	background: #f8f8f8;
	padding: 30px 0;
	margin: 40px 0 60px;
	text-align: center;
}

.select-rvw-box .selectbox .value, .select-rvw-box .selectbox {
	width: 640px !important;
	height: 50px;
	margin: 0 auto;
}

.select-rvw-box+.title-bar-small {
	position: relative;
	border-bottom: 1px solid #aaa;
	padding: 0 0 20px;
}

.select-rvw-box+.title-bar-small .sub-title {
	font-size: 25px;
}

.select-rvw-box+.title-bar-small .chk-box {
	position: absolute;
	right: 0;
	bottom: 17px;
}

.rvw-list-wrap {
	margin-bottom: 60px;
}

.rvw-list-wrap li {
	border-bottom: 1px solid #ddd;
	padding: 40px 0;
}

.rvw-list-wrap .rvw-type01, .rvw-list-wrap .rvw-type02 {
	position: relative;
	height: 150px;
}

.rvw-list-wrap .rvw-type01 .img-box {
	position: absolute;
	left: 0;
	top: 40px;
	width: 150px;
	height: 150px;
}

.rvw-list-wrap .rvw-type01 .img-box img {
	height: 100%;
}

.rvw-list-wrap .rvw-type01 .img-box .num {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 13px;
}

.rvw-list-wrap .rvw-type01 .txt-box, .rvw-list-wrap .rvw-type02 .txt-box
	{
	margin-left: 170px;
}

.rvw-list-wrap .rvw-type01 .txt-box dt, .rvw-list-wrap .rvw-type02 .txt-box dt
	{
	font-size: 18px;
	color: #000;
}

.rvw-list-wrap .rvw-type01 .txt-box .user-id, .rvw-list-wrap .rvw-type02 .txt-box .user-id
	{
	font-size: 15px;
	color: #999;
	margin: 3px 0 15px;
}

.rvw-list-wrap .rvw-type01 .txt-box .txt, .rvw-list-wrap .rvw-type02 .txt-box .txt
	{
	display: -webkit-box;
	font-size: 15px;
	color: #555;
	padding-right: 11px;
	line-height: 23px;
	white-space: normal;
	overflow: hidden;
	max-height: 70px;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.rvw-list-wrap .rvw-type01 .date, .rvw-list-wrap .rvw-type02 .date {
	position: absolute;
	right: 11px;
	top: 42px;
	font-size: 15px;
	color: #999;
}

.rvw-list-wrap .rvw-type02 .txt-box {
	margin-left: 0;
}

.rvw-list-wrap .rvw-view-wrap {
	position: relative;
	padding: 40px 0;
}

.rvw-list-wrap .rvw-view-wrap .txt-box dt {
	font-size: 18px;
	color: #000;
}

.rvw-list-wrap .rvw-view-wrap .txt-box .user-id {
	font-size: 15px;
	color: #999;
	margin: 3px 0 15px;
}

.rvw-list-wrap .rvw-view-wrap .txt-box .txt {
	font-size: 15px;
	color: #555;
	padding-right: 11px;
}

.rvw-list-wrap .rvw-view-wrap .date {
	position: absolute;
	right: 11px;
	top: 42px;
	font-size: 15px;
	color: #999;
}

.rvw-list-wrap .rvw-view-wrap .img-box {
	margin-top: 30px;
}

.rvw-list-wrap .rvw-view-wrap .img-box img {
	display: block;
	margin-bottom: 10px;
}

.rvw-list-wrap .rvw-view-wrap .relate-prd-wrap {
	overflow: hidden;
	margin-top: 30px;
}

.rvw-list-wrap .rvw-view-wrap .relate-prd-wrap .prd-thumb-box {
	float: left;
	margin-left: 20px;
}

.rvw-list-wrap .rvw-view-wrap .relate-prd-wrap .prd-thumb-box:first-child
	{
	margin-left: 0;
}

.rvw-list-wrap .relate-prd-wrap .prd-thumb-box {
	position: relative;
	width: 413px;
	height: 120px;
	padding: 20px 0 20px 120px;
	background: #f8f8f8;
	border: 0;
	box-sizing: border-box;
}

.rvw-list-wrap .relate-prd-wrap .prd-thumb-box .thumb {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 80px;
	height: 80px;
}

.rvw-list-wrap .relate-prd-wrap .price-info .price {
	margin-right: 2px;
}

.rvw-list-wrap .relate-prd-wrap .price-info .num {
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

.rvw-list-wrap .relate-prd-wrap .price-info del {
	display: inline-block;
	margin-right: 1px;
	vertical-align: 2px;
	color: #767676;
	font-size: 12px;
}

.rvw-list-wrap .relate-prd-wrap .price-info .dis-rate {
	color: #e72a50;
	font-size: 12px;
	font-weight: 500;
	vertical-align: 2px;
}
/* 신제품 체험단 리뷰 팝업 */
#modal-wrap .ex-review .txt-box {
	margin-top: 30px;
}

#modal-wrap .ex-review .txt-box dt {
	font-size: 16px;
	color: #000;
	margin-bottom: 3px;
}

#modal-wrap .ex-review .txt-box .writer-info {
	margin-top: 5px;
	color: #999;
}

#modal-wrap .ex-review .txt-box .writer-info .date {
	color: #999;
}

#modal-wrap .ex-review .txt-box .writer-info .date:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	margin: 0 10px 0 6px;
}

#modal-wrap .ex-review .img-box {
	margin-top: 30px;
}

#modal-wrap .ex-review .img-box img+img {
	margin-top: 15px;
}

#modal-wrap .ex-review .relate-prd-wrap .prd-thumb-box {
	padding: 10px 0 20px 100px;
}

#modal-wrap .ex-review .relate-prd-wrap .product-item .btn-box .car-ab {
	top: 85px;
	padding-top: 0;
}

#modal-wrap .ex-review .relate-prd-wrap .product-item .btn-box .btn-cart
	{
	display: block;
	opacity: 1;
}

/* 타임세일 디데이 카운트다운 */
.timer {
	position: relative;
}

.timer .countdown {
	position: absolute;
	left: 175px;
	top: 376px;
	background: transparent;
	padding: 0;
}

.timer .countdown .day {
	display: none;
}

.timer .countdown .block-time {
	display: inline-block;
	margin-right: 30px;
	text-align: center;
}

.timer .countdown .block-time:last-child {
	margin-right: 0;
}

.timer .countdown .figure {
	position: relative;
	display: inline-block;
	height: 180px;
	width: 138px;
	margin-right: 10px;
	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);
}

.timer .countdown .figure:last-child {
	margin-right: 0;
}

.timer .countdown .figure>span {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 180px;
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 150px;
	color: #fff;
}

.timer .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: 2px 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%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	transform: perspective(200px);
}

.timer .countdown .figure .bottom {
	z-index: 1;
}

.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;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.timer .countdown .figure .bottom-back span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.timer .countdown .figure .top, .countdown .figure .top-back {
	height: 50%;
	overflow: hidden;
	backface-visibility: hidden;
}

.timer .countdown .figure:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 89px;
	background: rgba(0, 0, 0, .3);
	z-index: 10;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.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;
	transform: perspective(200px) rotateX(180deg);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.timer .countdown .figure .top-back span {
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	margin: auto;
}

/* 20200717_로그인화면 수정 */
.login-wrap [class^=input-].lg input {
	height: 60px;
	line-height: 58px;
	border-color: #ddd;
	font-size: 18px;
}

.login-wrap input::placeholder, .login-wrap input::-webkit-input-placeholder
	{
	font-size: 18px;
	font-weight: normal;
	color: #999 !important;
}

.login-wrap .page-title {
	color: #333;
}

.login-wrap .tab-list li.active a {
	font-weight: 700;
	color: #2a715a;
	border-bottom: 1px solid #fff !important;
	background: #fff;
}

.login-wrap .tab-list li a {
	color: #888;
	background: #f8f8f8;
	border-color: #f8f8f8;
	border-bottom-color: #2a715a;
}

.login-wrap .input-checkbox:after {
	border-color: #ddd;
}

.login-wrap .login-form {
	padding: 0;
}

.login-wrap .login-form .login .save-id {
	font-size: 16px;
	color: #767676;
}

.login-wrap .login-form .captcha {
	padding-top: 30px;
}

.login-wrap .login-form .captcha .txt {
	font-size: 18px;
	color: #333;
}

.login-wrap .login-form .captcha .captcha-img>[class^=btn-white2-sm] {
	width: 165px;
	font-size: 16px;
}

.login-wrap .login-form .captcha .captcha-img>[class^=btn-white2-sm] span
	{
	color: #333;
}

.login-wrap .login-form .btn-default-lg-login {
	margin-top: 31px;
	font-size: 19px;
}

.login-wrap .login-form .id-pw-find {
	padding-bottom: 38px;
}

.login-wrap .login-form .id-pw-find li+li {
	padding-left: 20px;
	margin-left: 20px;
}

.login-wrap .login-form .id-pw-find li+li:after {
	height: 10px;
	background: #ddd;
}

.login-wrap .login-form .id-pw-find li a {
	font-size: 16px;
	color: #767676;
}

.login-wrap .login-form .id-pw-find li:last-child a {
	color: #2a715a;
}

.login-wrap .login-form .id-pw-find.type-pad {
	padding-bottom: 60px;
}

.login-wrap .login-form .link-underline2 {
	margin-top: 16px;
}

.login-wrap .sns-login {
	padding: 0;
	text-align: center;
}

.login-wrap .sns-login:before {
	display: none;
}

.login-wrap .sns-login ul {
	margin: 0;
}

.login-wrap .sns-login ul li {
	float: inherit;
	width: auto;
	display: inline-block;
	margin-right: 32px;
	margin-top: 0;
}

.login-wrap .sns-login ul li:last-child {
	margin-right: 0;
}

.login-wrap .sns-login ul li i {
	display: block;
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}

.login-wrap .sns-login ul li .icon-kakao {
	background: url('/cjom/web/images/contents/login/icon_kakao.svg')
		no-repeat;
}

.login-wrap .sns-login ul li .icon-naver {
	background: url('/cjom/web/images/contents/login/icon_naver.svg')
		no-repeat;
}

.login-wrap .sns-login ul li .icon-facebook {
	background: url('/cjom/web/images/contents/login/icon_facebook.svg')
		no-repeat;
}

.login-wrap .sns-login ul li .icon-phone {
	background: url('/cjom/web/images/contents/login/icon_phone.svg')
		no-repeat;
}

.login-wrap .sns-login ul li a {
	text-align: center;
	font-size: 12px;
	color: #767676;
	line-height: 14px;
}

.login-wrap .sns-login ul li a i {
	margin-right: 0;
}

.login-wrap .banner-box {
	background: #f8f8f8;
	text-align: center;
	padding: 30px 0;
	margin: 38px 0;
}

.login-wrap .banner-box .tit {
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.login-wrap .banner-box .desc {
	font-size: 18px;
	color: #767676;
	margin-bottom: 10px;
}

.login-wrap .banner-box .btn-view {
	font-size: 15px;
	font-weight: 700;
	color: #2a715a;
	text-decoration: underline;
}

.login-wrap .link-underline2+.btn-default-lg-login {
	margin-top: 24px;
}

.login-wrap .login-form .id-pw-txt {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	color: #767676;
}

.login-wrap  #login1 .banner-box {
	margin: 38px 0 0;
	border-bottom: 30px solid #fff;
}

.modal-contents .login-wrap .prime-login {
	padding: 60px 0 0;
}
/* the프라임 로그인 (2020년) */
.login-wrap .prime-login {
	padding: 60px 0 40px;
}

.login-wrap .prime-login .prime-login-inner {
	text-align: center;
	padding: 25px 0;
	background-color: #f8f8f8;
}

.login-wrap .prime-login .txt01 {
	font-size: 14px;
	color: #767676;
}

.login-wrap .prime-login .txt02 {
	line-height: 22px;
	font-size: 17px;
	letter-spacing: -1px;
}

.login-wrap .prime-login .txt02 strong {
	color: #bc8145;
	font-weight: bold;
}

.login-wrap .prime-login .link {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 9px auto 0;
	padding-left: 20px;
	font-size: 13px;
	line-height: 16px;
	height: 18px;
	color: #333;
	font-weight: bold;
	letter-spacing: -1px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 0
		1px;
	background-size: 18px 16px;
}

.login-wrap .prime-login .link:after {
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 13px;
	margin: -2px 0 0 5px;
	background: url('/cjom/web/images/prime/ico_arr01.svg') no-repeat 0 0;
	background-size: 8px 13px;
	content: '';
}
/* the프라임 로그인(2021) */
.login-wrap .nprime-login {padding: 60px 0 40px;}
.login-wrap .nprime-login .prime-login-inner {text-align: center;padding-top:33px;height:141px;box-sizing: border-box;background: url('/cjom/web/images/prime/bg-nprime-login.png') no-repeat 0 0;background-size:auto 141px;}
.login-wrap .nprime-login .txt01 {font-size:17px;line-height:22px;color:#202020;}
.login-wrap .nprime-login .txt02 {margin-top:6px;line-height:20px;color:#202020;font-size:23px;font-weight:bold;}
.login-wrap .nprime-login .link {position: relative;display: inline-block;vertical-align: middle;margin:16px auto 0;font-size:14px;line-height:17px;color:#202020;letter-spacing:-1px;}
.login-wrap .nprime-login .link:after {display: inline-block;vertical-align: middle;width:7px;height:12px;margin: -2px 0 0 5px;background: url('/cjom/web/images/prime/ico_arr04.svg') no-repeat 0 0;
	background-size:7px 12px;content: '';}

.modal .modal-header.type-login {
	padding: 40px 0 30px;
}

.modal .modal-header.type-login .modal-title {
	font-size: 34px;
	color: #333;
	padding-left: 15px;
}

.modal .btn-modal-close.type-color {
	right: 24px;
	top: 24px;
	width: 30px;
	height: 30px;
}

.modal .btn-modal-close.type-color span {
	top: 0;
	background: none;
	font-size: 0;
	color: transparent;
	margin: 0;
}

.modal .btn-modal-close.type-color span:before, .modal .btn-modal-close.type-color span:after
	{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	background: #333;
}

.modal .btn-modal-close.type-color span:before {
	transform: rotate(45deg);
}

.modal .btn-modal-close.type-color span:after {
	transform: rotate(-45deg);
}

.modal .login-wrap .banner-box {
	margin: 38px 0 0;
}

/* 거래명세서 팝업 */
.pop-transaction {
	padding: 30px 40px;
	box-sizing: border-box;
}

.pop-transaction .modal-header {
	padding-bottom: 0;
}

.pop-transaction .modal-header .modal-title {
	color: #333 !important;
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
	font-size: 28px;
}

.pop-transaction .modal-contents .tit-type {
	font-size: 14px;
	color: #333;
	margin: 16px 0 6px;
}

.pop-transaction .modal-contents .tit-type:first-child {
	margin-top: 16px !important;
}

.pop-transaction .modal-contents .table-default th, .pop-transaction .modal-contents .table-default td
	{
	font-size: 14px;
	padding: 6px 10px;
	color: #333;
}

.pop-transaction .modal-contents .table-default th {
	text-align: center;
	font-weight: 700;
}

.pop-transaction .modal-contents .table-default thead th:first-child {
	border-left: 0;
}

.pop-transaction .modal-contents .table-default thead th span {
	font-weight: normal;
}

.pop-transaction .modal-contents .table-default td.ac {
	text-align: center;
}

.pop-transaction .modal-contents .table-default td.ar {
	text-align: right;
}

.pop-transaction .modal-contents .table-default tr.del-charge td:first-child
	{
	border-right: 0;
}

.pop-transaction .modal-contents .table-default td .num {
	font-size: 15px;
}

.pop-transaction .modal-contents .table-default.type-row tbody th,
	.pop-transaction .modal-contents .table-default.type-row tbody td {
	border-right: 0;
}

.pop-transaction .modal-contents .table-default.type-total {
	border-top: 1px solid #333;
	margin-top: 30px;
}

.pop-transaction .modal-contents .table-default.type-total td {
	font-size: 16px;
}

.pop-transaction .modal-contents .table-default.type-total td strong {
	font-size: 18px;
}

.pop-transaction .modal-contents .table-default.type-total .tt-price {
	color: #2a715a;
}

.pop-transaction .modal-contents .table-default.type-total .tt-price .desc
	{
	color: #767676;
	font-size: 14px;
}

.pop-transaction .modal-contents .table-default.type-total .tt-price .desc i
	{
	font-size: 15px;
	font-style: normal;
}

.pop-transaction .dot-list {
	margin: 20px 0 15px;
}

.pop-transaction .dot-list li {
	position: relative;
	font-size: 13px;
	color: #767676;
	padding-left: 10px;
}

.pop-transaction .dot-list li:before {
	position: absolute;
	left: 0;
	top: 9px;
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #767676;
}

.pop-transaction .btn-area button {
	min-width: 130px;
	height: 50px;
	line-height: 48px;
	padding: 0;
	text-align: center;
}

@media print {
	body {
		-webkit-print-color-adjust: exact !important;
	}
	.pop-transaction .modal-contents .table-default tbody th {
		background-color: #f8f8f8;
	}
}

/* 상품상세 기술서 영역 */
.product-detail .contents {
	width: 1280px;
}

.detail-info {
	width: 800px;
	margin-left: 80px;
	font-weight: 400;
}

.detail-info br {
	visibility: hidden;
	color: transparent;
}

.detail-info br.hidden{
	display:none;
}
.detail-info .brand-cont{
	padding-bottom:45px;
	margin-left:50px;
}
.detail-info .brand-cont .tit{
	display:table;
	padding-bottom:52px;
}
.detail-info .brand-cont .brand-logo{
	display:table-cell;
	vertical-align:middle;
	width:109px;
	height:127px;
}
.detail-info .brand-cont .txt{
	display:table-cell;
	padding:20px 0 0 41px;
	vertical-align:middle;
	font-size:28px;
	font-weight:normal;
	color: #333;
}
.detail-info .brand-cont .info-txt{
	padding-bottom:53px;
}
.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%;
	text-align:center;
}
.detail-info .brand-cont .info-txt li:last-child:before{
	position:absolute;
	top:-10px;
	left:0;
	display:inline-block;
	content:'';
	width:1px;
	height:162px;
	background:#e1e1e1;
}
.detail-info .brand-cont .info-txt li dt{
	color:#b83913;
	font-size:32px;
	font-weight:700;
}
.detail-info .brand-cont .info-txt li:last-child dt{
	color:#5b7927;
}

.detail-info .brand-cont .info-txt li dd{
	padding-top:18px;
	font-size:21px;
}
.detail-info .brand-cont .info-txt li .ico{
	display:inline-block;
	padding-right:17px;
	width:54px;
	height:54px;
	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:54px;
}

.detail-info .brand-cont .info-txt li .ico.minus{
	background:url('/cjom/design/detail/ico_minus.png') no-repeat 0 50%;
	background-size:54px;
}
.detail-info .brand-cont .desc{
	font-size:19px;
	color:#999;
}

.detail-info .img-ct-type {
	text-align: center;
}

.detail-info .tit-type01 {
	font-size: 54px;
	font-weight: 700;
	line-height: 70px;
	color: #333;
	margin: 35px 0px 40px 50px;
}

.detail-info .tit-type02 {
	font-size: 48px;
	font-weight: 700;
	color: #999;
	margin: 0 60px 40px 50px;
}

.detail-info .tit-type02.type-pad {
	padding-top: 30px;
	margin-bottom: 25px;
}

.detail-info .tit-type02.type-pad02{
	padding-top:15px;
}

.detail-info .tit-type02.type-mb {
	margin-bottom: 30px;
}

.detail-info .cont-type+.tit-type02 {
	padding-top: 65px;
}

.detail-info .tit-type03 {
	font-size: 30px;
	font-weight: 700;
	color: #333;
	margin: 30px 50px 0 50px;
	letter-spacing: -1px;
}

.detail-info .tit-type03.mr0 {
	margin-right: 0;
}

.detail-info .tit-type04 {
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
	color: #666;
}

.detail-info .tit-type05{
	padding-left:50px;
	font-size:22px;
}

.detail-info .txt-desc {
	font-size: 27px;
	color: #999;
	line-height: 53px;
	border-left: 5px solid #999;
	margin: 0 60px 0 50px;
	padding-left: 30px;
	text-decoration: underline;
	font-weight: 500;
}

.detail-info .txt-desc.mr0 {
	margin-right: 0;
}

.detail-info .txt-desc + .tit-type02{
	padding-top:115px;
}

.detail-info .txt-desc.type-line {
	text-decoration: none;
}

.detail-info .txt-desc.type-line p {
	text-decoration: underline;
	font-weight: 700;
}

.detail-info .txt-desc.type-line span {
	display: block;
	font-size: 17px;
	color: #999;
	line-height: 23px;
	font-weight: 400;
	margin-top: 4px;
}

.detail-info .txt-desc+.img-type01 {
	padding: 80px 0 120px 50px;
}

.detail-info .txt-type01 {
	font-size: 19px;
	line-height: 32px;
	color: #333;
	margin: 15px 40px 80px 50px;
}

.detail-info .txt-type01.fz_large{
	font-size:25px;
}

.detail-info .txt-type01.fz_large .txt-symbol{
	font-size:35px;
	top:8px;
}

.detail-info .txt-type01  em{
	display:block;
	padding-top:15px;
	color:#6d6d6d;
}

.detail-info .txt-type01.type-pad {
	margin: 20px 50px 80px;
}

.detail-info .txt-type01.type-pad span {
	margin-right: 20px;
}

.detail-info .txt-type02 {
	display: block;
	font-size: 17px;
	color: #999;
	margin-top: 10px;
	letter-spacing: -1px;
}

.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: 700;
}

.detail-info .txt-symbol{
	position: relative;
	font-size: 30px;
    padding: 0 1px;
    top: 8px;
	line-height:0;
	font-weight:normal;
}

.detail-info .tit-type01 .txt-symbol{
	font-size: 65px;
	top:10px;
}
.detail-info .tit-type03 .txt-symbol{
	font-size: 35px;
	top:2px;
}

.detail-info .txt-desc .ico-symbol{
	position: relative;
	top:15px;
	display:inline-block;
	padding:0 0 4px 3px;
	line-height:0;
	vertical-align:top;
	border-bottom:2px solid #999;
}
.detail-info .txt-desc .txt-symbol{
	display:none;
}

@media screen and (min-width:0\0) {

    .detail-info .txt-desc .ico-symbol{
		border-bottom:1px solid #999;
		top:17px;
	} /* backslash-9 removes ie11+ & old Safari 4 */
}


.detail-info .img-type {
	margin-left: 50px;
}

.detail-info .ct-box {
	text-align: center;
}

.detail-info .cont-type {
	margin: 0 40px 40px 50px;
}

.detail-info .cont-type .txt-area {
	min-height: 150px;
	padding-right: 210px;
	background-size: 160px auto !important;
}

.detail-info .cont-type .txt-area.sm{
	background-size: 140px auto !important;
}

.detail-info .cont-type .txt-area.h-auto{
	min-height:auto;
}

.detail-info .cont-type .txt-area.pdr0 {
	padding-right: 0 !important;
}

.detail-info .cont-type .txt-area.ico-type01 {
	background: url('/cjom/design/detail/07/200727_icon_01.png') no-repeat
		100% 10px;
}

.detail-info .cont-type .txt-area.ico-type02 {
	background: url('/cjom/design/detail/07/200727_icon_02.png') no-repeat
		100% 10px;
}

.detail-info .cont-type .txt-area.ico-type03 {
	background: url('/cjom/design/detail/08/200804_icon_01.jpg') no-repeat
		100% 40px;
}

.detail-info .cont-type .txt-area.ico-type04 {
	background: url('/cjom/design/detail/08/200804_icon_02.jpg') no-repeat
		100% 40px;
}

.detail-info .cont-type .txt-area.ico-type05 {
	background: url('/cjom/design/detail/08/200811_icon_01.jpg') no-repeat
		100% 10px;
}

.detail-info .cont-type .txt-area.ico-type06 {
	background: url('/cjom/design/detail/12/gourmet_icon_01_05.png')
		no-repeat 100% 0;
}

.detail-info .cont-type .txt-area.ico-type07 {
	background: url('/cjom/design/detail/12/gourmet_icon_01_06.png')
		no-repeat 100% 0
}

.detail-info .cont-type .txt-area.ico-type08 {
	background: url('/cjom/design/detail/cupbhan_icon_01.jpg')
		no-repeat 100% 0
}

.detail-info .cont-type .txt-area .tit {
	font-size: 30px;
	color: #333;
	font-weight: 700;
	margin: 0 0 5px;
}

.detail-info .cont-type .txt-area p {
	font-size: 19px;
	line-height: 28px;
	color: #333;
	margin-bottom: 30px;
}

.detail-info .cont-type .txt-area ul li {
	font-size: 19px;
	line-height: 32px;
	color: #333;
}

.detail-info .cont-type .txt-area ul.num-list {
	padding-bottom: 30px;
}

.detail-info .cont-type .txt-area ul.num-list li {
	text-indent: -18px;
	margin-left: 18px;
}

.detail-info .cont-type .txt-area.type02{
	overflow:hidden;
	padding-right:0;
	min-height:auto;
}
.detail-info .cont-type .txt-area.type02 .img{
	float:left;
	display:block;
	width:138px;
}

.detail-info .cont-type .txt-area.type02 .txt{
	float:left;
	padding-left:25px;
}

.detail-info .cont-type .txt-area.type02 .txt dt{
	font-size: 25px;
	font-weight: 700;
	color:#333;
}
.detail-info .cont-type .txt-area.type02 .txt dd{
	font-size:20px;
}

.detail-info .cont-type .tbl-wrap{overflow:hidden;margin:0 -15px;}
.detail-info .cont-type .tbl-wrap li{
	float:left;
	width:50%;
	padding:0 15px;
	box-sizing:border-box;
}

.detail-info .cont-type .tbl-wrap li.one{
	width:100%;
	padding-right:200px;
}

.detail-info .cont-type .tbl-wrap li strong{display:block;padding:0 0 10px 10px;font-size:21px;color:#222;}
.detail-info .cont-type .tbl-wrap li strong em{color: #9b9b9b;}
.detail-info .cont-type .tbl-wrap li table{
	width:100%;
}
.detail-info .cont-type .tbl-wrap li table td{
	height:36px;
}

.detail-info .cont-type table {
	width: 700px;
}

.detail-info .cont-type table th, .detail-info .cont-type table td {
	border: 1px solid #999;
	height: 36px;
	line-height:29px;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	text-align: center;
}

.detail-info .cont-type table td.agl{
	padding:2px 20px;
}

.detail-info .cont-type table th {
	background: #ececec;
	font-weight:700;
}

.detail-info .cont-type table th.agr {
	padding-right: 20px;
}

.detail-info .cont-type table tbody th {
	text-align: right;
	padding-right: 20px;
}


.detail-info .cont-type table tbody th.agc {
	padding-right: 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;
	font-size:18px;
}

.detail-info .cont-type table.tbl-type01 thead th{
	font-weight:400;
	font-size:18px;
}

.detail-info .cont-type table.tbl-type01 thead th:first-child{
	font-weight:700;
}

.detail-info .cont-type table.tbl-type01 td{
	padding:3px 0;
}

.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;
	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-type.type-pad .txt-area {
	padding-right: 190px;
}

.detail-info .cont-type02 {
	margin: 0 50px 110px;
}

.detail-info .cont-type02 .tit {
	margin-bottom: 15px;
}

.detail-info .cont-type02 .brand-logo, .detail-info .cont-type02 .tit>div
	{
	display: inline-block;
	vertical-align: middle;
}

.detail-info .cont-type02 .tit>div {

	margin-left: 16px;
	color: #333;
}

.detail-info .cont-type02 .tit>div em {
	font-size: 25px;
	line-height: 40px;
	font-weight: 400;
}

.detail-info .cont-type02 .tit>div strong {
	display: block;
	font-size: 40px;
	line-height: 42px;
	font-weight: 700;
}

.detail-info .cont-type02 .txt {
	font-size: 25px;
	line-height: 40px;
	color: #333;
}

.detail-info .cont-type02 .img {
	margin-top: 40px;
}

.detail-info  .ico-list-type01 {
	display: table;
	margin: 42px 0 80px 50px;
}

.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: middle;
	width: 75px;
	height: 74px;
}

.detail-info  .ico-list-type01 .ico img {
	width: 100%;
}

.detail-info  .ico-list-type01 dl {
	display: table-cell;
	padding-left: 28px;
	vertical-align: middle;
}

.detail-info  .ico-list-type01 dl dt {
	font-weight: 700;
	font-size: 19px;
	color: #333;
}

.detail-info  .ico-list-type01 dl dt.fc-gold{
	color:#af793f;
}

.detail-info  .ico-list-type01 dl dd {
	font-size: 19px;
	color: #333;
}

.detail-info .list-type {
	margin: 0 0 0 50px;
}

.detail-info .list-type li {
	display: inline-block;
	width: 157px;
	margin-right: 20px;
	text-align: center;
	vertical-align: top;
	margin-bottom: 40px;
}
.detail-info .list-type.big{
	margin-left:55px;
}
.detail-info .list-type.big li {
	width:250px;
	margin-bottom:105px;
}

.detail-info .list-type.big li .name {
	font-size:26px;
	line-height:39px;
}

.detail-info .list-type li .name {
	font-size: 19px;
	line-height: 24px;
	color: #333;
	margin-top: 6px;
}

.detail-info .list-type.m-type-col3 .name {
	font-size: 22px;
	line-height: 26px;
}

.detail-info .list-type02 {
	font-size: 19px;
	margin: 16px 50px 80px 50px;
}

.detail-info .list-type02 li {
	color: #333;
	line-height: 32px;
}

.detail-info .list-type02.dash li {
	text-indent: -12px;
	margin-left: 12px;
}

.detail-info .prd-info-box {
	margin: 80px 50px 100px;
}

.detail-info .prd-info-box dt {
	font-size: 32px;
	font-weight: 700;
	color: #333;
}

.detail-info .prd-info-box dd {
	font-size: 19px;
	line-height: 32px;
	color: #333;
	margin: 5px 0 80px;
}

.detail-info .tip-box {
	border: 1px solid #aaa;
	margin: 100px 50px 120px;
}

.detail-info .tip-box.list-type dd {
	text-indent: -10px;
	margin-left: 10px;
}

.detail-info .tip-box dt {
	font-size: 36px;
	font-weight: 700;
	color: #999;
	margin: -32px 0 0 20px;
}

.detail-info .tip-box dt span {
	background: #fff;
	padding: 0 12px;
}

.detail-info .tip-box.list-type dd:last-child {
	padding-bottom: 26px;
}

.detail-info .tip-box.list-type dd{
	padding-bottom:0;
}

.detail-info .tip-box dd {
	font-size: 19px;
	line-height: 32px;
	color: #333;
	padding: 8px 35px 26px;
}

.detail-info .tip-box dd ul li{
	text-indent:-10px;
	margin-left:10px;
}

.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: 100px;
}

.detail-info .tbl-nutrition {
	width: 450px;
	margin: 85px auto 110px;
}

.detail-info .tbl-nutrition thead th {
	font-weight: normal;
	padding: 10px 0;
}

.detail-info .tbl-nutrition thead div>span {
	display: inline-block;
}

.detail-info .tbl-nutrition thead div .tit {
	width: 25%;
	text-align: left;
}

.detail-info .tbl-nutrition thead div .txt {
	width: 73%;
	text-align: right;
}

.detail-info .tbl-nutrition thead tr.first div {
	padding: 0 20px;
}

.detail-info .tbl-nutrition thead tr.first th {
	background: #555;
	color: #fff;
}

.detail-info .tbl-nutrition thead tr.first .tit {
	font-size: 24px;
	padding-top: 3px;
}

.detail-info .tbl-nutrition thead tr.first .txt {
	font-size: 14px;
	vertical-align: top;
	line-height: 23px;
}

.detail-info .tbl-nutrition thead tr.first .txt em {
	font-size: 19px;
	font-style: normal;
}

.detail-info .tbl-nutrition thead tr.last div {
	padding: 0 20px;
}

.detail-info .tbl-nutrition thead tr.last th {
	color: #666;
	font-size: 16px;
}

.detail-info .tbl-nutrition thead tr.last .txt {
	font-size: 16px;
}

.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: 18px;
	color: #666;
	padding: 7px 20px;
	font-weight: 400;
}

.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: 40px;
}

.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 th {
	color: #666;
	font-size: 18px;
}

.detail-info .tbl-nutrition .type-health01 thead tr.last div {
	overflow: hidden;
}

.detail-info .tbl-nutrition .type-health01 thead tr.last div span {
	float: left;
	display: flex;
	height: 76px;
	font-size: 18px;
	padding: 7px 0;
	box-sizing: border-box;
}

.detail-info .tbl-nutrition .type-health01 thead tr.last .tit {
	align-items: center;
	justify-content: left;
	padding-left: 20px;
	letter-spacing: -2px;
}

.detail-info .tbl-nutrition .type-health01 thead tr.last .txt01 {
	width: 40%;
	text-align: right;
	padding-left: 30px;
}

.detail-info .tbl-nutrition .type-health01 thead tr.last .txt02 {
	width: 35%;
	background: #efefef;
	align-items: center;
	justify-content: center;
}

.detail-info .tbl-nutrition .type-health01 tbody td {
	padding: 7px 0;
}

.detail-info .tbl-nutrition .type-health01 tbody td:first-child,
	.detail-info .tbl-nutrition .type-health01 tbody td:nth-child(3) {
	padding-left: 20px;
}

.detail-info .tbl-nutrition .type-health01 tbody td:last-child {
	padding-right: 20px;
}

.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 td:nth-child(2) {
	text-align: right;
	padding-right: 14px;
}

.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: 18px;
}

.detail-info .tbl-nutrition .type-health02 thead tr.last th:first-child
	{
	text-align: left;
	padding-left: 20px;
}

.detail-info .tbl-nutrition .type-health02 thead tr.last th:last-child {
	text-align: right;
	padding-right: 20px;
}

.detail-info .tbl-nutrition .type-health02 tbody td:first-child {
	padding-right: 0;
}

.detail-info .tbl-nutrition .type-health02 tbody td.txt {
	text-align: left;
}

/*  홈파티 세트팩 */
.detail-info .setlist-wrap {
	margin: 105px 50px 120px 50px;
	border: 1px solid #ccc;
}

.detail-info .setlist-wrap .tit-type02 {
	display: inline-block;
	padding: 0 10px;
	margin: -27px 0 0 22px;
	font-size: 36px;
	background: #fff;
}

.detail-info .setlist-wrap .setlist {
	overflow: hidden;
	padding: 20px 15px 0 30px;
}

.detail-info .setlist-wrap .setlist li {
	float: left;
	margin-bottom: 20px;
	width: 50%;
}

.detail-info .setlist-wrap .setlist li span {
	display: inline-block;
}

.detail-info .setlist-wrap .setlist li .thumb {
	width: 90px;
	margin-right: 15px;
	text-align: center;
	vertical-align: middle;
}

.detail-info .setlist-wrap .setlist li .txt {
	font-size: 19px;
	vertical-align: middle;
}

/* 금지어 */
.my_wrap .input_order dl.one_dep dd .forbidden-word {
	margin-top: 24px;
}

.forbidden-word {
	padding: 15px 25px 15px 20px;
	border: solid 1px #ccc;
	background-color: #f8f8f8;
}

.forbidden-word .forbidden-word-tit {
	position: relative;
	padding-left: 16px;
	color: #101010;
	font-size: 15px;
	font-weight: bold;
}

.forbidden-word .forbidden-word-tit:after {
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	width: 10px;
	height: 10px;
	background-color: #f72a66;
	border-radius: 30px;
	content: '';
}

.forbidden-word .forbidden-word-desc {
	margin-top: 10px;
	font-size: 15px;
	color: #767676;
}

.forbidden-word .forbidden-word-desc .emp {
	color: #f72a66;
}

/* 마이페이지(메인) */
.section-wp {position:relative;}
.section-wp .section-wp-tit {padding-left:5px;border-bottom: 1px solid #d9d9d9;
	height: 50px;
	font-size: 24px;
	line-height: 48px;
	font-weight: bold;
	color: #333;
}
.section-wp .section-wp-tit .desc {color:#999;margin-left:6px;font-weight: normal;font-size:16px;}
.section-wp .section-wp-tit .bttn {margin: 0 0 0 10px;position:relative;top: -3px;
	display: inline-block;
	font-size: 15px;
	line-height: 19px;
	padding: 7px 12px;
	color: #fff;
	background-color: #2a715a;
	border-radius: 2px;
}
.section-wp>.link-more {
	position: absolute;
	right: 5px;
	top: 15px;
	color: #666;
	font-size: 16px;
}
.m_mypage_user {
	width: 100%;
	height: 198px;
	margin-top: 70px;
	padding: 30px 44px 0;
	background-color: #2a715a;
	box-sizing: border-box;
}
.cont-mypage-new .m_mypage_user {background-color:#0c8050;}

.m_mypage_user .my-info .name {
	display: inline-block;
	font-size: 36px;line-height:50px;
	font-weight: bold;
	color: #fff;
}

.m_mypage_user .my-info .grade {
	display: inline-block;
	color: #fff;
	font-size: 17px;
	margin-left: 14px;
	line-height: 20px;
}

.m_mypage_user .my-info .grade .prime {
	color: #d8b284;
	font-weight: bold;
	padding-left: 22px;
	background: url('/cjom/web/images/mypage/ico_grade_prime.svg') no-repeat
		0 6px;
	background-size: 18px 15px;
}
.cont-mypage-new .m_mypage_user .my-info .grade .prime  {color:#d4a14c;background: url('/cjom/web/images/prime/ico_grade_prime.svg') no-repeat 0 6px;background-size:18px 15px;}
.m_mypage_user .my-info-det {margin-top: 10px;}
.m_mypage_user .my-info-det:after {
	content: "";
	clear: both;
	display: block;
}

.m_mypage_user .my-info-det .tit {
	display: block;
	color: #fff;line-height:18px;
	font-size: 17px;height:40px;
}
.m_mypage_user .my-info-det .tit .s-tit {display:block;font-size:13px;padding-top:3px;}
.m_mypage_user .my-info-det .txt {
	display: block;
	color: #fceed2;
	font-size: 30px;
	line-height: 32px;
	font-family: Roboto;
	letter-spacing: 0;
}

.m_mypage_user .my-info-det li {
	float: left;
	height: 75px;
	cursor: pointer;
	border-right: 1px solid #538c7a;
	padding:1px 15px 0;
	box-sizing: border-box;
}

.m_mypage_user .my-info-det li:first-child {
	padding:1px 15px 0 0;
}
.m_mypage_user .my-info-det li:last-child {
	border-right: 0;
}
.m_mypage_user .my-info-det[data-column="2"] li {
	width: 50%;
}

.m_mypage_user .my-info-det[data-column="3"] li:nth-child(1) {
	width: 337px;
}

.m_mypage_user .my-info-det[data-column="3"] li:nth-child(2) {
	width: 322px;
}

.m_mypage_user .my-info-det[data-column="3"] li:nth-child(3) {
	width: auto;
}

.m_mypage_user .my-info-det[data-column="4"] li:nth-child(1) {
	width: 272px;
}

.m_mypage_user .my-info-det[data-column="4"] li:nth-child(2) {
	width: 218px;
}

.m_mypage_user .my-info-det[data-column="4"] li:nth-child(3) {
	width: 238px;
}

.m_mypage_user .my-info-det[data-column="4"] li:nth-child(4) {
	width: auto;
}

.m_mypage_user .tooltip-pointdown {
	position: relative;
}

.m_mypage_user .tooltip-pointdown .btn-pointdown {
	display: inline-block;
	vertical-align: top;
	margin: 3px 0 0 2px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	background: url('/cjom/web/images/mypage/btn_point_down.svg') no-repeat
		0 0;
	background-size: 27px;
}

.m_mypage_user .tooltip-pointdown .tooltip-cont {
	cursor: default;
	display: block;
	position: absolute;
	left: 98%;
	top: 38px;
	min-width: 107px;
	height: 25px;
	box-sizing: border-box;
	letter-spacing: -1px;
	padding: 0 15px;
	margin-left: -68px;
	line-height: 26px;
	color: #333;
	font-size: 13px;
	border-radius: 14px;
	background-color: #fff;
}

.m_mypage_user .tooltip-pointdown.active:after {
	position: absolute;
	left: 51%;
	top: 33px;
	width: 8px;
	height: 5px;
	margin-left: -3px;
	display: block;
	background: url('/cjom/web/images/mypage/ico_tooltip-point.png')
		no-repeat 0 0;
	background-size: 6px 5px;
	content: '';
}

.m_mypage_user .tooltip-pointdown .btn-tooltip-close {
	display: inline-block;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	margin: -3px 0 0 3px;
	text-indent: -9999px;
	background: url('/cjom/web/images/mypage/btn_close01.svg') no-repeat 0 0;
	background-size: 11px;
}

.m_mypage_primejoin {
	overflow: hidden;
	margin-top: 20px;
	padding: 20px 40px;
	height: 60px;
	background-color: #f6f6f6;
	box-sizing: border-box;
}
.cont-mypage-new .m_mypage_primejoin {margin-top:0;height:54px;padding:16px 40px 0 40px;box-sizing:border-box;background: url('/cjom/web/images/prime/bg_mypage_primejoin.png') no-repeat 0 0;background-size:auto 54px;}
.m_mypage_primejoin span {
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 20px;
	letter-spacing: -1px;
}
.m_mypage_primejoin span strong {
	padding-left: 25px;
	color: #bc8145;
	background: url('/cjom/web/images/mypage/ico_grade_prime.svg') no-repeat
		0 5px;
	background-size: 20px 16px;
}
.cont-mypage-new .m_mypage_primejoin span {color:#202020;isplay:block;padding-left:38px;min-height:24px;line-height:22px;background: url('/cjom/web/images/prime/ico_grade_nprime.png') no-repeat 0 0;background-size:28px 24px;}
.cont-mypage-new .m_mypage_primejoin span strong {padding-left:0;color:#202020;background:none;}
.m_mypage_primejoin a {
	float: right;
	border-bottom: 1px solid #2a715a;
	color: #2a715a;
	font-size: 15px;
	margin-top: -2px;
	letter-spacing: -1px;
}
.cont-mypage-new .m_mypage_primejoin a {margin-top:2px;color:#202020;border-bottom: 1px solid #202020;line-height:20px; }
.cont-mypage .invite-box {
	overflow: hidden;
	margin-top: 20px;
	padding: 0 40px;
	height: 60px;
	line-height: 60px;
	background: #e0ede9;
}

.cont-mypage .invite-box p {
	float: left;
	font-size: 16px;
}

.cont-mypage .invite-box p strong {
	color: #256551;
}

.cont-mypage .invite-box a {
	float: right;
	font-size: 15px;
	color: #2a715a;
	text-decoration: underline;
}
.ordercancle .btn-area + .btn-area {margin-top:20px;}
.ordercancle .btn-area + .btn-area button {margin:0 auto;width:364px;}
.ordercancle .info-box {padding:24px;}
/* 주문배송조회 */
.deliver-state {
	padding-bottom: 20px;
}

.deliver-state:after {
	content: "";
	clear: both;
	display: block;
}

.deliver-state .de-steplist {
	float: left;
	padding: 20px 0 0 46px;
}

.deliver-state .de-steplist li {
	position: relative;
	float: left;
	margin-right: 71px;
	text-align: center;
}

.deliver-state .de-steplist li:last-child {
	margin-right: 0;
}

.deliver-state .de-steplist li:before {
	position: absolute;
	right: -42px;
	top: 24px;
	display: block;
	width: 14px;
	height: 23px;
	content: '';
	background: url('/cjom/web/images/mypage/ico_step.svg') no-repeat 0 0;
}

.deliver-state .de-steplist li:last-child:before {
	margin-right: 0;
	width: 0;
}

.deliver-state .de-steplist li .num {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 68px;
	height: 68px;
	line-height: 68px;
	font-size: 33px;
	color: #999;
	border: 1px solid #f7f7f7;
	font-family: Roboto;
	background-color: #f7f7f7;
	border-radius: 100%;
}

.deliver-state .de-steplist li.active .num {
	color: #1ba774;
	border: 1px solid #1ba774;
	background-color: #eff9f5;
}

.deliver-state .de-steplist li .txt {
	display: block;
	margin-top: 4px;
	color: #666;
	font-size: 16px;
}

.deliver-state .de-steplist li.active .txt {
	color: #1ba774;
	font-weight: bold;
}

.deliver-state .de-cancellist {
	display: table;
	float: right;
	padding-top: 40px;
}

.deliver-state .de-cancellist li {
	display: table-cell;
	width: 90px;
	height: 68px;
	border-right: 1px solid #ededed;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}

.deliver-state .de-cancellist li a {
	display: block;
}

.deliver-state .de-cancellist li:last-child {
	border-right: 0;
}

.deliver-state .de-cancellist li .txt {
	display: block;
	font-size: 17px;
	color: #333;
}

.deliver-state .de-cancellist li .num {
	display: block;
	font-size: 28px;
	color: #aaa;
	font-family: Roboto;
}

.deliver-state .de-cancellist li.active .num {
	color:#1ba774;
}
/* 정기배송상품 */
.regular-prolist li {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #f2f2f2;
}

.regular-prolist li:after {
	content: "";
	clear: both;
	display: block;
}

.regular-prolist li .column {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #333;
	font-size: 16px;
}

.regular-prolist li .col-title {
	width: 400px;
	padding: 0 30px;
	text-align: left;
}

.regular-prolist li .column .title-box {
	display: table;
	width: 100%;
}

.regular-prolist li .column .title-box .thumb {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
	height: 90px;
}

.regular-prolist li .column .title-box .thumb img {
	width: 90px;
	height: 90px;
}

.regular-prolist li .column .title-box .title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}

.regular-prolist li .col-day {
	color: #2a715a;
}

.regular-prolist li .col-cnt {
	width: 160px;
	text-align: right;
}

.regular-prolist li .col-bttn {
	width: 110px;
}

.regular-prolist li .col-bttn a {
	color: #2a715a;
	text-decoration: underline;
}

.regular-prolist li .col-price {
	text-align: right;
	width: 140px;
	padding-right: 10px;
}
/* 1:1문의내역 */
.table-faq {
	position: relative;
	font-size: 16px;
	border-bottom: 1px solid #f4f4f4;
}

.table-faq table {
	table-layout: fixed;
}

.table-faq tbody td {
	padding: 15px;
	text-align: center;
	color: #333;
	border-top: 1px solid #f4f4f4;
}

.table-faq tbody tr:first-child th, .table-faq tbody tr:first-child td {
	border-top: 0;
}

.table-faq tbody td.alignL {
	text-align: left;
}

.table-faq tbody td.date {
	color: #999;
}

/* 기획전 대카테고리 */
.exhibit-wrap {
	margin-bottom: -40px;
}

.exhibit-wrap .page-title {
	margin-top: 0;
}

.exhibit-wrap .event-menu {
	height: 53px;
}

.exhibit-wrap .event-menu ul {
	height: 53px;
	line-height: 53px;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	background: #f7f7f7;
	margin-top: 18px;
	text-align: center;
}

.exhibit-wrap .event-menu.fixed ul {
	position: fixed;
	top: 128px;
	left: 50%;
	width: 1280px;
	margin-left: -640px;
	border-top: 0;
	z-index: 10;
}

.exhibit-wrap .event-menu ul li {
	display: inline-block;
	margin-left: 66px;
}

.exhibit-wrap .event-menu ul li:first-child {
	margin-left: 0;
}

.exhibit-wrap .event-menu ul li a {
	font-size: 17px;
	color: #222;
	font-weight: 500;
}

.exhibit-wrap .event-menu.fixed ul li a {
	opacity: .8;
}

.exhibit-wrap .event-menu.fixed ul li.on a {
	opacity: 1;
	font-weight: 700;
}

.exhibit-wrap .visual {
	height: 451px;
	overflow: hidden;
}

.exhibit-wrap .visual .slider .slick-util-group {
	left: 50%;
	bottom: 0;
	max-width: 1280px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.exhibit-wrap .visual .slider .slick-arrow {
	position: absolute;
	top: -268px;
	width: 60px;
	height: 80px;
	text-indent: -99999px;
	background: url("/cjom/web/images/main/ico-main-visual_arr.png")
		no-repeat 0 0;
	background-size: 120px 160px;
}

.exhibit-wrap .visual .slider .slick-prev {
	left: 0;
	background-position-x: 0;
}

.exhibit-wrap .visual .slider .slick-next {
	right: 0;
	background-position-x: 100%;
}

.exhibit-wrap .visual .slider .slick-prev:focus, .exhibit-wrap .visual .slider .slick-prev:hover
	{
	background-position: 0 -80px;
}

.exhibit-wrap .visual .slider .slick-next:focus, .exhibit-wrap .visual .slider .slick-next:hover
	{
	background-position: -60px -80px;
}

.exhibit-wrap .visual .slider .slick-count {
	position: absolute;
	right: 24px;
	bottom: 13px;
	color: #000;
	font-family: Roboto;
	letter-spacing: -0.5px;
	font-size: 14px;
	font-weight: normal;
}

.exhibit-wrap .visual .slider .slick-count strong {
	font-weight: bold;
}

.exhibit-wrap .visual .slider .slick-count  em {
	margin: 0 3px 0 5px;
}

.exhibit-wrap .content-box {
	border-top: 0;
}

.theme-category-title.type-color {
	font-size: 26px;
	line-height: 28px;
	color: #111;
	font-weight: 700;
	padding: 20px 0 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.theme-category-title.type-color span {
	padding: 0;
}

.theme-category-title.type-color+[class*='product-list'] {
	margin-top: 30px !important;
}

/* 나의프라임 */
.myprime-info {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border: 1px solid #eaeaea;
	border-left: 0;
	border-top: 0;
	box-sizing: border-box;
}

.myprime-info:after {
	content: "";
	clear: both;
	display: block;
}

.myprime-info:before {
	position: absolute;
	left: 100%;
	top: 0;
	width: 1px;
	height: 100%;
	display: block;
	background-color: #eaeaea;
	content: '';
}

.myprime-info li {
	width: 100%;
	border-left: 1px solid #eaeaea;
	padding: 17px 0;
	box-sizing: border-box;
	text-align: center;
}

.myprime-info li .txt {
	text-align: center;
	font-size: 19px;
	color: #333;
}

.myprime-info li .txt .cnt {
	margin-left: 10px;
	color: #2a715a;
}

.myprime-info li dl {
	margin-bottom: 6px;
	padding: 0 40px;
	font-size: 16px;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

.myprime-info li dl.sec1 dt {
	float: left;
	color: #666;
}

.myprime-info li dl.sec1 dd {
	float: right;
	text-align: right;
	color: #333;
}

.myprime-info li dl.sec2 dt {
	float: left;
	color: #666;
	line-height: 25px;
	font-weight: bold;
}

.myprime-info li dl.sec2 dd {
	float: right;
	text-align: right;
	color: #333;
	font-size: 20px;
	line-height: 25px;
}

.myprime-info li .refer {
	padding: 0 40px;
	color: #2a715a;
	font-size: 15px;
	font-weight: bold;
}

.myprime-info+.coupon-banner {
	margin-top: 5px;
}

.myprime-benefit {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.myprime-benefit li {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-left: 0;
	border-top: 0;
	padding: 20px 30px; box-sizing : border-box;
	text-align: center;
	box-sizing: border-box;
}

.myprime-benefit li:first-child {
	border-left: 1px solid #d9d9d9;
}

.myprime-benefit li dl {
	display: table;
	width: 100%;
	line-height: 24px;
}

.myprime-benefit li.total {
	background-color: #fafafa;
}

.myprime-benefit li dl dt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 19px;
	color: #333;
}

.myprime-benefit li dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 19px;
	color: #2a715a;
}

.myprime-benefit li.nodate {
	line-height: 25px;
	color: #000;
	font-size: 16px;
	text-align: center;
	background-color: #fafafa;
}

/* the프라임 - 개선 */
.theprime .prime-noti .prime-noti-tit {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.theprime .prime-noti ul li {
	position: relative;
	padding-left: 10px;
	color: #333;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 17px;
}

.theprime .prime-noti ul li:last-child {
	margin-bottom: 0;
}

.theprime .prime-noti ul li:before {
	position: absolute;
	left: 0;
	top: 7px;
	display: block;
	width: 3px;
	height: 3px;
	background-color: #767676;
	content: '';
}

/* the프라임 가입 */
.theprime-coupon-expire {
	padding: 30px 0;
	text-align: center;
	letter-spacin: -1px;
	background-color: #f8f8f8;
}

.theprime-coupon-expire .txt01 {
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	color: #bc8145;
}

.theprime-coupon-expire .txt02 {
	margin-top: 5px;
	font-size: 14px;
	line-height: 17px;
	color: #333;
}
/* the프라임 듀얼운영(이전) */
.theprime-intro {
	background-color: #fff;
}

.theprime-intro .theprime-introTop {
	height: 544px;
	text-align: center;
	box-sizing: border-box;
	background: #29524e url('/cjom/web/images/prime/bg_theprime_visual.jpg')
		no-repeat 50% 0;
	background-size: auto 544px;
}

.theprime-intro .theprime-introTop h2 {
	padding-top: 220px;
	color: #d8b284;
	font-size: 72px;
	line-height: 87px;
	letter-spacing: -3px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat
		50% 67px;
	background-size: 160px 140px;
}

.theprime-intro .theprime-introTop h2 span {
	display: block;
	font-size: 35px;
	line-height: 43px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: -4px;
}

.theprime-intro .theprime-introTop h2 strong {
	color: #fff;
}

.theprime-intro .theprime-introTop .txt01 {
	font-size: 48px;
	color: #fff;
}

.theprime-intro .theprime-introTop .txt02 {
	margin-top: 13px;
	line-height: 20px;
	font-size: 24px;
	color: #fff;
	opacity: 0.5;
	letter-spacing: -1px;
}

.theprime-expire {
	position: relative;
	padding: 24px 0 30px;
	letter-spacing: -1px;
	background-color: #fff;
}

.coupon-wrap .theprime-expire {
	background-color: #f8f8f8;
}

.theprime-expire .txt01 {
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #bc8145;
	font-weight: bold;
}

.theprime-expire .txt02 {
	margin-top: 7px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #333;
}

.theprime-intro .theprime-introBenefit {
	padding: 73px 0 0;
	height: 375px;
	background-color: #fcf9f2;
	box-sizing: border-box;
}

.theprime-intro .theprime-introBenefit h3 {
	text-align: center;
	line-height: 32px;
	color: #234a46;
	font-weight: normal;
	font-size: 40px;
	letter-spacing: -2px;
}

.theprime-intro .theprime-introBenefit h3 strong {
	margin-left: 7px;
	font-size: 40px;
	font-weight: bold;
}

.theprime-intro .theprime-introBenefit .benefit-list {
	display: flex;
	justify-content: space-between;
	padding: 23px 0 60px;
	width: 1224px;
	margin: 0 auto;
}

.theprime-intro .theprime-introBenefit .benefit-list li {
	padding: 30px 0 0;
	box-sizing: border-box;
}

.theprime-intro .theprime-introBenefit .benefit-list li .icon {
	position: relative;
	display: block;
	margin: 0 auto;
	height: 62px;
	background-color: #faf4e6;
}

.theprime-intro .theprime-introBenefit .benefit-list li:nth-child(1) .icon
	{
	background: url('/cjom/web/images/prime/ico_in_benefit03.svg') no-repeat
		50% 9px;
}

.theprime-intro .theprime-introBenefit .benefit-list li:nth-child(2) .icon
	{
	background: url('/cjom/web/images/prime/ico_in_benefit02.svg') no-repeat
		50% 0;
}

.theprime-intro .theprime-introBenefit .benefit-list li:nth-child(3) .icon
	{
	background: url('/cjom/web/images/prime/ico_in_benefit01.svg') no-repeat
		50% 8px;
}

.theprime-intro .theprime-introBenefit .benefit-list li:nth-child(4) .icon
	{
	background: url('/cjom/web/images/prime/ico_in_benefit04.svg') no-repeat
		50% 7px;
}

.theprime-intro .theprime-introBenefit .benefit-list li:nth-child(5) .icon
	{
	background: url('/cjom/web/images/prime/ico_in_benefit05.svg') no-repeat
		50% 8px;
}

.theprime-intro .theprime-introBenefit .benefit-list li:nth-child(6) .icon
	{
	background: url('/cjom/web/images/prime/ico_in_benefit06.svg') no-repeat
		50% 0;
}

.theprime-intro .theprime-introBenefit .benefit-list li .tbox {
	position: absolute;
	top: 125px;
	left: 50%;
	transform: translateX(-50%);
	width: 115px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 22px;
	line-height: 45px;
	height: 45px;
	background-color: #c89f73;
	border-radius: 21.6px;
	letter-spacing: -1px;
}

.theprime-intro .theprime-introBenefit .benefit-list li .tit {
	display: block;
	margin-top: 7px;
	color: #2e5754;
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	letter-spacing: -1px;
}

.theprime-intro .theprime-introBenefit .benefit-list li .txt {
	display: block;
	color: #234a46;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	letter-spacing: -1px;
}

.theprime-intro .theprime-introBenefitDe-wp {
	overflow: hidden;
	padding: 62px 0 0;
}

.theprime-intro .theprime-introBenefitDe {
	width: 599px;
	float: left;
}

.theprime-intro .theprime-introBenefitDe:last-child:before {
	display: block;
	float: left;
	width: 1px;
	margin-top: 7px;
	height: 480px;
	background-color: #ddd;
	content: '';
}

.theprime-intro .theprime-introBenefitDe h3 {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #bc8145;
	letter-spacing: -1px;
}

.theprime-intro .theprime-introBenefitDe .txt {
	margin-top: 23px;
	text-align: center;
	line-height: 42px;
	font-size: 30px;
	color: #333;
}

.theprime-intro .theprime-introBenefitDe .txt strong {
	font-weight: bold;
}

.theprime-intro .theprime-introBenefitDe .thumb {
	margin-top: 70px;
	height: 290px;
	text-align: center;
}

.theprime-intro .theprime-introBenefitDe:last-child .thumb {
	margin-top: 50px;
	height: 310px;
}

.theprime-intro .theprime-introBenefitDe .prime-noti {
	width: 599px;
	height: 226px;
	padding: 29px 40px 0 44px;
	background-color: #f8f8f8;
}

.theprime-intro .theprime-introBenefitDe .prime-noti ul {
	padding: 14px 0 0 2px;
}

.theprime-intro .theprime-introBenefitDe:last-child .prime-noti {
	border-left: 1px solid #fff;
	content: '';
}

.theprime-intro .theprime-introMember h3 {
	padding: 58px 0 32px;
	text-align: center;
	font-size: 40px;
	letter-spacing: -2px;
	font-weight: bold;
	color: #bc8145;
}

.theprime-intro .theprime-introMember ul {
	overflow: hidden;
	width: 1224px;
}

.theprime-intro .theprime-introMember ul li {
	position: relative;
	float: left;
	width: 380px;
	height: 470px;
	margin: 0 14px;
	padding-top: 40px;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 5px;
}

.theprime-intro .theprime-introMember ul li .thumb {
	width: 164px;
	height: 164px;
	margin: 0 auto 40px;
	background-color: #faf4e6;
	border-radius: 100%;
}

.theprime-intro .theprime-introMember ul li:nth-child(1) .thumb {
	background: #faf4e6 url('/cjom/web/images/prime/ico_in_benefit_m01.png')
		no-repeat 50%;
}

.theprime-intro .theprime-introMember ul li:nth-child(2) .thumb {
	background: #faf4e6 url('/cjom/web/images/prime/ico_in_benefit_m02.png')
		no-repeat 50%;
}

.theprime-intro .theprime-introMember ul li:nth-child(3) .thumb {
	background: #faf4e6 url('/cjom/web/images/prime/ico_in_benefit_m03.png')
		no-repeat 60% 50%;
}

.theprime-intro .theprime-introMember ul li .tbox {
	position: absolute;
	top: 172px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	color: #fff;
	width: 136px;
	font-size: 22px;
	line-height: 45px;
	height: 45px;
	background-color: #c89f73;
	border-radius: 21.6px;
	letter-spacing: -1px;
}

.theprime-intro .theprime-introMember ul li .tit {
	display: block;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
	line-height: 36px;
}

.theprime-intro .theprime-introMember ul li .txt {
	display: block;
	margin-top: 10px;
	font-size: 24px;
	letter-spacing: -1px;
	color: #333;
	line-height: 29px;
}

.theprime-intro .theprime-introMember ul li .link {
	color: #bc8145;
	text-decoration: underline;
	color: #bc8145;
}

.theprime-intro .theprime-introMember ul li .etc {
	position: absolute;
	bottom: 49px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #999;
	font-weight: bold;
	letter-spacing: -1px;
}

.theprime-introDesc {
	padding-top: 70px;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #333;
}

.theprime-introDesc strong {
	font-weight: bold;
}

.theprime-introDesc .emp {
	color: #bc8145;
}

.theprime-introFot {
	width: 560px;
	padding-top: 30px;
	text-align: center;
	margin: 0 auto;
}

.theprime-introFot .btn {
	display: block;
	width: 100%;
	height: 90px;
	line-height: 90px;
	margin: 0 auto;
	font-size: 28px;
	border-radius: 0;
	font-weight: bold;
	color: #fff;
	background-color: #c89f73;
}

.theprime-introFot .desc {
	margin-top: 13px;
	font-size: 16px;
	text-align: left;
	color: #333;
}

.theprime-introFot .desc .underline {
	text-decoration: underline;
}

.theprime-introFot .desc .slah {
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: -1px 7px 0;
	vertical-align: middle;
	background-color: #bfbfbf;
}

.theprime-introFot .desc .bar {
	color: #bfbfbf;
}
/* the프라임 듀얼운영(이전) */
.theprime-complete {
	padding: 80px 0 140px;
}

.theprime-completeMsg {
	text-align: center;
}

.theprime-completeMsg .user {
	display: inline-block;
	padding-left: 34px;
	line-height: 26px;
	font-size: 25px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 0
		2px;
	background-size: 28px 24px;
}

.theprime-completeMsg .txt01 {
	margin-top: 8px;
	font-size: 40px;
	line-height: 45px;
	color: #333;
	letter-spacing: -1px;
}

.theprime-completeMsg .txt01 strong {
	color: #bc8145;
	font-weight: bold;
}

.theprime-completeMsg .txt02 {
	margin-top: 10px;
	font-size: 20px;
	color: #333;
}

.theprime-complete .btn-area {
	margin-top: 38px;
}

.theprime-complete .btn-area .btn-default {
	width: 165px;
	font-size: 16px;
	font-weight: bold;
	height: 48px;
	line-height: 48px;
	border: 1px solid #bf966d;
}

.theprime-complete .btn-area .btn-ty01 {
	color: #bc8145;
	background-color: #fff;
}

.theprime-complete .btn-area .btn-ty01 span {
	color: #bc8145;
}

.theprime-complete .btn-area .btn-ty02 {
	color: #fff;
	background-color: #bf966d;
}

.theprime-complete .prime-noti {
	width: 635px;
	margin: 40px auto 0;
	padding: 25px 40px;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
/* the프라임 듀얼운영(신규) */
.tprime-complete {padding: 80px 0 140px;}
.tprime-completeMsg {text-align: center;}
.tprime-completeMsg .user {
	display: inline-block;
	padding-left: 34px;
	line-height: 26px;
	font-size: 25px;
	background: url('/cjom/web/images/prime/ico_user_grade_new.svg') no-repeat 0
		2px;
	background-size: 28px 24px;
}
.tprime-completeMsg .txt01 {margin-top: 8px;font-size: 40px;line-height: 45px;color: #333;letter-spacing: -1px;}
.tprime-completeMsg .txt01 strong {color: #d4a14c;font-weight: bold;}
.tprime-completeMsg .txt02 {padding-bottom:9px;margin-top:40px;font-size:26px;font-weight:bold;line-height:26px;letter-spacing:-1px;color:#333;}
.tprime-completeMsg .txt03 {margin-top:6px;font-size:20px;line-height:24px;color:#333;}
.tprime-complete .btn-area {margin-top:42x;}
.tprime-complete .btn-area .btn-default {width: 165px;font-size: 16px;font-weight: bold;height: 48px;line-height: 48px;border: 1px solid #d4a14c;}
.tprime-complete .btn-area .btn-ty01 {color:#d4a14c;background-color: #fff;}
.tprime-complete .btn-area .btn-ty01 span {color:#d4a14c;}
.tprime-complete .btn-area .btn-ty02 {color: #fff;background-color:#d4a14c;border:1px solid #d4a14c;}
.tprime-complete .prime-noti {width:635px;margin: 40px auto 0;padding: 25px 40px;box-sizing: border-box;background-color: #f8f8f8;}

/* the프라임 메인  */
.my-theprime-user {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 70px;
	padding:30px 40px;
	background-color: #2e5754;
	box-sizing: border-box;
}
.my-theprime.new .my-theprime-user {display:table;width:100%;background:#ecc14e url('/cjom/web/images/prime/bg-my-theprime-user.png') no-repeat 0 50%;background-size:auto;}
.my-theprime-user .my-theprime-userleft {
	display:table-cell;vertical-align:top;
}
.my-theprime.new  .my-theprime-user .tip {width:370px;margin-top:15px;padding:14px 15px;background-color:#fff;border-radius:5px;}
.my-theprime.new  .my-theprime-user .tip a {display:block;font-size:16px;line-height:20px;color:#000;background:url(/cjom/mobile/images/prime/ico_arr04.svg) no-repeat 100% 50%;background-size:8px 12px;}
.my-theprime.new  .my-theprime-user .tip a em {display:inline-block;padding:0 8px;height:20px;line-height:20px;font-size:13px;font-weight:bold;margin-right:10px;border-radius: 10px;font-style:normal;color:#fff;background-color:#ebc04e;}

.theprime-change {border-top:1px solid #2a715a;}
.theprime-change .tprime-change-top {position:relative;border:1px solid #ddd;padding:53px 0 25px;border-radius: 10px;margin-top:55px;}
.theprime-change .tprime-change-top-txt {position:absolute;width:51%;left:50%;letter-spacing:-1px;transform:translateX(-50%);top:-29px;line-height:36px;font-size:28px;font-weight:bold;text-align:center;background-color:#fff;}
.theprime-change.prime__guide--benefit .tprime-change-top-txt {font-size:26px;}
.theprime-change .tprime-change-top-txt strong {display:block;color:#d4a14c;}
.theprime-change .price {letter-spacing:-1px;color:#333;font-size:22px;text-align:center;}
.theprime-change .diswon {color:#999;text-decoration:line-through;vertical-align:text-bottom;}
.theprime-change .won {font-size:35px;text-decoration: line-through;}
.theprime-change .won .ff-roboto {font-size:39px;font-weight:bold;}
.theprime-change .unit {text-decoration: line-through;}
.theprime-change.prime__guide--benefit .won,
.theprime-change.prime__guide--benefit .unit {text-decoration:none;}
.theprime-change .benefit  {overflow:hidden;padding:0 30px;}
.theprime-change .benefit .label {float:left;margin-top:1px;width:80px;height:36px;line-height:36px;text-align:center;font-size:18px;font-weight:bold;color:#fff;border-radius:3px; background-color: #d4a14c;}
.theprime-change .benefit  .txt {padding-left:17px;float:left;font-size:24px;letter-spacing:-1px;color:#000;font-weight:bold;line-height:30px;}
.theprime-change .benefit  .txt span{font-size: 16px;text-align: left;letter-spacing: -0.46px;font-weight: normal;}
.theprime-change .benefit  .txt em {display:block;color:#d4a14c;margin-bottom:2px;}

.theprime-change .tprime-introModalFot {margin:30px auto 0;}
.theprime-change .tprime-introModalFot .btn {display: block;width: 100%;height:50px;line-height:50px;margin: 0 auto;font-size:18px;border-radius: 0;font-weight: bold;color: #fff;background-color: #d4a14c;}
.theprime-change .tprime-introModalFot .desc {margin-top:10px;font-size: 14px;text-align: left;color: #333;}
.theprime-change .tprime-introModalFot .desc .underline {	text-decoration: underline;}
.theprime-change .tprime-introModalFot .desc .slah {	display: inline-block;	width: 1px;	height: 16px;	margin: -1px 7px 0;	vertical-align: middle;	background-color: #bfbfbf;}
.theprime-change .tprime-introModalFot .desc .bar {	color: #bfbfbf;}
.theprime-change .prime-noti {margin-top:30px;}
.theprime-change .prime-noti ul {padding-top:5px;}
.theprime-change .prime-noti ul li {position: relative;padding-left: 8px;	margin-bottom: 5px;	font-size: 13px;line-height: 18px;	color: #767676;}
.theprime-change .prime-noti ul li:last-child {	margin-bottom: 0;}
.theprime-change .prime-noti ul li:before {position: absolute;left: 0;
	top: 7px;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #999;
	content: '';
}
.theprime-change .tprime-introFot {padding-top: 30px;}
.theprime-change .tprime-introFot .btn{width: 100%;height:50px;background-color: #d4a14c;box-sizing: border-box;color: #fff;border-radius: 0px;font-size: 18px;font-weight: bold;}
.theprime-change .tprime-introFot .slah{color:#bfbfbf;}
.theprime-change .tprime-introFot .desc{padding-top:10px;}
#primeChangePop  .modal-header {padding-top:38px;}
#primeChangePop  .modal-header .modal-title {color:#333;}
#primeChangePop .desc {line-height:24px;font-size:18px;color:#333;}
#primeChangePop .desc p {margin-top:10px;}
#primeChangePop .desc strong {color:#d4a14c;}
#primeChangePop .btn-modal-comf {margin:30px 0 0;box-sizing: border-box;border-radius:0;height:55px;line-height:55px;width:100%;text-align:center;color:#fff;font-size:18px;font-weight:bold;background-color:#d4a14c;}
.my-theprime-user .user {
	padding-left: 34px;
	line-height: 22px;
	font-size: 20px;
	color: #fff;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 0
		1px;
	background-size: 27px 22px;
}
.my-theprime-user .grade {
	margin-top: 10px;
	color: #d4aa7d;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -1px;
}
.my-theprime.new .my-theprime-user .grade {color:#000;padding-left:35px;background: url('/cjom/web/images/prime/ico_grade_nprime.png') no-repeat 0 50%;background-size:28px 24px;}
.my-theprime-user .grade strong {margin-right:6px;}

.my-theprime-user .date {
	margin-top: 5px;
	color: #fff;
	font-size: 16px;
	opacity: 0.6;
}
.my-theprime.new .my-theprime-user .date {margin-top:10px;color:#000;}
.my-theprime-user .my-theprime-tprice {display:table-cell;vertical-align:middle;
	padding-top: 3px;
	color: #fff;
	text-align: right;}
.my-theprime.new .my-theprime-user .my-theprime-tprice {color:#000;}
.my-theprime-user .my-theprime-tprice dt {font-size: 20px;}
.my-theprime-user .my-theprime-tprice dd {font-size: 34px;line-height: 47px;}
.my-theprime-user .my-theprime-tprice dd span {
	font-size: 40px;
	vertical-align: bottom;
}

.my-theprime-user .my-theprime-etc {
	float: right;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	padding-top: 31px;
}
.my-theprime.new .my-theprime-user .my-theprime-etc {color:#000;}
.my-theprime-user .my-theprime-etc.ft-xs {
	float: right;
	color: rgba(0, 0, 0, .6) !important;
	font-size: 13px;
	line-height: 16.9px;
	padding-top: 4px;
}
.my-theprime.new .my-theprime-user .my-theprime-etc.ft-xs {color:#000;}
.my-theprime-info {
	position: relative;
	display: table;
	width: 100%;
	height: 60px;
	background-color: #d2ac80;
	box-sizing: border-box;
	padding: 19px 40px 22px 40px ;
}
.my-theprime.new .my-theprime-info {background-color:#d4a14c;}
.my-theprime-info li {
	display: table-cell;
	width: 33.3%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.my-theprime.new .my-theprime-info li {color:#fff;}
.my-theprime-info.ty li {
	width: 100%;
	padding-right: 40px;
	text-align: right;
	box-sizing: border-box;
}
.my-theprime.new .my-theprime-info li span{
	float: left;
}
.my-theprime.new .my-theprime-info li .ff-roboto{
	float: right;
}

.my-theprime-info.ty:after {
	width: 0;
}

.my-theprime-info li .ff-roboto:first-child {
	margin-left: 12px;
}
.my-theprime-info li {
	border-right: 1px solid #b2926c;
	padding: 0 20px;
}
.my-theprime-info li:first-child {
	padding-left: 0;
}

.my-theprime-info li:last-child {
	border-right: 0;
	padding-right: 0;
}
/*
.my-theprime-info li:after {
	position: absolute;
	transform: translateX(-50%);
	background-color: #b2926c;
	content: '';
	top: 16px;
}

.my-theprime-info li:nth-child(1)::after {
	left: 33.3%;
	width: 1px;
	height: 30px;


}
.my-theprime-info li:nth-child(2)::after {
	right: 33.3%;
	width: 1px;
	height: 30px;
}*/

.my-theprime.new .my-theprime-info:after {background-color:#b59259;}
.my-theprime .section-wp {
	margin-top: 48px;
}

.my-theprime .section-wp .section-wp-tit {
	border-bottom: 0;
}

.my-theprime-way {
	width: 100%;display:table;
	border: 1px solid #d9d9d9;
}

.my-theprime-way:after {
	content: "";
	clear: both;
	display: block;
}

.my-theprime-way-inner {
	position: relative;
	padding: 30px 40px;
}

.my-theprime-way-inner:after {
	content: "";
	clear: both;
	display: block;
}

.my-theprime-way .way-payinfo-txt {
	font-size: 16px;
	line-height: 19px;
	color: #333;
}

.my-theprime-way .way-payinfo-txt p {
	margin-top: 5px;
}

.my-theprime-way .way-payinfo-txt p:first-child {
	margin-top: 0;
}

.my-theprime-way .way-payinfo-txt p [data-tooltip] {
	margin-top: 1px;
}

.my-theprime-way .way-payinfo-txt .emp {
	color: #2a715a;
}

.my-theprime-way .way-payinfo-link {position: absolute;right:40px;top:50%;transform: translateY(-50%);}
.my-theprime-way .way-payinfo-link span {display: inline-block;margin-right:20px;vertical-align:middle;color:#2a715a;font-size:16px;}
.my-theprime-way .way-payinfo-link .bttn {display: inline-block;vertical-align:middle;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	font-size: 15px;
	width: 170px;
	border: solid 1px #2a715a;
	background-color: #2a715a;
}
.my-theprime-way .way-payinfo-right {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.my-theprime-way .way-payinfo-right a {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	font-size: 15px;
	width: 170px;
	border: solid 1px #2a715a;
	background-color: #2a715a;
}

.my-theprime-way .way-payinfo-right .btn-t02 {
	color: #767676;
	border: solid 1px #ddd;
	background-color: #f8f8f8;
}

.my-theprime-way .way-payinfo {
	display:table-cell;vertical-align:middle;
	width: 50%;
	padding: 20px 30px;
	border-right: 1px solid #d9d9d9;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	box-sizing: border-box;
}
.my-theprime-way .way-payinfo:after {
	content: "";
	clear: both;
	display: block;}
.my-theprime-way .way-payinfo .txt2 {color:#2a715a;font-size:14px;margin-top:2px;}
.my-theprime-way .way-payinfo:last-child {border-right: 0;}
.my-theprime-way .way-payinfo .txt {float: left;}
.my-theprime-way .way-payinfo .txt+[data-tooltip] {margin: -3px 0 0 5px;}
.my-theprime-way .way-payinfo .tooltip-content {
	color: #333;
	font-size: 12px;
	line-height: 18px;
}
.my-theprime-way .way-payinfo .tooltip-content .desc-list li {
	padding-left: 8px;
	margin-top: 0;
	color: #333;
	font-size: 12px;
	line-height: 18px;
}
.my-theprime-way .way-payinfo .tooltip-content .desc-list li:before {
	top: 8px;
	width: 2px;
	height: 2px;
}
.my-theprime-way .way-payinfo .link {float: right;}
.my-theprime-way .way-payinfo .link a {
	letter-spacing: -1px;
	color: #2a715a;
	font-size: 15px;
	text-decoration: underline;
}
.my-theprime-day {
	margin-top: 30px;
	padding: 10px 40px;
	background-color: #f8f8f8;
}
.my-theprime-day p {
	line-height: 18px;
	font-size: 16px;
	color: #333;
}
.my-theprime-day p [data-tooltip] {margin-top: -0.2em;}
.my-theprime-benefit .paging {padding-bottom: 20px;}
.my-theprime-benefit .table-bar {margin-top: 15px;}
.my-theprime-benefit .disprice {margin-top:19px;padding:18px 0 17px;max-height:60px;line-height:25px;color:#333;border:1px solid #d3d3d3;text-align:center;font-size:20px;background-color:#f8f8f8;}
.my-theprime-benefit .disprice strong {margin-left:5px;color:#2a715a;}
.my-theprime-benefit .disprice .ff-roboto {font-size:21px;}
.my-theprime-benefit .use-date {margin-top:20px;text-align:center;}
.my-theprime-benefit .use-date .use-date-tit {margin:0 7px;display:inline-block;vertical-align:middle;font-family:Roboto;font-size:21px;text-align:center;letter-spacing:0;color:#333;line-height:25px;}
.my-theprime-benefit .use-date a {display:inline-block;margin-top:1px;vertical-align:middle;position:relative;}
.my-theprime-benefit .use-date .prev:after{content:"";display: block;width:0;height:0;border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:7px solid  #333;}
.my-theprime-benefit .use-date .next:after {content:"";display: block;width:0;height:0;border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:7px solid  #333;}
.my-theprime-benefit .use-date .prev.disabled:after {border-right:7px solid #e1e1e1;}
.my-theprime-benefit .use-date .next.disabled:after {border-left:7px solid #e1e1e1;}
.theprime-table td {padding: 25px 30px;font-size: 16px;color: #333;}
.theprime-table thead th:last-child {
	text-align: right;
	padding-right: 72px;
}

.theprime-table .date {
	text-align: center;
}

.theprime-table .part {
	font-weight: bold;
	text-align: left;
}

.theprime-table .part .cnt {
	font-weight: normal;
	font-size: 15px;
	display: block;
}

.theprime-table .pcont {
	text-align: left;
}

.theprime-table .pcont .link a {
	color: #2a715a;
	text-decoration: underline;
	font-size: 15px;
}

.theprime-table .price {
	text-align: right;
	color: #2a715a;
}

.theprime-table .price.ty {
	color: #333;
}

.theprime-table .price .number {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

.theprime-table .price .ff-roboto {
	font-size: 17px;
}

.theprime-table .price .desc {
	font-size: 15px;
}

.theprime-table .nodate {
	padding: 55px 0;
	line-height: 23px;
}

.theprime-table .nodate .msg {
	color: #999;
}

.theprime-table .nodate .msg strong {
	color: #333;
}

.theprime-table .nodate a {
	display: inline-block;
	margin-top: 15px;
	color: #2a715a;
	font-size: 15px;
	text-decoration: underline;
}

.my-theprime-end:after {
	content: "";
	clear: both;
	display: block;
}

.my-theprime-end li {
	float: left;
	width: 508px;
	height: 78px;
	margin-right: 4px;
	padding: 17px 30px 0;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
}

.my-theprime-end li:last-child {
	margin-right: 0;
}

.my-theprime-end li a {
	display: block;
	background: url('/cjom/web/images/prime/ico_arr03.svg') no-repeat 100%
		50%;
	background-size: 10px 22px;
}

.my-theprime-end li .tit {
	display: block;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.my-theprime-end li .txt {
	display: block;
	font-size: 13px;
	color: #999;
}

/* 프라임 해지안내 */
.theprime-cancel {
	border-top: 1px solid #2a715a;
}

.theprime-cancel .theprime-cancel-top {
	padding: 30px 0 45px;
	text-align: center;
}

.theprime-cancel .theprime-cancel-top .txt01 {
	font-size: 27px;
	line-height: 30px;
	color: #333;
}

.theprime-cancel .theprime-cancel-top .txt02 {
	margin-top: 5px;
	font-size: 27px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
}

.theprime-cancel .theprime-cancel-top .txt03 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
}

.theprime-cancel .theprime-cancel-top .txt03 strong {
	color: #bc8145;
	font-weight: bold;
}

.theprime-cancel .theprime-cancel-top .txt04 {
	margin-top: 10px;
	font-size: 13px;
	line-height: 17px;
	color: #999;
}

.theprime-cancel .theprime-cancel-msg {
	padding: 30px 0 25px;
	text-align: center;
	font-size: 27px;
	line-height: 35px;
	color: #333;
	letter-spacing: -1px;
}

.theprime-cancel .theprime-cancel-cont {
	position: relative;
	padding: 35px 0 30px;
	background-color: #faf4e6;
}

.theprime-cancel .theprime-cancel-cont:before {
	display: block;
	width: 49px;
	height: 41px;
	position: absolute;
	left: 50%;
	top: -13px;
	transform: translateX(-50%);
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 0
		0;
	background-size: 49px 41px;
	content: '';
}

.theprime-cancel .theprime-cancel-cont .tit {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	color: #333;
}
.theprime-cancel .theprime-cancel-cont ul {margin: 0 40px;}
.theprime-cancel .theprime-cancel-cont ul li {
	padding: 12px 24px 0 85px;
	height: 70px;
	margin-top: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #fff;
}
.theprime-cancel .theprime-cancel-cont ul li:nth-child(1) {
	background: #fff url('/cjom/web/images/prime/ico_cancle_02.svg')
		no-repeat 23px 50%;
	background-size: 42px 27px;
}
.theprime-cancel .theprime-cancel-cont ul li:nth-child(2) {
	background: #fff url('/cjom/web/images/prime/ico_cancle_01.svg')
		no-repeat 29px 50%;
	background-size: 36px;
}
.theprime-cancel .theprime-cancel-cont ul li:nth-child(3) {
	background: #fff url('/cjom/web/images/prime/ico_cancle_06.svg')
		no-repeat 24px 50%;
	background-size: 41px 23px;
}

.theprime-cancel .theprime-cancel-cont ul li:nth-child(4) {
	background: #fff url('/cjom/web/images/prime/ico_cancle_03.svg')
		no-repeat 24px 50%;
	background-size: 41px 34px;
}

.theprime-cancel .theprime-cancel-cont ul li:nth-child(5) {
	background: #fff url('/cjom/web/images/prime/ico_cancle_04.svg')
		no-repeat 18px 50%;
	background-size: 51px 39px;
}
.theprime-cancel .theprime-cancel-cont ul li:nth-child(6) {
	background: #fff url('/cjom/web/images/prime/ico_cancle_05.svg')
		no-repeat 28px 50%;
	background-size: 39px 37px;
}
.theprime-cancel .theprime-cancel-cont ul li .txt {
	display: block;
	font-size: 18px;
	line-height: 21px;
	color: #bc8145;
	font-weight: bold;
}
.theprime-cancel .theprime-cancel-cont ul li .stxt {
	display: block;
	font-size: 14px;
	color: #333;
}
.theprime-cancel .theprime-cancel-cont ul li:first-child {margin-top: 13px;}
.theprime-cancel .theprime-cancel-bx {
	padding: 25px 30px 30px;
	color: #333;
	line-height: 28px;
	font-size: 15px;
	background-color: #f8f8f8;
}
.theprime-cancel .prime-noti {margin-top: 20px;}
.theprime-cancel .prime-noti ul li {
	position: relative;
	padding-left: 8px;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 18px;
	color: #767676;
}
.theprime-cancel .prime-noti ul li:last-child {	margin-bottom: 0;}
.theprime-cancel .prime-noti ul li:before {
	position: absolute;
	left: 0;
	top: 7px;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #999;
	content: '';
}
.theprime-cancel .btn-box {padding-top:30px;}
.theprime-cancel .btn-box:after {
	content: "";
	clear: both;
	display: block;
}

.theprime-cancel .btn-box .btn {
	font-size: 16px;
	border: 1px solid #c89f73;
	font-weight: bold;
	height: 45px;
	line-height: 43px;
}

.theprime-cancel .btn-box .btn-t01 {
	float: left;
	width: 207px;
	color: #bc8145;
	background-color: #fff;
}

.theprime-cancel .btn-box .btn-t02 {
	float: right;
	width: 207px;
	color: #fff;
	background-color: #c89f73;
}
/* 메인 프라임파업 */
.main-modal-prime {
	position: absolute;
	left: 50%;
	top: 464px;
	width: 399px;
	border: 1px solid #ddd;
	z-index: 20200;
	transform: translateX(-50%);
}

.main-modal-prime .moadl-prime-cont {
	height: 300px;
	padding: 30px 40px 0;
	box-sizing: border-box;
	background: url('/cjom/web/images/prime/bg_modal-prime.jpg') no-repeat 0
		0;
}

.main-modal-prime .moadl-prime-cont .txt01 {
	padding-top: 50px;
	letter-spacing: -1px;
	text-align: center;
	color: #bc8145;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	background: url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat
		50% 0;
	background-size: 44px 38px;
}

.main-modal-prime .moadl-prime-cont .txt02 {
	margin-top: 13px;
	text-align: center;
	color: #234a46;
	font-size: 22px;
	line-height: 24px;
}

.main-modal-prime .moadl-prime-cont .txt02  strong {
	margin-top: 10px;
	display: block;
	font-size: 32px;
	font-weight: bold;
	line-height: 0.75;
}

.main-modal-prime .moadl-prime-cont .btn {
	margin-top: 29px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-radius: 0;
	background-color: #c89f73;
}

.main-modal-prime .moadl-prime-fot {
	overflow: hidden;
	height: 40px;
	background-color: #fff;
	box-sizing: border-box;
}

.main-modal-prime .moadl-prime-fot a {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 40px;
	color: #777;
	font-size: 14px;
	box-sizing: border-box;
}

.main-modal-prime .moadl-prime-fot a:first-child {
	border-right: 1px solid #ddd;
}

/* 개인정보변경 */
.my-infomodify .my-infomodify-bx {border:1px solid #ccc;border-top:1px solid #7f7f7f;}
.my-infomodify .info-modify {overflow:hidden;padding:27px 30px 29px;}
.my-infomodify .info-modify .txt {float:left;line-height:39px;font-size:16px;font-weight:bold;color:#101010; }
.my-infomodify .info-modify .rcont {float:right;; }
.my-infomodify .info-modify .btn-white-sm {margin-left:8px;border:1px solid #ccc;padding:0 18px;}
.my-infomodify .info-modify .btn-white-sm span {position:relative;padding-right:12px;color:#101010;font-size:14px;font-weight:bold;}
.my-infomodify .info-modify .btn-white-sm span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;width:7px;height:12px;margin-top:-6px; background: url('/cjom/web/images/icon/icon-arr01.png') no-repeat 0 0; background-size:7px 10px;}
.my-infomodify h4 {margin-top:55px;font-size:22px;line-height:41px;font-weight:bold;}
.my-infomodify .sns-setting .my-infomodify-bx {overflow:hidden;width:100%;margin-top:15px;}
.my-infomodify .sns-setting dl {float:left;display:table;width:50%;height:87px;padding:0 32px;box-sizing:border-box;}
.my-infomodify .sns-setting dl:nth-child(1),
.my-infomodify .sns-setting dl:nth-child(2) {border-bottom:1px solid #ddd;}
.my-infomodify .sns-setting dl:nth-child(1),
.my-infomodify .sns-setting dl:nth-child(3) {border-right:1px solid #ddd;}
.my-infomodify .sns-setting dl dt {display:table-cell;vertical-align:middle;padding-left:66px;text-align:left;font-size:16px;line-height:21px;font-weight:bold;color:#101010;}
.my-infomodify .sns-setting dl dt .date {margin-left:4px;color:#606060;font-size:14px;font-weight:normal;}
.my-infomodify .sns-setting dl.sns-naver dt {background:url('/cjom/web/images/icon/icon-sns-mem01.png') no-repeat 0;background-size:48px;}
.my-infomodify .sns-setting dl.sns-kakao dt {background:url('/cjom/web/images/icon/icon-sns-mem02.png') no-repeat 0;background-size:48px;}
.my-infomodify .sns-setting dl.sns-face dt {background:url('/cjom/web/images/icon/icon-sns-mem03.png') no-repeat 0;background-size:48px;}
.my-infomodify .sns-setting dl.sns-apple dt {background:url('/cjom/web/images/icon/icon-sns-mem04.png') no-repeat 0;background-size:48px;}
.my-infomodify .sns-setting dl dd {display:table-cell;vertical-align:middle;text-align:right;}
.my-infomodify .sns-setting dl .bttn {display:inline-block;height:27px;line-height:15px;border:1px solid #ccc;padding:0 10px;font-size:13px;color:#101010;background-color:#fff;}
.my-infomodify .sns-setting dl button.bttn.disabled {color:#666;}
.my-infomodify .info-agree-top {margin-top:19px;}
/*.my-infomodify .info-agree-top .input-checkbox:after {border:1px solid #606060;}*/

.my-infomodify .info-agree-top label {font-size:14px;color:#101010;}
.my-infomodify .info-agree .my-infomodify-bx  {margin-top:17px;}
.my-infomodify .info-agree-cont {overflow:hidden;display:table;width:100%;}
.my-infomodify .info-agree-cont dl {float:left;height:120px;width:33%;padding:30px 0 0 40px;box-sizing:border-box;}
.my-infomodify .info-agree-cont dl:last-child {width:34%;}
.my-infomodify .info-agree-cont dl dt {font-size:16px;font-weight:bold;line-height:24px;color:#101010;}
.my-infomodify .info-agree-cont dl dd {padding-top:10px;}
.my-infomodify .info-agree-cont dl dd .input-checkbox+label {color:#101010;font-size:14px;margin-right:40px;}
.my-infomodify .info-agree-cont dl dd .input-checkbox+label:last-child {margin-right:0;}
.my-infomodify .info-agree-cont dl dd .input-checkbox.disabled+label {color:#606060;}
.my-infomodify .btn-area  {margin-top:32px;}
.my-infomodify .btn-area button {width:244px;height:54px;line-height:51px;font-size:16px;background: #1BA774;border: 1px solid #1BA774;font-weight: 700;}
.my-infomodify .bul-list li {padding-left:10px;position:relative;font-size:14px;line-height:23px;color:#606060;}
.my-infomodify .bul-list li:before {
    position: absolute;left:0;top:10px;
    content: ''; display: inline-block;
    width:3px;height:3px;background-color:#b2b2b2;
    vertical-align: top;}
.my-infomodify .choice{color: #606060;font-size: 13px;
	line-height: 16.9px;letter-spacing: -0.5px;
}
.my-infomodify .alarm-comment{color: #F72A66;
	font-size: 12px;line-height: 15.6px;letter-spacing: -0.5px;margin-left: 32px;
}

/* 개인정보 수집 활용 동의 팝업 */
.evtAgree_all {padding:20px 0 20px;}
.evtAgree_all label strong{display: inline-block;font-size:17px;color:#333;margin-top:-3px}
.evtAgree_all .input-checkbox {vertical-align:top;margin-top:0}
.evtAgree_all .input-checkbox+label {margin-left:8px;}
.btn-default-agree {width: 100%;}
.evtAgree_accordion {border: 1px solid #ddd;padding-bottom:10px}
.evtAgree_accordion .agree-head {position: relative;padding: 18px 70px 8px 20px;background-color: #fff;}
.evtAgree_accordion .agree-head label {display: block;color: #333;}
.evtAgree_accordion .agree-head .more {position: absolute;top: 0;right: 0;display: inline-block;width: 70px;height: 100%;text-align: center;}
.evtAgree_accordion .agree-head .more span {display: block;text-indent: -99999px;}
.evtAgree_accordion .agree-head .more:before {content:'';position: absolute;top: 25px;left: 25px;width: 18px;height: 10px;background: url(/cjom/web/images/common/icon_accordion_arrow.png) no-repeat 0 -10px;background-size: 18px auto;}
.evtAgree_accordion .agree-head .more.active:before {top: 26px;background-position: 0 0;}
.evtAgree_accordion .agree-head .required {height: auto;color: #1ba774;vertical-align: top;font-weight:bold;}
.evtAgree_accordion .agree-content {padding: 3px 20px 0;}
.evtAgree_accordion .agree-content ul li {position: relative;padding-left: 10px;font-size:13px;line-height:20px;padding-bottom:6px}
.evtAgree_accordion .agree-content ul li:before {position: absolute;left: 0;top: 9px;content: '';display: inline-block;width: 2px;height: 2px;background-color: #767676;vertical-align: top;}
/* https://cjics.cj.net/jira/browse/MARKETDEV-7029 => PC 팝업 스크롤 요청으로 인한 MAX-HEIGHT 값 조정 */
#evtAgree .scroll-content {height:auto !important; max-height:480px !important;}

/* 상품상세 속성추가 */
.detail-info .txt-type03 {font-size: 19px;color:#cd8c39;letter-spacing: -0.7px;margin: 5px 40px 0px 50px;font-weight: 700;}
.detail-info .list-type li .name {letter-spacing: -1px;}
.detail-info .ico-list-type02 {margin: 30px 0 50px 54px;}
.detail-info .ico-list-type02 dt {font-weight: 700;font-size: 19px;color: #cd8c39;padding-left:37px;background: url(/cjom/design/detail/prd_detail_gourmet_icon.png) no-repeat 0 5px; background-size: 23px auto;}
.detail-info .ico-list-type02 dd {font-size: 19px;color: #333;padding-left:37px;padding-bottom:38px;}

/* 서브메뉴-쿡킷 */
.m-cookit .wing-bnr-wrap {top:570px;}
.m-cookit .wing-bnr-wrap .wing-bnr.fixed {top:290px  !important;}
.m-cookit .visual {height:480px;background: url(/cjom/web/images/contents/cookit/img_cookit_visual_1.jpg) no-repeat 50% 0;background-size:auto 480px;}
.m-cookit .m-cookit-visual .slider{overflow:hidden;margin:0 auto;width:100%;height:480px; }
.m-cookit .m-cookit-visual .slider .item{text-align:center;height:480px; width:100%; float:left; background-position:50% top !important; background-size:auto 100% !important;}
.m-cookit .m-cookit-visual .slider .item a{position:relative; display:block; height:100%; width:100%; overflow:hidden;}
.m-cookit .m-cookit-visual .slider .item a:focus:after{content:''; position:absolute; top:0; left:0; height:100%; width:100%; box-shadow:inset 0 0 3px blue; box-sizing:border-box;}
.m-cookit .m-cookit-visual .slick-slide.item img{position:absolute; top:0; left:50%; display:block; max-width:none; height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.m-cookit .m-cookit-visual .slider .slick-arrow{position:absolute;top:-278px;width:60px;height:80px;text-indent:-99999px;background:url("/cjom/web/images/main/ico-main-visual_arr.png") no-repeat 0 0;background-size:120px 160px;}
.m-cookit .m-cookit-visual .slider .slick-prev{left:0;background-position-x:0;}
.m-cookit .m-cookit-visual .slider .slick-next{right:0;background-position-x:100%;}
.m-cookit .m-cookit-visual .slider .slick-prev:focus,
.m-cookit .m-cookit-visual .slider .slick-prev:hover {background-position:0 -80px;}
.m-cookit .m-cookit-visual .slider .slick-next:focus,
.m-cookit .m-cookit-visual .slider .slick-next:hover {background-position:-60px -80px;}
.m-cookit .m-cookit-visual .slider .slick-count {position:absolute;right:15px;bottom:19px;/* width:; */height:36px;line-height:36px;box-sizing:border-box;padding:0 45px 0 25px;color:#fff;letter-spacing:-0.5px;font-size:17px;font-weight:normal;border-radius:18px;background-color: rgba(0, 0, 0, 0.2);}
.m-cookit .m-cookit-visual .slider .slick-count span{font-weight:normal;}
.m-cookit .m-cookit-visual .slider .slick-count strong {font-weight:bold;}
.m-cookit .m-cookit-visual .slider .slick-count  em {margin:0 3px 0 5px;}
.m-cookit .m-cookit-visual .slider .slick-util-group{left:50%; bottom:0; max-width:1280px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.m-cookit .m-cookit-visual .slick-slider .slick-util-group .btn-play-toggle {position:relative;height:24px;width:24px;text-indent:-99999px;background:url('/cjom/web/images/main/ico-m-util-stop.svg') no-repeat 0 0;}
.m-cookit .m-cookit-visual .slick-slider .slick-util-group .btn-play-toggle.play {background:url('/cjom/web/images/main/ico-m-util-play.svg') no-repeat 0 0;}
.m-cookit .m-cookit-visual .slick-dots-group{position:absolute;left:auto;right:10px;bottom:25px;height:24px;padding:0; box-sizing:border-box; width:auto; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.m-cookit .m-cookit-visual .slick-dots{display:none !important;}

.m-cookit .m-cookit-nav .is-fixed {width:100%;left:0 !important;right:0;top:146px !important;}
.m-cookit .m-cookit-nav-wp {width:100%;height:75px;border-bottom:1px solid #e0e0e0;background-color:#fff;}
.m-cookit .m-cookit-nav [data-sticky] {z-index:100 !important;}
.m-cookit-nav .m-cookit-navR {float:right;padding:22px 0 0;}
.m-cookit-nav .m-cookit-navR a {position:relative;margin-left:16px;padding-left:15px;display:inline-block;vertical-align:middle;color:#333;font-size:14px;font-weight:bold;}
.m-cookit-nav .m-cookit-navR a:after {position:absolute;left:0;top:5px;display:block;width:1px;height:14px;background-color:#ccc;content:'';}
.m-cookit-nav .m-cookit-navR .btn-coupon {padding:0 20px;border:1px solid #333;border-radius:15px;}
.m-cookit-nav .m-cookit-navR .btn-coupon span {padding-left:15px;font-size:13px;font-weight:bold;line-height:27px;background:url('/cjom/web/images/contents/cookit/icon-coupon.svg') no-repeat 0 50%;background-size:12px;}
.m-cookit-nav .m-cookit-navR .btn-coupon:after {width:0;}
.m-cookit-nav .list_date_cate {padding:10px 0 0;float:left;}
.m-cookit-nav .cookit-nav-title {position:relative;float:left;padding:12px 35px 0 0;font-size:17px;line-height:30px;color:#333;}
.m-cookit-nav .cookit-nav-title:after {position:absolute;right:0;top:19px;display:block;width:2px;height:17px;background-color:#333;content:'';}

.m-cookit-nav .rad_tab_wrap {margin-left:10px;float:left;display:flex;height:55px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; justify-content:space-between;}
.m-cookit-nav .rad_tab_wrap > li {display:inline-block; position:relative;width:55px;margin-right:9px;}
.m-cookit-nav .rad_tab_wrap .rad_wrap {width:55px;height:55px; margin:0 auto;}
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio {display:none;}
.m-cookit-nav .rad_tab_wrap .rad_wrap input {position:absolute; z-index:0; opacity:0; filter:alpha(opacity=0)}
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio.on:after {width:0;height:0;}
.m-cookit-nav .rad_tab_wrap .rad_wrap  .input-radio + label {display:table;width:100%;height:55px; padding:0;border-radius:100%;color:#606060; font-size:12px; line-height:15px; border:0;text-align:center;}
.m-cookit-nav .rad_tab_wrap .all_cate  {margin-right:12px;}
.m-cookit-nav .rad_tab_wrap .all_cate .rad_wrap  .input-radio + label {font-size:17px;}
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio  + label span {display:table-cell; vertical-align:middle;padding-bottom:1px;}
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio  + label em.sc_txt {font-style:normal;display:block; font-size:13px;line-height:16px;}
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio  + label em.ff_avr {font-style:normal;display:block; margin-top:4px; font-size:18px; font-weight:bold;}
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio.on + label,
.m-cookit-nav .rad_tab_wrap .rad_wrap .input-radio.focus+ label {color:#fff; font-weight:normal; background-color:#202020; }
.m-cookit-nav .rad_tab_wrap .rad_wrap input:checked + label:before {display:none;}

.m-cookit .m-cookit-list {padding-bottom:90px;}
.m-cookit .m-cookit-list .product-wp .product-list {margin-left:-40px;}
.m-cookit .m-cookit-list .product-wp > .product-list > li {width:440px;margin-top:60px;padding:0 0 0 40px}
.m-cookit .m-cookit-list .product-wp > .product-list > li:nth-child(1),
.m-cookit .m-cookit-list .product-wp > .product-list > li:nth-child(2),
.m-cookit .m-cookit-list .product-wp > .product-list > li:nth-child(3) {margin-top:0;}
.m-cookit .m-cookit-list .product-list-top {height:400px;}
.m-cookit .m-cookit-list .cookit-info {font-weight:bold;margin-bottom:4px;font-size:13px;line-height:16px;color:#999;}
.m-cookit .m-cookit-list .product-list .product-badge-box + .cookit-info {margin-top:8px;}

.m-cookit .m-cookit-delivery {padding:60px 0;background-color:#e9efed;}
.m-cookit .m-cookit-delivery h2 {font-weight:bold;font-size:13px;}
.m-cookit .m-cookit-delivery h3 {margin-top:20px;font-weight:bold;font-size:30px;line-height:40px;}
.m-cookit .m-cookit-delivery .refere {float:right;font-size:14px;color:#333;margin-top:-23px;}
.m-cookit .m-cookit-delivery .area-search {margin-top:15px;position: relative;width:100%;height:60px;padding:0 0 0 30px;border:1px solid #333;box-sizing:border-box;}
.m-cookit .m-cookit-delivery .area-search  a {display:block;padding:18px 0;}
.m-cookit .m-cookit-delivery .area-search .txt {line-height:20px;font-size:17px;color:#333;}
.m-cookit .m-cookit-delivery .area-search .txt .emp {color:#f72a66;}
.m-cookit .m-cookit-delivery .area-search .btn-asearch {position:absolute;right:-1px;top:-1px;display:block;width:253px;height:60px;line-height:60px;color:#fff;text-align:center;background-color:#333;}
.m-cookit .m-cookit-delivery .area-search .btn-asearch span {padding-left:28px;margin-right:10px;font-size:17px;font-weight:bold;color:#fff;background:url('/cjom/mobile/images/sub/cookit/icon-area.svg') no-repeat 0 50%;background-size:16px 22px;}
.m-cookit .delivery-info {overflow:hidden;margin-top:19px;}
.m-cookit .delivery-info li {float:left;width:400px;}
.m-cookit .delivery-info li:nth-child(2) {margin:0 40px;}
.m-cookit .delivery-info li .thumb {height:150px;}
.m-cookit .delivery-info li .thumb img {height:150px;}
.m-cookit .delivery-info li .tit {margin-top:20px;display:block;font-size:20px;font-weight:bold;color:#333;}
.m-cookit .delivery-info li .desc {margin-top:6px;display:block;font-size:17px;color:#606060;}
.m-cookit .m-cookit-brand {padding:100px 0;}
.m-cookit .m-cookit-brand h2 {font-weight:bold;font-size:13px;}
.m-cookit .m-cookit-brand h3 {margin-top:20px;font-weight:bold;font-size:30px;line-height:40px;}
.m-cookit .m-cookit-brand .desc {margin-top:10px;font-size:17px;line-height:26px;color:#606060;}
.m-cookit .brandstory-list {overflow:hidden;margin-top:36px;}
.m-cookit .brandstory-list li {position:relative;float:left;width:400px;height:450px;padding-top:60px;text-align:center;background-color:#f8f8f8;box-sizing:border-box;}
.m-cookit .brandstory-list li:nth-child(2) {margin:0 40px;}
.m-cookit .brandstory-list li .label {position:absolute;left:0;top:0;width:80px;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:bold;text-align:center;background-color:#333;}
.m-cookit .brandstory-list li .thumb {margin:0 auto;}
.m-cookit .brandstory-list li .thumb img {width:170px;}
.m-cookit .brandstory-list li .tit {margin-top:24px;font-size:25px;line-height:34px;letter-spacing:-1px;color:#333;}
.m-cookit .brandstory-list li .tit strong {display:block;font-weight:bold;}
.m-cookit .brandstory-list li .txt {margin-top:14px;font-size:16px;line-height:26px;color:#606060;}
.m-cookit .m-cookit-mean {height:331px;background:#dfcead url(/cjom/web/images/contents/cookit/bg_cookit_mean.jpg) no-repeat 50% 0; background-size:auto 251px;box-sizing:border-box;}
.m-cookit .m-cookit-mean .contents {padding:50px 0 0 70px;box-sizing:border-box;}
.m-cookit .m-cookit-mean h2 {font-size:25px;font-weight:bold;color:#6d3313;}
.m-cookit .m-cookit-mean p {margin-bottom:17px;margin-top:6px;font-size:16px;line-height:23px;color:#6d3313;letter-spacing:-1px;}
.m-cookit .m-cookit-mean a {font-weight:bold;font-size:15px;color:#6d3313;letter-spacing:-1px;padding-right:20px;background:url(/cjom/web/images/contents/cookit/icon_cookit_mean.svg) no-repeat 100% 11px; background-size:12px 7px;}
.m-cookit .m-cookit-evt {position:relative;top:-80px;}
.m-cookit .m-cookit-noti .contents {margin-top:-35px;padding:40px;background-color:#fafafa;}
.m-cookit .m-cookit-noti h2 {font-size:17px;color:#333;line-height:26px;font-weight:normal;}
.m-cookit .m-cookit-noti ul {margin-top:5px;}
.m-cookit .m-cookit-noti ul li {position:relative;padding-left:13px;font-size:15px;color:#999;line-height:26px;}
.m-cookit .m-cookit-noti ul li:after {position:absolute;left:4px;top:11px;content:'';width:3px;height:3px;background-color:#999;border-radius:100%;}

/* (팝업)비회원구매하기 */
.modal-nomemberBuy {padding-bottom:0;}
.modal-nomemberBuy .btn-modal-close {top:31px;right:30px;}
.modal-nomemberBuy .modal-header.linear {padding:33px 0 30px;margin-bottom:0;border:0;}
.modal-nomemberBuy .msg {font-size:18px;line-height:24px;color:#333;}
.modal-nomemberBuy .btn-view {display:inline-block;padding-right:14px;margin-top:12px;font-size:15px;color:#2a715a;background:url('/cjom/web/images/icon/icon-link-arrow01.svg') no-repeat 100% 7px;background-size:7px 11px;}
.modal-nomemberBuy .btn-area a {width:205px;height:55px;line-height:52px;}
.modal-nomemberBuy .modal-foot {overflow:hidden;margin-top:23px;padding:20px 40px 0;height:60px;background-color:#f8f8f8;box-sizing:border-box;}
.modal-nomemberBuy .modal-foot .txt {float:left;font-size:15px;color:#767676;letter-spacing:-1px;line-height:19px;}
.modal-nomemberBuy .modal-foot a {float:right;font-size:15px;color:#2a715a;letter-spacing:-1px;text-decoration:underline;line-height:19px;}

/* 22-06 임직원할인한도초과 레이어팝업 */
.modal-employeeAlert {padding-bottom:40px;}
.modal-employeeAlert .modal-header {padding:33px 0 30px;margin-bottom:0;border:0;}
.modal-employeeAlert .modal-contents .msg {font-size:18px;line-height:1.6;color:#333;}
.modal-employeeAlert .modal-contents .txt {font-size:15px;line-height:1.6;color:#666;padding:22px 20px;margin-top:1em;background:#f5f5f5}
.modal-employeeAlert .modal-contents .txt > li {font-size:15px;line-height:1.6;color:inherit;letter-spacing:-0.05em;padding-left:1em}
.modal-employeeAlert .modal-contents .txt > li::before {display:inline-block;content:'';color:inherit;line-height:1;width:3px;height:3px;margin-top:-1.5px;margin-left:-1em;border-radius:50%;margin-right:.5em;vertical-align:middle;background:#333}
.modal-employeeAlert .modal-contents .txt > li > em {font-size:15px;line-height:20px;color:#1ba774;font-style:normal;}
.modal-employeeAlert .modal-contents .btn-area a {width:230px;height:55px;line-height:52px;font-weight:bold}
.modal-employeeAlert .btn-modal-close {top:27px;right:30px;}


/* 공유하기 레이어팝업 */
.detail-share li {width:94px;text-align:center}
.detail-share li:first-child {width:60px;margin-right:17px}
.detail-share li:last-child {width:60px;margin-left:17px}
.detail-share li a {padding: 75px 0 5px;}
.detail-share .icon {top: 5px;margin-left: -30px;width: 60px;height: 60px;background: url('/cjom/web/images/common/icon_detail_share.svg') no-repeat;}
.detail-share .icon.kakao {background-position: 0 0;}
.detail-share .icon.facebook {background-position: 0 -64px;}
.detail-share .icon.twitter {background-position: 0 -128px;}
.detail-share .icon.kakaostory {background-position: 0 -192px;}
.detail-share .icon.url {background-position: 0 -256px;}

/* 상품상세 상품평 공유 */
.detail-contents .btn-area {position:relative;}
.btn-area .btn-reviewShare {display: inline-block;height: 24px;position:relative;margin-right:10px;vertical-align:-5px}
.btn-reviewShare:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/cjom/web/images/common/ico-share.svg') 0 0 no-repeat;
}
.btn-reviewShare.disable:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/cjom/web/images/common/ico-share-disable.svg') 0 0 no-repeat;
}
.btn-reviewShare .txt {display: block;padding-left:28px;font-size:14px;color:#555;font-family: 'Noto Sans KR';font-weight: 400;}
.btn-reviewShare.disable .txt {color:#999;}
.btn-area .btn-reviewShare .review_tootip {opacity: 0;position:absolute;right:0;top:-45px;width:190px;height:41px;background:url('/cjom/web/images/common/ico_review_tootip.svg') no-repeat 0 0;z-index: 11;}
.btn-area .btn-reviewShare .review_tootip {text-align:center;color:#fff;font-size:13px;font-weight:bold;line-height:30px;letter-spacing:-0.5px}
.btn-area .btn-reviewShare .review_tootip.show {opacity: 1; transition: all .5s ease-out 0s;}
.btn-area .review_sort{position: absolute;display: block;top:9px;left:0}
.btn-area .review_sort span{font-size:15px;color:#555;display:inline-block}
.btn-area .review_sort span+span:before {content: '';display: inline-block;width: 1px;height: 15px;background-color: #ddd;margin:0 10px;vertical-align: -2px;}
.btn-area .review_sort a.on {color:#333;font-weight:bold}

/* 상품평 공유팝업 */
.modal .modal-header .modal-title.reviewPop {color:#333;padding-top:18px;}
.modal-contents .reviewPop_txt{font-size:18px;color:#767676;letter-spacing:-0.5px;line-height:24px;padding-bottom:15px;}
.modal-contents .reviewPop_txt span{color:#2a715a}

/* 햇반 상품상세 속성추가 */
.detail-info .prd-info-box02 {padding: 0px 50px 40px 190px;background:url('/cjom/design/detail/prd_deatil_40066442_08.jpg') no-repeat 27px 0;background-size: 138px auto;}
.detail-info .prd-info-box02 dt {font-size: 25px;font-weight: 700;color: #333;}
.detail-info .prd-info-box02 dd {font-size: 20px;line-height: 32px;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: 19px;color: #af793f;padding-left:127px}
.detail-info .ico-list-type03 dt.ico01:before {content:'';position: absolute;top:4px;left:30px;width:70px;height:70px;background: url(/cjom/design/detail/prd_deatil_40066442_09.png) no-repeat 0 0; background-size: 70px auto;}
.detail-info .ico-list-type03 dt.ico02:before {content:'';position: absolute;top:4px;left:30px;width:70px;height:70px;background: url(/cjom/design/detail/prd_deatil_40066442_10.png) no-repeat 0 0; background-size: 70px auto;}
.detail-info .ico-list-type03 dt.ico03:before {content:'';position: absolute;top:4px;left:30px;width:70px;height:70px;background: url(/cjom/design/detail/prd_deatil_40066442_11.png) no-repeat 0 0; background-size: 70px auto;}
.detail-info .ico-list-type03 dd {font-size: 19px;line-height: 26px;color: #333;padding-left:127px;padding-bottom:26px;}

/* 비비고 냉동밥 속성추가 */
.detail-info .txt-type04 {display: block;font-size: 19px;color: #9b9b9b;margin: 10px 0 3px 50px;letter-spacing: -1px;}
.detail-info .txt-type05 {display: block;font-size: 21px;color: #222;margin: 0px 0 5px 5px;letter-spacing: -1px;font-weight: 700;}
.detail-info .ico-list-type04 {margin:20px 0 30px 50px;}
.detail-info .ico-list-type04 li{position:relative;height:74px;line-height:74px;padding-left:98px;padding-bottom:15px;color:#333;font-size:19px;font-weight: 700;}
.detail-info .ico-list-type04 li.ico01 {background: url(/cjom/design/detail/prd_deatil_40063644_05.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico02 {background: url(/cjom/design/detail/prd_deatil_40063644_06.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico03 {background: url(/cjom/design/detail/prd_deatil_40063644_07.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico04 {background: url(/cjom/design/detail/prd_deatil_40063645_04.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico05 {background: url(/cjom/design/detail/prd_deatil_40063645_05.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico06 {background: url(/cjom/design/detail/prd_deatil_40063645_06.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico07 {background: url(/cjom/design/detail/prd_deatil_40063646_04.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico08 {background: url(/cjom/design/detail/prd_deatil_40063646_05.png) no-repeat 0 0; background-size: 74px auto;}
.detail-info .ico-list-type04 li.ico09 {background: url(/cjom/design/detail/prd_deatil_40063646_06.png) no-repeat 0 0; background-size: 74px auto;}

/* the프라임 해지사유 */
#modal-primeEnd h2 {padding-top:45px;font-weight:normal;font-size:27px;line-height:32px;}
#modal-primeEnd h2 strong {display:block;margin-top:1px;font-weight:bold;}
#modal-primeEnd .tit-desc {margin-top:14px;font-size:16px;line-height:22px;color:#767676;}
#modal-primeEnd .primeEnd-chklist {overflow-y:auto;height:404px;margin-top:32px;border-top:1px solid #eee;}
#modal-primeEnd .primeEnd-chklist li {padding:19px 0;border-bottom:1px solid #eee;line-height:22px;font-size:16px;}
#modal-primeEnd .primeEnd-chklist li .chk-tit {margin-bottom:10px;}
#modal-primeEnd .primeEnd-chklist li .chk-cont {width:100%;box-sizing: border-box;padding:0 10px 10px 0;}
#modal-primeEnd .primeEnd-chklist li .chk-cont:after {content: "";clear: both;display: block;}
#modal-primeEnd .primeEnd-chklist li .chk-cont:last-child {padding-bottom:0;}
#modal-primeEnd .primeEnd-chklist li .chk-tit {font-weight:bold;font-size:16px;color:#333;line-height:22px;}
#modal-primeEnd .primeEnd-chklist li .chk-txt {font-size:16px;color:#333;}
#modal-primeEnd .primeEnd-chklist li .chk-txt label {font-size:16px;color:#333;line-height:22px;}
#modal-primeEnd .primeEnd-chklist li .chk-area {float:right;}
#modal-primeEnd .primeEnd-chklist li .input-checkbox:after {border:1px solid #d4a14c; background:none;}
#modal-primeEnd .primeEnd-chklist li .input-checkbox.active:after {border:1px solid #d4a14c; background:#d4a14c url(/cjom/web/images/icon/ico_prime_end_checkbox_on.png) no-repeat center; background-size:cover;}
#modal-primeEnd .primeEnd-chklist li .input-checkbox.focus:after {border-color: #d4a14c !important;}
#modal-primeEnd .btn-box {padding:0 40px;}
#modal-primeEnd .btn-box:after {content: "";clear: both;display: block;}
#modal-primeEnd .btn-box .btn {font-size:16px;width:207px;border: 1px solid #d4a14c;font-weight:bold;height: 45px;line-height: 43px;border-radius:0;}
#modal-primeEnd .btn-box .btn-t01 {float:left;color: #d4a14c;background-color: #fff;}
#modal-primeEnd .btn-box .btn-t02 {float: right;color: #fff;background-color:#d4a14c;}

/* 상품상세 프라임회원가 ui 변경건 */
.product-info-box .price-info .price-acd-btn {border-bottom:none}
.product-info-box .cook-info+.price-info {margin-top: 24px;}
.product-info-box .price-info {border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}

.price_item{border-bottom: solid 1px #ddd;padding:15px 0 12px;}
.price_item .product_dc_price {line-height:19px;}
.price_item .product_dc_price .prd_per{font-size: 16px;color:#333}
.price_item .product_dc_price del {font-size: 16px;color: #999;margin-left:6px}
.price_item .product_dc_price del em{font-style: normal;}
.price-info .price-acd-content {margin: 15px 0 12px;border-bottom: none;}
.price-acd-content .product-info-noti li {line-height: 18px;}
.product_prime_price + .price-acd-content{margin-bottom:3px}

.price_item .product_sel_price{line-height:27px;font-size: 20px;color:#111} /* MARKETDEV-10329 프라임 특가 신규추가 */
.price_item .product_sel_price .number{font-size: 25px;font-weight: bold;vertical-align: -2px;}
.price_item .product_sel_price.new__price {font-weight: bold; font-size:24px; line-height:38px;}
.price_item .product_sel_price.new__price .number{font-size:32px; line-height:38px;}
.price_item .product_sel_price .detail_anchor, .price_item .product_prime_price .detail_anchor{margin-left: 4px;display: inline-block;width:18px;height:18px;vertical-align: middle;background:url('/cjom/web/images/icon/ico_btn_arrow.svg') no-repeat 0 0;background-size:18px auto;}
.price_item .product_sel_price .detail_anchor.active, .price_item .product_prime_price .detail_anchor.active {background:url('/cjom/web/images/icon/ico_btn_arrow_open.svg') no-repeat 0 0;background-size:18px auto;}

.price_item .product_prime_price {position:relative;font-size: 20px;color: #e72a50;line-height:27px;}
.price_item .product_prime_price .number{font-size: 25px;line-height:33px;font-weight: bold;vertical-align: -2px;}
.price_item .product_prime_price .txt{font-size: 14px;padding-left:4px;}
.price_item .product_prime_price .link{position:absolute;right:0;bottom: 2px;font-size:14px;color:#2a715a;padding-right:10px;line-height: 22px;background:url('/cjom/web/images/icon/ico_arrow_green.svg') no-repeat 99% 50%;background-size:8px auto;}
.price_item .product_prime_price .p-price {color:#333;font-size:16px;line-height:18px;}
.price_item .product_prime_price .p-link {margin-left:5px;text-decoration:underline;color:#999;font-size:16px;}

/* MARKETDEV-10329 프라임 특가 신규추가 */
.product-price-primediscount-wrap {display:flex;align-items:center;gap:0 6px;margin-top:1px;}
.price_item .product-price-primediscount {height:38px;font-size:28px;color:#B00000;font-weight:bold;line-height:1.2}
.price_item .product-price-primediscount .price {font-size:32px;}
.price_item .product-price-primediscount .won {font-size:24px;vertical-align:2px;}
.product-price-primediscount-wrap .tooltip-wrap:after {display:none;}
.product-price-primediscount-wrap .tooltip-content {width:280px;padding:16px 40px 16px 16px;border-color:#999;color:#333;line-height:16px;}
.product-price-primediscount-wrap .tooltip-content .btn-tooltip-close {top:12px;right:12px;}

.detail_cafeteria_point{line-height:25px;border-top: dashed 1px #eeeeee;color:#888;font-size:23px;padding-top:20px;margin-top:20px;}
.detail_cafeteria_point .number{font-size:25px;font-weight: bold;font-size:25px;display: inline-block;vertical-align: 0px;}
.detail_cafeteria_point .txt{font-size:13px;vertical-align: 2px;padding-left:6px;}

/* 상품상세 상품선택 셀렉트박스 */
.product-info-box [class^='select-option'] .option-list{z-index: 20111;}

/* 장바구니,주문결제 사은품안내 */
.order-giftinfo.line {margin-top:30px;border-top:1px solid #ddd;}
.order-giftinfo .cont-title.mt40 {margin-top:30px !important;}
.order-giftinfo .desc-list {margin-top:4px;}
.order-giftinfo .desc-list li {color:#767676;}
.order-giftinfo .desc-list li+li {margin-top:0;}
.order-giftinfo .desc-list li .emp {color:#e72a50;}
.order-giftinfo .desc-list li .emp2 {color:#555;}
.order-giftinfo .cont-title .text {margin-left:5px;font-weight:normal;}
.order-giftinfo .content-box {margin-top:30px;padding:0 30px;box-sizing:border-box;border:1px solid #ddd;background-color:#f8f8f8;}
.order-giftinfo .cont-title+.content-box {margin-top:20px;}
.order-giftinfo .content-bar .sub-title {line-height:24px;max-width:72%;}
.order-giftinfo .content-bar .sub-title .emp {margin-top:6px;display:block;color:#767660;font-size:15px;letter-spacing:-1px;line-height:19px;font-weight:normal;}
.order-giftinfo .content-bar .sub-title .emp em {display:inline-block;margin-top:6px;padding-left:22px;color:#e72a50;background:url('/cjom/web/images/icon/icon-invalid.svg') no-repeat 0 50%;background-size:17px;}
.order-giftinfo .content-bar .sub-title .emp a {font-size:14px;color:#333;text-decoration:underline;margin-left:4px;}
.order-giftinfo .content-box .content-bar {padding:20px 0;border:0;}
.order-giftinfo .content-box .content-bar>.date {color:#767676;top:46px;}
.order-giftinfo .content-box .content-bar> .link-view {position:absolute;right:0;top:20px;color:#2a715a;font-size:14px;letter-spacing:-1px;text-decoration:underline;}
.order-giftinfo [class*='product-list-row'] {padding:10px 0 20px;border:1px solid #ddd;border-top:0;}
.order-giftinfo .product-list-row-sm .product-item  {display:table-cell;vertical-align:middle;margin-top:10px;}
.order-giftinfo .product-list-row-line {overflow:hidden;width:100%;display:table;padding:15px 0;box-sizing:border-box;}
.order-giftinfo .product-list-row-line.product-list-row-sm .product-item {float:none;}
.order-giftinfo .product-list-row-line:after  {position:absolute;left:50%;top:0;height:100%;width:1px;content:'';background-color:#ddd;}
.order-giftinfo .product-list-row-sm .product-item .thumb {width:60px;height:60px;left:30px;}
.order-giftinfo .product-list-row-sm .product-item .inner {padding:0 10px 0 110px;height:60px;}
.order-giftinfo [class*='product-list-row'] .product-item .inner:after {height:0;}
.order-giftinfo .product-list-row-sm .product-item .title {padding-right:0;vertical-align:middle;}
.order-giftinfo [class*='product-list-row'] .product-item.soldout .thumb:after, .order-giftinfo [class*='product-list-row'] .product-item.soldout .thumb:after    {width:60px;height:60px;line-height:60px;}
.order-giftinfo [class*='product-list-row'] .product-item.exhaust .thumb:after, .order-giftinfo [class*='product-list-row'] .product-item.exhaust .thumb:after    {width:60px;height:60px;line-height:60px;}
.order-giftinfo .product-item .date {display:block;width:100%;margin-top:0;font-size:13px;line-height:18px;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .form-item {padding-left:30px;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner {padding-left:80px;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner-ty {padding-left:0;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .thumb {left:60px;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner-sec {position:relative;left:0;height:60px;display:table;width:100%;padding-left:90px;margin-top:10px;box-sizing: border-box;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner-sec:first-child {margin-top:0;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner-sec .thumb {left:10px;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner-sec.exhaust .thumb {width:60px;height:60px;line-height:60px;}
.payment-container .order-giftinfo .product-list-row-sm .product-item .inner-sec.exhaust .thumb:after {width:60px;height:60px;line-height:60px;
    content: "재고소진";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    z-index: 2;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/* 사은품안내(팝업) */
.pop-giftinfo .content-bar .sub-title .emp {margin-top:6px;display:block;font-size:15px;color:#767676;letter-spacing:-1px;font-weight:normal;line-height:19px;}
.pop-giftinfo .content-box:first-child {margin-top:0;}
.pop-giftinfo .content-box {margin-top:30px;border:1px solid #ddd;}
.pop-giftinfo .content-bar {padding:20px 30px;max-height:90px;border-bottom:1px solid #ddd;background-color:#f8f8f8;}
.pop-giftinfo .content-bar .sub-title {line-height:24px;max-width:72%;font-weight:500;}
.pop-giftinfo .content-bar>.date {right:30px;color:#767676;letter-spacing:-1px;bottom:19px;top:auto;}
.pop-giftinfo .product-list-row-sm .product-item .thumb {width:60px;height:60px;left:30px;}
.pop-giftinfo .product-list-row-sm .product-item .inner {height:60px;padding:10px 10px 10px 110px;}
.pop-giftinfo .product-item .date {margin-top:0;font-size:13px;line-height:18px;}
.pop-giftinfo .content-bar .link-view {position:absolute;right:30px;top:20px;color:#2a715a;font-size:14px;letter-spacing:-1px;text-decoration:underline;}
.pop-giftinfo [class*='product-list-row'] {padding:10px 0 20px;}
.pop-giftinfo [data-column="2"][class*="product-list-row"] .product-item {margin:0;}
.pop-giftinfo [class*='product-list-row'] .product-item .inner:after {height:0;}
.pop-giftinfo [class*='product-list-row'] .product-item.soldout .thumb:after, .pop-giftinfo [class*='product-list-row'] .product-item.soldout .thumb:after    {width:60px;height:60px;line-height:60px;}
.pop-giftinfo [class*='product-list-row'] .product-item.exhaust .thumb:after, .pop-giftinfo [class*='product-list-row'] .product-item.exhaust .thumb:after    {width:60px;height:60px;line-height:60px;}
.pop-giftinfo .info-box {margin-top:25px;padding:0;background-color:#fff;}
.pop-giftinfo .desc-list li .emp {color:#2a715a;font-weight:bold;}

/* */
#eventJoinPhotoView .slick-slide {min-height:300px;}

/* 배송지 입력 시 연락처 안내문구 추가 */
.txt_desc {position:relative;font-size:14px;color: #767676;padding-left:24px;line-height:22px;margin:10px 0 5px}
.txt_desc:before {content: '';position: absolute;left: 0;top: 2px;display: inline-block;width: 18px;height: 18px;vertical-align: top;background:url('/cjom/web/images/icon/ico-notice.svg') no-repeat 0 0;background-size:18px auto;}
.delivery-modi>li .txt_desc {margin-bottom:8px}

/* PC 브랜드관 브랜드 소구문구, 해시태그 표기 */
.brand-story-header{position:relative;padding-top:53px;}
.brand-story-header .brand-story-title{color:#333;font-size:40px;font-weight:700;letter-spacing: -0.56px;line-height: 50px;}
.brand-story-header .brand-story-title2{padding-top:30px;color:#333;font-size:20px;font-weight:700;letter-spacing: -0.28px;line-height: 30px;}
.brand-story-header .brand-story-desc{padding:5px 0 8px;color:#767676;font-size:17px;letter-spacing: -0.5px;line-height: 25px;}
.brand-story-header + .cont-title.mt50{padding-top:1px;}
.brand-story-header + .cont-title.mt30{padding-top:21px;}
.brand-story-hash{margin-top:28px;}
.brand-story-hash ul{display:flex; flex-wrap:wrap }
.brand-story-hash li{padding: 0 8px 8px 0; }
.brand-story-hash li a{padding:0 15px; min-width:50px; height:40px; border-radius:20px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; box-sizing:border-box; font-size:14px; color:#333; letter-spacing: -0.41px;}

/* 더사면 더할인 */
.product-plusDc-wrap{position:relative;margin-top:50px;border: solid 1px #ddd;padding:9px 30px}
.product-plusDc-wrap .product-wp .product-list {margin:0;}
.product-plusDc-wrap .product-wp .product-list-top {height:190px;}
.product-plusDc-wrap .product-price-box .product-price {display:inline-block;line-height:23px;}
.product-plusDc-wrap .product-list-slider {border-top:0 none;position:relative;}
.product-plusDc-wrap .product-list-slider .slick-util-group {top: -106px;right:0;}
.product-plusDc-wrap .product-list-slider .slick-list {margin:0 0 0 -15px}
.product-plusDc-wrap .product-list-slider .product-item, .sub_recommend .product-list-slider .product-item {margin:0 0 0 16px}
.product-plusDc-wrap .product-list-slider .product-item:nth-child(1), .sub_recommend .product-list-slider .product-item:nth-child(1) {margin-left:15px}
.product-plusDc-wrap .product-plusDc-info{margin-top:10px;background-color: #f9f9f9;padding:18px 30px 17px;}
.product-plusDc-wrap .product-plusDc-info .info_tit{display:inline-block;font-size:16px;color: #2c8050;font-weight: 500;padding-right:17px;}
.product-plusDc-wrap .product-plusDc-info .info_txt{color: #767676;font-size:15px;padding-right:5px;}
.product-plusDc-wrap .product-plusDc-info .info_txt em{color: #2c8050;}
[class*='product-list-option'] .product-item .btn-box button + button {margin-left: 10px;}
.product-item .btn_plusDc {border: 1px solid #2a715a;border-radius:0;vertical-align: middle;min-width: 90px;height: 30px;padding: 0 10px;line-height: 28px;font-size: 13px;color: #2a715a;background-color: #f6faf8;}
.product-list .btn_plusDc, .product-list-hot4 .btn_plusDc, .product-list-hot .btn_plusDc, .new-product-list .btn_plusDc{width: 100%;border-radius:3px 3px;height: 40px;line-height: 38px;font-size: 14px;margin-top:11px;}
.product-list-row .product-item .btn-box .btn_plusDc {margin-top:10px}
.product-list-row .product-item .btn-box .btn-cart, .product-list-row .product-item .btn-box .btn-buy, .product-list-row .product-item .btn-box .btn_plusDc {min-width: 120px;}
.new-product-item .product-item .btn-box {display:block}
.new-product-item .product-item .btn-box .btn_plusDc{width: 100%;border-radius:3px 3px;margin-top:5px}
.new-product-item .product-item .inner {vertical-align: top;}
.new-product-item .product-item-wrap {height:180px;padding-bottom:20px}
.new-product-item .product-item .flag-area {margin-top: 20px;margin-bottom: 4px}
#modal_plusDc  .modal-header .modal-title {color:#000;font-size:28px;}
#modal_plusDc .modal-header {padding-bottom:10px}
#modal_plusDc .modal-footer {padding-top: 10px;}
#modal_plusDc .product-plusDc-info{background-color: #f6f8f8;padding:15px 20px;margin-top:24px}
#modal_plusDc .product-plusDc-info .info_tit{color:#333;font-size:15px;font-weight: 700;line-height:19px;padding-bottom:6px;}
#modal_plusDc .product-plusDc-info .info_txt{display:block;color:#666;font-size:15px;padding-top:4px;line-height:19px;}
#modal_plusDc .product-plusDc-info .info_txt em{color: #1BA774;}
#modal_plusDc .info-box{padding: 0; background-color: #fff;margin:0 40px;line-height:18px;border-top:1px solid #ddd;}
#modal_plusDc .info-box .desc-list {margin-top:20px;}
#modal_plusDc .info-box .desc-list li {line-height:18px;}
.cart-plusDc-wrap{position:relative;border: solid 1px #dddddd;padding:0 30px;height:50px;line-height:50px;margin:0 0 30px 155px;letter-spacing: -0.68px;font-weight: 700;font-size:15px;color:#333}
.cart-plusDc-wrap .btn-plusAdd{position:absolute;right:30px;color:#2c8050;text-decoration: underline;}
.cart-plusDc-wrap.not_add em{color:#e72a50 !important;}
.pop-product-plusDc li {padding-top:30px;display:table;width:100%;}
.pop-product-plusDc li:first-child {padding-top:14px;}
.pop-product-plusDc li .product-list2 .product-list-cont {width:380px;float:left;}
.pop-product-plusDc [class*=-column] {position: relative; display: table-cell; font-size: 15px; vertical-align: middle;}
.pop-product-plusDc .product-info .title-box {width:270px;}
.pop-product-plusDc .product-info .inline {padding:0 24px 0 96px;}
.pop-product-plusDc .product-info .title {font-size:15px;line-height: 18px;}
.pop-product-plusDc .price-info {margin-top: 6px;}
.pop-product-plusDc .price-info .price {display: inline-block;color: #333;font-size: 18px;margin-right: 2px;}
.pop-product-plusDc .price-info .price strong {font-size: 21px;letter-spacing: -0.5px;}
.pop-product-plusDc .price-info del {display: inline-block;margin-right: 1px;color: #999;font-size: 14px;}
.pop-product-plusDc .price-info del .num {font-size: 15px;}
.pop-product-plusDc .quantity-column {width:102px;}
.pop-product-plusDc .quantity-column .title {display: none;}
.pop-product-plusDc .plusDc-column {width:35px;padding-left:10px;}
.pop-product-plusDc .product-wp {display:table-cell;vertical-align:middle;}
.pop-product-plusDc .plusDc-column .btn-product-cart {width:35px;height:35px;
    background: url(/cjom/web/images/common/icon-plist-cart.svg) no-repeat 0 0;
    background-size: 35px;
    display: inline-block;}
.product-option .option-item .btn_plusDc {color:#2a715a;text-align:right;}
.product-option .option-item .btn_plusDc button{text-decoration: underline;}
.product-option .option-item .option-name + .btn_plusDc {margin:5px 0 3px}
.product-option .option-item .option-date + .btn_plusDc {margin-top:-25px}
.detail-cart-wrap .product-option .option-item .btn_plusDc {text-align:left;margin-bottom:2px}
.detail-cart-wrap .option-item .option-date + .btn_plusDc {margin:3px 0 0px}
.product-plusDc-wrap .plusDc_txt {border-top: solid 1px #eeeeee;padding:7px 0 11px;margin-top:23px}
.product-plusDc-wrap .product-item .btn-box .btn_plusDc{width: 100%;border-radius:3px 3px;margin-top:5px}

/* 개인화추천 Pilot */
.sub_recommend.type01{position:relative;border-top: solid 1px #ddd;padding:59px 30px 87px;}
.sub_recommend.type01 .slide-box-col {width:1220px;margin:0 auto}
.contents .sub_recommend.type01 .slide-box-col {width:auto;margin:0 auto}
.contents .sub_recommend.type01{border: solid 1px #ddd;margin-top:50px;padding:9px 29px;}
.contents .sub_recommend.type02{position:relative;border: solid 1px #ddd;margin-top:50px;padding:0px;}
.contents .sub_recommend.type02:after {content:''; display:block; clear:both;}
	.sub_recommend .product-wp .product-list {margin:0;}
	.sub_recommend .product-wp .product-list .product-list-top {height:190px;}
.contents-order .sub_recommend.type02 .slide-box-col {margin: 0 0 0 15px;}
.contents-order .sub_recommend .product-wp .product-list .product-list-top {height:200px;}
.contents-order .sub_recommend .product-wp .product-list .product-list-top.soldout-alarm .thumbnail-img:after
{top:32%;}

.contents .product-plusDc-wrap + .sub_recommend {margin-top:20px}
.contents .sub_recommend + .sub_recommend {margin-top:20px}
.sub_recommend .sub-title .fc-green {color: #018246 !important;}
.sub_recommend.type01 .product-list-slider, .sub_recommend.type02 .product-list-slider {border-top:0 none;position:relative;padding-top: 11px;}
.sub_recommend .product-list-slider .slick-util-group {right:0}
.contents .sub_recommend.type02 .slide-box-col {width:600px;float:left;position:relative;padding:9px 0 9px 30px;}
.contents .sub_recommend.type02 .slide-box-col + .slide-box-col {margin-left:8px;padding-left:20px;}
.contents .sub_recommend.type02 .slide-box-col:after{content:'';position:absolute;left:0;top:0;bottom:0;width:30px;background-color:#fff;}
.contents .sub_recommend.type02 .slide-box-col + .slide-box-col:after {content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#ddd;}
.sub_recommend.type02 .product-list-slider:after{content:'';position:absolute;left:0;top:0;bottom:0;width:9px;background-color:#fff;margin-left: -9px;}
.sub_recommend .product-list-slider .slick-list {margin:0 0 0 -15px}
.sub_recommend.type02 .product-list-slider .slick-list {margin:0;}
.contents .sub_recommend.type02 .product-list-slider .product-item {width:190px !important;}
.contents .sub_recommend.type02 .product-list-slider .product-item {margin: 0 0 0 10px;}
.contents .sub_recommend.type02 .product-list-slider .product-item:first-child {margin-left:0;}
.contents .sub_recommend.type02 .slide-box-col + .slide-box-col .title-bar-small .sub-title{padding-left:17px}
.contents .sub_recommend.type02 .slide-box-col .slick-util-group{right:10px;}
.contents .sub_recommend.type02 .slide-box-col .slick-util-group .slick-count {position:relative;top:-1px;}
#prodDetail .sub_recommend.type02 .slide-box-col .slick-util-group {right:10px;}
.recommend_load{position:relative;margin:0 auto;text-align:center;font-size:16px;color:#666;}
.recommend_load:before{content:'';display:inline-block;margin:0 auto;width:52px;height:52px;background: url(/cjom/web/images/icon/recommend_load_grey.gif) 0 0 no-repeat;background-size:52px}
.recommend_load span.txt{display:block;line-height:19px;padding-top:6px}
.sub_recommend.type01 .recommend_load{padding:0;}
.contents .sub_recommend .recommend_load{padding:31px 0 30px;}
.sub_recommend .product-list-slider .price-info del + .price {display:block;line-height: 27px;margin-top:-7px}
.sub_recommend .product-item .price-info {margin-top:2px}
.sub_recommend .product-item .price-info .dis-rate{font-size:14px;vertical-align: middle;margin-right:5px}
.sub_recommend .product-list-slider .price-info del{font-size:14px;line-height: 32px;}
.sub_recommend .product-item .star-rating {margin-top: 5px;}
.sub_recommend .product-item .category {margin-top:2px}
.sub_recommend .product-item .flag-area {margin-top:10px}
.sub_recommend .product-item .btn-box .btn_plusDc{width: 100%;border-radius:3px 3px;margin-top:5px}
.contents .sub_recommend.type02:before {content:'';position:absolute;left:638px;top:0;bottom:0;width:1px;background-color:#ddd;}
.contents .sub_recommend.type02 .recommend_load {background-color:#fff}

/* 더사면더할인_행사상품 더보기 버튼추가 */
.product-info-list>li .link{position:absolute;right:0;top: 7px;font-size:14px;color:#2a715a;padding-right:10px;line-height: 22px;background:url('/cjom/web/images/icon/ico_arrow_green.svg') no-repeat 99% 50%;background-size:8px auto;}

/* 결제수단_청구할인 추가 */
.info_cardCharge {line-height: 21px;display:inline-block;vertical-align: 1px;padding-left:9px}
.info_cardCharge .tooltip-label {color: #0c8050;font-size: 18px;font-weight: 700;line-height: 21px;margin-right:2px}
.info_cardCharge [data-tooltip] .tooltip-wrap {vertical-align: middle; margin-top:0;}
.info_cardCharge [data-tooltip] {height:21px}
.info_cardCharge .tooltip-content {width: 308px;}
.info_cardCharge_box{background-color: #f8f8f8;border-top:1px solid #ddd;padding:20px 30px;margin:30px 0 20px;}
.info_cardCharge_box p{color: #0c8050;font-size:15px;line-height: 21px;}
.info_cardCharge_box strong{font-size:18px;padding-left:26px;line-height: 21px;margin-right:4px;display: inline-block;background: url(/cjom/web/images/icon/ico-card.svg) 0 50% no-repeat;background-size:20px}
.info_cardCharge_box .desc-list {margin-top: 5px;}
.info_cardCharge_box .desc-list li+li {margin-top: 2px;}

/* LG U+ 선물세트 신청하기 */
.lguplus-gift-wrap [class^=btn-default]{background:#0c8050;border:1px solid #0c8050;}
.lguplus-gift-wrap [class^=btn-white]{color: #0c8050;border:1px solid #0c8050;}
.lguplus-gift-wrap > .cont-title:nth-child(1){margin-top:24px;line-height:1;}
.lguplus-gift-wrap .result-box .result-text{font-weight:normal;}
.lguplus-gift-wrap .input-radio.focus {border-color: #2a715a;}
.lguplus-gift-wrap .fc-green{color:#0c8050 !important;}
.lguplus-gift-wrap .product-list-row-sm .product-item .form-item{width:40px;}
.lguplus-gift-wrap .product-list-row-sm .product-item .memo{padding-right:0;width:346px;}
.lguplus-gift-wrap .product-item.end .thumb img, .lguplus-gift-wrap .product-item.soldout .thumb img{opacity:1;}
.lguplus-gift-wrap .product-item.end .thumb:after, /* 2019-07-09 판매종료 케이스 추가// */
.lguplus-gift-wrap .product-item.unsold .thumb:after, .lguplus-gift-wrap .product-item.soldout .thumb:after {content: "품절";position: absolute;top: 50%;left: 50%;display: block;z-index: 2;width: 100px;height: 100px;font-size: 14px;border-radius: 0;color: #fff;line-height: 100px;text-align: center;background: rgba(0, 0, 0, 0.4);transform: translate(-50%, -50%);}
.lguplus-gift-wrap .product-item .tit-item{color:#767676;font-size:13px;}
.lguplus-gift-wrap .product-item .info-item{margin-top:10px;}
.lguplus-gift-wrap .product-item .info-item li{font-size:13px;line-height:20px;color:#000;}
.lguplus-gift-wrap .product-item .info-item li:before {content: '';display: inline-block;vertical-align:middle;width: 7px;height: 7px;margin: 0 7px 0 0;background: url('/cjom/web/images/common/spr_common.svg') 0 -150px no-repeat; background-size: 510px 210px;}
.login-wrap .login-form .id-pw-txt {font-size:14px;color:#999;line-height: 22px;margin-top: 12px;}

/* 카카오싱크 간편 가입 - 재정의 */
.new_login.login-wrap {width: 386px;margin: 39px auto 0;padding: 44px 37px 40px;}
.new_login.login-wrap .page-title {margin:0;font-size:24px;line-height:30px;padding-bottom:20px;}
.new_login.login-wrap [class^=input-].lg input {height:48px;line-height:48px;border-color: #ccc;font-size:15px;color:#000;padding: 0 15px 1px;}
.new_login.login-wrap input::placeholder, .new_login.login-wrap input::-webkit-input-placeholder{font-size: 15px;font-weight: normal;color: #ccc !important;}
.new_login .login-form .login .input-password {margin-top:10px;}
.new_login.login-wrap .login-form .captcha {padding-top:21px;padding-bottom:10px;}
.new_login.login-wrap .login-form .captcha .txt {font-size:15px;line-height:19px;}
.new_login .login-form .captcha .captcha-img {margin-top:10px;}
.new_login .login-form .captcha .captcha-img>img {border:0;width:255px;height:90px;}
.new_login.login-wrap .login-form .captcha .captcha-img>[class^=btn-white2-sm] {width:120px;padding:0}
.new_login .login-form .captcha .input-text {margin-top:10px}
.new_login.login-wrap .login-form .btn-default-lg-login {margin-top:10px;font-size:18px;background-color: #0c8050;height:53px;line-height:51px;border: 1px solid #0c8050;}
.new_login.login-wrap .login-form .id-pw-find {padding:0;float:right}
.new_login.login-wrap .login-form .id-pw-find li a {font-size:14px;color:#333;line-height:18px;}
.new_login.login-wrap .login-form .id-pw-find li:last-child a {color:#333}
.new_login.login-wrap .login-form .id-pw-find li+li {padding-left:16px;margin-left:16px;}
.new_login.login-wrap .login-form .id-pw-find li+li:after {background: #e7e7e7;height:11px;margin-top: -5px;}
.new_login.login-wrap .sns-login ul li {margin-right:32px;}
.new_login.login-wrap .sns-login ul li:last-child {margin-right:0}
.new_login.login-wrap .sns-login ul li a {font-size:12px;color: #767676;}
.new_login.login-wrap .sns-login ul li i {width:50px;height:50px;background-size:50px 50px !important;}
.new_login.login-wrap .nprime-login {padding: 35px 0 0;}
.new_login .login_btn .save-id .input-checkbox {width:24px;height:24px;margin-right:5px}
.new_login.login-wrap .input-checkbox:after {border-color: #ccc;width: 24px;height: 24px;border-radius:24px}
.new_login.login-wrap .input-checkbox.active:after {border: 0 none; background: #0c8050 url(/cjom/web/images/contents/login/bt-login-checkbox-on-pc.svg) no-repeat 0 0;}
.modal-contents .new_login.login-wrap {padding: 0;}
.new_login.login-wrap .sns-login ul li .icon-kakao {background: url('/cjom/web/images/contents/login/icon_kakao_new.svg') no-repeat;}
.new_login.login-wrap .sns-login ul li .icon-naver {background: url('/cjom/web/images/contents/login/icon_naver_new.svg') no-repeat;}
.new_login.login-wrap .sns-login ul li .icon-facebook {background: url('/cjom/web/images/contents/login/icon_facebook_new.svg') no-repeat;}
.new_login.login-wrap .sns-login ul li .icon-phone {background: url('/cjom/web/images/contents/login/icon_phone_new.svg') no-repeat;}

/* 카카오싱크 간편 가입 - 신규 */
.new_login .mag_txt{color: #a12027;font-size:13px;line-height:16px;padding-top:10px;display:inline-block;}
.new_login .login_btn{overflow:hidden;}
.new_login.login-wrap .sns-login {margin-top:38px;}
.new_login .login_btn .save-id{font-size:14px;color:#333;margin-top:12px;display:inline-block}
.new_login.login-wrap .join_btn {margin-top:35px}
.new_login.login-wrap .join_btn .btn-default-lg-join{width:100%;margin-top:10px;background-color: #fff;height:45px;line-height:41px;border: 1px solid #e6e6e6;}
.new_login.login-wrap .join_btn .btn-default-lg-join span{color:#000;opacity:0.8;font-size:15px;}
.new_login.login-wrap .join_btn .btn-default-lg-kakao {width:100%;font-size:15px;background-color: #fae100;height:53px;line-height:51px;border: 1px solid #fae100;}
.new_login.login-wrap .join_btn .btn-default-lg-kakao span{color:#381e1f;font-size:16px;}
.new_login.login-wrap .join_btn .btn-default-lg-kakao i {display: inline-block;vertical-align: -1px;margin-right:7px;background: url(/cjom/web/images/contents/login/icon_bt_kakao.svg) no-repeat;width:16px;height:16px;}
.new_login .nonmember_join_benefit{margin-top:23px;}
.new_login .nonmember_join_benefit .tit {text-align:center;display:block;font-size: 17px;font-weight: 700;color: #333;line-height:20px}
.new_login .nonmember_join_benefit .desc {text-align:center;font-size: 15px;color: #767676;line-height:19px;margin-top:6px;}
.new_login .nonmember_join_benefit .btn-default-lg-join, .nonmember_join_benefit .btn-default-lg-kakao{width:100%;margin-top:10px;background-color: #fff;height:45px;line-height:41px;border: 1px solid #e6e6e6;}
.new_login .nonmember_join_benefit .btn-default-lg-join span, .nonmember_join_benefit .btn-default-lg-kakao span{color:#000;opacity:0.8;font-size:15px;}
.new_login .nonmember_join_benefit .btn-default-lg-kakao i {display: inline-block;vertical-align: -4px;margin-right:6px;background: url(/cjom/web/images/contents/login/icon-bt-kakao-yellowcircle-pc.svg) no-repeat;width:22px;height:22px;}
.new_login .nonmember_banner{margin-top:10px;}
.new_login .nonmember_banner a{position:relative;display:block;}
.new_login .nonmember_banner a img{width:100%;}
.new_login .nonmember_banner a .t01 {color:#000;font-size:16px;font-weight:700;line-height:19px;margin-bottom:4px}
.new_login .nonmember_banner a .t02 {display:inline-block;color:#918e85;font-size:14px;line-height:17px;}
.new_login .nonmember_banner a .t02:after {content:'';display:inline-block;margin-left:4px;width:7px;height:17px;vertical-align: middle;background: url(/cjom/web/images/contents/login/nonmember_banner_arrow.svg) no-repeat 0 50%;}
.new_login.login-wrap .login-form .id-pw-txt .fc-green {color:#0c8050 !important}
.new_login.login-wrap [class^=input-].lg input {padding-right:40px;}
.new_login .login-form .login {position:relative;}
.new_login .login-form .login .view-pw{position:absolute;bottom:4px;right:1px;width:40px;height:40px;}
.new_login .login-form .login .view-pw .input-checkbox{width:40px;height:40px;margin:0}
.new_login .login-form .login .view-pw .input-checkbox:after{border:0 none;width:40px;height:40px;background: url(/cjom/web/images/contents/login/icon-password-off.svg) no-repeat 0 0;background-size:40px auto}
.new_login .login-form .login .view-pw .input-checkbox.active:after {border: 0 none; background: url(/cjom/web/images/contents/login/icon-password-on.svg) no-repeat 0 0;}
.join_fail {position:relative;padding-top:280px;}
.join_fail:before {content:'';position:absolute;left:50%;top:56px;margin-left:-100px;width:200px;height:200px;background: url(/cjom/web/images/contents/login/bg_join_fail.png) no-repeat 0 0;background-size:200px auto}
.join_fail h2 {font-size:19px;color:#222;line-height:24px;text-align:center;font-weight: 500;}
.join_fail .txt{font-size:14px;color:#888;line-height:20px;text-align:center;padding-top:8px;}
.join_fail .btn-area {margin-top:24px;}
.join_fail .btn-area .btn_customer{display:inline-block;color:#000;border:1px solid #e5e5e5;background-color: #fff;font-size:14px;height:46px;line-height:45px;width:193px;}
.modal .modal-header.type-login-new {margin:44px 0 20px;padding:0;}
.modal .modal-header.type-login-new .modal-title {font-size: 24px;color: #333;text-align:center;line-height: 30px;padding-right:0}
.modal .btn-modal-close.new_login {width:42px;height:42px;top: 12px;right:12px}
.modal .btn-modal-close.type-color.new_login span {width:42px;height:42px;left:0;background: url(/cjom/web/images/icon/btn-popup-close.svg) no-repeat 50%;}
.modal .btn-modal-close.type-color.new_login span:before, .modal .btn-modal-close.type-color.new_login span:after {display:none}
.new_login.login-wrap .login-form + .join_btn {margin-top:20px}
.new_login .btn-white2-sm-refresh span:after {margin-top: -7px;width:17px;height:17px;background: url(/cjom/web/images/contents/login/icon-refresh-pc.svg) no-repeat 50%;}
.new_login .btn-white2-sm-voice span:after {margin-top: -7px;width:22px;height:15px;background: url(/cjom/web/images/contents/login/icon-listen-pc.svg) no-repeat 50%;}
.new_login .btn-white2-sm-refresh span, .new_login .btn-white2-sm-voice span {padding: 0 0px 0 24px;}
.join_gate_con {position:relative;padding:210px 0 0}
.join_gate_con .logo_image {width:248px;display: block;margin: 0 auto;}
.join_gate_con .loging_image {width:270px;display: block;margin: 25px auto 0;}


/* 메인쪽 개인화 추천 영역: Common 으로 옮김 -> 친구추천에서 동일한 형태를 사용 */
/* 메인 개인화추천 Pilot */
.main-visual + .main_recommend{padding-top:20px;}
.main-visual + .main_recommend .view-wrap:first-child.m-hotdeal{padding-bottom:57px;margin-top:0;}
.main_recommend{position:relative;padding-top:40px;}
.main_recommend:after {content:''; display:block; clear:both;}
.main_recommend .product-wp .product-list {margin:0;}
.main_recommend .m-hotdeal .product-wp .product-list {margin:0 0 0 -53px;}
.main_recommend .product-wp .product-list-slider {padding-top:0;}
.main_recommend .slide-box-col {width:1280px;margin:0 auto;position:relative;}
.main_recommend .column-title-box {padding:0;width:1280px;margin:0 auto;}
.main_recommend .m-hotdeal .column-title-box {padding:0;margin-top:0 !important;}
.main_recommend .product-list-slider {border-top:0 none;position:relative;}
.main_recommend .sub-title {font-size:28px;padding-left:31px;color:#333}
.main_recommend .product-list-slider .slick-list {margin:0}
.main_recommend .product-list-slider .slick-util-group {right:-10px}
.main_recommend .product-list-slider .product-item {margin:0 0 0 32px;width:224px !important;}
.main_recommend .product-list-slider .product-item .product-list-top {height:224px;}
.main_recommend .product-list-slider .product-item .product-alarm  {height:56px;}
.main_recommend .product-list-slider .product-item .product-alarm a {height:56px;}
.main_recommend .product-list-slider .product-item .product-alarm a .txt {bottom:35%;}
.main_recommend.type01 .product-list-slider .product-item:nth-child(1){margin:0 0 0 0px !important}
.main_recommend .product-list-slider .slick-util-group {top: -40px; bottom: auto; right: 0; left: 0;}
.main_recommend.type01 .product-list-top.sold-out .thumbnail-img:after {font-size:15px;}
.main_recommend.type01 .product-list-top.sold-out .product-alarm a {font-size:15px;}
.main_recommend .product-list-slider .slick-count {float:right;padding-right:55px;font-size:14px;line-height:20px;margin-top:-7px;}
.main_recommend .product-list-slider .slick-count em {color:#333;}
.main_recommend .product-list-slider .slick-count span {color:#333;margin-left:3px;}
.main_recommend .product-list-slider .slick-count strong {margin-right:2px;}
.main_recommend .product-list-slider .slick-arrow {position:absolute;}
.main_recommend .product-list-slider .slick-arrow.slick-prev{right:99px;top:-9px;width:24px;height:24px;}
.main_recommend .product-list-slider .slick-arrow.slick-next{right:31px;top:-9px;width:24px;height:24px;}
.main_recommend .product-list-slider .product-item .thumb:before {opacity: 0;}
.main_recommend .product-list-slider .slick-arrow.slick-disabled {display:block !important;}
.main_recommend + .main_recommend {background-color: #f8f8f8;padding-bottom:0}
.main_recommend .m-newproduct .column-title-box,
.main_recommend .m-hotdeal .column-title-box {margin-top:20px;}
.main_recommend.type01{position:relative;padding-bottom:30px;padding-top:20px;background-color:#fff;}
.m-recommend-proudct {padding-top:40px !important;}
.main_recommend.type01 + .main_recommend .m-newproduct, .main_recommend.type01 + .main_recommend .m-hotdeal {padding-bottom:40px;}
.main_recommend.type01 .product-list-slider .slick-list:after{content:'';position:absolute;top:0;left:-31px;bottom:0;width:30px;background-color:#fff;}
.main_recommend.type01 .product-list-slider .slick-util-group:before{content:'';position:absolute;top:0;right:0;bottom:0;width:31px;height:450px;background-color:#fff}
.main_recommend.type02 {padding:50px 0 30px;margin-top:50px}
.main_recommend.type02 .title-bar-small {padding:0;margin-top:-4px}
.main_recommend.type02 .slide-box-col {width:1313px;padding:0 30px}
.main_recommend.type02 .align-justify .justify-left {float:none;}
.main_recommend.type02 .sub-title {padding-left:16px;}
.main_recommend.type02 .product-list-slider {padding-top:30px;}
.main_recommend.type02 .product-list-slider .slick-list {padding-bottom:10px;margin:0 0 0 18px}
.main_recommend.type02 .product-list-slider .product-item:nth-child(1){margin:0 9px 0 0px}
.main_recommend.type02 .product-list-slider .product-item {width:241px !important; margin: 0 9px 0 9px;padding-bottom:15px;height:400px;background-color:#fff;box-shadow: 0 2px 8px 0 rgba(225, 222, 222, 0.5);}
.main_recommend.type02 .product-list-slider .product-item .inner {padding:18px 18px 0}
.main_recommend.type02 .product-list-slider .product-item .flag-area {margin-top:10px}
.main_recommend.type02 .product-list-slider .price strong {font-size:21px}
.main_recommend.type02 .product-item .star-rating {margin-top:3px}
.main_recommend.type02 .product-item .title {margin-top: 8px;}
.main_recommend.type02 .product-item .flag-area + .title {margin-top:10px}
.main_recommend.type02 .product-item .category {margin-top:1px}
.main_recommend.type02 .product-item .price-info .dis-rate:first-child {font-size:21px}
.main_recommend.type02 .product-list-slider .slick-arrow.slick-prev{top:219px;left:-18px}
.main_recommend.type02 .product-list-slider .slick-arrow.slick-next{top:219px;right:-18px}
.main_recommend.type02 .product-list-slider .slick-util-group:before{content:'';position:absolute;top:0;right:0;bottom:0;width:12px;height:485px;background-color:#f8f8f8}
.main_recommend.type01 .recommend_load{padding:0 0 30px;margin-top:-10px;}
.main_recommend.type02 .recommend_load{padding:0 0 25px;margin-top:10px;}
.main_recommend.type02 .recommend_load:before{background: url(/cjom/web/images/icon/recommend_load_white.gif) 0 0 no-repeat;background-size:52px}
.main_recommend .m-hotdeal .product-list-hot {height:auto}
.main_recommend .product-list-slider .btn_plusDc {width: 100%;border-radius: 3px 3px; height: 40px;line-height: 38px;font-size: 14px; margin-top: 11px;}
.m-recommend-proudct {padding-top:40px;}


/* 상품상세 (영역분리 필요로 #prdInfoArea) 추가(2021.10.12) */
#prdReview .tab-list a {height:70px;line-height:68px;text-align:left;text-indent:30px;color:#333;font-size:20px;background-color:#fff;}
#prdReview .tab-list .active a {font-weight:bold;border:1px solid #ccc !important;}
#prdReview .tab-list a span {float:left;display:inline-block;padding-right:18px;background:url(/cjom/web/images/icon/ico_arrow_tab.svg) no-repeat 99% 52%;background-size:6px 12px;}
#prdReview .tab-list .active a span {letter-spacing:-1px;background:url(/cjom/web/images/icon/ico_arrow_tab_on.svg) no-repeat 100% 50%;background-size:6px 12px;}
#prdInfoArea .tab-list  {background-color:#fff;}
#prdInfoArea .tab-list li {text-align:left;}
#prdInfoArea .tab-list.column3 li {width:296px !important;}
#prdReview .tab-list.column2  li {width:50%;}
#prdInfoArea .tab-list.column3 li {width:296px !important;}
#prdInfoArea .tab-list a {height:70px;line-height:68px;text-align:left;text-indent:30px;/*border:1px solid #ccc;*/color:#333;font-size:20px;background-color:#fff;}
#prdInfoArea .tab-list .active a {font-weight:bold;border:1px solid #ccc !important;}
#prdInfoArea .tab-list a span {float:left;display:inline-block;padding-right:18px;background:url(/cjom/web/images/icon/ico_arrow_tab.svg) no-repeat 100% 52%;background-size:6px 12px;}
#prdInfoArea .tab-list .active a span {letter-spacing:-1px;background:url(/cjom/web/images/icon/ico_arrow_tab_on.svg) no-repeat 100% 50%;background-size:6px 12px;}
.modal-prdinfo .modal-header .modal-header-title {font-size:24px;}
.modal-prdinfo .sub-title {margin-top:20px;font-size:18px;}
.modal-prdinfo .desc-list.detail li {color:#666;}
.modal-prdinfo .desc-list.detail li .emp {color:#0c8050;}
.modal-prdinfo .table-default tbody td {padding:11px 15px;color:#666;}
.modal-prdinfo .table-default tbody td .desc-list li:before {top:9px;}
.modal-prdinfo .table-default tbody td .emp1 {color:#000;}
.modal-prdinfo .table-default tbody td .emp2 {color:#0c8050;}
.modal-prdinfo [class^=btn-white2] span {color:#555;}
.modal-prdinfo .table-default tbody th {border-right:0;}
.modal-prdinfo .desc-list {margin-top:0;}
.modal-prdinfo .desc-list li {color:#666;line-height:20px;}
.modal-prdinfo .desc-list li:first-child {margin-top:3px;}
.modal-prdinfo .desc-list-number li {margin-top:2px;}
.modal-prdinfo .desc-list li [class^=btn-white2] {height:26px;line-height:24px;}

#prdRecomd .sub_recommend.type01 {padding:30px 0 0;}
#prdRecomd .sub_recommend.type01 .slide-box-col { width:1280px;}
#prdRecomd  .sub_recommend .product-list-slider .slick-list {margin:0;}
#prdRecomd .product-list-slider .product-item {margin-left:28px;width:299px !important;}
#prdRecomd .product-list-slider .product-item:first-child {margin-left:0;}
#prdRecomd .sub_recommend .product-item .star-rating {margin-top:7px;}
#prdRecomd .star-rating .score {font-size:17px;}
#prdRecomd .star-rating .num {font-size:12px;}
#prdRecomd .best-review-wrap .product-item .recomm-box {margin-top:2px;font-size:14px;font-weight:bold;}
#prdRecomd .best-review-wrap .product-item .recomm-box span em {color:#333;font-weight:normal;}
#prdRecomd .preview-list {overflow: hidden;}
#prdRecomd .preview-list li {float:left;width:100%;white-space:normal;box-sizing: border-box;position:relative;margin-top:10px;border-radius:20px;font-size:15px;line-height:20px;color:#000;padding:6px 12px;background-color:#fff;border:1px solid #ddd;}
#prdRecomd .preview-list li:after {position:absolute;left: -3px;top:0;height: 11px;width: 14px;display:block;background:url(/cjom/web/images/icon/ico-arr-preview.svg) no-repeat 0 0;content:'';}

/* 장바구니 */
.contents-order .sub_recommend.type02 {padding-top:30px;margin-top:55px;border:0;border-top:1px solid #ddd;}
.contents-order .sub_recommend.type02:before {width:0;}
.contents-order .sub_recommend.type02 .product-list-slider .product-item {width:200px !important;margin:0 12px 0 0;}
.contents-order .sub_recommend.type02 .product-list-slider .product-item:nth-child(4n),
.contents-order .sub_recommend.type02 .slide-box-col + .slide-box-col .product-list-slider .product-item:nth-child(2n)  {margin:0;}
.contents-order .sub_recommend.type02 .slide-box-col {width:836px;padding:0;overflow:hidden;}
.contents-order .sub_recommend.type02 .slide-box-col#idvdRcm08PrdArea {margin-left:0;}
.contents-order .sub_recommend.type02 .slide-box-col + .slide-box-col {width:412px;overflow:hidden;}
.contents-order .sub_recommend.type02 .slide-box-col.width-full {width:100%;}
.contents-order .sub_recommend.type02 .slide-box-col.width-full .product-list-slider .slick-list{margin: 0 0 0 -16px;}
.contents-order .sub_recommend.type02 .slide-box-col.width-full .product-list-slider .product-item {width: 199px !important; margin:0 0 0 17px;}
.contents-order .sub_recommend.type02 .slide-box-col:after {width:0;}
.contents-order .sub_recommend.type02 .slide-box-col + .slide-box-col .title-bar-small .sub-title {padding-left:0;}
.contents-order .sub_recommend.type02 .slide-box-col + .slide-box-col:after {width:0;}
.sub-notice {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub-notice .tit-sub-notice {font-size:20px;padding:20px 0 18px;}
.sub-notice .tit-sub-notice span {padding-right:30px;background:url(/cjom/web/images/icon/ico-noti-accord-off.svg) no-repeat 100% 52%;background-size:12px 6px;}
.sub-notice .tit-sub-notice.active span {background:url(/cjom/web/images/icon/ico-noti-accord-on.svg) no-repeat 100% 52%;background-size:12px 6px;}
.sub-notice .desc-list li {margin-bottom:10px;padding-left:12px;line-height:22px;color:#767676;}
.sub-notice .desc-list {padding-bottom:15px;}
/* 14세미만비회원주문불가 */
.minor-noti {margin-bottom:3px;padding:25px 20px 15px 30px;background-color:#f6f6f6;}
.minor-noti .txt {font-size:15px;line-height:19px;color:#333;}
.minor-noti .txt .emp {color:#1ba774;}
.minor-noti .txt p{margin-bottom:8px;}
.minor-noti .txt p:last-child {margin-bottom:0;}
.minor-noti .bttn-area {margin-top:10px;text-align:right;}
.minor-noti .bttn-area .btn {width:124px;height:40px;line-height:40px;color:#fff;font-size:14px;border-radius:0;margin-left:10px;background-color:#000;}
/* 개인화 상품상세 & 장바구니  */
#modal-reviewNoti .desc-list {margin-top:5px;}
.modal-orderRecomd {}
.modal-orderRecomd .btn-modal-close span {top:33px;}
.modal-orderRecomd .modal-header {padding:35px 0 20px !important;}
.modal-orderRecomd .modal-header .modal-title {color:#000;}
.modal-orderRecomd .modal-header .modal-title .emp {color:#0c8050;}
.modal-orderRecomd .modal-header .modal-desc {margin-top:16px;font-size:18px;line-height:22px;color:#000;}
.modal-orderRecomd .modal-header .modal-desc .num {font-size:19px;font-family:'Roboto', 'Noto Sans KR', sans-serif;}
.modal-orderRecomd .product-item .inner {padding:20px 110px 20px 120px;height:140px;}
.modal-orderRecomd .product-item .thumb {width:100px;height:100px;left:0;border-radius:4px;}
.modal-orderRecomd .product-item .thumb img {border-radius:4px;}
.modal-orderRecomd .product-item .title {font-size:16px;margin-top:0;padding-right:0;}
.modal-orderRecomd .product-list-row   {border-top:1px solid #ddd;}
.modal-orderRecomd .product-list-row .product-item .btn-box {margin-top:0;right:0;}
.modal-orderRecomd .product-list-row .product-item .btn-cart {width:96px;min-width:auto;border:1px solid #0c8050;height:38px;line-height:36px;}
.modal-orderRecomd .product-list-row .product-item .btn-cart span {color:#0c8050;font-size:13px;}
.modal-orderRecomd .product-list-row .product-item  .price-info {display:block;margin-top:5px;position:static;right:auto;top:auto;width:auto;text-align:left;transform:none;}
.modal-orderRecomd .product-list-row .product-item .price-info .price {display:inline-block;margin-right:4px;}
.modal-orderRecomd .product-list-row .product-item.price strong {font-size:19px;}
.modal-orderRecomd .product-list-row .product-item  .price-info .dis-rate {color:#0c8050;}
.modal-orderRecomd .product-list-row .product-item  .price-info del {margin-right:4px;font-size:13px;}
.modal-orderRecomd .product-list-row .product-item  .quantity-column {margin-top:10px;}

/* web - 개인화 상품추천 - 메인 */
.p_rec_main.main_recommend{position:relative; padding-bottom:10px; background: transparent;}
.p_rec_main.main_recommend.pt33{padding-top:33px;}
.p_rec_main.main_recommend .title-bar-small{height:auto; padding: 8px 0 10px 0;}
.p_rec_main.main_recommend .sub-title{font-size: 29px; letter-spacing: -1.04px}
.p_rec_main.main_recommend .sub-title-desc{font-size: 17px; color: #767676; letter-spacing: -0.57px; opacity: 0.8; padding-left: 31px;}
.p_rec_main.main_recommend .product-list-slider { }
.p_rec_main.main_recommend .product-list-slider .product-item:nth-child(1){margin:0 0 0 0px !important}
.p_rec_main.main_recommend .product-list-slider .slick-count{font-size: 16px;}
.p_rec_main.main_recommend .product-list-slider .slick-count strong {margin-right:3px;}
.p_rec_main.main_recommend .product-list-slider .slick-count em {color:#767676;}
.p_rec_main.main_recommend .product-list-slider .slick-count span {color:#767676; margin-left:3px;}
.p_rec_main.main_recommend .product-list-slider .slick-arrow.slick-prev{left:-3px;top:171px;width:40.6px;height:45px;background: url(/cjom/web/images/icon/controller-line-left-01.svg) left 0 no-repeat;}
.p_rec_main.main_recommend .product-list-slider .slick-arrow.slick-next{right:0;top:171px;width:40.6px;height:45px;background: url(/cjom/web/images/icon/controller-line-right-01.svg) right 0 no-repeat;}
.p_rec_main.main_recommend .product-list-slider .slick-util-group{top: -34px; right: -3px;}
.main_recommend + .main_recommend + .main_recommend{
	background-color: transparent;
}

/* web - 개인화 상품추천 - 상품상세 */
.p_rec_detail.sub_recommend{padding-top:0px;}
.p_rec_detail.sub_recommend .slide-box-col{width: 1280px;}
.p_rec_detail.sub_recommend .product-list-slider{padding-top:9px;}
.p_rec_detail .best-review-wrap{}
.p_rec_detail .best-review-wrap .title-bar-small {margin-top:33px;}
.p_rec_detail .best-review-wrap .title-bar-small .sub-title{font-size:20px;}
.p_rec_detail .best-review-wrap .product-list-slider .product-item{width:299px !important; margin: 0 0 0 28px;}
.p_rec_detail .best-review-wrap .product-list-slider .product-item:nth-child(1),
.p_rec_detail .best-review-wrap .product-list-slider .product-item:nth-child(5n){margin-left:15px; padding-left:1px;}
.p_rec_detail .best-review-wrap .product-list-slider .title{margin-top:14px; font-weight: normal;}
.p_rec_detail .best-review-wrap .product-item .preview-box.no-comt{padding: 0;}
.p_rec_detail .best-review-wrap .product-item .preview-box.no-comt p{white-space: normal; line-height: 20px; font-size: 15px; padding: 5px 13px 6px 10px;}
.p_rec_detail .best-review-wrap .product-list-slider .slick-util-group{top:-43px; right:0;}
.p_rec_detail .best-review-wrap .product-list-slider .slick-count{position:relative; top:-1px;}
.p_rec_detail .best-review-wrap .product-list-slider .slick-count strong{}
.p_rec_detail .best-review-wrap .product-list-slider .slick-count em {color:#333;}
.p_rec_detail .best-review-wrap .product-list-slider .slick-count span {color:#333;}
.p_rec_detail .best-review-wrap .product-list-slider .star-rating2{margin:5px 0 5px 0 ;}
.p_rec_detail .best-review-wrap .product-list-slider .star-rating2 .score{font-size:17px; color:#008c32; margin-right:3px;}
.p_rec_detail .best-review-wrap .product-item .recomm-box {white-space: normal; word-break: break-all; font-size:14px; color:#333; display:inline-block; margin:-1px 0 2px -1px;}
.p_rec_detail .best-review-wrap .product-item .recomm-box span{font-weight:bold;}
.p_rec_detail .best-review-wrap .product-item .recomm-box span em{font-weight:normal; color:#333;}
.p_rec_detail .best-review-wrap .star-rating2 .num{font-size:12px; color:#888; margin-left: 3px; line-height: 21px; display: inline-block;}
.p_rec_detail .best-review-wrap .star-rating2 .grade{position: relative; left: 0; top: 0px; max-width: 100%; display: inline-block; width: 74px; height: 13px; background: url('/cjom/web/images/common/icon_star.svg') no-repeat 0 0; background-size:110px 70px;}
.p_rec_detail .best-review-wrap .star-rating2 .state{position: absolute; left: 0; top: -2; max-width: 100%; display: inline-block; width: 74px; height: 13px; background: url('/cjom/web/images/common/icon_star.svg') no-repeat 0 -14px; background-size:110px 70px;}
.p_rec_detail .best-review-wrap .product-item .preview-box { padding: 6px 13px 7px 13px;  position: relative; width: fit-content; background: #fff; border: 1px solid #ddd; margin-top: 8px; box-sizing: border-box; border-radius: 14px; margin-left:1px; }
.p_rec_detail .best-review-wrap .product-item .preview-box:before { content: ''; display: block; position: absolute; left: -4px; top: -0px; width: 8px; height: 8px; background: url('/cjom/web/images/common/bg_preview_review_r.svg') no-repeat; background-size: 100%;}
.p_rec_detail .best-review-wrap .product-item .preview-box a { display: block; padding:0; line-height: 20px; font-size:15px; color:#333; word-break: break-all; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;max-height:43px;}
.p_rec_detail .best-review-wrap .product-item .recomm-box span:before,
.p_rec_detail .best-review-wrap .product-item .assm-box span:before {margin: -3px 9px 0 9px;}
.p_rec_detail.sub_recommend.type02:before{background-color: transparent; border-right:1px solid #ddd;}
.p_rec_detail.sub_recommend.type02 .slide-box-col + .slide-box-col{padding-left:30px;}
.p_rec_detail.sub_recommend.type02 .slide-box-col + .slide-box-col:after{display:none; }
.p_rec_detail.sub_recommend.type02 .slide-box-col + .slide-box-col .slick-util-group{right:0px;}
.p_rec_detail.sub_recommend.type02 .slide-box-col + .slide-box-col .title-bar-small .sub-title{padding-left: 0px;}

/* web - 개인화 상품추천 - 장바구니 */
.p_rec_cart.sub_recommend.type02 {margin-top:30px; border:none; border-top:1px solid #ddd;}
.p_rec_cart.sub_recommend.type02 .slide-box-col{width:836px; padding:20px 0 0 0;}
.p_rec_cart.sub_recommend.type02 .slide-box-col + .slide-box-col{width:calc(100% - 865.6px); margin:0 0 0 29.6px; padding: 21px 0 0 0;}
.p_rec_cart.sub_recommend.type02:before,
.p_rec_cart.sub_recommend.type02 .slide-box-col:after{ content: ''; width: 0px; height:00px; background-color: transparent; }
.p_rec_cart.sub_recommend.type02 .slide-box-col + .slide-box-col .title-bar-small .sub-title{padding-left:0;}
.p_rec_cart.sub_recommend.type02 .slide-box-col .slick-util-group{right:-7px; top: -26px;}
.p_rec_cart.sub_recommend.type02 .product-list-slider .product-item{width:200px}

/*.p_rec_cart.sub_recommend.type02 .product-list-slider .product-item:first-child{margin: 0 0 0 15px;}*/
.p_rec_cart.sub_recommend.type02 .product-list-slider .slick-count{font-size:16px;}
.p_rec_cart.sub_recommend.type02 .product-list-slider .slick-count span{color:#767676; margin-left: 3px; margin-right: 2px;}
.p_rec_cart.sub_recommend.type02 .product-list-slider .slick-count strong{margin-right:3px;}
.p_rec_cart.sub_recommend.type02 .product-list-slider{padding-top:20px;}

.p_rec_cart.sub_recommend.type02 .product-list-slider .slick-list{margin: 0 0 0 -12px;}
.p_rec_cart.sub_recommend.type02 .product-list-slider .product-item:first-child{margin: 0 0 0 12px;}
.p_rec_cart.sub_recommend.type02 .slide-box-col.width-full{width:100%;}
.p_rec_cart.sub_recommend.type02 .slide-box-col.width-full .product-list-slider .slick-list{margin: 0 0 0 -16px;}
.p_rec_cart.sub_recommend.type02 .slide-box-col.width-full .product-list-slider .product-item {width: 199px !important; margin:0 0 0 17px;}
.p_rec_cart.sub_recommend.type02 .product-item .price-info del .num{font-size:14px;}
.p_rec_cart.sub_recommend.type02 .product-item .price-info .dis-rate{color:#e72a50; vertical-align: baseline;}



/* 장바구니 본페이지 공통영역 */
.btn-white5-xs.color-gray span{color:#555;}
.benefit-link-p_rec { position: relative; display: inline-block; border-bottom: 1px solid #e52b50; color: #e52b50; font-weight: normal; font-size:14px;}
.benefit-link-p_rec span.bold {font-weight:bold;}
.benefit-link-p_rec span.num { font-family: Roboto, sans-serif; letter-spacing: 0;}

.p_rec_cart.note{border-top:1px solid #ddd; padding-top:16px; }
.p_rec_cart.note a{font-size:20px; color:#333;}
.p_rec_cart.note a:after{content:''; display:inline-block; margin-left:17px; width: 13px; height: 12px; background: url('/cjom/web/images/common/cart_arrow_down.svg') no-repeat; background-size:100%;}
.p_rec_cart.note a.active:after{ background: url('/cjom/web/images/common/cart_arrow_up.svg') no-repeat;}
.p_rec_cart .desc-list{margin-top:25px; padding-bottom:80px; display:none;}
.p_rec_cart .desc-list li{line-height:22px; padding-left: 10px;}
.p_rec_cart .desc-list li+li{margin-top:10px;}
.p_rec_cart .desc-list li:before{top:9px;}


/* web - 개인화 상품추천 - 검색(결과있음) */
.p_rec_search.sub_recommend.type01{border: none; padding:0; margin-top:93px;; padding-bottom:30px;}
.p_rec_search .best-review-wrap .title-bar-small{margin-top: 0px; border-bottom:1px solid #000; padding: 0 0 7px; }
.p_rec_search .best-review-wrap .title-bar-small .sub-title{font-size:26px;}
.p_rec_search .best-review-wrap .product-list-slider .slick-util-group { top: -39px; right:0;}
.p_rec_search .best-review-wrap .product-list-slider .slick-count{top:-1px;margin:0 10px;}
.p_rec_search.sub_recommend .product-list-slider{padding-top:30px;}
.p_rec_search.rType01{margin-top:20px !important; padding-bottom:53px !important;}
.p_rec_search.rType02{padding:0 0 13px 0 !important;}

/* 개인화 상품 추천 디자인 보정 20211126 */
.p-rec-reset-detail-num {
	font-size: 14px !important;
}
.p-rec-reset-modal-close {
	right: 30px !important;
	margin-top: -10px;
}
.p-rec-reset-pop-plusDc-price-strong {
	font-size:18px !important;
}
.p-rec-reset-pop-plusDc-price-del-num{
	font-size:13px !important;
}
.p-rec-reset-pop-price-info-div{
	display:flex !important;
	align-items:center !important;
}
.p-rec-reset-pop-plusDc[class*=-column]{
	display: unset !important;
}
.p-rec-reset-pop-input-number-span{
	font-weight:bold !important;
}
.p-rec-reset-cart-note-a{
	font-weight: bold;
}
.p-rec-reset-modal-title {
	color:#0c8050 !important;
}
.p-rec-product-buy-cnt-rectangle {
	width: 50px;
  	height: 50px;
  	padding: 11px 14px 11px 15px;
  	background-color: #0c8050;
  	position: absolute;
  	top:10px;
  	right:10px;
  	display:flex;
  	flex-direction: column;
  	justify-content:center;
  	align-items:center;
  	padding:0;
}
.p-rec-product-buy-cnt-rectangle p {
  	font-size: 11px;
  	font-weight: normal;
 	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.27;
  	letter-spacing: normal;
  	text-align: center;
  	color: #fff;
  	padding:0;
}
.p-rec-reset-tooltip-content {
	width: 230px !important;margin-left:-8px !important;

}
.p-rec-reset-title-bar-small {
	padding-top: 37px !important;
	display: flex !important;
	align-items:center !important;
}

/* 2021-12-06 상세페이지 하단 저작권 표시 적용 */
.product-detail__copyright{padding:33px 0 20px;margin-top:30px;text-align:center;letter-spacing:-0.5px;/*border:1px solid #ddd;*/}
.product-detail__copyright p{position:relative;padding:31px 0 9px;font-size:14px;line-height:25px;color:#6b6b6b;}
.product-detail__copyright p::before{position:absolute;top:0;left:50%;margin-left:-26.5px;display:block;content:'';width:53px;height:1px;background:#000;}
.product-detail__copyright em{font-size:14px;line-height:25px;color:#6b6b6b;font-style:normal;letter-spacing:0px;}

/* 시간 날짜 설정 띠매너 공통 css */
.evt-bottom-banner-wrap {font-size:0;line-height:1;width:1280px;margin:0 auto;}
.evt-bottom-banner-set-time {position:relative;font-size:0;}
.evt-bottom-banner-set-time img {max-width:1920px;position:relative;left:-25%;}
/* .evt-bottom-banner-set-time:before{content:'';position:absolute;width:320px;top:0;left:0;margin-left:-320px;bottom:0;}
.evt-bottom-banner-set-time:after{content:'';position:absolute;width:320px;top:0;right:0;margin-right:-320px;bottom:0;} */
.evt-bottom-banner-set-time .belt-bann {position:absolute;width:320px;top:0;bottom:0;overflow:hidden;}
.evt-bottom-banner-set-time .belt-bann.left-area {left:-320px;}
.evt-bottom-banner-set-time .belt-bann.left-area img{left:0;}
.evt-bottom-banner-set-time .belt-bann.right-area {right:-320px;}
.evt-bottom-banner-set-time .belt-bann.right-area img {position:absolute;right: 0 !important; left: initial;}
.evt-bottom-banner-set-time a{display:block;height:100%;overflow:hidden;z-index: 1;position: relative;}
@media(max-width:1920px) {
	.evt-bottom-banner-set-time .belt-bann.right-area {right:-310px;}
}

/* 쿠폰&혜택 */
.banner-coupon {overflow:hidden;clear:both; }
.banner-coupon a {float:right;width:321px;height:62px;color:#222;padding:16px 0 0 25px;letter-spacing:-1px;box-sizing: border-box;background:url('/cjom/web/images/mypage/bg-banner-coupon.png') no-repeat 0 0;background-size:321px 62px; }
.banner-coupon .per {display:none;font-size:18px;font-family:Arial;}
.banner-coupon .per strong {font-family:Arial;}
.banner-coupon .txt {display:block;font-size:17px;width:202px;height:24px; text-indent:-999em;font-size:0;background:url('/cjom/web/images/mypage/img-number-random.gif') no-repeat 0 0;background-size:202px 24px;}
.banner-coupon .txt .emp { color:#1ba774;}

/* 20220725 장바구니,주문서 개편 phase3 */
.benefit-new .delivery-set-box .set-cont .txt-row .list .column+.column {padding-bottom:7px;}
.benefit-new .tooltip-price {width:300px;padding-right:20px;}
/*.benefit-new .tooltip-price .tt-prc-noti {position:relative;display:block;padding-left:20px;font-size:12px;line-height:16px;color:#767676;margin:8px 0;letter-spacing:-0.9px;}
.benefit-new .tooltip-price .tt-prc-noti:before {position:absolute;top:0;left:0;content:"";display:block;width:15px;height:15px;background:url(/cjom/web/images/icon/icon-noti.svg) 0 0 no-repeat;background-size:15px;}
*/
.benefit-new .tooltip-price .tt-prc-noti {position:relative;display:block;font-size:12px;line-height:16px;color:#767676;margin:8px 0 14px 0;letter-spacing:-0.5px;}
.benefit-new .tooltip-price .btn-tooltip-close {top:16px;right:21px;}
.benefit-new .delivery-set-box .set-top .column {padding:20px 0;}
.benefit-new .delivery-set-box .set-top .column:first-child{padding-left:26px;}
.benefit-new .delivery-set-box .set-top .column .price {color:#000;}
.benefit-new .delivery-set-box .set-top .column .txt {font-size:14px;color:#000;}
.benefit-new .delivery-set-box .set-top .column .txt .badge-max {display:inline-block;border-radius:22px;margin-right:10px;font-size:13px;line-height:13px;padding:4px 10px 5px 10px;background:#eff9f5;font-size:13px;font-weight:bold;color:#1ba774;}
.benefit-new .delivery-set-box .set-top .column .txt .green {color:#0c8050;}
.benefit-new .delivery-set-box .set-cont .txt-row .column {padding:20px 0;}
.benefit-new .delivery-set-box .set-cont .txt-row .column>strong {font-weight:normal;}
.benefit-new .delivery-set-box .set-cont .desc.excess {color:#ff4000 !important;font-size:15px !important;}
.benefit-new .delivery-set-box .set-cont .list {padding:15px 0 13px 0;}
.benefit-new .delivery-set-box .set-cont .list strong.column:first-child {padding:5px 0 0 30px;font-weight:normal;}

.benefit-new .delivery-set-box .coupon-total .txt-row .column {padding:20px 0;}
.benefit-new .delivery-set-box .coupon-total .txt-row .column>strong {font-weight:normal;}
.benefit-new .delivery-set-box .coupon-total .desc.excess {color:#ff4000 !important;font-size:15px !important;}
.benefit-new .delivery-set-box .coupon-total .list {padding:15px 0 13px 0;}
.benefit-new .delivery-set-box .coupon-total .list strong.column:first-child {width:200px;box-sizing:border-box;padding:5px 0 0 30px;font-weight:normal;}
.benefit-new .delivery-set-box .coupon-total .list .item-discount .line {top:9px;}

.benefit-new .reduced-price {border-top:1px solid #aaa;line-height:84px;}
.benefit-new .reduced-price .title,
.benefit-new .reduced-price .price {color:#0c8050;}
.benefit-new .coupon-total .coupon-tabs.tabs-2 .list .item-discount .line {top:23px;}
.benefit-new .coupon-total .coupon-tabs.tabs-2 .list .item-discount .price {line-height:40px;}
/* //20220725 장바구니,주문서 개편 phase3 */

/* 투표 이벤트 */
.evt-vote {padding:50px 0 0;width:760px;margin:0 auto;}
.evt-vote + .evt-vote {border-top:1px solid #ddd;margin-top:90px;}
.evt-vote .vote-state-wp {text-align:center;}
.evt-vote .vote-state {position:relative;height:40px;display:inline-block;line-height:38px;margin:0 auto;font-family:Roboto;font-size:20px;font-weight:bold;box-sizing:border-box;border:1px solid #1ba774;color:#1ba774;padding:0 16px 0 58px;border-radius:44px;}
.evt-vote .vote-state:after {display:block;position:absolute;left:8px;top:-5px;width:43px;height:42px;background:url('/cjom/web/images/icon/icon-vote-vs.svg') no-repeat 0 0;background-size:43px 42px;content:'';}
.evt-vote .vote-title {margin-top:20px;text-align:center;font-size:40px;line-height:52px;color:#000;font-family:Roboto;letter-spacing:-1px;}
.evt-vote .vote-stitle {text-align:center;margin-top:20px;font-size:15px;line-height:20px;color:#999;font-family:Roboto;letter-spacing:-1px;}
.evt-vote .vote-date {text-align:center;margin-top:8px;font-size:15px;line-height:20px;color:#999;font-family:Roboto;letter-spacing:-1px;font-weight:bold;}
.evt-vote .bttn-vote {text-align:center;}
.evt-vote .bttn-vote button {display:block;width:330px;height:44px;line-height:44px;margin:0 auto;border-radius:4px;font-size:15px;font-family:Roboto;letter-spacing:-1px;font-weight:bold;color:#111;border:1px solid #333;box-sizing:border-box;background:#fff;}
.evt-vote .bttn-vote button[disabled]  {cursor:default;}
.evt-vote .bttn-vote button.off,
.evt-vote .bttn-vote button.end {background:#ddd;border-color:#ddd;color:#fff;}
.evt-vote .bttn-view {margin-top:20px;text-align:center;}
.evt-vote .bttn-view a {font-size:16px;line-height:18px;color:#1BA774;font-family:Roboto;text-decoration:underline;letter-spacing:-1px;}
.evt-vote .vote-list {padding:30px 0 0 0;margin:0 auto;/*display:flex;justify-content:center;flex-wrap: wrap;*/text-align:center;max-width:654px;font-size:0;}
.evt-vote .vote-list.ty5 {}
.evt-vote .vote-list li {display:inline-block;width:156px;margin:0 0 30px 0;text-align:left;vertical-align:top;}
.evt-vote .vote-list li+li {margin-left:10px;}
.evt-vote .vote-list li:nth-child(4n+1) {margin-left:0;}
.evt-vote .vote-list li:nth-child(4n+1):last-child {margin-left:10px;}
.evt-vote .vote-list li:nth-child(4):nth-last-child(2) {padding-left:1px;}
.evt-vote .vote-list .vote-list-top {position:relative;width:100%;text-align:center;}
.evt-vote .vote-list .vote-list-top .input-radio {position:absolute;left:20px;top:0;}
.evt-vote .vote-list li .thumb a {display:block;width:100%;height:0;padding-top:100%;position:relative;}
.evt-vote .vote-list li .thumb img {border-radius:100%;display:block;position:absolute;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;}
	.evt-vote .vote-list.end {padding-top:70px;}
	.evt-vote .vote-list.end li .thumb {position:absolute;left:6px;top:6px;width:calc(100% - 12px);}
	.evt-vote .vote-list-item.end li .thumb {left:0;width:100%;}
	.evt-vote .vote-list.end li .thumb a {position:relative;display:block;}
	.evt-vote .vote-list.end li .thumb img {display:block;position:absolute;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;}
	.evt-vote .vote-list-item.end li .thumb a {}
.evt-vote .vote-list li .input-radio {width:32px;height:32px;margin-top:0;border-radius:auto;border:0;z-index:1;background:url('/cjom/web/images/icon/icon-checkbox-off.svg') no-repeat 0 0;background-size:32px;}
.evt-vote .vote-list li .input-radio.on {background:url('/cjom/web/images/icon/icon-checkbox-on.svg') no-repeat 0 0;background-size:32px;}
.evt-vote .vote-list li .input-radio.on:after {width:auto;height:auto;}
.evt-vote .vote-list li .input-radio.on + .thumb:after {position:absolute;left:0;top:0;width:calc(100% - 8px);padding-top:calc(100% - 8px);border:4px solid #1ba774;content:'';border-radius:100%;}
.evt-vote .vote-list .vote-list-top .vote-label {position:absolute;padding:0 7px 0 15px;box-sizing: border-box;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);top:-10px;width:60px;margin:0 auto;color:#fff;height:21px;text-align:center;line-height:20px;border-radius:60px;letter-spacing:-1px;font-weight:bold;background:#1ba774 url('/cjom/web/images/icon/icon-vote-label.svg') no-repeat 7px 55%;background-size:9px;}
.evt-vote .vote-list-item.end .vote-list-top .vote-label {left:0;transform:translateX(0);-ms-transform:translateX(0);}
.evt-vote .vote-list .vote-list-top .vote-label .num {font-size:14px;font-family:Roboto;}
.evt-vote .vote-list .vote-list-top .vote-label .num.n100 {font-size:13px;}
.evt-vote .vote-list .vote-list-top .vote-label .per {font-size:11px;margin-left:-2px;}
.evt-vote .vote-list .pie-chart {
	position: relative;
	display:inline-block;
	width:156px;
	height:156px;
	border-radius: 50%;
	transition: 0.3s;
  }
.evt-vote .vote-list .pie-chart span{
	background: #fff;
	display : block;
	position: absolute;
	top:50%; left:50%;
	width:150px; height:150px;
	border-radius: 50%;
	 transform: translate(-50%, -50%);  }
.evt-vote .vote-list .vote-list-cont-wp {display:block;width:100%;margin-top:16px;padding:16px;border-radius:4px;background-color:#f6f8f8;box-sizing: border-box;}
.evt-vote .vote-list .vote-list-cont-wp .vote-list-cont {padding:0;width:100%;background:none;margin:0;}
.evt-vote .vote-list .vote-list-cont-wp .prd-order {display:block;margin-top:10px;text-align:center;border:1px solid #eee;font-size:12px;line-height:28px;height:28px;color:#333;font-weight:bold;border-radius: 20px;background-color:#fff;}
.evt-vote .vote-list .vote-list-cont {display:block;width:100%;margin-top:16px;padding:8px 12px;border-radius:4px;background-color:#f6f8f8;box-sizing: border-box;}
.evt-vote .vote-list .vote-list-cont .txt01 {font-size:13px;line-height:20px;color:#333;font-family:Roboto;font-weight:bold; max-height:40px;white-space:normal;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.evt-vote .vote-list .vote-list-cont .txt02 {font-size:12px;line-height:20px;color:#666;font-family:Roboto; max-height:40px;white-space:normal;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.evt-vote .vote-list .vote-list-review {display:block;white-space: normal;margin-top:16px;padding:16px;background-color:#f6f8f8;border-radius:4px;box-sizing:border-box;}
.evt-vote .vote-list-item.end .vote-list-review {padding:16px;margin-top:0;border-radius:0 0 4px 4px;}
.evt-vote .vote-list .vote-list-review .review-txt {font-size:15px;line-height:20px;max-height:100px;white-space:normal;color:#333          ;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.evt-vote .vote-list.vote-list-item.end .vote-list-review .review-txt {max-height:40px;-webkit-line-clamp:2;}
.evt-vote .vote-list .vote-list-review .prd-info {display:table;width:100%;border-top:1px solid #ddd;padding-top:10px;margin-top:10px;}
.evt-vote .vote-list .vote-list-review .prd-thumb{display:table-cell;vertical-align:middle;width:40px;height:40px;}
.evt-vote .vote-list .vote-list-review .prd-thumb img {width:40px;height:40px;vertical-align:top;border-radius:4px;background-color:#fff;}
.evt-vote .vote-list .vote-list-review .prd-tit{display:table-cell;vertical-align:middle;padding-left:8px;}
.evt-vote .vote-list .vote-list-review .prd-tit span {font-size:14px;line-height:20px;color:#999; font-weight:bold;max-height:40px;white-space:normal;
		overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
		-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.evt-vote .vote-list .vote-list-review .prd-order {display:block;margin-top:12px;text-align:center;border:1px solid #eee;font-size:12px;line-height:28px;height:28px;color:#333;font-weight:bold;border-radius: 20px;background-color:#fff;}
.vote-list.vote-list-item {overflow:hidden;}
.vote-list.vote-list-item .vote-list-top {height:auto;}
.vote-list.vote-list-item.end .vote-list-top {height:162px;}
.vote-list.vote-list-item .vote-list-top .chart-wp {position:absolute;right:0;top:-3px;width:96px;height:5px;display:block;}
.vote-list.vote-list-item .vote-list-top .chart-wp span {float:right;display:block;height:5px;text-indent:-99999em;background-color:#1ba774;}
.vote-list.vote-list-item .vote-list-top .chart-wp .chart .sb_bar {border-radius:10px;}
.vote-list.vote-list-item li .thumb img {border-radius:4px 4px 0 0;vertical-align:top;}
.vote-list.vote-list-item .vote-list-cont {margin-top:0;padding:16px 16px 24px;min-height:80px;font-family:Roboto;text-align:left;font-size:15px;line-height:20px;color:#111;border-radius:0 0 4px 4px;background-color:#f6f8f8;}
.vote-list.vote-list-item .vote-list-top .input-radio {left:20px;top:20px;}
.vote-list.vote-list-item li .input-radio.on + .thumb:after {border:4px solid #1ba774;border-radius:4px 4px 0 0;}
.vote-list.vote-list-item li .input-radio.on + .thumb + .vote-list-cont {background-color:#1ba774;color:#fff; box-shadow: 0 3.5px 8.8px 0 rgba(0, 0, 0, 0.15);}
.vote-noti {border:1px solid #ddd;width:500px;margin:35px auto 0;border-radius:4px;}
.vote-noti .vote-noti-tit {position:relative;padding:15px 18px;font-size:14px;line-height:16px;color:#999;}
.vote-noti .vote-noti-tit:before{content:''; display:block; position:absolute; top:50%; right:18px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);
    width:13px; height:12px;background:url('/cjom/web/images/icon/ico-toggle-bx01.svg') no-repeat right center; background-size:14px auto}
.vote-noti .active .vote-noti-tit:before{ -webkit-transform:translateY(-50%) rotate(180deg); -moz-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg)}
.vote-noti .vote-noti-desc {padding:0 18px 12px;}
.vote-noti .vote-noti-desc li {position:relative;padding-left:10px;margin-bottom:8px;font-size:13px;line-height:16px;color:#999;}
.vote-noti .vote-noti-desc li:last-child {margin-bottom:0;}
.vote-noti .vote-noti-desc li:after {position:absolute;left:0;top:6px;display:block;width:2px;height:2px;background-color:#999;content:'';}
.evt-vote .info-box {font-family:Roboto;margin:50px 0;padding:20px;background-color:#f6f8f8;}
.evt-vote .info-box .dtitle {color:#666;font-size:14px;line-height:16px;font-weight:bold;}
.evt-vote .desc-list li {line-height:18px;color:#999;}
.evt-vote .desc-list li+li {margin-top:8px;}
.evt-vote .desc-list li:before {border-radius:100%;width:2px;height:2px;top:7px;}
/* 투표이벤트 관련 (팝업) */
.popVotePoint {width:400px;height:560px;}
.popVotePoint.modal .modal-contents {padding:40px 30px;}
.popVotePoint h3 {font-family:Roboto;font-size:24px;line-height:30px;color:#333;}
.popVotePoint h3 .emp {color:#1ba774;}
.popVotePoint .img-wp {margin-top:20px;}
.popVotePoint .img-wp video {width:338px;}
.popVotePoint .desc {margin-top:20px;text-align:center;font-size:13px;line-height:16px;font-family:Roboto;color:#999;}
.popVotePoint.modal .btn-modal-close {bottom:40px;top:auto;left:30px;height:48px;width:338px;color:#fff;background:#222 none;}
.popVotePoint.modal .btn-modal-close span {display:block;font-size:16px;color:#fff;background:none;text-indent:0;line-height:28px;}
.popVoteResult {width:770px;}
.popVoteResult .modal-header-title {font-size:28px;}
.popVoteResult .vote-state-wp {text-align:center;}
.popVoteResult .vote-state {position:relative;height:40px;display:inline-block;line-height:38px;margin-top:30px;font-family:Roboto;font-size:20px;font-weight:bold;box-sizing:border-box;border:1px solid #1ba774;color:#1ba774;padding:0 16px 0 58px;border-radius:44px;}
.popVoteResult .vote-state:after {display:block;position:absolute;left:8px;top:-5px;width:43px;height:42px;background:url('/cjom/web/images/icon/icon-vote-vs.svg') no-repeat 0 0;background-size:43px 42px;content:'';}
.popVoteResult .vote-title {margin:20px 0;text-align:center;font-size:40px;line-height:52px;color:#000;font-family:Roboto;letter-spacing:-1px;}
.popVoteResult .vote-stitle {text-align:center;font-size:15px;line-height:20px;color:#999;font-family:Roboto;letter-spacing:-1px;}
.popVoteResult .vote-date {text-align:center;margin-top:8px;font-size:15px;line-height:20px;color:#999;font-family:Roboto;letter-spacing:-1px;font-weight:bold;}
.popVoteResult .vote-list {padding:0 35px;display:flex;flex-wrap:wrap;
    align-items: flex-start;
    justify-content:space-between;}
.popVoteResult .vote-list li {width:280px;margin-top:50px;}
.popVoteResult .vote-list .vote-list-top {position:relative;width:280px;height:280px;text-align:center;}
.popVoteResult .vote-list.vote-list-item .vote-list-top {height:280px;}
.popVoteResult .vote-list.vote-list-item .vote-list-top .prd-order {position:absolute;right:10px;bottom:10px;z-index:3;display:block;width:36px;height:36px;text-indent:-999999em;font-size:0;color:transparent;border-radius:8px;background:none;background-color:#fff;line-height:1;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.15);}
.popVoteResult .vote-list.vote-list-item .vote-list-top .prd-order:before {display:inline-block;content:'';width:19px;height:18px; background:url(/cjom/web/images/common/ico-product-cart2.png) no-repeat;background-size:cover; margin:1px auto 0;}

.popVoteResult .vote-list.end li .thumb {position:absolute;left:10px;top:10px;}
.popVoteResult .vote-list.vote-list-item li .thumb {left:0;top:0;}
.popVoteResult .vote-list li .thumb a {width:260px;height:260px;display:block;position:relative;}
.popVoteResult .vote-list li .thumb img {display:block;position:absolute;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;border-radius:200px;}
.popVoteResult .vote-list.vote-list-item li .thumb a {width:280px;height:280px;border-radius:4px 4px 0 0;}
.popVoteResult .vote-list.vote-list-item li .thumb img {border-radius:4px 4px 0 0;}
.popVoteResult .vote-list .vote-label {display:inline-block;position:absolute;left:0;top:25px;font-size:32px;font-weight:bold;color:#111;line-height:20px;}
.popVoteResult .vote-list.vote-list-item .vote-label {top:-20px;left:auto;right:224px;}
.popVoteResult .vote-list .vote-label .per {position:relative;font-family:Roboto;}
.popVoteResult .vote-list .vote-label .per:after {position:absolute;width:100%;height:2px;background-color:#111;display:block;bottom:4px;left:0;content:'';}
.popVoteResult .vote-list .pie-chart {
	position: relative;
	display:inline-block;
	width:280px;
	height:280px;
	border-radius: 50%;
	transition: 0.3s;
  }
  .popVoteResult .vote-list .pie-chart span{
	background: #fff;
	display : block;
	position: absolute;
	top:50%; left:50%;
	width:270px; height:270px;
	border-radius: 50%;
	 transform: translate(-50%, -50%);
  }
.popVoteResult .vote-list.vote-list-item .vote-list-top .chart {top:-13px;width:217px;}
.popVoteResult .vote-list-cont {display:block;width:280px;margin-top:16px;padding:16px;border-radius:4px;background-color:#f6f8f8;box-sizing: border-box;}
.popVoteResult .vote-list-cont-wp {display:block;position:relative;width:280px;margin-top:16px;padding:16px;border-radius:4px;background-color:#f6f8f8;box-sizing: border-box;}
.popVoteResult .vote-list.vote-list-item .vote-list-cont-wp {margin-top:0;border-radius:0 0 4px 4px;}
.popVoteResult .vote-list-cont-wp .vote-list-cont {width:200px;margin:0;padding:0;border-radius:0;}
.popVoteResult .vote-list.vote-list-item .vote-list-cont-wp .vote-list-cont {width:100%;min-height:auto;}
.popVoteResult .vote-list-cont-wp .prd-order {position:absolute;right:16px;top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%);display:block;width:36px;height:36px;text-indent:-999999em;font-size:0;color:transparent;background: url(/cjom/web/images/common/icon-plist-cart.svg) no-repeat 0 0;background-size:36px;}
.popVoteResult .vote-list-cont .txt01 {font-size:15px;line-height:20px;color:#333;font-family:Roboto;font-weight:bold;}
.popVoteResult .vote-list-cont-wp .vote-list-cont .txt01 {line-height:20px;max-height:40px;white-space:normal;color:#333;font-weight:normal;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.popVoteResult .vote-list-cont .txt02 {margin-top:4px;font-size:14px;line-height:20px;color:#666;font-family:Roboto;}
.popVoteResult .vote-list-cont-wp .vote-list-cont .txt02 {line-height:20px;max-height:40px;white-space:normal;      ;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.popVoteResult .vote-list.vote-list-item .product-price-box {overflow:hidden;font-size:18px;}
.popVoteResult .vote-list.vote-list-item .product-price-discount {float:left;}
.popVoteResult .vote-list.vote-list-item .product-price-discount .price .won {font-size:16px;}
.popVoteResult .vote-list.vote-list-item .product-price-box .product-price {float:left;font-size:14px;color:#999;padding:5px 0 0 5px;}

.popVoteResult .slick-dots-group {display:none;}
.popVoteResult .slick-slider .slick-util-group {left:0;top:115px;bottom:auto;}
.popVoteResult .slick-slider .slick-prev {float:left;display:block;width:24px;height:50px;text-indent:-99999em;font-size:0;background:url('/cjom/web/images/icon/icon-slick-prev.png') no-repeat 0 0;background-size:24px 50px;content:''}
.popVoteResult .slick-slider .slick-next {float:right;display:block;width:24px;height:50px;text-indent:-99999em;font-size:0;background:url('/cjom/web/images/icon/icon-slick-next.png') no-repeat 0 0;background-size:24px 50px;content:''}
.popVoteResult .slick-prev.slick-disabled, .popVoteResult .slick-next.slick-disabled {opacity:.2;}
.evt-vote .animate-opacity {
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
  }
 .evt-vote .animate-opacity:nth-child(1) {
	transition-delay: 0s;
  }
.evt-vote .animate-opacity:nth-child(2) {
	transition-delay: .4s;
  }
.evt-vote .animate-opacity:nth-child(3) {
	transition-delay: .8s;
  }
.evt-vote .animate-opacity.visible {
	opacity: 1;
  }

/* 프라임 가입완료 페이지 내 상품정렬 간격 수정 */
/* .prime__complete--page .product-list-slider {padding-bottom:100px;} */

/* 동영상레시피리뷰프로젝트 20221006 */
.ex-review-wrap .product-list-slider2 .product-item .img-box.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);}
.ex-review-wrap .product-list-slider2 .product-item .img-box.vp .recipe_review_time{position:absolute;right:8px;top:8px;display:inline-block;padding:0 7px;margin: 0 auto;height:21px;line-height:21px;box-sizing:border-box;border-radius:21px;background-color: rgba(0, 0, 0, 0.6);font-family:"Roboto";font-size:12px;color: #fff;letter-spacing:0;}



.popVoteResult .vote-list-review {display:block;white-space: normal;margin-top:16px;padding:16px 16px 10px;background-color:#f6f8f8;border-radius:4px;box-sizing: border-box;}
.popVoteResult .vote-list-review .review-txt {font-size:14px;line-height:20px;max-height:100px;white-space:normal;color:#666;font-family: Roboto;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.popVoteResult .vote-list-review .prd-info-wp {position:relative;border-top:1px solid #ddd;padding-top:10px;margin-top:10px;}
.popVoteResult .vote-list-review .prd-info {display:table;width:205px;}
.popVoteResult .vote-list-review .prd-thumb{display:table-cell;vertical-align:middle;width:40px;height:40px;}
.popVoteResult .vote-list-review .prd-thumb img {width:40px;height:40px;vertical-align:top;border-radius:4px;background-color:#fff;}
.popVoteResult .vote-list-review .prd-tit{display:table-cell;vertical-align:middle;padding-left:8px;}
.popVoteResult .vote-list-review .prd-tit span {font-size:14px;line-height:20px;color:#999; font-weight:bold;max-height:40px;white-space:normal;
		overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
		-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.popVoteResult .vote-list-review .prd-order {position:absolute;right:0;top:12px;display:block;width:36px;height:36px;text-indent:-999999em;font-size:0;color:transparent;background: url(/cjom/web/images/common/icon-plist-cart.svg) no-repeat 0 0;background-size:36px;}

 /* 20221004 상품상세 정보고시/배송안내/취소교환반품 레이어팝업 개선 */
.modal-prdinfo .sub-title {font-weight:normal;line-height:24px;margin:30px 0 12px 0 !important;}
.modal-prdinfo .sub-title:first-child {margin-top:0 !important}
.modal-prdinfo .tbl-sub-title {color:#000;margin:0 0 16px 0;}
.modal-prdinfo .tbl-sub-title:first-child {margin-top:-22px;}
.modal-prdinfo .table-default {margin:0 0 30px 0 !important;}
.modal-prdinfo .table-default tbody th {font-weight:normal;background:#f6f8f8;}
.modal-prdinfo .table-default tbody th,
.modal-prdinfo .table-default tbody td {height:auto;padding:16px 20px;line-height:20px;vertical-align:top;}
.modal-prdinfo .table-default tbody td [class^=btn-][class*=-xs] {width:98px;border-radius:4px;height:32px;}
.modal-prdinfo .table-default tbody td [class^=btn-white2] span {line-height:30px;color:#333;}
.modal-prdinfo .table-default.va-m tbody th,
.modal-prdinfo .table-default.va-m tbody td {padding:10px 20px;vertical-align:middle;}
.modal-prdinfo .mt6 {margin-top:6px !important;}
.modal-prdinfo .mt16 {margin-top:16px !important;}
.modal-prdinfo .table-default+.desc-list.detail {margin-top:-18px;}
.modal-prdinfo .desc-list li {font-size:15px;}
.modal-prdinfo .desc-list.detail li {padding-left:20px;}
.modal-prdinfo .desc-list.detail li {padding-left:20px;}
.modal-prdinfo .desc-list.detail li:first-child {margin-top:0;}
.modal-prdinfo .desc-list.detail li:before {left:9px;top:8px;}
.modal-prdinfo .desc-list.detail li a.link-underline {color:#1ba774;}
.modal-prdinfo .desc-list.detail li.emp-list:before {background:#1ba774;}
.modal-prdinfo .table-default tbody td .desc-list.detail li [class^=btn-][class*=-xs] {min-width:67px;width:67px;height:27px;line-height:25px;padding:0;}
.modal-prdinfo .table-default tbody td .desc-list.detail li [class^=btn-][class*=-xs] span {line-height:25px;}

/*20221124 신제품 사은품 리뷰 */
.link-freebie+.link-freebie {margin-top:8px;}
.link-freebie.type-new {border:0;background:#f6f8f8;border-radius:4px;padding:15px 20px;color:#666;}
.link-freebie.type-new span {display:block;}
.link-freebie.type-new .free-txt {line-height:24px;}
.link-freebie.type-new .free-txt .free-title {font-size:17px;color:#333;font-weight:bold;}
.freebie-flag {display:inline-block !important;font-weight:normal;font-size:11px;line-height:11px;padding:4px 6px;border-radius:4px;border:1px solid #333;color:#333;vertical-align:top;margin-right:8px;}
.freebie-flag.new {border-color:#fa6729;color:#fa6729;}
@media not all and (min-resolution:.001dpcm){
	@supports (-webkit-appearance:none) {
		.freebie-flag {padding:5px 6px 3px 6px;}
	}
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	.freebie-flag {padding:5px 6px 3px 6px;}
}
.link-freebie.type-new .free-txt .free-cont {font-size:14px;margin-top:2px;font-weight:normal;}
.link-freebie.type-new .free-thumb {position:absolute;top:50%;right:40px;height:44px;transform:translateY(-50%);}
.link-freebie.type-new .free-thumb img {display:inline-block;width:44px;height:44px;background:#fff;border-radius:4px;}
.link-freebie.type-new .free-thumb img+img {margin-left:4px;}
.link-freebie.type-new .free-thumb .count {position:relative;display:inline-block;width:24px;height:24px;vertical-align:super;margin-left:-7px;transform:translateY(-4px);box-sizing:border-box;border:1px solid #333;border-radius:100%;background:#fff;}
.link-freebie.type-new .free-thumb .count span {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;font-size:12px;font-weight:bold;color:#333;}
.link-freebie.type-new:after {top:50%;transform:translateY(-50%);width:7px;height:14px;background:url(/cjom/web/images/icon/arr_free.svg) 0 0 no-repeat;background-size:7px 14px;}
.freebie-bubble {padding:16px 20px 0 20px;}
.freebie-bubble .bubble-inner {position:relative;padding:16px 20px;border-radius:6px;background:#fa6729;color:#fff;}
.freebie-bubble .bubble-inner:after {content:"";display:block;position:absolute;bottom:-8px;left:16px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #fa6729;}
.freebie-bubble.type-normal .bubble-inner {background:#f6f8f8;color:#666;}
.freebie-bubble.type-normal .bubble-inner:after {border-top:8px solid #f6f8f8;}
.freebie-bubble dl dt {margin-bottom:0;}
.freebie-bubble dl dt span {font-size:15px;line-height:20px;font-weight:bold;}
.freebie-bubble dl dt .btn-free-detail {font-size:13px;line-height:20px;font-weight:normal;text-decoration:underline;float:right;}
.freebie-bubble dl dd {font-size:14px;line-height:20px;}
/* 20221124 신제품 사은품 리뷰 : 신제품 사은품 리뷰안내 popup */
.modal#prodFrgList .modal-header {padding:30px 0;margin:0 30px;}
.modal#prodFrgList .modal-contents {padding:0 30px;}
.modal#prodFrgList .btn-modal-close {top:30px;right:30px;}
.modal#frgDetailPop {padding-bottom:0;border:0;}
.modal#frgDetailPop .modal-contents > .scroll-wrapper,
.modal#frgDetailPop .modal-contents > .scroll-wrapper > [data-scroll] {max-height:calc(100vh - 175px) !important;}
.modal#frgDetailPop .modal-contents {padding:0;}
.modal#frgDetailPop .btn-modal-close {top:20px;}
.pop-newgift-review {padding-bottom:54px;}
.pop-newgift-review .freebie-kv {position:relative;}
.pop-newgift-review .freebie-kv .imgif {position:absolute;bottom:116px;left:0;width:100%;}
.pop-newgift-review .freebie-btm {position:relative;margin:0 40px;}
.pop-newgift-review .swiper-freebie {overflow:hidden;margin:0 auto;padding-bottom:64px;}
/* 기존swiper */
.pop-newgift-review .swiper-freebie .swiper-slide {padding: 40px 0 0 0;}
.pop-newgift-review .swiper-freebie .swiper-slide .freebie-title .num {width:50px;height:50px;margin:0 auto;}
.pop-newgift-review .swiper-freebie .swiper-slide .freebie-title h3 {padding:20px 0 28px 0;font-size:26px;line-height:32px;color:#333;text-align:center;}
.pop-newgift-review .swiper-freebie .swiper-slide .freebie-title h3 span {color:#1ba774;}
.pop-newgift-review .swiper-freebie .swiper-slide .freebie-cont {width:360px;margin:0 auto;}
.pop-newgift-review .fb-paging {text-align:center;position:absolute;bottom:40px !important;}
.pop-newgift-review .fb-paging .swiper-pagination-bullet {width:8px;height:8px;background:#ddd;opacity:1;}
.pop-newgift-review .fb-paging .swiper-pagination-bullet-active {background:#333;}
.pop-newgift-review .btn-fb-prev,
.pop-newgift-review .btn-fb-next {width:35px;height:45px;position:absolute;top:58%;transform:translateY(-50%);z-index:1;}
.pop-newgift-review .btn-fb-prev {left:0;background:url(/cjom/web/images/common/btn_freebie_prev.svg) 0 0 no-repeat;}
.pop-newgift-review .btn-fb-next {right:0;background:url(/cjom/web/images/common/btn_freebie_next.svg) 0 0 no-repeat;}
.pop-newgift-review .btn-fb-prev:hover,
.pop-newgift-review .btn-fb-next:hover {cursor:pointer;}
/* 새 slick */
.pop-newgift-review .swiper-freebie .slick-track {width:1380px !important;height:554px;overflow:hidden;}
.pop-newgift-review .swiper-freebie .slick-slide {padding: 40px 0 0 0;width:460px !important}
.pop-newgift-review .swiper-freebie .slick-slide .freebie-title .num {width:50px;height:50px;margin:0 auto;}
.pop-newgift-review .swiper-freebie .slick-slide .freebie-title h3 {padding:20px 0 28px 0;font-size:26px;line-height:32px;color:#333;text-align:center;}
.pop-newgift-review .swiper-freebie .slick-slide .freebie-title h3 span {color:#1ba774;}
.pop-newgift-review .swiper-freebie .slick-slide .freebie-cont {width:360px;margin:0 auto;}
.pop-newgift-review .swiper-freebie .slick-util-group {position:static;margin-bottom:-24px;}
.pop-newgift-review .slick-arrow {width:35px;height:45px;position:absolute;top:58%;transform:translateY(-50%);z-index:1;font-size:0;line-height:0;color:transparent;}
.pop-newgift-review .slick-arrow.slick-disabled {opacity:0.4;}
.pop-newgift-review .slick-prev {left:0;background:url(/cjom/web/images/common/btn_freebie_prev.svg) 0 0 no-repeat;}
.pop-newgift-review .slick-next {right:0;background:url(/cjom/web/images/common/btn_freebie_next.svg) 0 0 no-repeat;}
.pop-newgift-review .slick-prev:hover,
.pop-newgift-review .slick-next:hover {cursor:pointer;}
.pop-newgift-review .slick-dots-group {padding-top:10px;}
.pop-newgift-review .slick-dots li {width:16px;}
.pop-newgift-review .slick-dots li button:after {width:8px;height:8px;}
.pop-newgift-review .slick-dots li.slick-active button:after {background:#333;}
.pop-newgift-review .btn-go-gift {display:block;font-size:17px;line-height:17px;color:#fff;text-align:center;padding:14px 0;background:#1ba774;border-radius:4px;margin:0 30px;}
.fo-rv #frgDetailPop.modal {padding-top:0;}
.fo-rv #frgDetailPop.modal .modal-header {margin:0 40px 0 35px;padding:30px 0 20px 0;}
.fo-rv #frgDetailPop.modal .modal-contents {overflow:hidden;}
/* 20221124 신제품 사은품 리뷰 : 상품상세 */
.modal .modal-header .modal-title {font-size:28px;color:#000;}
.pop-giftinfo .content-bar .sub-title .emp {margin-top:2px;font-size:14px;color:#666;letter-spacing:-0.5px;font-weight:normal;line-height:20px;}
.pop-giftinfo .content-box {border-radius:8px;overflow:hidden;}
.pop-giftinfo .content-box:first-child {margin-top:0;}
.pop-giftinfo .content-bar {padding:16px 20px;border-bottom:0;background-color:#f6f8f8;}
.pop-giftinfo .content-bar .sub-title {line-height:20px;font-size:15px;font-weight:bold;}
.pop-giftinfo .content-bar>.date {right:20px;font-size:14px;color:#767676;letter-spacing:-0.5px;bottom:16px;}
.pop-giftinfo .product-list-row-sm .product-item .thumb {width:44px;height:44px;left:0;border-radius:4px;overflow:hidden;}
.pop-giftinfo .product-list-row-sm .product-item .inner {position:relative;height:44px;padding:3px 10px 0 52px;}
.fo-rv .pop-giftinfo .product-list-row-sm .product-item .inner {height:44px;padding:3px 10px 0 52px;}
.pop-giftinfo .content-bar .link-view {right:20px;top:15px;line-height:20px;color:#1ba774;letter-spacing:-0.5px;}
.pop-giftinfo [class*="product-list-row"] {padding:0 20px 16px 20px;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;box-sizing: border-box;}
.pop-giftinfo [class*="product-list-row"]+[class*="product-list-row"]:before {content:"";display:block;width:calc(100% - 40px);height:1px;background:#eee;position:absolute;top:0;left:20px;}
.pop-giftinfo [class*="product-list-row"] .product-item {display:inline-table;float:none;box-sizing:border-box;margin:0;padding:16px 0;border-bottom:1px solid #eee;}
.pop-giftinfo [class*="product-list-row"] .product-item:last-child,
.pop-giftinfo [class*="product-list-row"] .product-item:nth-last-child(2):nth-child(odd) {padding-bottom:0;border:0;}
.pop-giftinfo [class*="product-list-row"] .product-item .inner:after {height:0;}
.pop-giftinfo [class*="product-list-row"] .product-item.soldout .thumb:after, .pop-giftinfo [class*="product-list-row"] .product-item.soldout .thumb:after {box-sizing: border-box;font-size:13px;width:44px;height:44px;line-height:15px;padding:6px 8px 0 8px;background:rgba(0, 0, 0, 0.3);border-radius:4px;}
.pop-giftinfo [class*="product-list-row"] .product-item.exhaust .thumb:after, .pop-giftinfo [class*="product-list-row"] .product-item.exhaust .thumb:after {box-sizing: border-box;font-size:13px;width:44px;height:44px;line-height:15px;padding:6px 8px 0 8px;background:rgba(0, 0, 0, 0.3);border-radius:4px;}
.pop-giftinfo [class*="product-list-row"] .product-item .title {font-size:14px;line-height:20px;overflow:visible;}
.pop-giftinfo [class*="product-list-row"] .product-item .title .freebie-flag {transform:translateY(-2px);}
.pop-giftinfo [class*="product-list-row"] .product-item .title .btn-detail {display:inline-block;font-size:13px;line-height:16px;text-decoration:underline;margin-left:5px;color:#999;}
.pop-giftinfo [class*="product-list-row"] .product-item .date {color:#999;}
.pop-giftinfo .info-box {padding:20px 25px;margin-top:30px;background:#f8f8f8;border-radius:4px;}
.pop-giftinfo .info-box .desc-list {margin:0;color:#999;}
.pop-giftinfo .info-box .desc-list li {line-height:20px;}
.pop-giftinfo .info-box .desc-list li:before {background:#999;}
.pop-giftinfo .info-box .desc-list li+li {margin-top:8px;}
.pop-giftinfo .desc-list li .emp {color:#1ba774;font-weight:normal;}
/* 20221124 신제품 사은품 리뷰 : 장바구니 */
.order-giftinfo .content-box {padding:16px 20px;border-radius:8px 8px 0 0;border-color:#ddd;border-bottom:0;overflow:hidden;}
.order-giftinfo .content-box:first-child {margin-top:0;}
.order-giftinfo .content-box .content-bar {padding:0;border-bottom:0;background-color:#f6f8f8;min-height:auto;}
.order-giftinfo .content-box .content-bar .sub-title {line-height:20px;font-size:15px;font-weight:bold;}
.order-giftinfo .content-box .content-bar .sub-title .emp {margin-top:2px;font-size:14px;color:#666;letter-spacing:-0.5px;font-weight:normal;line-height:20px;}
.order-giftinfo .content-box .content-bar>.date {right:0;font-size:14px;color:#767676;letter-spacing:-0.5px;bottom:0;top:auto;}
.order-giftinfo .product-list-row-sm .product-item .thumb {width:44px;height:44px;left:0;top:0;transform:translateY(0);border-radius:4px;overflow:hidden;}
.order-giftinfo .product-list-row-sm .product-item .inner {height:44px;padding:0 10px 0 52px;}
.order-giftinfo .content-box .content-bar .link-view {right:0;top:0;line-height:20px;color:#1ba774;letter-spacing:-0.5px;}
.order-giftinfo [class*="product-list-row"] {padding:0 20px 16px 20px;border-radius:0 0 8px 8px;}
.order-giftinfo [class*="product-list-row"] .product-item {margin:16px 0 0 0;padding-bottom:16px;border-bottom:1px solid #eee;}
.order-giftinfo [class*="product-list-row"] .product-item:last-child,
.order-giftinfo [class*="product-list-row"] .product-item:nth-last-child(2):nth-child(odd) {padding-bottom:0;border:0;}
.order-giftinfo [class*="product-list-row"] .product-item .inner:after {height:0;}
.order-giftinfo [class*="product-list-row"] .product-item.soldout .thumb:after, .pop-giftinfo [class*='product-list-row'] .product-item.soldout .thumb:after {box-sizing:border-box;font-size:13px;width:44px;height:44px;line-height:15px;padding:6px 8px 0 8px;background:rgba(0, 0, 0, 0.5);border-radius:4px;}
.order-giftinfo [class*="product-list-row"] .product-item.exhaust .thumb:after, .pop-giftinfo [class*='product-list-row'] .product-item.exhaust .thumb:after {box-sizing:border-box;font-size:13px;width:44px;height:44px;line-height:15px;padding:6px 8px 0 8px;background:rgba(0, 0, 0, 0.5);border-radius:4px;}
.order-giftinfo [class*="product-list-row"] .product-item .title {font-size:14px;line-height:20px;overflow:visible;}
.order-giftinfo [class*="product-list-row"] .product-item .title .freebie-flag {transform:translateY(-2px);}
.order-giftinfo .info-box {padding:20px 15px;margin-top:30px;background:#f8f8f8;border-radius:4px;}
.order-giftinfo .info-box .desc-list {margin:0;color:#999;}
.order-giftinfo .info-box .desc-list li {line-height:20px;}
.order-giftinfo .info-box .desc-list li:before {background:#999;}
.order-giftinfo .info-box .desc-list li+li {margin-top:8px;}
.order-giftinfo .desc-list li .emp {color:#1ba774;}
.order-giftinfo [class*="product-list-row"] .product-item.soldout .title,
.order-giftinfo [class*="product-list-row"] .product-item.exhaust .title,
.order-giftinfo [class*="product-list-row"] .product-item.soldout .title .btn-detail,
.order-giftinfo [class*="product-list-row"] .product-item.exhaust .title .btn-detail {color:#bbb !important;}
.pop-giftinfo.order-giftinfo .content-box {padding:0;background:#fff;border-bottom:1px solid #ddd;border-radius:8px;}
.pop-giftinfo.order-giftinfo .content-box+.content-box {margin-top:16px;}
.pop-giftinfo.order-giftinfo .content-box .content-bar {border-bottom:0;padding:16px 20px;max-height:none;}
.pop-giftinfo.order-giftinfo .content-box .content-bar .sub-title .emp em {display:block;color:#fa6729;padding-left:0;background:none;}
.pop-giftinfo.order-giftinfo .content-box .content-bar .link-view {top:16px;right:20px;color:#666;}
.pop-giftinfo.order-giftinfo .content-box.under .content-bar .link-view {color:#1ba774;}
.pop-giftinfo.order-giftinfo .content-box .content-bar>.date {right:20px;bottom:16px;display:none;}
.pop-giftinfo.order-giftinfo [class*="product-list-row"] {border:0;}
.pop-giftinfo.order-giftinfo [data-column="2"][class*="product-list-row"] .product-item {margin-top:0;}
.pop-giftinfo.order-giftinfo .desc-list {margin:12px 12px 0 12px;}
.pop-giftinfo.order-giftinfo .desc-list li {font-size:13px;line-height:20px;color:#666;}
.pop-giftinfo.order-giftinfo .desc-list li:before {background:#666;}
/* 20221124 신제품 사은품 리뷰 : 주문서 */
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .form-item {padding-left:0;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .form-item .input-radio {position:relative;border-color:#ddd;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .form-item .input-radio.on {border-color:#1ba774;background:#fff;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .form-item .input-radio.on:after {background:#1ba774;width:10px;height:10px;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .inner {padding-left:52px;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .all-item {display:table;width:100%;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .all-item .inner {display:table-cell;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .all-item.exhaust .thumb:after {content:"재고소진";position: absolute;top:50%;left:50%;display:block;transform:translate(-50%, -50%);text-align:center;    z-index:2;color:#fff;box-sizing:border-box;font-size:13px;width:40px;height:40px;line-height:15px;padding:4px 8px 0 8px;background:rgba(0, 0, 0, 0.5);border-radius:4px;}
.order-giftinfo .product-list-row-sm .product-item .all-item .thumb {width:40px;height:40px;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .inner-ty {padding-left:0;height:auto;}
.payment-container .pop-giftinfo.order-giftinfo .product-list-row-sm .product-item .thumb {left:0;}
.payment-container .pop-giftinfo.order-giftinfo [class*="product-list-row"] .product-item .title .btn-detail,
.payment-container .pop-giftinfo.order-giftinfo .content-box .content-bar .link-view {display:none;}
/* 20221124 신제품 사은품 리뷰 : 마이페이지 */
.product-list-row-sm+.freebie-bubble {border-top:1px solid #eee;}
.pop-giftinfo.my-giftinfo .freebie-bubble {padding:16px 30px 0 30px;}
.pop-giftinfo.my-giftinfo .freebie-bubble dl dd {line-height:16px;}
.pop-giftinfo.my-giftinfo .cont-title {margin-top:60px;}
.pop-giftinfo.my-giftinfo .content-box {border-radius:0;border-left:0;border-right:0;margin-top:20px;}
.pop-giftinfo.my-giftinfo .content-bar .link-view,
.pop-giftinfo.my-giftinfo .content-box .content-bar>.date {display:none;}
.pop-giftinfo.my-giftinfo [class*="product-list-row"] {padding:0 30px 16px 30px;}
.pop-giftinfo.my-giftinfo [class*="product-list-row"]+[class*="product-list-row"]:before {left:0;width:100%;}
.pop-giftinfo.my-giftinfo [data-column="1"][class*="product-list-row"] .product-item {display: inline-table;width:100%;}
.pop-giftinfo.my-giftinfo .product-list-row-sm .product-item .memo,
.pop-giftinfo.my-giftinfo .product-list-row-sm .product-item .title {max-width:calc(100% - 200px);}
.pop-giftinfo.my-giftinfo .product-list-row-sm .product-item .freebie-btn-wrap {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.freebie-btn-wrap [class^=btn-white] {border-color:#0c8050;}
.freebie-btn-wrap [class^=btn-white] span {color:#0c8050;}
.pop-giftinfo.my-giftinfo [data-column="2"][class*="product-list-row"] .product-item {margin-top:0;}
.table-product .title .freebie-flag {vertical-align:bottom;}
.table-col td .freebie-btn-wrap {position:relative;display:inline-block;}
.table-col td .freebie-btn-wrap .freebie-bubble {padding:0;width:214px;position:absolute;top:-29px;right:-8px;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);}
.table-col td .freebie-btn-wrap .freebie-bubble .bubble-inner {padding:7px 0;text-align:center;background:#1ba774;}
.table-col td .freebie-btn-wrap .freebie-bubble .bubble-inner:after {left:auto;right:12px;bottom:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1ba774;}
.table-col td .freebie-btn-wrap .freebie-bubble dl dd {font-size:13px;line-height:16px;}
.frv-noti {font-size:13px;line-height:18px;color:#999;padding-left:10px;position:relative;}
.frv-noti:before {content:"";display:block;width:2px;height:2px;background:#999;border-radius:100%;position:absolute;top:7px;left:0;}

/*20221128 모아담기 추가*/
.price_item  .product_unit_price {margin:8px 0 25px 0;}
.price_item  .product_unit_price p {font-size: 14px; letter-spacing: -0.5px; line-height:16px; color:#111;;}

.price_item  .product_unit_price.item__weight {margin:3px 0 0px;}
.price_item  .product_unit_price.item__weight p {color:#666;;}
.product__origin--info {margin:15px 0 20px; font-size:26px; line-height:30px; color:#111;}

/* 상품상세 더마켓 포인트 */
.product-svaepoint {margin-top:13px;color:#1ba774;font-size:15px;line-height:16px;}
.product-svaepoint em {text-decoration:underline;}
.product-info-list>li .save-point .emp {color:#1ba774;}
.product-info-list>li .save-point div + div {margin-top:4px;}
#modal-pointinfo {width:500px;}
#modal-pointinfo .modal-header {margin:0 0 0 30px;}
#modal-pointinfo .modal-header .modal-title {font-size:28px;color:#000;}
#modal-pointinfo .modal-contents {padding:0 30px;}
#modal-pointinfo .btn-modal-close {right:20px;}
#modal-pointinfo .point-bx {margin-top:10px;padding:20px;background-color:#f6f8f8;border-radius:4px;}
#modal-pointinfo .point-bx li {margin-bottom:8px;display:table;width:100%;font-size:15px;color:#666;line-height:20px;}
#modal-pointinfo .point-bx li.ty {margin-bottom:16px;}
#modal-pointinfo .point-bx li:last-child {margin-bottom:0;}
#modal-pointinfo .point-bx li.ty .tit {font-weight:bold;font-size:16px;line-height:24px;color:#333;}
#modal-pointinfo .point-bx li.ty .point {font-weight:bold;font-size:20px;line-height:24px;color:#1ba774;}
#modal-pointinfo .point-bx li .tit {display:table-cell;text-align:left;vertical-align:middle;}
#modal-pointinfo .point-bx li .point {display:table-cell;text-align:right;}
#modal-pointinfo .desc-list {margin-top:20px;line-height:20px;color:#555;}
.text-group .arrive_icon {}

/* 브랜드 상세 팝업 */
#lineupProductPop .product-wp > .product-list {margin-top:0;}
#lineupProductPop .product-wp > .product-list > li {padding-top:40px;}
#lineupProductPop .product-wp > .product-list > li:nth-child(1),
#lineupProductPop .product-wp > .product-list > li:nth-child(2),
#lineupProductPop .product-wp > .product-list > li:nth-child(3),
#lineupProductPop .product-wp > .product-list > li:nth-child(4) {padding-top:0;}
#lineupProductPop .product-wp > .product-list .product-list-top {height:217px;}

/* 상품리스트 가로형 (팝업) */
.pop-product-list {border-top:1px solid #ddd;}
.pop-product-list li {display:table;width:100%;padding:20px 0;border-bottom:1px solid #ddd;}
.pop-product-list li:first-child {padding-top:14px;}
.pop-product-list li .product-list2 .product-list-cont {width:350px;float:left;}
.pop-product-list [class*=-column] {position: relative; display: table-cell; font-size:15px; vertical-align: middle;}
.pop-product-list .product-info .title-box {width:270px;}
.pop-product-list .product-info .inline {padding:0 24px 0 96px;}
.pop-product-list .product-info .title {font-size:15px;line-height: 18px;}
.pop-product-list .price-info {margin-top:6px;}
.pop-product-list .price-info .price {display: inline-block;color: #333;font-size: 18px;margin-right:2px;}
.pop-product-list .price-info .price strong {font-size:21px;letter-spacing:-0.5px;}
.pop-product-list .price-info del {display: inline-block;margin-right: 1px;color: #999;font-size:14px;}
.pop-product-list .price-info del .num {font-size:15px;}
.pop-product-list .quantity-column {width:102px;}
.pop-product-list .quantity-column .title {display: none;}
.pop-product-list .plusDc-column {width:35px;padding-left:10px;}
.pop-product-list .product-wp {display:table-cell;vertical-align:middle;}
.pop-product-list .plusDc-column .btn-product-cart {width:35px;height:35px;background: url(/cjom/web/images/common/icon-plist-cart.svg) no-repeat 0 0;background-size:35px;display: inline-block;}

/**************************************************************************
* 지라: http://cjics.cj.net/jira/browse/MARKETDEV-4170
* 작업내용: 더마켓 상품정보 內 센터 보유 자재의 유통기한 표시-퍼블
* 작업날짜: 2023.01.26
* 작업자: 허도경
**************************************************************************/
.guide-product__wrap {margin:auto; padding:16px 20px; background-color:#f7f7f7; box-sizing: border-box}
.guide-product__wrap .guide-text {font-size:13px; line-height:18px; color:#333;}
.guide-product__wrap .guide-text__add {font-size:11px; line-height:15px; color:#999;}
.guide-product__wrap .guide-text + .guide-text__add {margin-top:4px;}

/*  2023-02-07  주문서 內 쿡킷 새벽 배송 종료 안내 레이어팝업 */
#modal-dawn {width:400px;padding-bottom:0;border: 0px;}
#modal-dawn .modal-cont {padding:35px 0px 0px 0px;text-align:center;}
#modal-dawn .modal-cont .msg {padding:0 35px 0 35px;font-size:25px;line-height:36px;color:#000;}
#modal-dawn .modal-cont .msg::after {content: "";display: block;width:52px;border-bottom: 3px solid #000; margin: 20px auto;}
#modal-dawn .modal-cont .msg .emp{color:#be3434;}
#modal-dawn .modal-cont .txt {margin:0;font-size:17px;line-height:24px;color:#000;letter-spacing:-1px;padding: 0 35px 0 35px;}
#modal-dawn .modal-cont .txt .emp {color:#be3434;letter-spacing: -1px;}
#modal-dawn .modal-cont .txt.cont {margin:0;font-size:17px;line-height:24px;color:#000;letter-spacing:-1px;font-weight: bold;padding-top: 20px;}
#modal-dawn .modal-cont .txt.cont:nth-last-child(2){padding-top: 0px;}
#modal-dawn .modal-cont .btn-area {margin-top:35px;}
#modal-dawn .modal-cont .btn-area .btn-default {width:100%;height:75px;line-height:72px;border:1px solid #000;background-color:#000;font-size: 20px;}
#modal-dawn .modal-cont .btn-area .btn-default:focus{ outline:none; }
#modal-dawn .btn-modal-close{top:10px;right:10px;}
#modal-dawn .btn-modal-close span{width:35px;height:35px;background:url('/cjom/event/lguplus/images/btn_laypop_close.png') no-repeat center center;}

/*임직원 선물 고르기 MARKETDEV-4530*/
.address-save.gft{border-bottom: 0;}
.address-save.gft .product-list{padding-bottom: 40px;display: flex;justify-content: center;}
.address-save.gft .product-item .thumb{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	overflow: hidden;
}
.address-save.gft .product-item .thumb-cont{position: relative;background-color: #f6f8f8;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 16px;}
.address-save.gft .product-item .thumb-cont .txt01{font-size: 14px;font-weight: bold;line-height: 20px;letter-spacing: -1px;color: #111;margin-bottom: 4px;}
.address-save.gft .product-item .thumb-cont .txt02{font-size: 15px;line-height: 20px;letter-spacing: -1px;color: #111;}

.result-box .gft-text{
	color: #888;
	font-weight: normal;
}

/* checkbox */
.address-save.gft .product-item .inner label{
	position: relative;
}
.address-save.gft .product-item .input-radio{
	background: url(/cjom/web/images/icon/icon-checkbox-off.svg) no-repeat 0 0;
    background-size: 56px;
	position: absolute;
    top: 20px;
    left: 20px;
    height: 56px;
    width: 56px;
	border: 0;
}
.address-save.gft .product-item .input-radio.on{
	background: url(/cjom/web/images/icon/icon-checkbox-on.svg) no-repeat 0 0 !important;
  background-size: 56px;
  content: '';
}
.address-save.gft .product-item .input-radio.on:after{
	background: url(/cjom/web/images/icon/icon-checkbox-on.svg) no-repeat 0 0 !important;
	background-size: 56px;
	content: '';

}
/*
.address-save.gft .option-input {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 56px;
    width: 56px;
    transition: all 0.15s ease-out 0s;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none;
	background: url(/cjom/web/images/icon/icon-checkbox-off.svg) no-repeat 0 0;
    background-size: 56px;
	content: '';
	z-index: 3;
    opacity: 1;

}

.address-save.gft .input-radio[type="radio"]:disabled {
    background-color: rgba(0, 0, 0, .5);
    opacity: 0.5;
}

.address-save.gft .input-radio .ft_13 {
    font-size: 13px !important;
}



.address-save.gft .input-radio .option-input.radio:checked{
	background: url(/cjom/web/images/icon/icon-checkbox-on.svg) no-repeat 0 0;
  background-size: 56px;
  content: '';

}
.address-save.gft .input-radio .option-input.radio:checked::before {
  width: 16px;
  height: 8px;

  border-top: 0;
  border-right: 0;
  position: absolute;
  top: 40%;
  left: 30%;
}


.address-save.gft .input-radio .option-input.radio:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  background: url(/cjom/web/images/icon/icon-checkbox-on.svg) no-repeat 0 0;
  background-size: 56px;
}*/

.address-save.gft .option-input {
	position: absolute;
    top: -200%;
    left: -200%;
    width: 0;
    height: 0;
    opacity: 0;
}

/* 2023-04-04 장바구니 담기 버튼 추가 MARKETDEV-4680 */
.package-product .price.pdr-0{
	padding-right: 0 !important;
}

/* 적립금예산관리 */
.save_event_link {position:relative;height:60px;box-sizing:border-box;margin-top:15px;}
.save_event_link_bg {display:block;opacity:0.2;width:100%;height:60px;border-radius:4px;}
.save_event_link a {position:absolute;left:50%;top:15px;transform:translateX(-50%); -ms-transform:translateX(-50%);display:inline-block;color:#333;box-sizing:border-box;padding-left:38px;font-size:18px;height:30px;line-height:30px;background:url(/cjom/mobile/images/icon/icon_save_won.png) no-repeat 0 50%;background-size:30px;}
.save_event_link a span {padding-right:16px;background:url(/cjom/mobile/images/icon/icon_save_banner_arrow.svg) no-repeat 100% 6px;background-size:8px 16px;}
@media (max-width:320px) {
    .save_event_link a {left:8px;font-size:12px;padding-left:25px;background-size:20px;}
}
.save_e_comfirm {margin-top:40px;}
.save_e_comfirm .tit {font-size:26px;line-height:30px;font-weight:bold;color:#333;}
.save_e_comfirm .txt {margin-top:10px;font-size:15px;line-height:20px;color:#666;}
.table-col td .saveevent_info {padding:7px 0 0 60px;}
.table-col td .saveevent_info li {position:relative;padding-left:10px;overflow:hidden;margin-top:8px;font-size:14px;line-height:18px;color:#767676;}
.table-col td .saveevent_info li:after {position:absolute;left:0;top:7px;display:block;width:3px;height:3px;border-radius:100px;background-color:#666;content: '';}
.table-col td .saveevent_info li .txt {float:left;}
.table-col td .saveevent_info li .rcont {position:relative;float:left;margin-left:8px;padding-left:8px;}
.table-col td .saveevent_info li .rcont:after {position:absolute;left:0;top:3px;display:block;width:1px;height:12px;background-color:#ddd;content: '';}
.table-col td .saveevent_modal_wp {padding:15px 0 0 62px;}
.table-col td .saveevent_modal_wp a {margin-right:7px;font-size:14px;line-height:18px;color:#1ba774;text-decoration:underline;}
#modal-useinfo .modal-header {padding:32px 0 30px;margin:0 35px 0 30px;}
#modal-useinfo .btn-modal-close {top:27px;}
#modal-useinfo .modal-header-title {font-weight:bold;font-size:24px;line-height:28px;}
#modal-useinfo .modal-contents{padding:0 30px;}
#modal-useinfo .info-bx {padding:0;background-color:#fff;}
#modal-useinfo .info-bx .info-desc-list + .info-desc-list {margin-top:15px;padding-top:15px;border-top:1px dotted #ddd;}
#modal-useinfo .info-bx .info-desc-list li {position:relative;padding-left:10px;margin-bottom:7px;font-size:15px;line-height:20px;color:#666;}
#modal-useinfo .info-bx .info-desc-list li:last-child {margin-bottom: 0;}
#modal-useinfo .info-bx .info-desc-list li:after {position:absolute;left:0;top:8px;display:block;width:3px;height:3px;border-radius:100px;background-color:#666;content: '';}
#modal-useinfo .btn-area {margin-top:30px;}
#modal-useinfo .btn-area button {font-size:17px;color:#fff;font-weight:bold;width:100%;height:48px;line-height:48px;border-radius:4px;background-color:#1ba774;}
#modal-applucont .modal-header {padding:32px 0 30px;margin:0 35px 0 30px;}
#modal-applucont .btn-modal-close {top:27px;}
#modal-applucont .modal-header-title {font-weight:bold;font-size:24px;line-height:28px;}
#modal-applucont .modal-contents{padding:0 30px;}
#modal-applucont .save_price {overflow:hidden;border-radius:4px;height:85px;box-sizing: border-box;padding:20px 0;background-color:#f6f8f8;}
#modal-applucont .save_price dl {float:left;width:33.3%;text-align:center;position:relative;}
#modal-applucont .save_price dl:after {position:absolute;right:0;top:2px;width:1px;height:100%;display:block;background-color:#eee;content:'';}
#modal-applucont .save_price dl:last-child:after {width:0;}
#modal-applucont .save_price dl dt {font-size:14px;line-height:18px;color:#666;}
#modal-applucont .save_price dl dd {margin-top:2px;font-size:20px;line-height:26px;color:#333;font-weight:bold;}
#modal-applucont .save_price dl dd.emp {color:#1ba774;}
#modal-applucont .save_price dl dd.emp em {color:#fa6729;}
#modal-applucont .save_price_desc {margin-top:10px;}
#modal-applucont .save_price_desc p {position:relative;padding-left:10px;margin-bottom:7px;font-size:14px;line-height:18px;color:#666;}
#modal-applucont .save_price_desc p:after {position:absolute;left:0;top:6px;display:block;width:3px;height:3px;border-radius:100px;background-color:#666;content: '';}
#modal-applucont .save_price_desc p .emp {color:#1ba774;}
#modal-applucont .save_price_desc p.noti {color:#fa6729;padding-left:19px;background:url(/cjom/mobile/images/icon/icon_desc_noti.svg) no-repeat 0 1px;background-size:15px;}
#modal-applucont .save_price_desc p.noti:after {width:0;}
#modal-applucont h3 {margin:30px 0 10px;font-size:18px;line-height:20px;}
#modal-applucont .mybuy_table {overflow-y:auto;max-height:194px;border-top:1px solid #ddd;}
#modal-applucont table thead th {height:46px;text-align:center;vertical-align:middle;font-size:14px;line-height:18px;color:#666;font-weight:normal;border:1px solid #ddd;border-left:0;border-top:0;background-color:#f6f8f8;}
#modal-applucont table thead th:last-child {border-right:0;}
#modal-applucont table tbody td {text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;line-height:18px;}
#modal-applucont table tbody td:last-child {border-right:0;}
#modal-applucont table tbody td.info {text-align:left;padding:8px;}
#modal-applucont table tbody td.info .order_txt {margin-top:4px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#modal-applucont table tbody td.info .order_num {color:#999;}
#modal-applucont table tbody td.price {text-align:right;padding-right:3px;}
#modal-applucont table tbody td .nodate {padding:16px 13px;text-align:center;color:#999;}
#modal-applucont .btn-area {margin-top:30px;}
#modal-applucont .btn-area button {font-size:17px;color:#fff;font-weight:bold;width:100%;height:48px;line-height:48px;border-radius:4px;background-color:#1ba774;}
/*MARKETDEV-5736 지정일 배송 수정*/
.product-info-list .text-group .select-delivery {color:#000; text-decoration: underline; cursor: pointer;} /* 2023-11-23 수정 : 내일배송서비스 MARKETDEV-6568 컬러값 추가 */ 


/* 2023-07-20 : 배송지 설정 라디오 수정 MARKETDEV-5685 */
.btn-area.gft_btn{
	margin-top: 40px;
	margin-bottom: 60px;
	}
.btn-area.gft_btn button{
	width:200px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:15px;
	background-color:#1f1f1f;
	border-radius: 0;
}
.btn-area.gft_btn button span{
	line-height: 20px;
	font-size: 15px;
	letter-spacing: -1px;
}
.delivery-set-box .set-top .column.col__01{
	min-width: 200px;
	padding: 14px 0 14px 26px;
	font-size: 15px !important;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
}
.delivery-set-box .set-top .column.col__01 label{
	font-size: 15px;
	font-weight: normal;
}
.delivery-set-box .set-cont>.txt.gift_card{
	padding: 0 ;
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	color:#333;
	border: 0;
}
.delivery-set-box .set-cont>.txt.gift_card .info_box_gft{
	background-color: #fff3ea;
	padding: 20px 0;
}
.delivery-set-box .set-cont>.txt.gift_card .info_gft_card .t-bold{
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -1px;
	color: #666;
	font-weight: bold;
}
.delivery-set-box .set-cont>.txt.gift_card .info_gft_card{
	margin: 8px 0 0 0;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -1px;
	color: #666;
}
.delivery-set-box .set-cont>.txt.gift_card .desc-list{
	text-align: left;
	font-weight: normal;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ddd;
}
.delivery-set-box .set-cont>.txt.gift_card .desc-list > li{
	letter-spacing: -1px;
	margin-top: 5px !important;
	line-height: 19px !important;
}
.delivery-set-box .set-cont>.txt.gift_card .address-save{
	text-align: left;
}
.delivery-set-box .set-cont>.txt.gift_card .address-save > li{
	border-top: 0 !important;
	border-bottom: 1px solid #ddd !important;
}
.delivery-set-box .set-cont>.txt.gift_card .address-save .txt{
	position: relative;
    font-size: 14px;
    color: #1ba774;
    line-height: 20px;
    margin: 10px 0 5px;
	font-weight: normal;
}
.t__bold{
	font-weight: bold;
}
.delivery-set-box .set-cont .address-save .step_01 > button > span{
	padding-right:18px;
	background:url('/cjom/web/images/icon/ico_Group_8.png') no-repeat 100% 8px;
	background-size:12px;
	color: #00893d;
}

.delivery-set-box .set-cont .address-save .step_01 button{
	font-size: 15px;
	height: 40px;
	min-width: 180px;
}
.delivery-set-box .set-cont .address-save .excel_dn_txt{
	position: relative;
	font-size: 14px;
	line-height: 14px;
	color: #767676;
	margin: 10px 0 5px;
    font-weight: normal;
}
.delivery-set-box .set-cont .address-save .bt0{
	border-top: 0 !important;
}
.delivery-set-box .set-cont .address-save .step_02 .input-file.text-type > input{
	border: 1px solid #ccc;
}

.delivery-set-box .set-cont .address-save .step_02 .input-file.text-type.active .file-text{
	color: #999;
	background-color: #f8f8f8;
}
.delivery-set-box .set-cont .address-save .step_02 .input-file.text-type button{display: none;}

.delivery-set-box .set-cont .address-save .step_02 .btn-white-sm.file_find{
	position: absolute;
    top: 0;
    right: 0;
    transform: translate(-200px, 10px);
	border: 1px solid #333;
	color: #333;
	min-width: 100px;
}
.delivery-set-box .set-cont .address-save .step_02 .btn-white4-xs.up_load{
	font-size: 15px;
    height: 40px;
    min-width: 180px;
    margin-left: 16px;
    margin-top: -4px;
}
.delivery-set-box .set-cont .address-save .step_02 .btn-white4-xs.up_load > span{
	color: #00893d;
}
.delivery-set-box .set-cont .address-save .step_02 .input-file.input-file.text-type{
	height: 41px !important;
}
.cl_893{
	color: #00893d;
}
.cl_e44{
	color: #e44b49;
}
.va_inh{
vertical-align: initial !important;
}

.delivery-set-box .set-cont .address-save .step_03 .uld_result .cl_893.t_bold{
	font-weight: bold;
}

.delivery-set-box .set-cont .address-save .step_03 .uld_result,
.delivery-set-box .set-cont .address-save .step_03 .total_result{
	font-size: 15px;
	line-height: 20px;
	color: #333;
	letter-spacing: -0.5px;
	margin-top: 4px;
}

.delivery-set-box .set-cont .address-save .step_03 .uld_result .link-underline2.detailing{
	padding-left: 37px;
	color: #00893d;
}

/* MARKETDEV-8749 */
.delivery-set-box .set-cont .txt-new{padding:15px 0 0 200px;font-size:14px;color:#767676;}
.delivery-set-box .set-cont .new-delivery-bulk{padding:15px 0 0 200px;}
.delivery-set-box .set-cont .new-delivery-bulk ul>li{position:relative;padding-left:20px;font-size:14px;color:#767676;line-height:22px;word-break:keep-all;}
.delivery-set-box .set-cont .new-delivery-bulk ul>li:before{content:'';position:absolute;top:8px;left:4px;width:3px;height:3px;background:#767676;border-radius:50%;}
.delivery-set-box .set-cont .new-delivery-bulk button>span{padding-right:18px;background:url('/cjom/web/images/icon/ico_Group_8.png') no-repeat 100% 8px;background-size:12px;color:#00893d;}
.delivery-set-box .set-cont .new-delivery-bulk button{min-width:180px;height:40px;margin-right:10px;font-size:15px;}
.delivery-set-box .set-cont .new-delivery-bulk p{margin-top:15px;}

.lh_20{
	line-height: 20px !important;
}
#shippingPop .modal-title.h2{
	font-weight: bold;
	padding-right: 20px !important;
}
#shippingPop .shipping-info .table-col{
	border-top: 0;
	border-bottom: 0;
}
#shippingPop .shipping-info .table-col th{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #000;
	padding: 15px 0;
}
#shippingPop .shipping-info .table-col td{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #666;
	padding: 12px 0 10px 0;
	border-top: 0;
}
#shippingPop .shipping-info .table-col .faild_fc{
	color: #e72a50;
}

#shippingPop .shipping-info .table-col .failed_bg td{
	background-color: #fef4f6 !important;
}
#shippingPop .modal-contents .scroll-wrapper,
#shippingPop .modal-contents .scroll-wrapper .scroll-content{
	max-height: 428px !important;
}
#shippingPop .modal-contents .scroll-wrapper{
	margin-top: 10px;
}
#shippingPop .btn-area.faild-btns button{
	min-width: 225px;
}
#shippingPop .shipping-info .table-col thead{
	position: sticky;
	top:0;
}
#shippingPop .faild-btns a:first-child > span{
	color: #2a715a !important;
	background-color: #fff;
}
#shippingPop .shipping-info .table-col thead:before{
	content: '';
	border-top: 1px solid #ddd;
	top:0;
	position: absolute;
	left:0;
	width: 100%;
}
#shippingPop .shipping-info .table-col thead:after{
	content: '';
	border-bottom: 1px solid #ddd;
	bottom:0;
	position: absolute;
	left:0;
	width: 100%;
}
#shippingPop .shipping-info .table-col tbody tr{
	border-bottom: 1px solid #ddd;
}

/* MARKETDEV-5952 더마켓 PC>주문결제 _개별신청 엑셀 다운로드 버튼 제공 및 안내문구 추가 */
.delivery-set-box .set-cont .txt_excel_dn .step_01_01{
	padding-top: 15px;
}
.delivery-set-box .set-cont .txt_excel_dn .step_01_01 > button > span{
	padding-right:18px;
	background:url('/cjom/web/images/icon/ico_Group_8.png') no-repeat 100% 8px;
	background-size:12px;
	color: #00893d;
}

.delivery-set-box .set-cont .txt_excel_dn .step_01_01 button{
	font-size: 15px;
	height: 40px;
	min-width: 180px;
}
.delivery-set-box .set-cont .txt_excel_dn .step_01_01 .excel_dn_txt{
	padding-left: 10px;
}
.delivery-set-box .set-cont .txt_excel_dn{
	font-size: 14px;
	padding: 15px 30px 14px 200px;
    border-bottom: 1px solid #ddd;    
    color: #767676;
}
.order-complete-wrap .each-delivery .step_01_01{
	padding-top: 15px;
}
.order-complete-wrap .each-delivery .step_01_01 > button > span{
	padding-right:18px;
	background:url('/cjom/web/images/icon/ico_Group_8.png') no-repeat 100% 8px;
	background-size:12px;
	color: #00893d;
}
.order-complete-wrap .each-delivery .step_01_01 button{
	font-size: 15px;
	height: 40px;
	min-width: 180px;
}
.order-complete-wrap .each-delivery .text.fc_76{
	color: #767676 !important;
}
.order-complete-wrap .each-delivery .step_01_01 .excel_dn_txt{
	padding-left: 10px;
}
.package-list .package-each .txt.ftw_14{
	font-size: 14px;
	color: #767676;
} 
.package-list .package-each .step_01_01{
	padding-top: 15px;
}
.package-list .package-each .step_01_01 > button > span{
	padding-right:18px;
	background:url('/cjom/web/images/icon/ico_Group_8.png') no-repeat 100% 8px;
	background-size:12px;
	color: #00893d;
}
.package-list .package-each .step_01_01 button{
	font-size: 15px;
	height: 40px;
	min-width: 180px;
}
.package-list .package-each .step_01_01 .excel_dn_txt{
	padding-left: 10px;
}

.package-view-list .package-each .txt.ftw_14{
	font-size: 14px;
	color: #767676;
} 
.package-view-list .package-each .step_01_01{
	padding-top: 15px;
}
.package-view-list .package-each .step_01_01 > button > span{
	padding-right:18px;
	background:url('/cjom/web/images/icon/ico_Group_8.png') no-repeat 100% 8px;
	background-size:12px;
	color: #00893d;
}
.package-view-list .package-each .step_01_01 button{
	font-size: 15px;
	height: 40px;
	min-width: 180px;
}
.package-view-list .package-each .step_01_01 .excel_dn_txt{
	padding-left: 10px;
}

/*MARKETDEV-6021 '더마켓 > CJ옴니서비스 정보제공동의' 추가*/
.my-infomodify .cj-service-info { margin-top: 50px;;}
.my-infomodify .cj-service-info .cj-service-info-agr {height: 80px; border: solid 1px rgba(85, 85, 85, 0.33);box-sizing: border-box; position: relative;}
.my-infomodify .cj-service-info h4 {line-height: 22px; margin-top: 0; margin-bottom: 30px; ; }
.my-infomodify .cj-service-info .cj-service-info-agr p { font-size: 14px;  padding-left:30px; color:#555; line-height: 20px; padding-top: 26px;;}
.my-infomodify .cj-service-info .cj-service-info-agr p label {padding-left: 35px; font-size: 14px; color:#555;}
/* .my-infomodify .cj-service-info .cj-service-info-agr .input-checkbox {margin-right: 10px;} */
.my-infomodify .cj-service-info .cj-service-info-agr button {border: 1px solid #ccc; width: 100px; color:#333; line-height: 38px; font-weight: bold; height: 40px; border-radius: 0; position: absolute; top:20px ;right:30px;}

/* MARKETDEV-6767 biz 전문관 */
.biz-special-wrap{width:1280px;margin:0 auto;}
.biz-special-wrap h3{margin:56px 0 36px;font-size:36px;text-align:center;line-height:38px;}

.biz-special-wrap .biz-superdeal-section{padding:0 0 70px;}
.biz-special-wrap .biz-superdeal-section h3{position:relative;margin-bottom:0px;}
.biz-special-wrap .biz-superdeal-section h3:after{content:'';display:inline-block;width:47px;height:70px;margin-left:5px;margin-bottom:-5px;background:url(/cjom/web/images/biz/img_super_deal.png) no-repeat 0 0;background-size:cover;vertical-align:text-bottom;}
.biz-special-wrap .biz-superdeal-section .product-wp .product-list{margin:0;}
.biz-special-wrap .biz-superdeal-section .product-wp>.product-list{text-align:center;}
.biz-special-wrap .biz-superdeal-section .product-wp>.product-list>li{width:400px;text-align:left;padding:0;}
/*.biz-special-wrap .biz-superdeal-section .product-wp>.product-list>li+li{margin-left:40px;}*/
.biz-special-wrap .biz-superdeal-section .product-list-top{height:400px;}
.biz-special-wrap .biz-superdeal-section .product-list-top .thumbnail-img img{width:100%;}

.biz-special-wrap .biz-btn-area{margin-top:65px;text-align:center;}
.biz-special-wrap .biz-btn-area>a{display:block;width:560px;height:88px;margin:0 auto;color:#fff;font-size:30px;font-weight:700;line-height:86px;border-radius:8px;background:linear-gradient(to right, #2c509a 0%, #1ba774 100%);}

.biz-special-wrap .biz-product-wrap{margin-top:40px;}
.biz-special-wrap .best-category-list{background:#fff;z-index:20110 !important;}
.biz-special-wrap .best-category-list ul{width:100%;padding:16px 0;background:#fff;font-size:0;text-align:center;}
.biz-special-wrap .best-category-list ul>li{display:inline-block;width:108px;}
.biz-special-wrap .best-category-list ul>li>a{display:block;}
.biz-special-wrap .best-category-list ul>li .cate-img{display:block;width:60px;height:60px;margin:0 auto;border-radius:50%;box-sizing:border-box;}
.biz-special-wrap .best-category-list ul>li .cate-img img{display:block;width:60px;}
.biz-special-wrap .best-category-list ul>li .cate-txt{display:block;margin-top:4px;font-size:15px;color:#333;}
.biz-special-wrap .best-category-list ul>li.active .cate-img{border:2px solid #1ba774;overflow:hidden;}
.biz-special-wrap .best-category-list ul>li.active .cate-img img{max-width:60px;margin:-2px;}
.biz-special-wrap .best-category-list ul>li.active .cate-txt{font-weight:700;color:#1ba774;}

.biz-special-wrap .best-category-list .biz-category-swiper{position:relative;width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;overflow:hidden;}
.biz-special-wrap .best-category-list .biz-category-swiper:before{content:'';position:absolute;top:0;left:0;width:40px;height:100%;background:#fff;z-index:2;}
.biz-special-wrap .best-category-list .biz-category-swiper:after{content:'';position:absolute;top:0;right:0;width:40px;height:100%;background:#fff;z-index:2;}
.biz-special-wrap .best-category-list .biz-category-swiper .swiper-button-prev:before{content:'';display:inline-block;margin-right:10px;width:14.5px;height:14.5px;margin-top:7px;border-right:2px solid #979797;border-bottom:2px solid #979797;transform:rotate(135deg);}
.biz-special-wrap .best-category-list .biz-category-swiper .swiper-button-prev:after{display:none;}
.biz-special-wrap .best-category-list .biz-category-swiper .swiper-button-next:before{content:'';display:inline-block;margin-right:10px;width:14.5px;height:14.5px;margin-top:7px;border-right:2px solid #979797;border-bottom:2px solid #979797;transform:rotate(-45deg);}
.biz-special-wrap .best-category-list .biz-category-swiper .swiper-button-next:after{display:none;}
.biz-special-wrap .best-category-list .biz-category-swiper.no-swiper .swiper-wrapper{display:block;}

#container .best-category-list.compactFixed.is-fixed{left:0 !important;width:100% !important;}

.biz-special-wrap .biz-banner-section{margin-top:40px;}
.biz-special-wrap .biz-banner-section img{display:block;}
.biz-special-wrap .biz-banner-section ul>li{margin:0;padding:0;}
.biz-special-wrap .biz-banner-section ul>li>a{display:block;}

.biz-special-wrap .notice-accordion-wrap{padding:0 0 24px;}
.biz-special-wrap .notice-accordion-wrap .accordion-list{display:block;width:750px;margin:36px auto 0;text-align:left;border:0;box-sizing:border-box;background:none;}
.biz-special-wrap .notice-accordion-wrap .accordion-list>li:first-child{text-align:center;}
.biz-special-wrap .notice-accordion-wrap .accordion-list li [data-accordion]{position:relative;display:inline-block !important;padding:0;font-weight:500;color:#333;font-size:21px;line-height:20px;border-bottom:2px solid #3f3f3f;}
.biz-special-wrap .notice-accordion-wrap .accordion-list li [data-accordion]:before{content:'';position:absolute;top:0;left:-27px;width:23px;height:23px;background:url(/cjom/web/images/biz/ico_accordion_info.svg) no-repeat center center;background-size:23px 23px;}
.biz-special-wrap .notice-accordion-wrap .accordion-list li .accordion_arrow{position:absolute;right:-24px;top:5px;margin-right:0;width:19px;height:11px;background:url(/cjom/web/images/biz/ico_arrow_down.svg) no-repeat center center;background-size:19px auto;transition:transform .3s;}
.biz-special-wrap .notice-accordion-wrap .accordion-list li a.active .accordion_arrow {transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.biz-special-wrap .notice-accordion-wrap .notice-list{padding:30px 0 0;}
.biz-special-wrap .notice-accordion-wrap .notice-list ul>li{position:relative;padding-left:14px;font-size:16px;color:#666;line-height:21px;text-align:left;}
.biz-special-wrap .notice-accordion-wrap .notice-list ul>li+li{margin-top:4px;}
.biz-special-wrap .notice-accordion-wrap .notice-list ul>li:before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:100%;background-color:#666;}


.biz-special-wrap .biz-sub-category-wrap{position:relative;height:70px;padding:15px 0;background:#f6f8f8;box-sizing:border-box;z-index:998;}
.biz-special-wrap .biz-sub-category-wrap:before{content:'';position:absolute;top:0;left:50%;width:1920px;height:70px;background:#f6f8f8;transform:translateX(-50%);z-index:-1;}
.biz-special-wrap .biz-sub-category-wrap:after{content:'';display:block;clear:both;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap{float:left;width:880px;height:40px;background:none;border:none;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap::before,
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap::after{top:0;left:0;width:40px;height:40px;background:#f6f8f8;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list,
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .slick-list{width:880px;height:40px;line-height:40px;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .list{width:auto;min-width:80px;height:auto;padding:0 8px;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .list a{height:38px;padding:0 16px;font-size:14px;border:1px solid #ddd;background:#fff;line-height:37px;border-radius:20px;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .list.active:after{display:none;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .list.active a{color:#fff;font-weight:400;border-color:#1ba774;background:#1ba774;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .slick-arrow{height:40px;background:#f6f8f8;border:0;}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .slick-list:after{width:30px;height:40px;background:linear-gradient(to right,rgba(246,248,248,0) 10%,rgba(246,248,248,0.5) 30%,rgba(246,248,248,0.75) 50%,rgba(246,248,248,1) 100%);}
.biz-special-wrap .biz-sub-category-wrap .theme-category-list-wrap .theme-category-list .slick-arrow.prev:before{margin-right:0;}

.biz-sub-category-wrap .box-search{position:absolute;top:15px;right:0;width:308px;height:40px;border-radius:20px;background:#fff;overflow:hidden;}
.biz-sub-category-wrap .box-search input[type="text"]{width:280px;padding:0 20px;border:0;}
.biz-sub-category-wrap .box-search label{height:28px;line-height:27px;}
.biz-sub-category-wrap .box-search label>span{display:inline-block;height:28px;padding:0 12px;margin-right:5px;color:#fff;font-weight:700;font-size:14px;text-align:center;background:linear-gradient(96deg, #2c509a -17%, #1ba774 98%);border-radius:14px;}
.biz-sub-category-wrap .box-search .btn-search{position:absolute;top:6px;right:15px;width:28px;height:28px;text-indent:-999px;background:url(/cjom/web/images/biz/icon_search.svg) no-repeat 50% 50%;background-size:24px 24px;overflow:hidden;}

.biz-sub-category-wrap .search-input-area{position:relative;display:inline-block;}
.biz-sub-category-wrap .search-input-area>label{position:absolute;top:6px;left:15px;color:#888;}
.biz-sub-category-wrap .search-input-area .input-text.focus+label{display:none;}
.biz-sub-category-wrap .search-input-area.active label{display:none;}

.biz-special-wrap .superdeal-product.swiper{margin-top:-10px;padding-top:50px;}
.biz-special-wrap .superdeal-pagination.swiper-pagination{position:absolute;top:0;left:auto;right:24px;width:42px;height:24px;font-size:14px;color:#333;line-height:22px;}
.biz-special-wrap .superdeal-pagination.swiper-pagination .swiper-pagination-current{font-weight:700;}
.biz-special-wrap .superdeal-prev.swiper-button-prev{top:0;right:66px;left:auto;width:24px;height:24px;margin-top:0;background:url(/cjom/web/images/biz/btn_swiper_l.svg) no-repeat 0 0;}
.biz-special-wrap .superdeal-next.swiper-button-next{top:0;right:0;width:24px;height:24px;margin-top:0;background:url(/cjom/web/images/biz/btn_swiper_r.svg) no-repeat 0 0;}
.biz-special-wrap .superdeal-prev.swiper-button-prev:after,
.biz-special-wrap .superdeal-next.swiper-button-next:after{display:none;}

.product-promotion-box .promotion-bg.biz .promotion-bg-box{display:block;height:24px;background:linear-gradient(93deg, #2c509a 32%, #1ba774 100%);}
.product-promotion-box .promotion-bg.biz .promotion-bg-box+.promotion-desc{padding-left:10px;}
.product-detail-top .product-promotion-box .promotion-bg.biz .promotion-desc>a{position:absolute;top:50%;right:15px;padding-right:15px;font-size:13px;color:#fff;background:url(/cjom/web/images/biz/ico_arrow_r.svg) no-repeat 95% 5px;background-size:7px 10px;transform:translateY(-50%);}
.product-detail-top .product-promotion-box .promotion-bg.biz .promotion-desc .promotion-biz-text{position:absolute;top:50%;right:15px;padding-right:15px;font-size:13px;color:#fff;background:url(/cjom/web/images/biz/ico_arrow_r.svg) no-repeat 95% 5px;background-size:7px 10px;transform:translateY(-50%);}

.biz-member-modal{background:#f6f8f8 !important;}
.biz-member-modal .modal-header{margin:0;padding:24px 30px;text-align:center;background:#fff;}
.biz-member-modal .modal-header h2{font-size:24px;}
.biz-member-modal .btn-modal-close{top:20px;right:20px;}
.biz-member-modal .btn-modal-prev{position:absolute;top:20px;left:16px;width:42px;height:42px;background:url(/cjom/web/images/biz/ico_arrow_l.svg) no-repeat center center;overflow:hidden;}
.biz-member-modal .btn-modal-prev>span{position:absolute;top:-9999px;left:-9999px;}
.biz-member-modal .modal-header{margin:0;padding:24px 30px;background:#fff;}
.biz-member-modal .modal-header h2{font-size:24px;}
.biz-member-modal .btn-modal-close{top:20px;right:20px;}

.biz-member-modal .sub-modal-pop{display:none;position:absolute;top:0;right:0;left:0;bottom:0;z-index:100;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2{position:absolute;top:50%;left:50%;width:400px;height:260px;padding:60px 30px 40px;background:#fff;transform:translate(-50%, -50%);box-sizing:border-box;box-shadow:0 8px 15px 0 rgba(0, 0, 0, 0.15);}
.biz-member-modal .sub-modal-pop .sub-modal-contents2>p{margin-top:8px;text-align:center;line-height:20px;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2>p>strong{color:#222;font-size:18px;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2 .btn-join-box{margin-top:40px;font-size:0;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2 .btn-join-box>a{display:inline-block;width:calc(50% - 6px);height:48px;font-size:15px;text-align:center;line-height:46px;box-sizing:border-box;border-radius:4px;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2 .btn-join-box>a+a{margin-left:12px;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2 .btn-join-box>a.btn-join-stop{color:#333;border:1px solid #999;}
.biz-member-modal .sub-modal-pop .sub-modal-contents2 .btn-join-box>a.btn-join-continue{color:#fff;font-weight:700;background:#1ba774;}

.biz-member-modal .sub-modal-pop.active{display:block;}

.biz-member-modal .sub-modal-pop .sub-modal-contents3{position:absolute;top:50%;left:50%;width:400px;padding:30px 30px 50px;background:#fff;transform:translate(-50%, -50%);box-sizing:border-box;box-shadow:0 8px 15px 0 rgba(0, 0, 0, 0.15);}
.biz-member-modal .sub-modal-pop .sub-modal-contents3>p>strong{font-size:18px;color:#222;line-height:24px;}
.biz-member-modal .sub-modal-pop .sub-modal-contents3 ul{margin-top:16px;padding:0 5px;}
.biz-member-modal .sub-modal-pop .sub-modal-contents3 ul>li{position:relative;padding-left:8px;font-size:14px;color:#666;}
.biz-member-modal .sub-modal-pop .sub-modal-contents3 ul>li:before{content:'';position:absolute;top:10px;left:0;width:2px;height:2px;background:#666;border-radius:50%;}
.biz-member-modal .sub-modal-pop .sub-modal-contents3 .btn-join-box{margin-top:20px;text-align:center;}
.biz-member-modal .sub-modal-pop .sub-modal-contents3 .btn-join-box .btn-terms-agree-close{display:inline-block;width:calc(50% - 6px);height:48px;font-size:15px;color:#333;text-align:center;line-height:46px;box-sizing:border-box;border-radius:4px;border:1px solid #999;}

.biz-member-agree-modal{width:}


.biz-member-wrap{padding:0 40px !important;background:#f6f8f8 !important;} 
.biz-member-wrap .modal__contents{position:relative;padding:32px 20px 100px;color:#666;border-top:1px solid #eee;background:#f6f8f8 !important;}



.biz-member-wrap .join-step-list{padding-top:40px;}
.biz-member-wrap .join-step-list:after{content:'';display:block;clear:both;}
.biz-member-wrap .join-step-list>li{float:left;position:relative;width:51px;padding-bottom:24px;text-align:center;}
.biz-member-wrap .join-step-list>li:before{content:'';position:absolute;top:11px;left:32px;width:3px;height:3px;background:#d9d9d9;border-radius:50%;}
.biz-member-wrap .join-step-list>li:after{content:'';position:absolute;top:11px;left:40px;width:3px;height:3px;background:#d9d9d9;border-radius:50%;}
.biz-member-wrap .join-step-list>li:last-child:before,
.biz-member-wrap .join-step-list>li:last-child:after{display:none;}
.biz-member-wrap .join-step-list>li .step-no{display:block;width:24px;height:24px;color:#999;font-size:14px;text-align:center;line-height:22px;background:#e8ecec;border-radius:50%;}
.biz-member-wrap .join-step-list>li .step-txt{display:none;position:absolute;left:25%;bottom:0;width:70px;font-size:12px;transform:translateX(-50%);}
.biz-member-wrap .join-step-list>li:first-child .step-txt{left:0;text-align:left;transform:translateX(0);}
.biz-member-wrap .join-step-list>li.active .step-no{color:#fff;background:#222;}
.biz-member-wrap .join-step-list>li.active .step-txt{display:block;}
.biz-member-wrap .join-step-list>li.past .step-no{text-indent:-999px;background:url(/cjom/web/images/biz/ico_step_past.svg) no-repeat 0 0;background-size:24px 24px;overflow:hidden;}

.biz-member-wrap .title-area{position:relative;padding-bottom:10px;color:#222;background:url(/cjom/web/images/biz/bg_biz_member_join.png) no-repeat 100% 100%;background-size:185px auto;}
.biz-member-wrap .title-area h2{padding-top:26px;font-size:18px;line-height:36px;}
.biz-member-wrap .title-area h2>strong{font-size:28px;}
.biz-member-wrap .title-area h2>strong>span{color:#1ba774;}
.biz-member-wrap .title-area p{margin-top:20px;font-size:18px;line-height:27px;}
.biz-member-wrap .title-area.complete{background:none;}

.biz-member-wrap .join-info-cont{padding-top:34px;}
.biz-member-wrap .join__company--name .txt-join-alim {display:none;}
.biz-member-wrap .join__company--name .txt-join-alim,
.biz-member-wrap .join-info-cont .txt-join-alim{margin:10px 0 0 12px;padding-left:20px;font-size:14px;line-height:1.2;background:url(/cjom/web/images/biz/ico_alim.svg) no-repeat 0 2px;background-size:14px 14px;} 
.biz-member-wrap .join__company--name.warning .box-join-form,
.biz-member-wrap .join-info-cont.warning .box-join-form{border-color:#e84e4d;}
.biz-member-wrap .join__company--name.warning .txt-join-alim{display:block;}
.biz-member-wrap .join__company--name.warning .txt-join-alim,
.biz-member-wrap .join-info-cont.warning .txt-join-alim{color:#e84e4d;background:url(/cjom/web/images/biz/ico_alim_2.svg) no-repeat 0 2px;background-size:14px 14px;} 
.biz-member-wrap .join-info-cont.type-2{padding-top:20px;}
.biz-member-wrap .join__company--name {margin-top:28px;}
.biz-member-wrap .join__company--name.confirm .box-join-form,
.biz-member-wrap .join-info-cont.confirm .box-join-form{border-color:#222;}
.biz-member-wrap .join-info-cont.confirm .box-join-form .btn-auth{color:#fff;background:#222;}

.biz-member-wrap .box-join-form{position:relative;padding:20px;border:1px solid #ddd;background:#fff;border-radius:8px;}
.biz-member-wrap .box-join-form label{display:block;font-size:14px;color:#000;line-height:16px;}
.biz-member-wrap .box-join-form input[type="text"],
.biz-member-wrap .box-join-form input[type="number"]{height:30px;margin-top:12px;padding:0;font-size:22px;font-weight:700;border:0;}
.biz-member-wrap .box-join-form input::placeholder{color:#999 !important;font-weight:300;font-size:22px;}
.biz-member-wrap .box-join-form .btn-auth{position:absolute;bottom:20px;right:16px;height:30px;padding:0 16px;font-size:13px;color:#222;line-height:30px;border:1px solid #222;border-radius:16px;}
.biz-member-wrap .box-join-form .btn-auth:active{color:#fff;background:#222;}
.biz-member-wrap .box-join-form .btn-auth.complete{color:#fff;background:#bbb;border-color:#bbb;}
.biz-member-wrap .box-join-form.type-3{padding:16px;}
.biz-member-wrap .box-join-form.active{border-color:#222;}

.biz-member-wrap .info-box__list{margin-top:80px;padding:12px 8px;border-top:1px solid #ddd;}
.biz-member-wrap .info-box__list>li{position:relative;padding-left:10px;color:#999;text-indent:0;}
.biz-member-wrap .info-box__list>li:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background:#999;border-radius:50%;}
.biz-member-wrap .info-box__list>li>a{display:block;font-size:13px;text-decoration:underline;}

.biz-member-wrap .join-info-cont .checkbox.full{display:block;}
.biz-member-wrap .join-info-cont .inp-chkbox label{display:inline-block;height:20px;font-size:14px;line-height:18px;}
.biz-member-wrap .join-info-cont .inp-chkbox .input-checkbox:after{width:20px;height:20px;margin-top:0;border:0;background:url(/cjom/web/images/biz/ico_chkbox.svg) no-repeat 0 0;background-size:20px 20px;}
.biz-member-wrap .join-info-cont .inp-chkbox .input-checkbox.active:after{top:0;width:20px;height:20px;margin-top:0;background:url(/cjom/web/images/biz/ico_chkbox_on.svg) no-repeat 0 0;background-size:20px 20px;}
.biz-member-wrap .join-info-cont .inp-chkbox.point label{font-weight:700;}

.biz-member-wrap .join-info-cont .inp-chkbox.big label{margin-left:8px;font-size:16px;font-weight:700;color:#222;line-height:24px;}
.biz-member-wrap .join-info-cont .inp-chkbox.big .input-checkbox{height:24px;}
.biz-member-wrap .join-info-cont .inp-chkbox.big .input-checkbox:after{width:24px;height:24px;background-size:24px 24px;}
.biz-member-wrap .join-info-cont .inp-chkbox.big .input-checkbox.active:after{width:24px;height:24px;background-size:24px 24px;}

.biz-member-wrap .join-info-cont .inp-chkbox.small .input-checkbox{margin-right:0;}
.biz-member-wrap .join-info-cont .inp-chkbox.small .input-checkbox:after{background:url(/cjom/web/images/biz/ico_chkbox_2.svg) no-repeat 50% 50%;background-size:9px 7px;}
.biz-member-wrap .join-info-cont .inp-chkbox.small .input-checkbox.active:after{width:20px;height:20px;background:url(/cjom/web/images/biz/ico_chkbox_2_on.svg) no-repeat 50% 50%;background-size:9px 7px;}

.biz-member-wrap .join-info-cont .join-agree-list{padding:20px 10px 20px 20px;font-size:14px;color:#222;}
.biz-member-wrap .join-info-cont .join-agree-list>li{position:relative;}
.biz-member-wrap .join-info-cont .join-agree-list>li+li{margin-top:16px;}
.biz-member-wrap .join-info-cont .join-agree-list>li a.link-agree-info{position:absolute;top:0;right:0;width:20px;height:20px;background:url(/cjom/mobile/images/mypage/ico_arr02.svg) no-repeat 50% 50%;background-size:8px 12px;text-indent:-9999px;overflow:hidden;}
.biz-member-wrap .join-info-cont .sub-agree-list{padding-left:26px;}
.biz-member-wrap .join-info-cont .sub-agree-list>li{margin-top:10px;}

.biz-member-wrap .join-info-cont .join-agree-list.type-2{margin-top:13px;padding:13px 0 0;border-top:1px solid #ddd;}

.biz-member-wrap .join-info-confirm{margin-top:30px;}
.biz-member-wrap .join-info-confirm>p{color:#222;font-size:16px;font-weight:700;}
.biz-member-wrap .join-info-confirm .box-biz-info{margin-top:8px;padding:16px 20px;border:1px solid #ddd;background:#fff;border-radius:10px;}
.biz-member-wrap .join-info-confirm .box-biz-info ul>li{position:relative;padding-left:100px;color:#000;font-size:15px;line-height:26px;}
.biz-member-wrap .join-info-confirm .box-biz-info ul>li>span{position:absolute;top:0;left:0;width:100px;color:#999;}
.biz-member-wrap .join-info-confirm .box-biz-info ul>li>span+span{position:static;color:#000;}

.biz-member-wrap .btn-join-next:disabled,
.biz-member-wrap .btn-join-next{display:block;height:50px;margin-top:40px;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:48px;background:#bbb; width:100%; opacity: 1;}
.biz-member-wrap .btn-join-next.active,
.biz-member-wrap .btn-join-next:active{color:#fff;background:#222;}

.biz-member-wrap .interest-chk-list{margin:0 -5px;font-size:0;}
.biz-member-wrap .interest-chk-list>p{padding:0 5px 11px;font-size:14px;color:#666;}
.biz-member-wrap .interest-chk-list .chk-box{display:inline-block;position:relative;margin:5px;}
.biz-member-wrap .interest-chk-list .chk-box .input-checkbox{position:absolute;top:0;left:0;opacity:0;}
.biz-member-wrap .interest-chk-list .chk-box .input-checkbox+label{position:relative;display:block;height:42px;margin:0;padding:0 16px;font-size:15px;color:#999;background:#fff;line-height:42px;border-radius:21px;box-sizing:border-box;}
.biz-member-wrap .interest-chk-list .chk-box .input-checkbox.active+label{color:#fff;background:#1ba774;}

.biz-member-wrap .txt-benefit-info{margin:40px 0 14px;font-size:20px;color:#222;line-height:28px;}
.biz-member-wrap .txt-benefit-info>span{color:#1ba774;}

.biz-member-wrap .biz-join-complete{height:240px;margin:64px 0 0;background:url(/cjom/web/images/biz/bg_biz_member_join2.png) no-repeat 100% 100%;background-size:290px auto;}


.biz-mypage-wrap .page-title+.biz-info-title{margin-top:40px;}
.biz-mypage-wrap .biz-info-title{font-size:20px;color:#222;line-height:28px;}
.biz-mypage-wrap .biz-info-title>span{color:#1ba774;}
.biz-mypage-wrap .biz-info-title>strong{font-size:24px;line-height:34px;}
.biz-mypage-wrap p{font-size:13px;color:#666;}
.biz-mypage-wrap .biz-info-title+p{margin-top:5px;font-size:16px;}
.biz-mypage-wrap .box-biz-info{margin:20px 0 50px;padding:20px;background:#f6f8f8;border-radius:4px;}
.biz-mypage-wrap .box-biz-info ul{font-size:15px;color:#000;line-height:26px;}
.biz-mypage-wrap .box-biz-info ul>li{position:relative;padding-left:100px;}
.biz-mypage-wrap .box-biz-info ul>li+li{margin-top:4px;}
.biz-mypage-wrap .box-biz-info ul>li>span{position:absolute;top:0;left:0;width:100px;color:#999;}
.biz-mypage-wrap .box-biz-info ul>li+li{margin-top:4px;}
.biz-mypage-wrap .box-biz-info ul>li>span{display:inline-block;width:100px;color:#999;}

.biz-mypage-wrap .btn-area{margin-top:50px;padding-top:12px;text-align:left;border-top:1px solid #ddd;}
.biz-mypage-wrap .btn-area .link-join-cancel{display:inline-block;color:#666;font-size:15px;text-decoration:underline;}
.biz-mypage-wrap .btn-area .btn-join-cancel{display:inline-block;height:36px;padding:0 27px;font-size:14px;color:#333;line-height:36px;border:1px solid #ddd;border-radius:4px;}


.biz-mypage-wrap .info-box__list{padding:12px 8px;}
.biz-mypage-wrap .info-box__list>li{position:relative;padding-left:10px;color:#999;text-indent:0;}
.biz-mypage-wrap .info-box__list>li:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background:#999;border-radius:50%;}
.biz-mypage-wrap .info-box__list>li>a{display:inline-block;font-size:13px;text-decoration:underline;}

.biz-mypage-wrap.type-2 .biz-info-title>span{color:#f22b29;}
.biz-mypage-wrap.type-2 .box-biz-info{font-size:0;}
.biz-mypage-wrap.type-2 .box-biz-info ul{display:inline-block;width:50%;padding:0 20px;vertical-align:top;border-right:1px solid #ddd;box-sizing:border-box;}
.biz-mypage-wrap.type-2 .box-biz-info ul{display:inline-block;width:50%;padding-left:20px;vertical-align:top;border-right:1px solid #ddd;box-sizing:border-box;}
.biz-mypage-wrap.type-2 .box-biz-info ul>li{color:#999;}
.biz-mypage-wrap.type-2 .box-biz-info ul+ul{padding-left:40px;border:0;}
.biz-mypage-wrap.type-2 .box-biz-info ul+ul>li{color:#222;font-size:14px;}
.biz-mypage-wrap.type-2 .box-biz-info ul+ul>li>span{width:100px;color:#222;}
.biz-mypage-wrap.type-2 .box-biz-info+p{margin-top:40px;padding-top:20px;font-size:15px;border-top:1px solid #ddd;}
.biz-mypage-wrap.type-2 .btn-area{margin-top:0;border:0;}

.biz-mypage-wrap .interest-chk-list{margin-top:20px;padding:20px;font-size:0;background:#f6f8f8;border-radius:4px;}
.biz-mypage-wrap .interest-chk-list>p{padding:0 5px 11px;font-size:14px;color:#666;}
.biz-mypage-wrap .interest-chk-list .chk-box{display:inline-block;position:relative;margin:5px;}
.biz-mypage-wrap .interest-chk-list .chk-box .input-checkbox{position:absolute;top:0;left:0;opacity:0;}
.biz-mypage-wrap .interest-chk-list .chk-box .input-checkbox+label{position:relative;display:block;height:42px;margin:0;padding:0 16px;font-size:15px;color:#999;background:#fff;line-height:42px;border-radius:21px;box-sizing:border-box;}
.biz-mypage-wrap .interest-chk-list .chk-box .input-checkbox.active+label{color:#fff;background:#1ba774;}


.biz-mypage-wrap .biz-cancel-form{padding-bottom:40px;}
.biz-mypage-wrap .biz-cancel-form p{font-size:18px;color:#222;line-height:24px;}
.biz-mypage-wrap .biz-cancel-form .selectbox{margin:14px 0 0;/*border-radius:4px;border-color:#ddd;*/}
/*.biz-mypage-wrap .biz-cancel-form .selectbox select option{padding:0 !important;font-size:12px;}
.biz-mypage-wrap .biz-cancel-form .selectbox .value{border-radius:4px;border-color:#ddd;}*/
.biz-mypage-wrap .biz-cancel-form .cols{width:100% !important;max-width:100%;margin-top:5px;}
.biz-mypage-wrap .biz-cancel-form .cols .scroll-textarea{/*border:1px solid #ddd;border-radius:4px;*/box-sizing:border-box;}
.biz-mypage-wrap .biz-cancel-form .cols .scroll-textarea textarea{padding:16px;}
.biz-mypage-wrap .biz-cancel-form .cols .scroll-textarea textarea::placeholder{color:#999 !important;font-size:14px;}
.biz-mypage-wrap .biz-cancel-form .cols .textarea-count{font-size:11px;color:#999;}
.biz-mypage-wrap .biz-cancel-form .cols .textarea-count .current{color:#666;}
.biz-mypage-wrap .biz-service-info{margin:20px 0 50px;padding:20px;background:#f6f8f8;border-radius:4px;}
.biz-mypage-wrap .biz-service-info ul>li{position:relative;padding-left:14px;font-size:15px;color:#333;line-height:20px;}
.biz-mypage-wrap .biz-service-info ul>li>span{color:#1ba774;}
.biz-mypage-wrap .biz-service-info ul>li:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:50%;}
.biz-mypage-wrap .biz-service-info ul>li+li{margin-top:8px;}

.biz-mypage-wrap .cancel-btn-area{text-align:center;}
.biz-mypage-wrap .cancel-btn-area .inp-chkbox{font-size:15px;color:#000;}
.biz-mypage-wrap .cancel-btn-area .btn-area{margin-top:30px;padding:0;border:0;font-size:0;text-align:center;}
.biz-mypage-wrap .cancel-btn-area .btn-area>a{display:inline-block;width:222px;height:48px;font-size:16px !important;font-weight:700;text-align:center;border-radius:4px;box-sizing:border-box;}
.biz-mypage-wrap .cancel-btn-area .btn-area>a+a{margin-left:16px;}
.biz-mypage-wrap .cancel-btn-area .btn-area .btn-biz-cancel{color:#fff;line-height:48px;background:#333;}
.biz-mypage-wrap .cancel-btn-area .btn-area .btn-biz-cancel[disabled],
.biz-mypage-wrap .cancel-btn-area .btn-area .btn-biz-cancel:disabled{opacity:1;background:#bbb;}
.biz-mypage-wrap .cancel-btn-area .btn-area .btn-biz-continue{color:#333;line-height:46px;border:1px solid #333;}

.biz-mypage-wrap .cancel-btn-area .btn-area .btn-biz-continue{color:#333;line-height:46px;border:1px solid #333;}


/*  MARKETDEV-6900 휴대전화 최신화 유도 배너 출력 20231218 */
#phoneUpToDate {padding-bottom:35px;}
#phoneUpToDate .modal-contents {padding:0;}
#phoneUpToDate .btn-modal-close {top:12px;right:12px;}
.modal .num-upto {position:relative;text-align:center;}
.modal .num-upto h4 {padding:40px 0 15px 0;background:#fff;color:#333;font-size:26px;line-height:37px;font-weight:bold;}
.modal .num-upto h4 div {}
.modal .num-upto h4 strong {color:#1ba774;}
.modal .num-upto .upto-cont {padding:25px 40px 20px 40px;background:#f5f6f8;}
.modal .num-upto .upto-cont p {font-size:16px;line-height:21px;color:#333;}
.modal .num-upto .upto-cont p strong {display:block;color:#fa6729;margin:5px 0 0 0;}
.modal .num-upto .upto-cont .num-current {margin:20px 0 0 0;background:#fff;font-size:35px;font-weight:bold;color:#000;line-height:42px;padding:18px 0;border:1px solid #e0e0e0;border-radius:12px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);}
.modal .num-upto .upto-btns {padding:20px 40px 0 40px;background:#fff;}
.modal .num-upto .upto-btns button {display:block;width:100%;color:#fff;font-size:18px;line-height:21px;font-weight:bold;text-align:center;padding:17px 0;border-radius:4px;}
.modal .num-upto .upto-btns button span {font-weight:normal;}
.modal .num-upto .upto-btns button.btn-no {background:#1ba774;}
.modal .num-upto .upto-btns button.btn-yes {background:#000;margin-top:10px;}
.modal .num-upto .upto-noti {font-size:14px;line-height:19px;color:#999;padding:15px 0 0 0;}
#evtAgree .btn-default-agree {
    color: #fff;
    background: #1ba774;
}
#evtAgree [class^=btn-default]{
	border: 1px solid #1ba774;	
}
#evtAgree .btn-default-agree span{
    font-size: 17px;
	font-weight: bold;
}
/*  MARKETDEV-7198 장기 미구매고객 웰컴백 이벤트 20240115 */
.welcomeback-event {width:100%;padding-top:1px;text-align:center;background:#142720;}
.welcomeback-event img {vertical-align:top;}
.welcomeback-event .wcb-cont>ul {display:inline-block;border:1px solid rgba(255,255,255,0.2);padding:15px 25px 15px 15px;margin:0 auto;}
.welcomeback-event .wcb-cont>ul li {padding:14px 0;}
.welcomeback-event .wcb-cont>ul li dl {color:#fff;font-size:0;line-height:0;}
.welcomeback-event .wcb-cont>ul li dl dt {position:relative;display:inline-block;font-size:26px;line-height:26px;font-weight:bold;width:95px;text-align:center;}
.welcomeback-event .wcb-cont>ul li dl dt:after {content:"";display:block;width:1px;height:24px;position:absolute;top:50%;right:-1px;transform:translateY(-50%);margin-top:2px;background:#fff;}
.welcomeback-event .wcb-cont>ul li dl dd {display:inline-block;font-size:26px;line-height:26px;padding-left:25px;width:calc(100% - 120px);text-align:left;}
.welcomeback-event .wcb-cont>ul li dl dd span {font-size:20px;color:#19a672;vertical-align:top;}
.welcomeback-event .wcb-cont .btn-area {padding:25px 0 50px 0;}
.welcomeback-event .wcb-cont .btn-area a {display:inline-block;}
.welcomeback-event .wcb-cont2 {background:#f7f7f7;}
.event-notice {margin:0 auto;padding:40px 0;background:#172d25;text-align:center;}
.event-notice .btn-evt-noti {display:inline-block;font-size:17px;color:#ccc;}
.event-notice .btn-evt-noti>span{display:inline-block;position:relative;text-decoration:underline;text-underline-position:under;}
.event-notice .btn-evt-noti>span::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:-20px; width:17px;height:17px;background:url(/cjom/web/images/event/ico_notice_mark.png) no-repeat 0 0/cover;}
.event-notice .btn-evt-noti>span:after {content:'';position:absolute;top:50%;right:-16px;width:14px;height:8px;background:url(/cjom/web/images/event/ico_notice_arrow.png) no-repeat 0 0/13px 7px;transform:rotate(0) translateY(-50%);}
.event-notice .btn-evt-noti.active>span:after {transform:rotate(180deg) translateY(50%);}					
.event-notice .notice-list {display:inline-block;padding:20px 0 0 0;text-align:left;color:#999;list-style:none;font-size:16px;line-height:21px;}
.event-notice .notice-list>li {position:relative;padding-left:16px;word-break:keep-all;}
.event-notice .notice-list>li:before {content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#999;}
.event-notice .notice-list>li div {color:#fc7f01;}
.event-notice .notice-list>li ul li {position:relative;padding-left:12px;text-align:left;}
.event-notice .notice-list>li ul li:before {content:"*";position:absolute;top:3px;left:0;}
.modal.modal-welcomeback {width:512px;border:3px solid #19a672;border-radius:17px;padding:0;}
.modal.modal-welcomeback .modal-contents {padding:20px;}
.modal.modal-welcomeback .modal-contents-inner {position:relative;}
.modal.modal-welcomeback .modal-contents-inner>a {position:absolute;bottom:0;left:0;}
.modal.modal-welcomeback .btn-modal-close {width:43px;height:43px;top:15px;right:15px;}
.modal.modal-welcomeback .btn-modal-close span {width:43px;height:43px;background:url(/cjom/web/images/event/btn_modal_close.png) no-repeat 0 0/cover;margin:0 !important;left:0;top:0;}


/* 2024-02-01 MARKETDEV-7430 */
.box-hide-address{padding:24px 20px;border-top:1px solid #ddd;background:#f9f9f9;}
.box-hide-address p{font-size:15px;color:#555;line-height:21px;text-align:center;}

/* D:20240322 이용약관간소화 MARKETDEV-7786 */
.cart-bill .all-agree {font-size:15px;line-height:18px;color:#767676;margin:-6px  10px 18px 10px;}
.cart-bill .all-agree label {line-height:20px;}
.ord-accordion .cont-title {position:relative;font-size:20px;line-height:20px;padding-bottom:19px;border-bottom:1px solid #999;}
.ord-accordion .cont-title:hover {cursor:pointer;}
.ord-accordion .cont-title:after {content:"";display:block;width:22px;height:12px;background:url(/cjom/web/images/icon/arr_ord_acc.svg) no-repeat 0 0/cover;position:absolute;top:50%;right:0;margin-top:-14px;transition:all 0.3s ease-in-out;}
.ord-accordion .cont-title.is-active:after {transform:rotate(180deg);}
.ord-accordion .order-agree {border:0;padding:0 9px;margin-top:5px;display:none;}
.ord-accordion .cont-title.is-active+.order-agree {display:block;}
.ord-accordion .order-agree .agree-item {padding:20px 0;border-color:rgba(221, 221, 221, 0.87);}
.ord-accordion .order-agree .agree-item>div {display:inline-block;color:#333;font-size:15px;line-height:20px;}
.ord-accordion .order-agree .agree-item>div .desc {position:relative;display:block;padding-left:15px;font-size:14px;color:#555;font-weight:normal;margin-top:10px;}
.ord-accordion .order-agree .agree-item .product-item {margin-left:15px;}
.ord-accordion .order-agree .list {padding:2px 0 0 15px;}
.ord-accordion .order-agree .list li {padding:8px 0 0 0 !Important;}
.ord-accordion .order-agree .list li:before {display:none;}
.ord-accordion .order-agree .list li>div {display:inline-block;font-size:14px;line-height:20px;color:#555;}
.ord-accordion .order-agree [class^=link-underline] {font-size:14px;line-height:20px;color:#2a715a;font-weight:bold;}
.ord-accordion .order-agree .link-underline2 span {border-width:2px;}


/* MARIETDEV-9595 현금영수증 신청 변경 */
.delivery-set-box.user__update .set-top {background:#fff; border-bottom: 1px solid #ddd; display: flex; align-items: center;}
.delivery-set-box.user__update .set-top .column:first-child {font-size:20px; color:#333; font-weight:bold; padding: 16px 0 16px 26px;}
.delivery-set-box.user__update .form-row,
.delivery-set-box.user__update .user__insert--info {display:none;}
.delivery-set-box.user__update .form-row.active,
.delivery-set-box.user__update .user__insert--info.active {display:block;}
.delivery-set-box.user__update .user__insert--info {position: relative; margin-top:18px; background-color:#f8f8f8; padding:19px 30px; overflow: hidden;}
.modal .delivery-set-box.user__update .user__insert--info {margin-top:0;}
.modal .delivery-set-box.user__update .user__insert--info + .user__insert--info{margin-top:18px;}
.delivery-set-box.user__update .user__insert--info .title {font-size:18px; font-weight:bold; color:#333; margin-right:50px; float:left;}
.delivery-set-box.user__update .user__insert--info .title.company {margin-right:25px;}
.delivery-set-box.user__update .user__insert--info .info {font-size:18px; color:#333; float:left;}
.delivery-set-box.user__update .user__insert--info .info span {margin-right:10px; padding-right:10px; position: relative;}
.delivery-set-box.user__update .user__insert--info .info span:after {display:block; height:12px; background-color: rgba(153, 153, 153, 0.6); width:1px; position: absolute; top:8px; right:0; content:"";}
.delivery-set-box.user__update .user__insert--info button {float: right;}
.notice__guide--text {position: relative; margin-top:10px; padding-left: 19px; display: block; background: url(/cjom/web/images/icon/icon-noti.svg) no-repeat 0 1px; background-size: 15px; font-size: 12px; color: #767676;}


/* modal */
.modal .delivery-set-box.user__update .user__insert--info {border-top:1px solid #eee;padding: 15px 16px; margin-top:-1px;}
.modal .delivery-set-box.user__update .user__insert--info button {position: absolute; top:50%; right:10px; transform: translateY(-50%); float:none; border-color:#2a715a;}
.modal .delivery-set-box.user__update .user__insert--info .info {font-size:14px;}
.modal .delivery-set-box.user__update .user__insert--info .info span:after {top:5px;}
.modal .delivery-set-box.user__update .user__insert--info .title {font-size:16px;}
.modal .detail__receipt--radio.line{border-bottom: 1px solid #eee;}
.modal .detail__receipt--row {display:none;}
.modal .detail__receipt--row td {padding:14px 20px;}
.modal .detail__receipt--row.active {display:table-row;}

.delivery-set-box.user__update.modal__table--case {position: relative; display:none;}
.delivery-set-box.user__update.modal__table--case.active {position: relative; display:block;}
.delivery-set-box.user__update.modal__table--case .user__insert--info .title {font-size:14px; margin-right:0; width:156px;}
/* //MARIETDEV-9595 현금영수증 신청 변경 */


/* 임직원 기프트카드 선물세트 신청 페이지 MARKETDEV-8745 */
.executives-gift_cont {width: 1280px;margin: 0 auto;background-color: #fff;}
.executives-gift{text-align:center;padding-top:1px;}
.executives-gift .inner{position:relative;width: 100%;}
.executives-gift img {vertical-align:top;}
.executives-gift .inner a{width: 596px; height:80px; position: absolute;bottom:94px; left: 517px;left: 50%;transform: translateX(-50%);}
.executives-gift_cont .executives-gift .inner .executives-gift-notice{position: absolute;bottom: 21%;width: 100%;left: 65%;transform: translateX(-50%);text-align: center;}
.executives-gift_cont .executives-gift .inner .executives-gift-notice p {text-align: left;font-size: 24px;color: #5b5b5b;padding-left: 20px;line-height: 37px;}
.executives-gift_cont .executives-gift .inner .executives-gift-notice p::before{display: block;position: relative;width: 3px;height: 3px;left: -15px;top: 3px;content: "-";}

/* 임직원 기프트카드 선물세트 신청 페이지 선물고르기 MARKETDEV-8745 */
#evtGift{width: 1280px;margin: 0 auto;background: #fff;}
#evtGift .tit_box{height: 80px;line-height: 80px;color: #ffffff;font-size: 28px;text-align: center;background-color: #412e98;overflow: hidden;width: 100%;}
#evtGift .tit_box .tit_box_first{color: #ffe900;}
#evtGift .guide_box{background:#f7f7f7;padding:38px 295px ;color:#5b5b5b;line-height:27px;font-size: 19px;}
#evtGift .guide_box dd{margin-bottom:5px;position:relative;padding-left:15px;}
#evtGift .guide_box dd:before{content:'';display:block;position:absolute;left:0;top:10px;width:5px;height:1px;background:#5b5b5b;}
#evtGift .cont_type .address-save.gft .product-list label{margin-top:0;}
[data-column="4"] .product-item {width: calc(( 100% - ( 28px * 3))/3) !important;margin-left: 28px;}
#evtGift .cont_type .address-save.gft .product-item .input-radio {background: url(/cjom/web/images/icon/icon-checkbox-off.svg) no-repeat 0 0;background-size: 50px;position: absolute;top: 20px;
    left: 20px;height: 50px;width: 50px;border: 0;}
#evtGift .address-save.gft .product-item .input-radio.on {background: url(/cjom/web/images/icon/icon-checkbox-on.svg) no-repeat 0 0 !important;background-size: 50px !important;content: '';}
#evtGift .address-save.gft{margin-top: 10px;border-top: 1px solid #dedede;border-bottom: 1px solid #ddd;border-bottom: 0;}

/* 임직원 기프트카드 선물세트 신청 페이지 배송지 MARKETDEV-8745 */
#evtGift .cont_type{position: relative;width: 850px;margin: 0 auto;}
#evtGift .cont_type .tit_type{margin-top: 20px;line-height: 44px;font-size: 26px;color: #000;    font-weight: 700;}
#evtGift .cont_type .cont-title.agl{padding-left: 10px;}
#evtGift .cont_type .row.col2{overflow: hidden;border-top: 1px solid #dedede;margin-top: 10px;}
#evtGift .cont_type .row{display: inline-block;}
#evtGift .cont_type .row.col2 > div{float: left;width: 390px;}
#evtGift .cont_type .row.col2 > div:nth-child(2){float: right;width: 460px;}
#evtGift .cont_type label{display:block;font-size:15px;color:#333;font-weight:700;margin-top:40px;}
#evtGift .cont_type label .essential{color:#057d4c;vertical-align:middle;}
#evtGift .cont_type .btn_type{display: inline-block;width: 90px;height: 50px;line-height: 50px;
    border: 1px solid #057d4c;color: #057d4c;text-align: center;vertical-align: middle;
    font-weight: 500;margin-top: 4px;}

/* selectbox */
#evtGift .selectbox{position:relative;display:inline-block;min-width:150px;vertical-align:middle;margin-top:4px;}
#evtGift .selectbox .has-selectbox{position: relative; /* 이 속성은 z-index가 작동하도록 합니다 */
    z-index: 1000; /* 다른 요소들보다 위에 나타나도록 합니다 */
}
#evtGift .selectbox.active > option{position: relative;z-index: -1;}

#evtGift .selectbox.disabled .value{cursor:default;color:#767676;border-color:#ccc;background:#f8f8f8;}
#evtGift .selectbox.disabled .value:after{border-top-color:#767676}
#evtGift .selectbox select{position:relative;width:100%;height:50px;margin:0 !important;opacity:0;visibility:hidden;outline:none;vertical-align:top;}
#evtGift .selectbox .value{position:absolute;top:0;left:0;height:50px;width:100%;box-sizing:border-box;text-align:left;padding:0 31px 1px 16px;margin:0;outline:none;color:#333;border:1px solid #dcdcdc;border-radius:2px;font-weight:400;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;}
#evtGift .selectbox .value:after{content:'';position:absolute;top:11px;right:13px;width:24px;height:24px;background:#fff url('/cjom/web/images/event/family/ico_select_arrow02.png') no-repeat; border-top-color: #fff;}
#evtGift .selectbox.focus .value{border-color:#000;}
#evtGift .selectbox.active{z-index:1000;}
#evtGift .selectbox.active .value{border-color:#000;border-bottom-color:#fff;}
#evtGift .selectbox.active .value:after{transform:rotate(180deg);}
#evtGift .selectbox > .selectbox-list{display:none;position:absolute !important;top:100% !important;left:0 !important;font-size:14px;width:100%;box-sizing:border-box;border:1px solid #000;border-top:0;background:#fff;}
#evtGift .selectbox.active > .selectbox-list{display:block;z-index: 1000 !important;}
#evtGift .selectbox-list{display:none;max-height:300px;}
#evtGift .selectbox-list .selectbox-list{display:block !important;z-index:0 !important;}
#evtGift .selectbox-list .selectbox-list ul{margin-top:0 !important;}
#evtGift .select-wrap > .selectbox-list{z-index:300000;margin:0 !important;display:none;position:absolute !important;width:100%;box-sizing:border-box;border:1px solid #000;border-top:0;background:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;}
#evtGift .selectbox-list li{padding:0 16px 1px;line-height:40px;font-size:15px;cursor:pointer;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#evtGift .selectbox-list li.disabled{color:#ccc;}
#evtGift .selectbox-list li.selected{background:#fafafa;}
#evtGift .select-wrap > .selectbox-list.on{border:1px solid #0C8050;border-top:0;}
#evtGift .select-wrap > .selectbox-list.on .selectbox-list li{font-size:14px;padding:0 10px;color:#0C8050;}
#evtGift input{height:50px;border:1px solid #dcdcdc;font-size:14px;color:#333;border-radius:2px;font-weight:400;margin-top:4px;vertical-align:middle;}
#evtGift input[disabled]{background:#f7f7f7;color:#9e9e9e;}
#evtGift input::placeholder,
#evtGift input::-webkit-input-placeholder{color:#9e9e9e;font-size:14px;}
#evtGift select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#evtGift select::-ms-expand{display:none;}
#evtGift  select.wid_100{width:100%;}

#evtGift .order-delivery__addinfo {padding:20px 0; margin-top:40px; font-size:18px; text-align:center; color:#412e98; background-color:#f7f7f7; letter-spacing: -0.5px;}
#evtGift .order-delivery__addinfo em {font-weight:bold;}
#evtGift .btn-area.application{min-width: 400px;padding-left: 40px;padding-right: 40px;
    }
#evtGift .btn-area.application .btn-default-lg{min-width: 400px;height: 70px;padding-left: 40px;	padding-right: 40px;line-height: 70px;border-radius: 4px;font-size: 24px;background-color: #412e98;}
#evtGift .directInput {display: none;}

/* 임직원 기프트 카드 선물세트 신청완료 MARKETDEV-8745 */
.executives-gift--view .cont-title {line-height:100%; margin-bottom:18px;}
.executives-gift--view .info__details {width:815px; margin:60px auto 0;}
.executives-gift--view .info__details table {border-top:1px solid #aaa;}
.executives-gift--view .info__details th,
.executives-gift--view .info__details td {font-size:15px; border-bottom:1px solid #ddd; box-sizing:border-box; font-weight:normal;}
.executives-gift--view .info__details th {color:#000; width:200px; background-color:#f9f9f9; padding:20px 30px; text-align:left;}
.executives-gift--view .info__details td {color:#555; padding:20px 40px;}
.executives-gift--view .info__details .bold {font-weight:bold; color:#333;}
.executives-gift--view .info__details .phone__number + .phone__number:before {display: inline-block; width: 1px; height: 10px; background-color: #ddd; margin-left: 10px; margin-right: 10px; content: ""}
.executives-gift--view .btn-default-lg {background-color:#1ba774; border-radius:4px; border:0; letter-spacing:-0.5px;}

/* MARKETDEV-9858 상품 사은품 > 이미지 확대 기능 추가 */
.pop-giftinfo .product-zoom {display:block;width:100%;text-align:left;outline:none;}
.pop-giftinfo .product-zoom .thumb:before {background:rgba(0,0,0,0.03) url(/cjom/web/images/icon/ico-img-zoom.png) no-repeat right top / 16px auto;opacity:1;}


/* MARKETDEV-10375 마케팅수신동의 개편 */
.marketing__agree--wrap {
	width: 1280px;
	margin: 0 auto;
}
.marketing__agree--wrap .visual {
	position: relative;
}
.marketing__agree--wrap .visual img {
	display: block;
	position: relative;
	z-index: 1;
}
.marketing__agree--wrap .visual:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	background: #d8f5de;
	transform: translateX(-50%);
	z-index: 0;
}
.marketing__agree--wrap .marketing__benefit--area {
	padding: 45px 0;
	text-align: center;
}
.marketing__agree--wrap .marketing__benefit--area .sub__text {
	margin-top: -4px;
	font-size: 20px;
	color: #767676;
}		
.marketing__agree--wrap .marketing__benefit--area .app__benefit--list {
	display: flex;
	margin-top: 40px;
	justify-content: center;
	gap: 40px;
}
.marketing__agree--wrap .marketing__benefit--area .app__benefit--list li p {
	margin-top: 21px;
	font-size: 22px;
	color: #111;
	font-weight: bold;
	line-height: 1.3;
}
.marketing__agree--wrap .marketing__benefit--area .app__benefit--list li img {
	display: block;
	width: 141px;
	margin: 0 auto;
}		
.marketing__agree--wrap .marketing__benefit--area.type2 {
	position: relative;
	padding: 50px 0 48px;
	background: #f5f6f6;
}
.marketing__agree--wrap .marketing__benefit--area.type2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	background: #f5f6f6;
	transform: translateX(-50%);
	z-index: 0;
}
.marketing__agree--wrap .marketing__benefit--area.type2 .inner__contents {
	position: relative;
	z-index: 1;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list {			
	display: flex;
	margin: 40px 0;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list li {
	position: relative;
	width: 415px;
	height: 132px;
	border: 1px solid #1ba774;
	font-size: 16px;
	color: #111;
	text-align: left;
	border-radius: 4px;
	line-height: 1;
	box-sizing: border-box;
	overflow: hidden;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list li.benefit__1 {
	padding: 26px 103px 0 136px;
	background: #fff url(/cjom/web/images/contents/marketing/ico_alarm.png) no-repeat 33px 50%;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list li.benefit__2 {
	padding: 40px 103px 0 136px;
	background: #fff url(/cjom/web/images/contents/marketing/ico_message.png) no-repeat 34px 50%;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list li p + p {
	margin-top: 9px;
	line-height: 1.4;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list strong {
	font-size: 20px;
	letter-spacing: -0.02em;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list strong > span {
	color: #1ba774;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list .ico__plus {
	display: inline-block;
	width: 15px;
	height: 20px;
	background: url(/cjom/web/images/contents/marketing/ico_plus.png) no-repeat 0 50%;
	background-size: 100% auto;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list .btn__benefit {
	position: absolute;
	top: 0;
	right: 0;
	width: 103px;
	height: 100%;
	font-size: 20px;
	color: #fff;
	line-height: 1.2;
	background: #1ba774;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list .btn__benefit .ico__download {
	display: block;
	width: 22px;
	height: 25px;
	margin: 8px auto 0;
	background: url(/cjom/web/images/contents/marketing/ico_download.png) no-repeat 0 0;
	background-size: cover;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list .complete {
	border-color: #ccc;
}
.marketing__agree--wrap .marketing__benefit--area .alarm__benefit--list .complete .btn__benefit {
	background-color: #ccc;
}
.marketing__agree--wrap .marketing__benefit--area .btn__black {
	display: block;
	width: 320px;
	height: 60px;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	background: #222;
}				
.marketing__agree--wrap .marketing__benefit--area .btn__black .ico__download {
	display: inline-block;
	width: 13px;
	height: 15px;
	margin: 2px 0 0 2px;
	background: url(/cjom/web/images/contents/marketing/ico_download2.png) no-repeat 0 50%;
	background-size: 100% auto;
}
.marketing__agree--wrap .marketing__benefit--area .btn__black.complete {
	background-color: #ccc;
}
.marketing__agree--wrap .marketing__benefit--area .accordion__notice--wrap {
	width: 640px;
	margin: 48px auto 0;
}
.marketing__agree--wrap .marketing__benefit--area .accordion__notice--wrap p {
	margin-top: 20px;
	font-size: 16px;
	color: #585858;
	text-align: left;
}
.marketing__agree--wrap .marketing__benefit--area .accordion__notice--wrap .accordion__notice--list {
	margin-top: 0;
}
.marketing__agree--wrap .marketing__benefit--area .accordion__notice--wrap .accordion__tit {
	margin-top: 24px;
}
.s-coupon-app-way.type2 {
	margin-top: 13px;
	background: #fff;
}
.accordion__notice--wrap {
	display: block;
	margin: 40px auto 0;
	text-align: center;
	border: 0;
	box-sizing: border-box;
	background: none;
}
.accordion__notice--wrap .accordion__anchor {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 22px;
	color: #333;
	border-bottom: 1px solid #333;
}
.accordion__notice--wrap .accordion__anchor:before {
	content: '';
	position: absolute;
	top: 3px;
	left: -22px;
	width: 17px;
	height: 17px;
	background: url(/cjom/web/images/icon/ico_evt_notice_info_black.png) no-repeat 50% 50%;
	background-size: 100% auto;
}
.accordion__notice--wrap .accordion__anchor .accordion__arrow {
	position: absolute;
	top: 5px;
	right: -20px;
	margin-right: 0;
	width: 14px;
	height: 14px;
	background: url(/cjom/web/images/icon/ico_evt_notice_arrow_black.png) no-repeat 50% 50%;
	background-size: 100% auto;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion__notice--wrap .accordion__anchor.active .accordion__arrow {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.accordion__notice--wrap .accordion__notice--list {
	width: 100%;
	margin-top: 32px;
}
.accordion__notice--wrap .accordion__notice--list li {
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	color: #585858;
	text-align: left;
	line-height: 1.3;
}
.accordion__notice--wrap .accordion__notice--list li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #585858;
}
