@charset "utf-8";

@font-face {
	font-family: 'SpoqaNeo';
	font-weight: 300;
	src: local('SpoqaHanSansNeoLight'),
		url('/res/fonts/SpoqaHanSansNeoLight.woff2') format('woff2'),
		url('/res/fonts/SpoqaHanSansNeoLight.woff') format('woff'),
		url('/res/fonts/SpoqaHanSansNeoLight.ttf') format('truetype');
}

@font-face {
	font-family: 'SpoqaNeo';
	font-weight: 400;
	src: local('SpoqaHanSansNeoRegular'),
		url('/res/fonts/SpoqaHanSansNeoRegular.woff2') format('woff2'),
		url('/res/fonts/SpoqaHanSansNeoRegular.woff') format('woff'),
		url('/res/fonts/SpoqaHanSansNeoRegular.ttf') format('truetype');
}

@font-face {
	font-family: 'SpoqaNeo';
	font-weight: 500;
	src: local('SpoqaHanSansNeoMedium'),
		url('/res/fonts/SpoqaHanSansNeoMedium.woff2') format('woff2'),
		url('/res/fonts/SpoqaHanSansNeoMedium.woff') format('woff'),
		url('/res/fonts/SpoqaHanSansNeoMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'SpoqaNeo';
	font-weight: 700;
	src: local('SpoqaHanSansNeoBold'),
		url('/res/fonts/SpoqaHanSansNeoBold.woff2') format('woff2'),
		url('/res/fonts/SpoqaHanSansNeoBold.woff') format('woff'),
		url('/res/fonts/SpoqaHanSansNeoBold.ttf') format('truetype');
}

/* reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:before,
:after {
	box-sizing: border-box
}

html {
	width: 100%;
	height: 100%
}

body {
	position: relative;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #797979;
	letter-spacing: -0.7px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
	-webkit-overflow-scrolling: touch;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
form,
fieldset,
table,
tr,
th,
td {
	margin: 0;
	padding: 0;
	font-weight: 400
}

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

img,
fieldset {
	border: none;
	vertical-align: top
}

legend,
caption {
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -1
}

textarea,
button {
	vertical-align: middle
}

input,
select {
	height: 48px;
	vertical-align: middle;
	background: #fff;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #000;
	letter-spacing: -0.5px;
	border-radius: 0;
	font-weight: 400;
	font-size: 16px;
}

input {
	padding: 3px 12px
}

select {
	padding: 3px 4px
}

option {
	padding: 10px
}

input:focus {
	outline: none
}

input[type="radio"],
input[type="checkbox"] {
	border: none;
	padding: 0;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 10px;
	caret-color: #3cc814
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type="text"].on,
input[type="password"].on,
input[type="email"].on,
input[type="number"].on {
	border-bottom: 1px solid #000;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus {
	border: 1px solid #ccc;
}

input::-ms-reveal,
input::-ms-clear {
	display: none;
}

select {
	padding: 0 42px 0 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	background: url('/res/images/icn_down_24x24.png') no-repeat right 12px top 50% #f7f7f7;
	background-size: 24px;
	border: 1px solid #f7f7f7;
	border-radius: 10px;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

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

select::-ms-value {
	color: inherit;
	background: none
}

textarea {
	padding: 10px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d7d7d7;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.6px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	resize: none;
	overflow-y: auto
}

textarea:focus {
	outline: none
}

a {
	text-decoration: none;
	color: inherit;
	border: none
}

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

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

button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible;
	white-space: nowrap;
	font-weight: 400;
	font-size: 16px;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif
}

button:active {
	outline: none
}

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

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

th,
b,
strong {
	font-weight: normal
}

::-webkit-input-placeholder {
	font-size: 16px;
	color: #bbb
}

:-moz-placeholder {
	font-size: 16px;
	color: #bbb
}

::-moz-placeholder {
	font-size: 16px;
	color: #bbb
}

:-ms-input-placeholder {
	font-size: 16px;
	color: #bbb
}

:placeholder-shown {
	font-size: 16px;
	color: #bbb
}

input[readonly] {
	cursor: auto
}

input[readonly]:focus {
	border: 1px solid #f7f7f7
}

/*단일 클래스*/
.skip {
	position: fixed;
	top: -10000px;
	z-index: 100;
	padding: 17px 0;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #000;
	background: #ccc;
}

.skip:focus {
	top: 0;
}

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

.blind {
	position: absolute;
	top: -1000px;
	text-indent: -9999px;
	font-size: 0 !important;
}

.fl_l {
	float: left
}

.fl_r {
	float: right
}

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

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

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

.va_t {
	vertical-align: top
}

.va_m {
	vertical-align: middle
}

table.va_t th,
table.va_t td {
	vertical-align: top
}

table.va_m th,
table.va_m td {
	vertical-align: middle
}

.fw_t {
	font-weight: 100 !important
}

.fw_l {
	font-weight: 300 !important
}

.fw_r {
	font-weight: 400 !important
}

.fw_m {
	font-weight: 500 !important
}

.fw_b {
	font-weight: 700 !important
}

.w25p {
	width: 25% !important
}

.w33p {
	width: 33.33% !important
}

.w50p {
	width: 50% !important
}

.w100p {
	width: 100% !important
}

.d_none {
	display: none !important;
}

.d_block {
	display: block !important;
}

.link {
	color: #00696d;
	text-decoration: underline
}

.link:hover,
.link:focus,
.link:active {
	text-decoration: underline
}

.cont_con {
	display: none
}

.cont_con:first-child {
	display: block
}

.img_resize {
	position: relative;
	overflow: hidden
}

.img_resize img {
	position: absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.img_resize.reverse img {
	width: 100%;
	height: auto
}

.green_t {
	color: #3cc814 !important;
}

.green_t2 {
	color: #052822 !important;
}

.red_t {
	color: #f05b5a !important;
}

/* 간격 */
.mt0 {
	margin-top: 0 !important;
}

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

.mt8 {
	margin-top: 8px !important;
}

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

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

.mt16 {
	margin-top: 16px !important;
}

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

.mt24 {
	margin-top: 24px !important;
}

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

.mt32 {
	margin-top: 32px !important;
}

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

.mt48 {
	margin-top: 48px !important;
}

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

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

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

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

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

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

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

.pt0 {
	padding-top: 0 !important
}

.pb0 {
	padding-bottom: 0 !important
}

.pl0 {
	padding-left: 0 !important
}

.pr0 {
	padding-right: 0 !important
}

html.lock body {
	height: 100%;
	overflow: hidden
}

body {
	width: 100%;
}

#wrap {
	position: relative;
	word-break: keep-all;
	overflow-x: auto;
	min-width: 1460px
}

.inner {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

.inner:after {
	content: "";
	display: block;
	clear: both;
}


/* 툴팁 */
.tooltip_div {
	position: relative;
}

.tooltip_div.opener {
	cursor: pointer;
}

.tooltip {
	position: absolute;
	display: none;
	background: #fff;
	max-width: 480px;
	border: 1px solid #ddd;
	z-index: 2;
	border-radius: 10px;
}

.tooltip_div:hover>.tooltip {
	display: block;
}

.tooltip_div.reverse:hover>.tooltip {
	right: 0
}

.tooltip.txt_area {
	padding: 12px 20px 16px
}

.tooltip.txt_area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	white-space: nowrap
}

.tooltip.txt_area .txt {
	margin-top: 8px;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	white-space: nowrap
}

.tooltip.txt_area .txt:first-child {
	margin-top: 0
}

.tooltip.txt_area .dot_indent {
	margin-top: 20px
}

.tooltip.txt_area .dot_indent:first-child {
	margin-top: 0
}

.tooltip.txt_area .dot_indent p {
	margin-top: 4px;
	padding-left: 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	white-space: nowrap
}

.tooltip.txt_area .dot_indent p:first-child {
	margin-top: 0
}

/* 수정, 삭제 버튼 툴팁 */
.mine .wrt_tooltip.tooltip_div {
	display: table-cell;
}

.wrt_tooltip.tooltip_div {
	display: none;
	width: 48px;
	padding-left: 24px;
	vertical-align: middle
}

.wrt_tooltip.tooltip_div .opener {
	background: url('/res/images/m_icn_edit_tooltip.png') top right no-repeat;
	height: 24px;
	display: block;
}

.wrt_tooltip.tooltip_div .tooltip {
	top: 36px !important;
}

.wrt_tooltip.tooltip_div .tooltip a {
	display: block;
	padding: 12px 36px 12px 14px;
	font-size: 13px;
	color: #000;
	border-bottom: 1px solid #ddd
}

.wrt_tooltip.tooltip_div .tooltip a:last-child {
	border-bottom: none;
}

.wrt_tooltip.tooltip_div .tooltip a.edit {
	background: url('/res/images/m_inc_tooltip_edit_btn.png') top 50% right 12px no-repeat
}

.wrt_tooltip.tooltip_div .tooltip a.delete {
	background: url('/res/images/m_inc_tooltip_delete_btn.png') top 50% right 12px no-repeat
}

/* paging */
.paging {
	margin: 40px auto 0;
	text-align: center;
}

.paging a {
	display: inline-block;
	margin: 0 9px;
	width: auto;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	vertical-align: top
}

.paging a.on {
	color: #3cc814;
	text-decoration: underline
}

.paging .prev {
	padding-left: 16px;
	color: #777;
	background: url('/res/images/icn_left_16x16.png') no-repeat left center;
	background-size: 16px
}

.paging .next {
	padding-right: 16px;
	color: #777;
	background: url('/res/images/icn_right_16x16.png') no-repeat right center;
	background-size: 16px
}

#wrap.dimd {
	height: 100%;
	overflow: hidden
}

#wrap.dimd .dimd_bg {
	display: block
}

#wrap.dimd .layer_pop {
	display: block
}

.dimd_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10
}

.disabled_btn {
	pointer-events: none
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 15;
	text-align: center;
}

.loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px
}

.loading span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 20px;
	width: 400px;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-align: center
}

.loading span+img {
	padding-bottom: 134px
}

/* star */
.star_div:after {
	content: '';
	display: block;
	clear: both
}

.star_div .star {
	float: left;
	position: relative
}

.star_div .star.h16 {
	width: 80px;
	height: 16px
}

.star_div .star.h16:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 16px;
	background: url('/res/images/m_star32.png') no-repeat left center;
	background-size: 80px 16px
}

.star_div .star.h16 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 16px;
	background: url('/res/images/m_star32_on.png') no-repeat left center;
	background-size: 80px 16px
}

.star_div .star.h16+.star_score {
	margin-left: 2px;
	font-size: 13px;
	line-height: 16px;
	color: #000
}

.star_div .star.h20 {
	width: 100px;
	height: 20px;
}

.star_div .star.h20:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 20px;
	background: url('/res/images/m_star40.png') no-repeat left center;
	background-size: 100px 20px
}

.star_div .star.h20 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 20px;
	background: url('/res/images/m_star40_on.png') no-repeat left center;
	background-size: 100px 20px
}

.star_div .star.h24 {
	width: 120px;
	height: 24px;
}

.star_div .star.h24:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 24px;
	background: url('/res/images/m_star48.png') no-repeat left center;
	background-size: 120px 24px
}

.star_div .star.h24 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 24px;
	background: url('/res/images/m_star48_on.png') no-repeat left center;
	background-size: 120px 24px
}

.star_div .star.h32 {
	width: 160px;
	height: 32px;
}

.star_div .star.h32:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 32px;
	background: url('/res/images/m_star64.png') no-repeat left center;
	background-size: 160px 32px
}

.star_div .star.h32 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 32px;
	background: url('/res/images/m_star64_on.png') no-repeat left center;
	background-size: 160px 32px
}

.star_div .star.h32+.star_score {
	margin-left: 10px;
	font-size: 16px;
	line-height: 32px;
	color: #ccc
}

.star_div .star.h32+.star_score b {
	font-weight: 700;
	color: #000
}

.star_div .star.h40 {
	width: 200px;
	height: 40px;
}

.star_div .star.h40:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 40px;
	background: url('/res/images/m_star40.png') no-repeat left center;
	background-size: 200px 40px
}

.star_div .star.h40 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 40px;
	background: url('/res/images/m_star40_on.png') no-repeat left center;
	background-size: 200px 40px
}

.star_div .star.h40+.star_score {
	margin-left: 12px;
	font-size: 18px;
	line-height: 40px;
	color: #ccc
}

.star_div .star.h40+.star_score b {
	font-size: 28px;
	font-weight: 700;
	color: #000
}

.star_div .star.h48 {
	width: 240px;
	height: 48px;
}

.star_div .star.h48:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 48px;
	background: url('/res/images/m_star96.png') no-repeat left center;
	background-size: 240px 48px
}

.star_div .star.h48 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 48px;
	background: url('/res/images/m_star96_on.png') no-repeat left center;
	background-size: 240px 48px
}

.star_div .star_score {
	float: left;
}


/* 인풋관련 기본스타일 */
.input_form {
	margin-top: 20px
}

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

.input_form .tit {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.input_form .tit span {
	display: inline-block;
	margin-left: 8px;
	color: #777
}

.input_form .tit+.input_area {
	margin-top: 10px
}

.input_form .tit+.radio_div {
	margin-top: 12px;
}

.input_form .input_area {
	position: relative
}

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

.input_form .input_area input,
.input_form .input_area select,
.input_form .input_area .select_form {
	float: left;
	width: 100%;
}

.input_form .input_area.clear_has input {
	padding-right: 40px
}

.input_form .input_area .textarea_div {
	position: relative;
	margin-top: 12px;
	padding: 16px 12px 44px 12px;
	width: 100%;
	background: #f7f7f7;
	border-radius: 10px
}

.input_form .input_area .textarea_div:first-child {
	margin-top: 0
}

.input_form .input_area .textarea_div textarea {
	padding: 0 28px 0 0;
	width: 100%;
	height: 74px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	resize: none;
	background: none;
	border: none
}

.input_form .input_area .textarea_div textarea:focus,
.input_form .input_area .textarea_div textarea:active {
	outline: 0
}

.input_form .input_area .textarea_div .byte {
	position: absolute;
	bottom: 16px;
	right: 16px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.input_form .input_area .textarea_div .byte b {
	color: #000
}

.input_form .input_area .btn {
	float: left;
	padding: 11px 0;
	margin-left: 8px;
	width: 112px;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px;
	text-align: center
}

/* width, margin 값은 메뉴별로 다를 수 있어서 각 메뉴별로 div 하위에 만들기 */
.input_form .input_area .btn.disabled_btn {
	border: 1px solid #ddd;
	color: #ddd
}

.input_form .input_area .timer {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #f05b5a
}

.input_form .input_area.pw_view input {
	padding-right: 70px
}

.input_form .input_area.pw_view .view {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_pw_view_btn.png') no-repeat center;
	background-size: 24px;
	cursor: pointer
}

.input_form .input_area.pw_view .view.on {
	background: url('/res/images/m_pw_view_btn_on.png') no-repeat center;
	background-size: 24px
}

.input_form .input_area+.input_area {
	margin-top: 20px
}

.input_form .txt {
	display: none;
	padding-left: 15px;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #f05b5a
}

.input_form .input_area.regi_num {}

.input_form .input_area.regi_num input {
	margin: 0;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px)
}

.input_form .input_area.regi_num span {
	float: left;
	width: 20px;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	text-align: center
}

.input_form.check .input_area input {
	padding-right: 40px;
	background: url('/res/images/input_check.png') no-repeat right 12px top 50% #f7f7f7;
	background-size: 24px;
}

.input_form.check .input_area .delete {
	display: none !important
}

.input_form.check .input_area.pw_view input {
	padding-right: 70px;
	background: url('/res/images/input_check.png') no-repeat right 40px top 50% #f7f7f7;
	background-size: 24px;
}

.input_form.error .input_area input {
	border: 1px solid #f05b5a
}

.input_form.error .input_area select {
	border: 1px solid #f05b5a
}

.input_form.error .txt {
	display: block
}

.input_form.point .tit {
	margin-bottom: 16px
}

.input_form.point .input_area input {
	padding-right: 28px
}

.input_form.point .input_area:before {
	content: '원';
	position: absolute;
	top: 0;
	right: 124px;
	font-size: 14px;
	line-height: 48px;
	color: #000
}

.input_form.has_btn .input_area input {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px)
}

.input_form.has_btn .input_area .timer {
	right: 130px
}

.input_form.has_btn .clear_has .delete {
	right: 136px
}

.input_form.has_btn .pw_view .view {
	right: 136px
}

/* textarea */
textarea::-webkit-input-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ddd;
}

textarea:-moz-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ddd;
}

textarea::-moz-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ddd;
}

textarea:-ms-input-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ddd;
}

/* select_form */
.select_form {
	position: relative;
	font-weight: 400;
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	border-radius: 10px
}

.select_form .select {
	display: block;
	padding: 12px 40px 12px 11px;
	border: 1px solid #f7f7f7;
	background: url('/res/images/icn_down_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px;
	border-radius: 10px
}

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

.select_form .select p {
	float: left;
	max-width: calc(100% - 42px);
	max-width: -webkit-calc(100% - 42px);
	font-size: 16px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select_form .select.promo p:before {
	content: '[사은품] ';
}

.select_form .count_txt {
	display: none;
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.select_form .count_txt b {
	font-weight: 500
}

.select_form .option {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	width: 100%;
	max-height: 500px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow-y: auto;
	z-index: 2
}

.select_form .option a {
	display: table;
	padding: 12px;
	width: 100%;
	border-bottom: 1px solid #eee
}

.select_form .option a:last-child {
	border-bottom: none
}

.select_form .option a:hover {
	background: #f9f9f9
}

.select_form .option a .thumb {
	display: table-cell;
	padding-right: 12px;
	width: 72px;
	height: 60px
}

.select_form .option a .thumb img {
	width: 100%;
	background: #f7f7f7;
	border-radius: 10px
}

.select_form .option a .text {
	display: table-cell;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	vertical-align: middle
}

.select_form .option a .text span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select_form .option a.disabled {
	color: #ccc
}

.select_form .option a.disabled:hover {
	background: #fff
}

.select_form .option a.disabled .text {
	color: #ccc
}

.select_form .option a.disabled .text span {
	color: #ccc
}

.select_form.on .select {
	background: url('/res/images/icn_up_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
}

.select_form.readonly {
	pointer-events: none
}

.select_form.readonly .select {
	background: #f7f7f7
}

.select_form.readonly .count_txt {
	display: block
}

.select_form.disabled {
	pointer-events: none
}

.select_form.disabled .select {
	background: url('/res/images/icn_down_gry_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px
}

.select_form.disabled .select p {
	color: #ccc
}

/* 인풋 X버튼 */
.clear_has {
	position: relative
}

.clear_has .delete {
	display: none;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url('/res/images/clear_delete.png') no-repeat;
	background-size: 16px;
	cursor: pointer
}

.clear_has .delete img {
	width: 100%
}

/* 체크박스 */
.chk_box {
	display: inline-block;
	vertical-align: top;
}

.chk_box input[type="checkbox"] {
	display: none;
}

.chk_box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 32px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.chk_box input[type="checkbox"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/res/images/chk_icon_48x48.png") center no-repeat;
	background-size: 24px;
	border-radius: 100%
}

.chk_box input[type="checkbox"]:disabled+label {
	color: #bbb
}

.chk_box input[type="checkbox"]:disabled+label:after {
	background: url("/res/images/m_chk_icon_disabled_48x48.png") center no-repeat;
	background-size: 24px;
}

.chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	background: url("/res/images/m_chk_icon_disabled_48x48.png") center no-repeat;
	background-size: 24px;
}

.chk_box.on input[type="checkbox"]+label:after {
	border: none;
	background: url("/res/images/m_chk_icon_on_48x48.png") center no-repeat;
	background-size: 24px
}

/* 라디오 */
.radio_box {
	display: inline-block;
	vertical-align: top;
}

.radio_box input[type="radio"] {
	display: none;
}

.radio_box input[type="radio"]+label {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 32px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.radio_box input[type="radio"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/res/images/radio_icon_48x48.png") no-repeat center;
	background-size: 24px;
	border-radius: 100%
}

.radio_box input[type="radio"]:checked+label:after {
	background: url("/res/images/radio_icon_48x48_on.png") no-repeat center;
	background-size: 24px
}

.radio_box input[type="radio"]:disabled+label {
	opacity: 0.4
}

.radio_box input[type="radio"]:disabled[disabled]+label {
	opacity: 0.4
}

.radio_box input[type="radio"]:checked:disabled[disabled]+label {
	opacity: 1;
}

/* 데이터없음 */
.no_data_div {
	display: table;
	width: 100%;
	text-align: center
}

.no_data_div .txt_area {
	display: table-cell;
	padding: 264px 20px 180px;
	text-align: center;
	background: url('/res/images/no_data_img.png') no-repeat center 180px;
	background-size: 64px;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
}

.no_data_div .txt_area .tit {
	padding-bottom: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.no_data_div .txt_area .txt {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.no_data_div .txt_area .txt:first-child {
	margin-top: 0
}

.no_data_div .txt_area .txt2 {
	margin-top: 16px;
	font-size: 13px;
	line-height: 18px;
	color: #bbb
}

.no_data_div .txt_area .btn {
	display: block;
	margin: 40px auto 0;
	padding: 21px 0;
	width: 360px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.no_data_div .txt_area .btn+.btn {
	margin-top: 10px
}

/* dot_indent */
.dot_indent {}

.dot_indent p {
	position: relative;
	margin-top: 4px;
	padding-left: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.dot_indent p:first-child {
	margin-top: 0
}

.dot_indent p:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #bbb;
	border-radius: 100%
}

.dot_indent p b {
	color: #000
}

/* head_banner */
.head_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1460px;
	z-index: 4
}

.head_banner .cont {
	padding: 14px 0;
	width: 100%;
	height: 60px;
	text-align: center;
	background: #3dc816
}

.head_banner .cont a {
	display: inline-block;
	max-width: 1180px;
}

.head_banner .cont a img {
	height: 32px;
}

.head_banner .close_btn {
	position: absolute;
	top: 14px;
	right: 16px;
	padding: 6px 30px 6px 12px;
	height: 32px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	background: url('/res/images/head_banner_xbt.png') no-repeat right 6px top 50% rgba(0, 0, 0, 0.3);
	background-size: 20px;
	border-radius: 16px;
}

/* 메인팝업 */
.main_pop {
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 473px;
	z-index: 10;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15)
}

.main_pop .swiper-container {
	border-radius: 20px 20px 0 0;
}

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

.main_pop .swiper-container .swiper-button-prev {
	display: none;
	position: absolute;
	top: 139px;
	left: 0;
	margin-top: 0;
	width: 48px;
	height: 48px;
	background: url('/res/images/main_pop_left.png') no-repeat;
	background-size: 48px auto
}

.main_pop .swiper-container .swiper-button-next {
	display: none;
	position: absolute;
	top: 139px;
	right: 0;
	margin-top: 0;
	width: 48px;
	height: 48px;
	background: url('/res/images/main_pop_right.png') no-repeat;
	background-size: 48px auto
}

.main_pop .swiper-container .swiper-pagination {
	display: none;
	top: 14px;
	bottom: auto;
	right: 14px;
	left: auto;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px
}

.main_pop .swiper-container .swiper-pagination .swiper-pagination-current {
	font-weight: 700;
	color: #fff
}

.main_pop .swiper-container.swiper-container-horizontal .swiper-pagination {
	display: block
}

.main_pop .swiper-container.swiper-container-horizontal .swiper-button-prev,
.main_pop .swiper-container.swiper-container-horizontal .swiper-button-next {
	display: block
}

.main_pop .bottom {
	padding: 15px 19px;
	background: #fff;
	border-radius: 0 0 20px 20px
}

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

.main_pop .bottom .today {
	float: left;
	padding: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #777
}

.main_pop .bottom .close_btn {
	float: right;
	padding: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #333
}

/* header */
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 169px;
	z-index: 3;
	background: #fff;
	border-bottom: 1px solid #eee;
	min-width: 1460px
}

header.fix {
	position: fixed;
	top: -88px
}

header .top_div {
	padding: 52px 0 16px
}

header .top_div .head_div {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

header .top_div .head_div:after {
	content: '';
	display: block;
	clear: both
}

header .top_div .head_div .logo {
	position: absolute;
	top: -10px;
	left: 0;
	width: 124px;
	height: 34px;
	background: url('/res/images/logo.png') no-repeat;
	background-size: 124px 34px
}

header .top_div .head_div .utill {
	float: right
}

header .top_div .head_div .utill a {
	position: relative;
	float: left;
	margin-left: 33px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

header .top_div .head_div .utill a:first-child {
	margin-left: 0
}

header .top_div .head_div .utill a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -17px;
	width: 1px;
	height: 10px;
	background: #ccc
}

header .top_div .head_div .utill a:first-child:before {
	display: none
}

header nav {
	position: relative;
	margin: 0 auto;
	padding: 16px 0;
	width: 1280px
}

header nav:after {
	content: '';
	display: block;
	clear: both
}

header nav .menu {
	float: left;
	padding: 10px 0
}

header nav .menu:after {
	content: '';
	display: block;
	clear: both
}

header nav .menu>a,
header nav .menu>div {
	position: relative;
	float: left;
	margin-left: 36px;
	font-weight: 500;
	font-size: 17px;
	line-height: 40px;
	color: #000
}

header nav .menu>a:hover,
header nav .menu>div:hover {
	font-weight: 500;
	color: #3cc814
}

header nav .menu>a span,
header nav .menu>div>span {
	display: block;
	cursor: pointer
}

/*
header nav .menu a.on{font-weight:700}
header nav .menu a.on:after{content:''; position:absolute; bottom:-4px; left:0; width:100%; height:4px; background:#3cc814}*/
header nav .menu .allmenu_btn {
	margin-left: 0;
}

/*header nav .menu .allmenu_btn>span {
	padding-left: 32px;
	background: url('/res/images/allmenu_btn.png') no-repeat left center;
	background-size: 24px;
}

header nav .menu .allmenu_btn:hover>span {
	color: #000;
	background: url('/res/images/allmenu_btn_on.png') no-repeat left center;
	background-size: 24px;
}*/

/* 221108 헤더 ui 변경 */
header nav .menu .allmenu_btn>button {
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 1px;
	background: url('/res/images/allmenu_btn.png') no-repeat 50% 50%;
	background-size: 40px
}

header nav .menu .allmenu_btn:hover>button {
	background-image: url('/res/images/allmenu_btn_on.png');
}

/* // 221108 헤더 ui 변경 */

header nav .menu .allmenu_btn:after {
	content: '';
	display: none
}

header nav .menu .allmenu_btn.on:after {
	display: block;
	position: absolute;
	top: 23px;
	left: -28px;
	width: 150px;
	height: 25px
}

header nav .menu .brand_btn:after {
	content: '';
	display: none
}

header nav .menu .brand_btn.on:after {
	display: block;
	position: absolute;
	top: 23px;
	left: -24px;
	width: 120px;
	height: 25px
}

header nav .menu a.new:after {
	content: '';
	position: absolute;
	top: 2px;
	right: -8px;
	width: 8px;
	height: 8px;
	background: #ff3894;
	border-radius: 100%
}

header .allmenu_pop {
	display: none;
	position: absolute;
	top: 44px;
	left: -28px;
	width: 1280px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #777;
	overflow: hidden
}

header .allmenu_pop .type_div {
	position: relative;
	display: flex;
	padding: 48px 60px 60px
}

header .allmenu_pop .type_div .type {
	position: relative;
	flex-basis: 100%;
	padding: 0 40px;
}

header .allmenu_pop .type_div .type:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
	background: #ddd
}

header .allmenu_pop .type_div .type:first-child {
	padding-left: 0;
}

header .allmenu_pop .type_div .type:last-child {
	padding-right: 0;
}

header .allmenu_pop .type_div .type:last-child:after {
	display: none
}

header .allmenu_pop .type_div .type .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000
}

header .allmenu_pop .type_div .type .list_div {
	margin-top: 32px
}

header .allmenu_pop .type_div .type .list_div:after {
	content: '';
	display: block;
	clear: both
}

header .allmenu_pop .type_div .type .list_div .list {
	float: left;
	margin-left: 32px;
	width: calc(50% - 16px);
	width: -webkit-calc(50% - 16px)
}

header .allmenu_pop .type_div .type .list_div .list:nth-child(2n+1) {
	margin-left: 0;
	clear: both
}

header .allmenu_pop .type_div .type .list_div .list:nth-child(n+3) {
	margin-top: 24px
}

header .allmenu_pop .type_div .type .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

header .allmenu_pop .type_div .type .list_div .list p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	letter-spacing: -1px
}

header .allmenu_pop .type_div .type .list_div .list span {
	position: relative;
	float: left;
	width: 42px;
	height: 42px;
	border: 1px solid #f7f7f7;
	border-radius: 100%
}

header .allmenu_pop .type_div .type .list_div .list span img {
	width: 100%
}

header .allmenu_pop .type_div .type .list_div .list.pet span:after {
	content: '';
	position: absolute;
	top: -4px;
	right: -4px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/res/images/pet_list_20.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

header .allmenu_pop .type_div .type .list_div .list span+p {
	float: left;
	padding: 10px 0 10px 12px;
	width: 106px;
}

header .allmenu_pop .type_div .type .list_div .list:hover p {
	color: #3cc814
}

header .allmenu_pop .type_div .type .list_div .list:hover span {
	border: 1px solid #ddd
}

header .brand_pop {
	display: none;
	position: absolute;
	top: 44px;
	left: -24px;
	width: 240px;
	max-height: 650px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #777;
	overflow: hidden
}

header .brand_pop .brand_list {
	max-height: 584px;
	margin: 32px 5px 32px 24px;
	/* padding: 32px 24px; */
	overflow-x: hidden;
	overflow-y: scroll;
}

header .brand_pop .brand_list::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 4px;
}

header .brand_pop .brand_list::-webkit-scrollbar-thumb {
	background: #dddddd;
	border-radius: 4px;
}

header .brand_pop .brand_list:after {
	content: '';
	display: block;
	clear: both
}

header .brand_pop .brand_list .list {
	display: block
}

header .brand_pop .brand_list .list:nth-child(n+2) {
	margin-top: 24px
}

header .brand_pop .brand_list .list:after {
	content: '';
	display: block;
	clear: both
}

header .brand_pop .brand_list .list p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

header .brand_pop .brand_list .list span {
	position: relative;
	float: left;
	width: 42px;
	height: 42px;
	border: 1px solid #f7f7f7;
	border-radius: 100%
}

header .brand_pop .brand_list .list.pet span:after {
	content: '';
	position: absolute;
	top: -4px;
	right: -4px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/res/images/pet_list_20.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

header .brand_pop .brand_list .list span img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

header .brand_pop .brand_list .list span img:nth-child(1) {
	opacity: 1
}

header .brand_pop .brand_list .list span img:nth-child(2) {
	opacity: 0
}

header .brand_pop .brand_list .list span+p {
	float: left;
	padding: 10px 0 10px 12px;
	width: 126px;
}

header .brand_pop .brand_list .list:hover p {
	color: #3cc814
}

header .brand_pop .brand_list .list:hover span {
	border: 1px solid #ddd
}

header nav .etc {
	position: relative;
	float: right;
	padding: 4px 0
}

header nav .etc:after {
	content: '';
	display: block;
	clear: both
}

header nav .etc>a {
	position: relative;
	float: left;
	margin-left: 32px;
	width: 40px;
	height: 40px
}

header nav .etc .search_div {
	position: absolute;
	top: 0;
	right: 148px;
	width: 292px;
	height: 48px
}

header nav .etc .search_div .input_div {
	display: block;
	position: relative;
	width: 100%;
	height: 48px;
	border: 1px solid #bbb;
	border-radius: 24px
}

header nav .etc .search_div .input_div.on {
	padding: 13px 80px 13px 24px;
	color: #000
}

header nav .etc .search_div .input_div .text {
	display: block;
	padding: 13px 50px 13px 24px;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	font-size: 14px;
	line-height: 20px;
	color: #bbb;
	border-radius: 20px 0 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

header nav .etc .search_div .input_div .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 46px;
	background: url('/res/images/search_div_icn.png') no-repeat right 20px top 11px;
	background-size: 24px;
}

header nav .etc .search_div .search_pop {
	display: none;
	position: absolute;
	top: -6px;
	left: -5px;
	padding: 0 27px 44px;
	width: 400px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 24px;
	z-index: 3
}

header nav .etc .search_div .search_pop .top {
	position: relative
}

header nav .etc .search_div .search_pop .top input {
	padding: 19px 70px 16px 2px;
	height: 55px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: none;
	border: none;
	border-bottom: 1px solid #3cc814;
	border-radius: 0;
	letter-spacing: -0.7px
}

header nav .etc .search_div .search_pop .top ::-webkit-input-placeholder {
	font-size: 14px;
	color: #bbb
}

header nav .etc .search_div .search_pop .top :-moz-placeholder {
	font-size: 14px;
	color: #bbb;
}

header nav .etc .search_div .search_pop .top ::-moz-placeholder {
	font-size: 14px;
	color: #bbb;
}

header nav .etc .search_div .search_pop .top :-ms-input-placeholder {
	font-size: 14px;
	color: #bbb;
}

header nav .etc .search_div .search_pop .top :placeholder-shown {
	font-size: 14px;
	color: #bbb;
}

header nav .etc .search_div .search_pop .top .delete {
	top: 15px;
	right: 32px;
	margin-top: 0;
	width: 26px;
	height: 26px;
	background-position: center;
}

header nav .etc .search_div .search_pop .top .btn {
	position: absolute;
	top: 11px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/search_div_icn.png') no-repeat center;
	background-size: 24px
}

header nav .etc .search_div .search_pop .help_div {
	margin: 34px 0 36px
}

header nav .etc .search_div .search_pop .help_div .title {
	position: relative
}

header nav .etc .search_div .search_pop .help_div .title:first-child {
	margin-top: 0
}

header nav .etc .search_div .search_pop .help_div .title p {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

header nav .etc .search_div .search_pop .help_div .title .del_btn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

header nav .etc .search_div .search_pop .help_div .latest_div {
	margin: 8px 0 50px
}

header nav .etc .search_div .search_pop .help_div .latest_div:after {
	content: '';
	display: block;
	clear: both
}

header nav .etc .search_div .search_pop .help_div .latest_div .list {
	position: relative;
	float: left;
	max-width: 100%;
	margin: 8px 8px 0 0;
	padding: 0 34px 0 0;
	border: 1px solid #eee;
	border-radius: 20px;
}

header nav .etc .search_div .search_pop .help_div .latest_div .list .keyword {
	display: block;
	padding: 10px 4px 10px 18px;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

header nav .etc .search_div .search_pop .help_div .latest_div .list .del {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 26px;
	height: 26px;
	background: url('/res/images/icn_xbt_gry_16x16.png') no-repeat center;
	background-size: 16px
}

header nav .etc .search_div .search_pop .help_div .hottest_div {
	margin-top: 20px
}

header nav .etc .search_div .search_pop .help_div .hottest_div:after {
	content: '';
	display: block;
	clear: both
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div {
	float: left;
	margin-left: 22px;
	width: 161px;
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div:first-child {
	margin-left: 0
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div .list {
	margin-top: 16px
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div .list:first-child {
	margin-top: 0
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div .list span {
	float: left;
	width: 16px;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-align: center;
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div .list a {
	float: left;
	max-width: calc(100% - 24px);
	max-width: -webkit-calc(100% - 24px);
	margin-left: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div:first-child .list span {
	width: 8px
}

header nav .etc .search_div .search_pop .help_div .hottest_div .list_div:first-child .list a {
	max-width: calc(100% - 20px);
	max-width: -webkit-calc(100% - 20px);
}

header nav .etc .search_div .search_pop .search_result {
	display: none;
	margin: 12px 0 22px;
	height: calc(100vh - 330px);
	height: -webkit-calc(100vh - 330px);
	max-height: 518px;
	overflow-y: auto
}

header nav .etc .search_div .search_pop .search_result.no {
	height: auto
}

header nav .etc .search_div .search_pop .search_result::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

header nav .etc .search_div .search_pop .search_result::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

header nav .etc .search_div .search_pop .search_result::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

header nav .etc .search_div .search_pop .search_result p {
	display: block;
	border-top: 1px solid #eee;
}

header nav .etc .search_div .search_pop .search_result p:first-child {
	border-top: none
}

header nav .etc .search_div .search_pop .search_result p a {
	display: inline-block;
	padding: 16px 8px;
	max-width: calc(100% - 36px);
	max-width: -webkit-calc(100% - 36px);
	font-size: 14px;
	line-height: 18px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

header nav .etc .search_div .search_pop .search_result p a span {
	color: #3cc814
}

header nav .etc .search_div .search_pop .search_result .keyword {
	display: block;
	padding: 60px 0 50px;
	font-size: 16px;
	line-height: 22px;
	color: #555;
	text-align: center
}

header nav .etc .search_div .search_pop .pop_close {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 12px 26px 11px;
	width: 100%;
	text-align: right;
	border-top: 1px solid #eee
}

header nav .etc .search_div .search_pop .pop_close a {
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: url('/res/images/icn_xbt_gry_20x20.png') no-repeat right center;
	background-size: 20px
}

header nav .etc .search {
	background: url('/res/images/header_etc_search.png') no-repeat;
	background-size: 40px
}

header nav .etc .mypage {
	background: url('/res/images/header_etc_mypage.png') no-repeat;
	background-size: 40px
}

header nav .etc .cart {
	background: url('/res/images/header_etc_cart.png') no-repeat;
	background-size: 40px
}

header nav .etc .cart span {
	position: absolute;
	top: 0;
	right: -5px;
	padding-top: 1px;
	width: 20px;
	height: 20px;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 100%
}

#wrap.main #content {
	padding-top: 210px
}

#content {
	position: relative;
	padding: 230px 0 140px;
	min-height: calc(100vh - 395px);
	min-height: -webkit-calc(100vh - 395px)
}

/* 하단여백, min-height 임시 */
#content.has_path {
	padding-top: 254px
}

#content .page_intro {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

#content .page_intro .page_title {
	display: inline-block;
	padding-bottom: 40px;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #000;
	text-align: left;
	letter-spacing: -1px
}

#content .page_intro .indicator+.page_title {
	margin-top: 20px
}

#content .page_intro .indicator {
	position: absolute;
	top: -64px;
	left: 0;
	z-index: 2
}

#content .page_intro .indicator:after {
	content: '';
	display: block;
	clear: both
}

#content .page_intro .indicator .path {
	position: relative;
	float: left;
	margin-right: 6px;
	padding-right: 22px
}

#content .page_intro .indicator .path:last-child {
	padding-right: 0;
	margin-right: 0
}

#content .page_intro .indicator .path:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 0;
	width: 16px;
	height: 16px;
	background: url('/res/images/icn_right_gry_16x16.png') no-repeat;
	background-size: 16px
}

#content .page_intro .indicator .path:last-child:after {
	display: none
}

#content .page_intro .indicator .path>a {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777
}

#content .page_intro .indicator .path>a h1 {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777
}

#content .page_intro .indicator .path.has>a {
	padding-right: 18px;
	background: url('/res/images/indicator_path_arrow.png') no-repeat right center;
	background-size: 16px
}

#content .page_intro .indicator .path .two_depth {
	display: none;
	position: absolute;
	top: 30px;
	left: -16px;
	padding: 5px 0;
	min-width: 100px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 10px;
	z-index: 1;
	max-height: 590px;
	overflow: hidden;
}

/* 230426 two depth 스크롤 영역 추가 */
#content .page_intro .indicator .path .two_depth > div {
	max-height: 578px;
	overflow-y: auto;
}

#content .page_intro .indicator .path .two_depth > div::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 12px;
}

#content .page_intro .indicator .path .two_depth > div::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 5px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

#content .page_intro .indicator .path:nth-child(2) .two_depth {
	min-width: 90px
}

#content .page_intro .indicator .path:nth-child(3) .two_depth {
	min-width: 185px
}

#content .page_intro .indicator .path.on>a {
	background: url('/res/images/indicator_path_arrow_on.png') no-repeat right center;
	background-size: 16px
}

#content .page_intro .indicator .path .two_depth a {
	display: block;
	padding: 0 13px;
	font-size: 14px;
	line-height: 40px;
	color: #333;
	white-space: nowrap;
}

#content .page_intro .indicator .path .two_depth a.on {
	color: #3cc814
}

#content .page_intro .indicator .path .two_depth a:hover {
	background: #f9f9f9
}

.top_tab {
	display: table;
	position: relative;
	width: 100%;
	table-layout: fixed
}

.top_tab a {
	display: table-cell;
	position: relative;
	padding: 17px 5px 17px;
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
}

.top_tab a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd
}

.top_tab a.on {
	color: #000
}

.top_tab a h1 {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
}

.top_tab a.on h1 {
	color: #000
}

.top_tab a h2 {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
}

.top_tab a.on h2 {
	color: #000
}

.top_tab a.on:after {
	height: 3px;
	background: #000
}

.top_tab a span {
	display: inline-block;
	position: relative
}

.top_tab a span b {
	position: absolute;
	top: -6px;
	right: -11px;
	width: 16px;
	height: 16px;
	font-weight: 500;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 100%
}

.btn_type a {
	display: block;
	padding: 17px 20px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-align: center
}

.btn_type a.grn {
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814;
}

.btn_type a.grn_line {
	color: #3cc814;
	background: #fff;
	border: 1px solid #3cc814
}

.btn_type a.gry {
	color: #fff;
	background: #ddd;
	border: 1px solid #ddd
}

.btn_type a.gry_line {
	color: #333;
	background: #fff;
	border: 1px solid #999
}

.btn_type a.disabled_btn {
	background: #ddd;
	border: 1px solid #ddd
}

.btn_type a.gry_line.disabled_btn {
	color: #fff
}

.btn_type a.go_kakao {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 26px;
	background: url('/res/images/icon/m_icn_go_kakao.png') no-repeat left 13.8px center / 46.2px #fee500;
}

/* 검색 */
.search_div {
	margin: 0 auto;
	width: 1280px
}

.search_div .search_keyword {
	font-weight: 300;
	font-size: 28px;
	line-height: 42px;
	color: #000
}

.search_div .search_keyword span {
	font-weight: 500;
	color: #3cc814;
	word-break: break-all
}

.search_div .product_list_top {
	margin-top: 36px
}

.search_div .recomm_keyword {
	margin-top: 120px;
	text-align: center
}

.search_div .recomm_keyword .tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 38px;
	color: #000
}

.search_div .recomm_keyword .list_div {
	margin: 8px auto 0;
	width: 800px
}

.search_div .recomm_keyword .list_div a {
	display: inline-block;
	margin: 16px 20px 0;
	font-weight: 300;
	font-size: 28px;
	line-height: 38px;
	color: #555
}

.search_div .recomm_keyword .list_div a p {
	font-weight: 300;
}

/* 로그인, 회원가입 */
#frm_joinSns .login_div input[readonly] {
	color: #bbb !important;
}

.login_div {
	margin: -16px auto 0;
	width: 480px
}

.login_div .qr_banner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 92px;
	border-radius: 10px;
	margin-top: 16px;
	background: url('/res/images/icon/icn_cart_qr.svg') no-repeat  left 17px center / 66px #e7ffe1;
}

.login_div .qr_banner .txt {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	padding-left: 50px;
}

.login_div .qr_banner .txt strong {
	color: #3cc814;
	font-weight: 700;
}

.login_div .top_tab+.top_noti {
	margin-top: 32px
}

.login_div .top_noti {
	padding-bottom: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.login_div .notice+.join_benefit_div {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #eee
}

.login_div .join_benefit_div {
	text-align: center
}

.login_div .join_benefit_div .txt {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.login_div .join_benefit_div .list_div {
	margin: 32px auto 0;
	width: 362px
}

.login_div .join_benefit_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.login_div .join_benefit_div .list_div .list {
	float: left;
	margin-left: 46px;
	width: 90px;
}

.login_div .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.login_div .join_benefit_div .list_div .list .icn {}

.login_div .join_benefit_div .list_div .list .icn img {
	width: 76px
}

.login_div .join_benefit_div .list_div .list .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.login_div  .login_nonmem_bot {
	border-top: 1px solid #eee;
	padding-top: 40px;
	margin-top: 40px;
}

.login_div .benefit_txt {
	text-align: center;
	margin-bottom: 20px;
}

.login_div .benefit_txt p {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	background: url('/res/images/icon/icn_join_sale.svg') no-repeat left center / 28px;
	padding: 4.5px 0 4.5px 36px;
}

.login_div .benefit_txt span {
	color: #3cc814;
	font-weight: 700;
}

.login_div .login_form {
	margin-top: 32px
}

.login_div .login_form .input_form {
	margin-top: 10px
}

.login_div .login_form .input_form:first-child {
	margin-top: 0
}

.login_div .login_form .chk_div {
	margin-top: 24px
}

.login_div .find_radio {
	margin: 32px 0
}

.login_div .find_radio .radio_box {
	margin-left: 18px
}

.login_div .find_radio .radio_box:first-child {
	margin-left: 0
}

.login_div .capcha {
	margin-top: 40px;
	padding-bottom: 45px
}

.login_div .capcha_txt {
	padding-left: 12px;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #f05b5a
}

.login_div .notice {
	margin-top: 12px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/icn_notice_16x16.png') no-repeat left center;
	background-size: 16px
}

.login_div .utill {
	margin-top: 24px;
	text-align: center
}

.login_div .utill a {
	display: inline-block;
	position: relative;
	margin: 0 14px;
	font-size: 14px;
	line-height: 16px;
	color: #999;
}

.login_div .utill a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: -14px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.login_div .utill a:first-child:before {
	display: none
}

.login_div .utill+.sns_login {
	margin-top: 24px;
	/* padding-top: 32px;
	border-top: 1px solid #eee */
}

.login_div .sns_login {
	margin-top: 24px
}

.login_div .sns_login .tit {
	font-weight: 500;
	font-size: 16px;
	color: #000;
	margin-bottom: 38px;
	text-align: center
}

/*.login_div .sns_login .list_div {
	margin: 38px auto 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.login_div .sns_login .list_div:after {
	content: '';
	display: block;
	clear: both
}*/
.login_div .sns_login .list_div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	text-align: center;
}

.login_div .sns_login .list_div a {
	display: block;
	width: 48px;
	height: 48px
}

.login_div .sns_login .list_div a:first-child {
	margin-left: 0
}

.login_div .sns_login .list_div a img {
	width: 100%
}

.login_div .non_member_div {
	font-size: 14px;
	line-height: 16px;
	color: #999;
	text-decoration: underline;
	margin-top: 32px;
	text-align: center;
}

.login_div .join_intro_img {
	width: 422px;
	margin: -8px auto 0 auto;
}

.login_div .join_intro_img img {
	width: 100%;
}

.login_div .already_join {
	margin-top: 32px;
	/* padding-top: 24px;
	border-top: 1px solid #eee; */
	text-align: center;
}

.login_div .already_join a {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.login_div .already_join a span {
	display: inline-block;
	text-decoration: underline
}

.login_div .devide {
	padding-top: 32px;
	border-top: 1px solid #eee
}

.login_div .step_title {
	margin-top: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.login_div .join_terms {
	margin-top: 10px
}

.login_div .join_terms .all_agree {
	margin-bottom: 24px
}

.login_div .join_terms .all_agree .chk_box {
	display: block
}

.login_div .join_terms .all_agree .chk_box label {
	display: block;
	padding: 15px 16px 15px 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #eee
}

.login_div .join_terms .all_agree .chk_box label:after {
	top: 16px;
	left: 10px
}

.login_div .join_terms .all_agree .chk_box label .txt {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #3cc814
}

.login_div .join_terms .all_agree .chk_box.on label {
	border: 1px solid #3cc814
}

.login_div .join_terms .chk_div {
	position: relative;
	display: block;
	margin-top: 20px;
	padding-left: 12px
}

.login_div .join_terms .chk_div .chk_box {
	display: block;
	width: 100%
}

.login_div .join_terms .chk_div .open {
	content: '보기';
	position: absolute;
	top: 0;
	right: 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	text-decoration: underline
}

.login_div .join_terms .chk_div .chk_txt {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.login_div .join_terms .sub_chk {
	margin-top: 16px;
	margin-bottom: 24px;
	padding-left: 52px
}

.login_div .join_terms .sub_chk .chk_box {
	margin-right: 20px
}

.login_div .join_terms .sub_chk .chk_box label {
	padding: 0 0 0 24px;
	font-size: 13px;
}

.login_div .join_terms .sub_chk .chk_box label:after {
	top: 2px;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat;
	background-size: 16px
}

.login_div .join_terms .sub_chk .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat;
	background-size: 16px
}

.login_div .join_terms .chk_txt {
	margin-top: 6px;
	padding-left: 44px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.login_div .complete_div {
	padding: 176px 0 0;
	text-align: center;
	border-top: 1px solid #eee
}

.login_div .complete_div.join {
	background: url('/res/images/m_comp_join_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div.findid {
	background: url('/res/images/m_comp_findid_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div.findpw {
	background: url('/res/images/m_comp_findpw_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div.chgpw {
	background: url('/res/images/m_comp_chgpw_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div .title {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #000;
	letter-spacing: -1px
}

.login_div .complete_div .title span {
	font-weight: 700;
	word-break: break-all
}

.login_div .complete_div .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.login_div .complete_div .tit:first-child {
	margin-top: 0
}

.login_div .complete_div .tit span {
	color: #3cc814;
	word-break: break-all
}

.login_div .id_info {
	margin-top: 48px;
	padding: 24px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center
}

.login_div .id_info .id {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.login_div .id_info .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.login_div .id_info+.sns_join_info {
	margin-top: 36px
}

.login_div .sns_join_info {
	margin-top: 48px
}

.login_div .sns_join_info .list {
	margin-top: 16px
}

.login_div .sns_join_info .list:first-child {
	margin-top: 0
}

.login_div .sns_join_info .list:after {
	content: '';
	display: block;
	clear: both
}

.login_div .sns_join_info .list .icon {
	float: left;
	width: 48px;
	height: 48px
}

.login_div .sns_join_info .list .icon img {
	width: 100%
}

.login_div .sns_join_info .list .type {
	float: left;
	padding: 12px 16px;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.login_div .sns_join_info .list .date {
	float: right;
	padding: 12px 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

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

.login_div .event_banner img {
	width: 100%;
	border-radius: 20px
}

.login_div .ok_btn {
	margin-top: 40px
}


/* 회원가입 수정버전 _ 220614 */
.join_type2 .devide {
	padding: 40px 0;
}

.join_type2 .devide.auth_step {
	padding-top: 32px;
}

.join_type2 .auth_step .btn_div {
	margin-top: 40px;
}

.join_type2 .banner_div {
	border-radius: 20px;
	width: 100%;
	overflow: hidden
}

.join_type2 .banner_div img {
	width: 100%;
}

.join_type2 .step_title {
	margin-top: 0
}

.join_type2 .radio_div .radio_box {
	margin-left: 20px;
}

.join_type2 .radio_div .radio_box:first-child {
	margin-left: 0;
}

.login_div .complete_div .benefit_area {
	margin-top: 40px;
	padding: 40px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.login_div .complete_div .benefit_area .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: left
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list {
	margin-top: 24px
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list:after {
	content: '';
	display: block;
	clear: both
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list {
	position: relative;
	float: left;
	margin-left: 12px;
	margin-top: 20px;
	width: calc(50% - 6px);
	width: -webkit-calc(50% - 6px);
	height: 140px;
	border: 1px solid #777;
	border-radius: 10px
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list:nth-child(2n+1) {
	margin-left: 0
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list:nth-child(-n+2) {
	margin-top: 0
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list:before {
	content: '';
	position: absolute;
	top: 22px;
	right: 55px;
	width: 1px;
	height: 96px;
	background: url('/res/images/coupon_dash.png') repeat-y left top;
	background-size: 1px 8px
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list:after {
	content: '';
	display: block;
	clear: both
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .left {
	float: left;
	width: calc(100% - 55px);
	width: -webkit-calc(100% - 55px);
	padding: 27px 0 19px 28px;
	text-align: left
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #777
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .left .benefit {
	margin-top: 30px;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	color: #ff3894
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .left .benefit span {
	display: inline-block;
	font-size: 36px;
	vertical-align: top
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list.point .left .benefit {
	color: #3cc814
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .right {
	position: relative;
	float: left;
	width: 55px;
	height: 100%;
	background: url('/res/images/coupon_txt_coupon.png') no-repeat center;
	background-size: 14px 105px
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .right:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -13px;
	width: 26px;
	height: 10px;
	background: url('/res/images/coupon_top.png') no-repeat #fff;
	background-size: 26px 10px
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list .right:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -13px;
	width: 26px;
	height: 10px;
	background: url('/res/images/coupon_bottom.png') no-repeat #fff;
	background-size: 26px 10px
}

.login_div .complete_div .benefit_area .cpn_area .coupon_list .list.point .right {
	background: url('/res/images/coupon_txt_point.png') no-repeat center;
	background-size: 14px 76px
}

.login_div .complete_div .benefit_area .special_price_area {
	margin-top: 60px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list {
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
	margin-top: 24px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .thumb {
	width: 120px;
	height: 120px;
	border-radius: 20px;
	background: #f7f7f7;
}

.login_div .complete_div .benefit_area .special_price_area .product_list.pet .link_area .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list.pet .link_area .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .pd_info {
	padding-left: 20px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .name {
	text-align: left;
	font-size: 18px;
	line-height: 22px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .price_div .price .won {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #999;
	letter-spacing: -0.2px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .price_div .price .won span {
	font-size: 18px;
	line-height: 20px;
	text-decoration: line-through;
	letter-spacing: -0.2px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .price_div .price .dc {
	float: left;
	margin-left: 6px;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #ff3894
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .price_div .price:nth-child(2) .won {
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #080202;
	letter-spacing: -0.2px;
	margin-top: 2px;
}

.login_div .complete_div .benefit_area .special_price_area .product_list .link_area .price_div .price:nth-child(2) .won span {
	display: inline-block;
	text-decoration: none;
	font-size: 24px;
	vertical-align: top;
	letter-spacing: -0.5px;
}

.login_div .complete_div .benefit_area .special_price_area .txt_btn {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	display: inline-block;
	position: relative;
	margin: 24px auto 0 auto;
}

.login_div .complete_div .benefit_area .special_price_area .txt_btn span {
	padding-right: 22px;
	background: url("/res/images/icn_arrow_more_16px.png") right center no-repeat;
	background-size: 16px;
}

.login_div .complete_div .ok_btn.btn_div:after {
	content: '';
	display: block;
	clear: both
}

.login_div .complete_div .ok_btn {
	display: flex
}

.login_div .complete_div .ok_btn.btn_div a {
	flex-basis: 100%;
	margin-right: 8px;
}

.login_div .complete_div .ok_btn.btn_div a:last-child {
	margin-right: 0
}

.mypage_div .myinfo_div .line.mrk_agree {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	margin-top: 26px;
}

.mypage_div .myinfo_div .line.mrk_agree+.sub_chk,
.mypage_div .myinfo_div .menu_sub_title+.sub_chk {
	padding-left: 0
}


/* 서브탭 */
.sub_tab {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #f7f7f7;
	border-radius: 15px;
	border-top: 1px solid #ddd
}

.sub_tab a {
	display: table-cell;
	position: relative;
	padding: 18px 0;
	width: 100%;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	color: #777;
	text-align: center;
	letter-spacing: -1px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-top: none;
	border-left: none;
	border-radius: 15px 15px 0 0;
	vertical-align: middle;
}

.sub_tab a:first-child {
	border-left: 1px solid #ddd
}

.sub_tab a.on {
	color: #000;
	background: #fff;
	border-radius: 15px 15px 0 0;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #ddd
}

.sub_tab a.on:before {
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	width: 9px;
	height: 100%;
	background: #f7f7f7;
	z-index: 0
}

.sub_tab a.on:after {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	width: 9px;
	height: 100%;
	background: #f7f7f7;
	z-index: 0
}

.sub_tab a.on+a:not(:last-child) {
	border-right: none
}

.sub_tab a.on+a+a:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 1px;
	height: 30px;
	background: #ddd
}

.sub_tab a:first-child.on:before {
	display: none
}

.sub_tab a:first-child:not(.on) {
	border-right: none
}

.sub_tab a:first-child:not(.on)+a:not(:last-child):before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 1px;
	height: 30px;
	background: #ddd
}

.sub_tab a:nth-child(2).on:before {
	display: none
}

.sub_tab a:last-child.on:after {
	display: none
}

.sub_tab a span {
	display: inline-block;
	position: relative
}

.sub_tab a span b {
	display: inline-block;
	margin: 2px 0 0 2px;
	padding: 2px 7px;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px;
	vertical-align: top
}


/*  230118 서브탭 추가 (탭 갯수 4개일때 적용, 3개일때는 주석처리) */
.sub_tab a:nth-of-type(2),
.sub_tab a:nth-of-type(3) {
	border-right: none
}

.sub_tab a.on+a {
	border-left: none;
}

.sub_tab a.on+a:before {
	background: none;
}

.sub_tab a:nth-of-type(2).on,
.sub_tab a:nth-of-type(3).on {
	border-right: 1px solid #ddd;
}

.sub_tab a:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 1px;
	height: 30px;
	background: #ddd
}

.sub_tab a.on+a:not(:last-child):before,
.sub_tab a:nth-of-type(1):before,
.sub_tab a.on:before {
	background: none;
}

.sub_tab a:first-child.on:before {
	display: none
}

.sub_tab a:first-child:not(.on) {
	border-right: none
}

/* // 230118 서브탭 추가 (탭 갯수 4개일때 적용, 3개일때는 주석처리) */



/* 상품리스트 필터 */
.product_list_top {
	padding: 0 0 32px
}

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

.product_list_top .all_count {
	float: left;
	font-size: 20px;
	line-height: 28px;
	color: #333
}

.product_list_top .all_count span {
	font-weight: 700;
	color: #3cc814
}

.product_list_top .filter {
	float: right
}

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

.product_list_top .filter a {
	float: left;
	margin-left: 28px;
	font-size: 16px;
	line-height: 18px;
	color: #bbb
}

.product_list_top .filter a:hover {
	color: #555
}

.product_list_top .filter a.on {
	color: #000;
	font-weight: 500
}

/* 수량 */
.count_div .count {
	width: 109px;
	border: 1px solid #ddd;
	border-radius: 5px
}

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

.count_div .count a {
	float: left;
	width: 34px;
	height: 34px
}

.count_div .count input {
	float: left;
	padding: 0 5px;
	width: 38px;
	height: 34px;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	text-align: center;
	border: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: none;
	border-radius: 0
}

.count_div .count input:disabled {
	color: #ddd
}

.count_div .count a.minus {
	background: url('/res/images/count_minus.png') no-repeat center;
	background-size: 12px
}

.count_div .count a.plus {
	background: url('/res/images/count_plus.png') no-repeat center;
	background-size: 12px
}

.count_div .count a.minus.disabled {
	background: url('/res/images/count_minus_disabled.png') no-repeat center;
	background-size: 12px;
	pointer-events: none
}

.count_div .count a.plus.disabled {
	background: url('/res/images/count_plus_disabled.png') no-repeat center;
	background-size: 12px;
	pointer-events: none
}

/* 월 선택 캘린더 */
.select_date {
	display: block;
	position: relative;
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	border-radius: 10px
}

.select_date:before {
	content: '~';
	position: absolute;
	top: 0;
	left: calc(50% - 6px);
	left: -webkit-calc(50% - 6px);
	width: 12px;
	height: 100%;
	font-size: 14px;
	line-height: 48px;
	color: #000;
	text-align: center
}

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

.select_date .sel {
	position: relative;
	float: left;
	padding: 13px 40px 13px 16px;
	width: 50%;
	background: url('/res/images/select_date_icon.png') no-repeat right 16px top 50%;
	background-size: 20px
}

.select_date .sel p {
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.select_date .sel:first-child {
	margin-left: 0
}

.select_date.on {
	border: 1px solid #3cc814
}

.select_date .calendar_page {
	display: none;
	position: absolute;
	top: 48px;
	padding: 20px 10px;
	width: 340px;
	height: 265px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	z-index: 1
}

.select_date .calendar_page .years {
	position: relative;
	padding: 0 30px
}

.select_date .calendar_page .years p {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.select_date .calendar_page .years .prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/res/images/icn_left_blk_24x24.png') no-repeat left center;
	background-size: 24px
}

.select_date .calendar_page .years .prev.disabled_btn {
	background: url('/res/images/icn_left_ccc_24x24.png') no-repeat left center;
	background-size: 24px
}

.select_date .calendar_page .years .next {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/res/images/icn_right_blk_24x24.png') no-repeat left center;
	background-size: 24px
}

.select_date .calendar_page .years .next.disabled_btn {
	background: url('/res/images/icn_right_ccc_24x24.png') no-repeat left center;
	background-size: 24px
}

.select_date .calendar_page .month {
	margin-top: 35px;
	padding: 0 20px;
}

.select_date .calendar_page .month:after {
	content: '';
	display: block;
	clear: both
}

.select_date .calendar_page .month a {
	float: left;
	padding: 13px 0;
	margin-left: 32px;
	width: 46px;
	height: 46px;
	font-size: 16px;
	line-height: 20px;
	color: #555;
	text-align: center;
	border-radius: 100%
}

.select_date .calendar_page .month a:nth-child(4n+1) {
	margin-left: 0;
	clear: both
}

.select_date .calendar_page .month a:nth-child(n+5) {
	margin-top: 14px;
}

.select_date .calendar_page .month a.on {
	color: #fff;
	background: #3cc814
}

.select_date .calendar_page .month a.disabled_btn {
	color: #ccc
}

/* 상품상세 */
.product_dtl {}

.product_dtl .left_area {
	float: left;
	width: 620px;
	text-align: center
}

.product_dtl .left_area .thumb {
	width: 620px;
	height: 620px;
	background: #f7f7f7;
	border-radius: 20px;
	position: relative
}

.product_dtl .left_area .thumb .swiper-slide img {
	width: 100%
}

.product_dtl .left_area .thumb_tab {
	display: inline-block;
	margin-top: 10px
}

.product_dtl .left_area .thumb_tab:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .left_area .thumb_tab a {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 80px;
	height: 80px;
	background: #f7f7f7;
	border-radius: 10px;
	overflow: hidden
}

.product_dtl .left_area .thumb_tab a:first-child {
	margin-left: 0
}

.product_dtl .left_area .thumb_tab a.on:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #3cc814;
	border-radius: 10px
}

.product_dtl .left_area .thumb_tab a img {
	width: 100%
}

.product_dtl .left_area .brand_link {
	padding-top: 8px;
	text-align: left
}

.product_dtl .left_area .brand_link:after {
	content: '';
	dispaly: block;
	clear: both
}

.product_dtl .left_area .brand_link a {
	display: block;
	margin-top: 8px;
	margin-left: 8px;
	padding: 15px 50px 15px 20px;
	background: url('/res/images/icn_right_24x24.png') no-repeat right 20px top 50% #fff;
	background-size: 24px;
	border-radius: 10px;
	border: 1px solid #eee;
	transition: border 0.1s ease-in-out
}

.product_dtl .left_area .brand_link a:hover {
	border: 1px solid #ddd
}

.product_dtl .left_area .brand_link a:nth-child(2n-1) {
	margin-left: 0
}

.product_dtl .left_area .brand_link a:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .left_area .brand_link a .icon {
	float: left;
	width: 48px;
	height: 48px;
	background: #f9f9f9;
	border-radius: 100%
}

.product_dtl .left_area .brand_link a .icon img {
	width: 100%
}

.product_dtl .left_area .brand_link a .txt {
	float: left;
	padding-left: 8px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	font-weight: 500;
	font-size: 16px;
	line-height: 48px;
	color: #000
}

.product_dtl .left_area .brand_link.many a {
	float: left;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.product_dtl .right_area {
	float: left;
	margin-left: 40px;
	width: 620px
}

.product_dtl .right_area .pet_badge {
	margin-bottom: 20px
}

.product_dtl .right_area .pd_info {
	position: relative;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.product_dtl .right_area .pd_info .name {
	padding-right: 100px;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	color: #000;
	letter-spacing: -1px
}

.product_dtl .right_area .pd_info .name b {
	font-weight: 700
}

.product_dtl .right_area .pd_info .tag {
	margin-top: 12px
}

.product_dtl .right_area .pd_info .tag:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .pd_info .tag span {
	float: left;
	margin: 4px 4px 0 0;
	font-weight: 300;
	font-size: 16px;
	color: #555;
}

.product_dtl .right_area .pd_info .tag span:last-child {
	margin-right: 0
}

.product_dtl .right_area .pd_info .tag span:before {
	content: '#'
}

.product_dtl .right_area .pd_info .tag p {
	float: left;
	margin: 4px 4px 0 0;
	font-weight: 300;
	font-size: 16px;
	color: #555;
}

.product_dtl .right_area .pd_info .tag p:last-child {
	margin-right: 0
}

.product_dtl .right_area .pd_info .tag p:before {
	content: '#'
}

.product_dtl .right_area .pd_info .badge {
	margin-top: 20px
}

.product_dtl .right_area .pd_info .badge:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .pd_info .badge span {
	float: left;
	margin: 4px 4px 0 0;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px
}

.product_dtl .right_area .pd_info .badge span.spe {
	color: #fff;
	background: #ff3894;
	border: 1px solid #ff3894
}

.product_dtl .right_area .pd_info .btn {
	position: absolute;
	top: 0;
	right: 0
}

.product_dtl .right_area .pd_info .btn:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .pd_info .btn a {
	position: relative;
	float: left;
	margin-left: 12px;
	width: 32px;
	height: 32px
}

.product_dtl .right_area .pd_info .btn a:first-child {
	margin-left: 0
}

.product_dtl .right_area .pd_info .btn a.heart {
	background: url('/res/images/heart_32x32.png') no-repeat center;
	background-size: 32px
}

.product_dtl .right_area .pd_info .btn a.heart.on {
	background: url('/res/images/heart_32x32_on.png') no-repeat center;
	background-size: 32px
}

.product_dtl .right_area .pd_info .btn a.heart p {
	display: none;
	position: absolute;
	top: -8px;
	left: -8px;
	width: 48px;
	height: 48px;
}

.product_dtl .right_area .pd_info .btn a.heart.ing p:nth-child(1) {
	display: block
}

.product_dtl .right_area .pd_info .btn a.heart.ing p:nth-child(2) {
	display: none
}

.product_dtl .right_area .pd_info .btn a.heart.off p:nth-child(1) {
	display: none
}

.product_dtl .right_area .pd_info .btn a.heart.off p:nth-child(2) {
	display: block
}

.product_dtl .right_area .pd_info .btn a.heart img {
	width: 100%
}

.product_dtl .right_area .pd_info .btn a.share {
	background: url('/res/images/share_32x32.png') no-repeat center;
	background-size: 32px
}

.product_dtl .right_area .pd_info .btn a.share:hover {
	background: url('/res/images/share_hover_32x32.png') no-repeat center;
	background-size: 32px
}

.product_dtl .right_area .pd_info .etc {
	position: absolute;
	bottom: -48px;
	right: 10px
}

.product_dtl .right_area .pd_info .etc:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .pd_info .etc .pd_star {
	float: left;
	padding-left: 28px;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	background: url('/res/images/starIcon_24.png') no-repeat left center;
	background-size: 24px
}

.product_dtl .right_area .pd_info .etc .pd_review {
	float: left;
	margin-left: 16px;
	font-size: 20px;
	line-height: 24px;
	color: #777;
	cursor: pointer;
	text-decoration: underline
}

.product_dtl .right_area .price_info {
	padding-top: 24px
}

.product_dtl .right_area .price_info .list_div {}

.product_dtl .right_area .price_info .list_div .list {
	margin-top: 17px
}

.product_dtl .right_area .price_info .list_div .list:first-child {
	margin-top: 0
}

.product_dtl .right_area .price_info .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .price_info .list_div .list .type {
	float: left;
	padding-left: 10px;
	width: 115px;
	font-size: 16px;
	line-height: 24px;
	color: #777
}

.product_dtl .right_area .price_info .list_div .list .price {
	float: left
}

.product_dtl .right_area .price_info .list_div .list .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .price_info .list_div .list .price .won {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #bbb
}

.product_dtl .right_area .price_info .list_div .list .price .won span {
	font-size: 20px;
	text-decoration: line-through;
}

.product_dtl .right_area .price_info .list_div .list .price .dc {
	display: none;
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 28px;
	line-height: 34px
}

.product_dtl .right_area .price_info .list_div .list .price .period {
	float: left;
	margin-left: 10px;
	font-size: 13px;
	line-height: 34px;
	color: #000
}

.product_dtl .right_area .price_info .list_div .list:last-child {
	margin-top: 12px
}

.product_dtl .right_area .price_info .list_div .list:last-child .type {
	line-height: 34px
}

.product_dtl .right_area .price_info .list_div .list:last-child .price .won {
	float: left;
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #000
}

.product_dtl .right_area .price_info .list_div .list:last-child .price .won span {
	display: inline-block;
	font-size: 28px;
	vertical-align: top;
	text-decoration: none
}

.product_dtl .right_area .price_info .list_div .list:last-child .price .dc {
	display: block
}

.product_dtl .right_area .price_info .list_div .list:nth-child(2) .price .dc {
	color: #3cc814
}

.product_dtl .right_area .price_info .list_div .list:nth-child(3) .price .dc {
	color: #ff3894
}

/* 221027 혜택 노출 최소화 및 상품별 추가 적립금 표기 */
.product_dtl .right_area .price_info .info_box {
	width: 100%;
	margin-top: 24px;
	padding: 20px 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.product_dtl .right_area .price_info .info_box .title {
	padding-right: 110px;
	font-weight: 500;
	font-size: 16px;
	line-height: 32px;
	color: #000;
	position: relative
}

.product_dtl .right_area .price_info .info_box .title span {
	display: inline-block;
	max-width: calc(100% - 92px);
	max-width: -webkit-calc(100% - 92px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.product_dtl .right_area .price_info .info_box .title a.cpn_down_btn {
	position: absolute;
	top: calc(50% - 16px);
	right: 0;
	padding: 0 10px;
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	height: 32px;
	display: flex;
	align-items: center;
}

.product_dtl .right_area .price_info .info_box .title a.cpn_down_btn b {
	padding-left: 22px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	font-weight: 400;
	background: url("/res/images/icn_download_20.png") left center no-repeat;
	background-size: 20px
}

.product_dtl .right_area .price_info .info_box .dc_list {
	margin-top: 18px
}

.product_dtl .right_area .price_info .info_box .dc_list .list {
	margin-top: 20px;
}

.product_dtl .right_area .price_info .info_box .dc_list .list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line {
	margin-top: 6px
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line:first-child {
	margin-top: 0
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .price_info .info_box .dc_list .list>.line .left {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line .left {
	float: left;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	font-size: 15px;
	line-height: 20px;
	color: #bbb
}

.product_dtl .right_area .price_info .info_box .dc_list .list .body {
	display: none;
	margin-top: 12px;
	padding: 20px;
	border-radius: 10px;
	background-color: #f9f9f9;
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line.add .name,
.product_dtl .right_area .price_info .info_box .dc_list .list .line.add .right {
	color: #333;
}

.product_dtl .right_area .price_info .info_box .dc_list .list .body .name {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line .left .name {
	display: inline-block;
	/* padding-left: 14px;
    background: url('/res/images/icn_subtext.png') no-repeat left 6px;
    background-size: 10px 8px */
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line .right {
	float: left;
	padding-left: 8px;
	width: 120px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.product_dtl .right_area .price_info .info_box .dc_list .list>.line:first-child .left .name {
	position: relative;
	padding-left: 0;
	padding-right: 16px;
	font-size: 16px;
	color: #000;
	background: none
}

.product_dtl .right_area .price_info .info_box .dc_list .list>.line .left .event-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	margin-left: 8px;
	padding: 0 6px;
	color: #fff;
	font-size: 12px;
	border-radius: 2px;
	background-color: #ff3894;
}

.product_dtl .right_area .price_info .info_box .dc_list .list .line:first-child .left .name .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m-icn-16-px-tip.png') no-repeat 50% 3px;
	background-size: 16px
}

.product_dtl .right_area .price_info .info_box .dc_list .list>.line:first-child .right {
	font-size: 16px;
	color: #333
}

.product_dtl .right_area .price_info .info_box .dc_list .list>.line:first-child .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .right_area .price_info .info_box .dc_list .list>.line .right .dropdown-arrow {
	width: 20px;
	height: 20px;
	background: url(/res/images/arrow-accordion-down.png) 100% 50% no-repeat;
	background-size: 20px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.product_dtl .right_area .price_info .info_box .dc_list .list.active>.line .right .dropdown-arrow {
	transform: rotate(180deg);
}

.product_dtl .right_area .price_info .info_box .dc_list .list:first-child>.line:first-child .right {
	color: #3cc814
}

.product_dtl .right_area .price_info+.add_info {
	border-top: none
}

.product_dtl .right_area .price_info.type2 {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.product_dtl .right_area .add_info {
	border-top: 1px solid #eee;
	padding: 20px 0
}

.product_dtl .right_area .add_info .list_div {}

.product_dtl .right_area .add_info .list_div .list {
	margin-top: 12px
}

.product_dtl .right_area .add_info .list_div .list:first-child {
	margin-top: 0
}

.product_dtl .right_area .add_info .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .add_info .list_div .list .type {
	float: left;
	padding-left: 10px;
	width: 115px;
	font-size: 16px;
	line-height: 20px;
	color: #777
}

.product_dtl .right_area .add_info .list_div .list .text {
	float: left;
	width: calc(100% - 115px);
	width: -webkit-calc(100% - 115px);
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.product_dtl .right_area .add_info .list_div .list .text p {
	margin-top: 6px
}

.product_dtl .right_area .add_info .list_div .list .text p:first-child {
	margin-top: 0
}

.product_dtl .right_area .add_info .list_div .list .text span {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.product_dtl .right_area .add_info .list_div .list .text .has_tool {
	display: inline-block;
	position: relative;
	padding-right: 16px
}

.product_dtl .right_area .add_info .list_div .list .text .has_tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.product_dtl .right_area .add_info .list_div .list.no .text {
	color: #ccc
}

.product_dtl .right_area .add_info .list_div .list.no .text p {
	text-decoration: line-through;
}

.product_dtl .right_area .add_info .list_div .list.no .text p b {
	display: inline-block;
	margin-right: 4px;
	font-weight: 500;
	text-decoration: none
}

.product_dtl .right_area .add_info .list_div .list.no .text span {
	text-decoration: line-through;
	color: #ccc
}

.product_dtl .right_area .product_option {}

.product_dtl .right_area .product_option .option_select {
	padding: 24px 0;
	border-top: 1px solid #eee
}

.product_dtl .right_area .product_option .option_select .line {
	margin-top: 12px
}

.product_dtl .right_area .product_option .option_select .line:first-child {
	margin-top: 0
}

.product_dtl .right_area .product_option .option_select .line:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .option_select .line .left {
	float: left;
	padding-left: 10px;
	width: 125px;
	font-size: 16px;
	line-height: 48px;
	color: #777
}

.product_dtl .right_area .product_option .option_select .line .right {
	position: relative;
	float: left;
	width: calc(100% - 125px);
	width: -webkit-calc(100% - 125px);
	z-index: 1
}

.product_dtl .right_area .product_option .option_select .line .right .one_depth {
	display: block;
	padding: 13px 40px 13px 11px;
	border: 1px solid #f7f7f7;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/icn_down_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 10px
}

.product_dtl .right_area .product_option .option_select .line .right .one_depth:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .option_select .line .right .one_depth span {
	float: right;
	font-size: 12px;
	line-height: 20px;
	color: #3cc814
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth {
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow-y: auto
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div:last-child {
	border-bottom: none
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .txt {
	display: table-cell;
	padding: 19px 12px;
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	font-size: 16px;
	line-height: 22px;
	color: #000;
	vertical-align: middle
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .txt:hover {
	background: #f9f9f9
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn {
	display: none;
	padding: 0 12px 0 20px;
	vertical-align: middle
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn .alarm {
	padding: 4px 5px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	white-space: nowrap
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn .alarm span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div.soldout .txt {
	color: #ccc
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div.soldout .btn {
	display: table-cell;
}

.product_dtl .right_area .product_option .option_select .line .right.on {
	z-index: 3
}

.product_dtl .right_area .product_option .option_select .line .right.on .one_depth {
	background: url('/res/images/icn_up_24x24.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 24px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
}

.product_dtl .right_area .product_option .option_select .select_list_div {
	padding-left: 125px
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list {
	position: relative;
	margin-top: 12px;
	padding: 20px 16px 16px;
	border: 1px solid #ddd;
	border-radius: 10px
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .title {
	padding-right: 30px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div {
	margin-top: 18px
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div .count {
	float: left
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div .price {
	float: right;
	font-weight: 500;
	font-size: 18px;
	line-height: 36px;
	color: #000
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div .price span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .delete {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: url('/res/images/icn_xbt_24x24.png') no-repeat;
	background-size: 24px
}

.product_dtl .right_area .product_option.soldout .option_select .line .right .one_depth {
	color: #ccc;
	background: url('/res/images/icn_down_gry_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px
}

.product_dtl .right_area .product_option .final_cost {
	padding: 20px 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.product_dtl .right_area .product_option .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .final_cost .type {
	float: left;
	padding-right: 15px;
	width: 115px;
	font-size: 16px;
	line-height: 44px;
	color: #555
}

.product_dtl .right_area .product_option .final_cost .type span {
	color: #000
}

.product_dtl .right_area .product_option .final_cost .type span b {
	font-weight: 700
}

.product_dtl .right_area .product_option .final_cost .count_div {
	float: left;
	padding: 4px 0;
	width: 114px
}

.product_dtl .right_area .product_option .final_cost .price {
	float: right
}

.product_dtl .right_area .product_option .final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .final_cost .price .tip {
	position: relative;
	float: left;
	padding-right: 16px;
	margin-right: 20px;
	font-size: 16px;
	line-height: 44px;
	color: #999
}

.product_dtl .right_area .product_option .final_cost .price .tip .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.product_dtl .right_area .product_option .final_cost .price .won {
	float: left;
	font-weight: 500;
	font-size: 32px;
	line-height: 44px;
	color: #3cc814
}

.product_dtl .right_area .product_option .final_cost .price .won span {
	display: inline-block;
	font-weight: 700;
	font-size: 36px;
	vertical-align: top
}

.product_dtl .right_area .bottom_btn {
	margin: 24px auto 0
}

.product_dtl .right_area .bottom_btn:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .bottom_btn a {
	float: left;
	margin-left: 6px;
	padding: 15px 0;
	border-radius: 10px;
	text-align: center
}

.product_dtl .right_area .bottom_btn a:first-child {
	margin-left: 0
}

.product_dtl .right_area .bottom_btn a span {
	display: inline-block;
	padding-left: 34px;
	min-height: 32px;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px
}

.product_dtl .right_area .bottom_btn a.cart {
	width: 264px;
	background: #3cc814;
	border: 1px solid #3cc814
}

.product_dtl .right_area .bottom_btn a.cart span {
	color: #fff;
	background: url('/res/images/product_dtl_bottom_cart.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .right_area .bottom_btn a.buy {
	width: 264px;
	background: #fff;
	border: 1px solid #3cc814
}

.product_dtl .right_area .bottom_btn a.buy span {
	color: #3cc814;
	background: url('/res/images/product_dtl_bottom_buy.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .right_area .bottom_btn a.gift {
	position: relative;
	padding: 6px 0;
	width: 80px;
	background: #fff;
	border: 1px solid #3cc814
}

.product_dtl .right_area .bottom_btn a.gift span {
	padding-top: 32px;
	padding-left: 0;
	min-width: 32px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	background: url('/res/images/product_dtl_bottom_gift.png') no-repeat center top;
	background-size: 32px
}

.product_dtl .right_area .bottom_btn a.gift span strong {
	display: none
}

.product_dtl .right_area .bottom_btn a.alarm {
	width: 100%;
	background: #3cc814;
	border: 1px solid #3cc814
}

.product_dtl .right_area .bottom_btn a.alarm span {
	padding-left: 32px;
	color: #fff;
	background: url('/res/images/product_dtl_bottom_alarm.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .right_area .bottom_btn a.alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none;
	color: #fff;
	/* 221205 추가 판매기간 및 FO 수정 */
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	margin-left: 0;
}

.product_dtl.gift .right_area .bottom_btn a.cart {
	width: 307px
}

.product_dtl.gift .right_area .bottom_btn a.buy {
	display: none
}

.product_dtl.gift .right_area .bottom_btn a.gift {
	padding: 15px 0;
	width: 307px
}

.product_dtl.gift .right_area .bottom_btn a.gift span {
	padding-left: 34px;
	padding-top: 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	background: url('/res/images/product_dtl_bottom_gift2.png') no-repeat left center;
	background-size: 32px
}

.product_dtl.gift .right_area .bottom_btn a.gift span b,
.product_dtl.gift .right_area .bottom_btn a.gift span strong {
	display: inline;
	font-weight: 800
}

.product_dtl .detail_area {
	margin-top: 100px
}

.product_dtl .detail_area .tab_area {
	position: relative;
	width: 100%;
	height: 60px
}

.product_dtl .detail_area .tab_area .anchor_tab {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0 0;
	width: 100%;
	background: #fff
}

.product_dtl .detail_area .tab_area .anchor_tab:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eee
}

.product_dtl .detail_area .tab_area .anchor_tab .inner {
	padding: 0 20px
}

.product_dtl .detail_area .tab_area .anchor_tab a {
	position: relative;
	float: left;
	padding: 18px 10px;
	width: 310px;
	height: 60px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #999;
	text-align: center
}

.product_dtl .detail_area .tab_area .anchor_tab a h2 {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #999;
}

.product_dtl .detail_area .tab_area .anchor_tab a.on {
	font-weight: 700;
	color: #000
}

.product_dtl .detail_area .tab_area .anchor_tab a.on h2 {
	font-weight: 700;
	color: #000
}

.product_dtl .detail_area .tab_area .anchor_tab a.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000
}

.product_dtl .detail_area .tab_area .anchor_tab a span {
	display: inline-block;
	position: relative;
	font-weight: 500;
	vertical-align: top
}

.product_dtl .detail_area .tab_area .anchor_tab a span b {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	vertical-align: top
}

.product_dtl .detail_area .tab_area .anchor_tab a.event span:before {
	content: '';
	position: absolute;
	top: 0;
	right: -65px;
	width: 60px;
	height: 24px;
	background: url('/res/images/pdtab_event.png') no-repeat center;
	background-size: 60px 24px
}

.product_dtl .detail_area .tab_area .anchor_tab.fixed {
	position: fixed;
	min-width: 1460px;
	background: #fff;
	z-index: 2;
}

.product_dtl .detail_area .tab_area .anchor_tab.fixed:after {
	content: '';
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 12px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
	opacity: 0.1
}

.product_dtl .detail_area .tab_content {
	padding-top: 80px
}

.product_dtl .detail_area .tab_content .tab_con {
	position: relative;
	margin-top: 100px
}

.product_dtl .detail_area .tab_content .tab_con:first-child {
	margin-top: 0
}

.product_dtl .detail_area .tab_content .tab_con .title_div {
	padding-bottom: 12px;
	border-bottom: 2px solid #555
}

.product_dtl .detail_area .tab_content .tab_con .title_div:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .detail_area .tab_content .tab_con .title_div .title {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 36px;
	color: #000
}

.product_dtl .detail_area .tab_content .tab_con .title_div .count {
	float: left;
	margin-left: 8px;
	font-size: 20px;
	line-height: 36px;
	color: #000
}

.product_dtl .detail_area .tab_content .tab_con .title_div .count b {
	font-weight: 700;
	color: #3cc814
}

.product_dtl .detail_area .tab_content .tab_con .title_div .txt {
	float: left;
	margin-left: 12px;
	font-size: 13px;
	line-height: 36px;
	color: #999
}

.product_dtl .detail_area .tab_content .tab_con .etc {
	float: right
}

.product_dtl .detail_area .tab_content .tab_con .etc:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .detail_area .tab_content .tab_con .etc .tool {
	position: relative;
	float: left;
	padding-right: 16px;
	font-size: 14px;
	line-height: 36px;
	color: #999
}

.product_dtl .detail_area .tab_content .tab_con .etc .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.product_dtl .detail_area .tab_content .tab_con .etc .btn {
	float: left;
	width: 120px;
	height: 36px;
	font-weight: 500;
	font-size: 14px;
	line-height: 34px;
	color: #333;
	text-align: center;
	background: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	margin-left: 16px;
}

/* 쿠폰&혜택 */
.benefit_div {}

.benefit_div .benefit_cont {
	margin-top: 48px
}

/* 신버전(03.23~) */
.benefit_div .benefit_cont .member_div .new_section {
	position: relative
}

.benefit_div .benefit_cont .member_div .new_section .banner {
	position: relative;
	height: 320px;
	padding-left: 100px;
}

.benefit_div .benefit_cont .member_div .new_section .banner img {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .banner .btn {
	margin-top: 212px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 254px;
	height: 60px;
	position: absolute;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	/* line-height: 1.33; */
	letter-spacing: -0.5px;
}

.benefit_div .benefit_cont .member_div .new_section .banner .btn span {
	/* display: inline-block;
    padding-right: 24px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    background: url('/res/images/share_24x24.png') no-repeat right center;
    background-size: 24px */
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list {
	margin-top: 96px;
	display: flex;
	gap: 0 24px;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li {
	flex: 1;
	height: 156px;
	/* padding: 64px 0 32px; */
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li img {
	width: 72px;
	height: 72px;
	margin-top: -36px;
	filter: drop-shadow(0 12px 12px #d9d9d9);
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li span,
.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li strong {
	display: inline-block;
	width: 100%;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li span {
	margin-top: 28px;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #777;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li strong {
	margin: 4px 0 32px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .new_section .special_price,
.benefit_div .benefit_cont .member_div .new_section .coupon-item {
	margin: 60px 0;
	border-top: 1px solid #eee;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .new_section .app_area {
	margin-bottom: 48px;
}

.benefit_div .benefit_cont .member_div .new_section .grade_area.coupon-item {
	margin-bottom: 120px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price>.tit,
.benefit_div .benefit_cont .member_div .new_section .coupon-item>.tit {
	padding-top: 60px;
	color: #333;
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: -0.5px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .new_section .special_price>.tit strong,
.benefit_div .benefit_cont .member_div .new_section .coupon-item>.tit strong {
	font-weight: bold;
}

.benefit_div .benefit_cont .member_div .new_section .special_price {
	margin-top: 60px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list {
	position: relative;
	margin-top: 40px;
	width: 100%;
	padding: 20px 72px 20px 100px;
	background: #f5f5f5;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag {
	z-index: 1;
	position: absolute;
	padding: 54px 18px;
	width: 160px;
	height: 160px;
	left: 20px;
	top: 28px;
	background: url("/res/images/bnf_pd_flag.png") center no-repeat;
	background-size: 160px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag:after {
	content: '';
	display: block;
	position: absolute;
	left: 66px;
	top: -47px;
	width: 34px;
	height: 74px;
	background: url("/res/images/bnf_pd_flag_line.png") center no-repeat;
	background-size: 34px 74px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag p {
	color: #fff;
	text-align: center
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag p:first-child {
	font-size: 26px;
	line-height: 30px;
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag p:last-child {
	font-size: 20px;
	line-height: 26px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .thumb {
	float: left;
	width: 380px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list.pet .thumb .pet_badge {
	top: 20px;
	right: 20px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .thumb img {
	width: 100%;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info {
	float: left;
	position: relative;
	display: table;
	width: 632px;
	height: 240px;
	margin-top: 84px;
	margin-left: 96px;
	background: #fff;
	border-radius: 4px;
	padding: 35px 0 31px 48px;
	border: 1px solid #ddd;
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 441px;
	width: 36px;
	height: 18px;
	background: url('/res/images/coupon_top_big.png') no-repeat;
	background-size: 36px 18px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 441px;
	width: 36px;
	height: 18px;
	background: url('/res/images/coupon_bottom_big.png') no-repeat;
	background-size: 36px 18px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .badge {
	position: absolute;
	padding: 7px 12px;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: #052832;
	border-radius: 5px;
	top: -18px;
	left: 48px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left {
	display: table-cell;
	position: relative;
	padding-top: 12px;
	width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	padding-right: 52px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left:before {
	content: '';
	position: absolute;
	top: 0;
	right: -1px;
	width: 2px;
	height: 170px;
	background: url('/res/images/coupon_dash_big.png') repeat-y left top;
	background-size: 2px 170px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .pd_name {
	font-size: 22px;
	line-height: 34px;
	color: #000;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 68px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .pd_name b {
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_info {
	margin-top: 24px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div {
	margin-top: 4px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .tit {
	float: left;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #777
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .price_list {
	float: right;
	font-size: 22px;
	line-height: 28px;
	color: #777
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .price_list .price {
	display: inline-block;
	font-size: 20px;
	margin-top: 0;
	line-height: 28px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .price_list .price span {
	display: inline-block;
	vertical-align: top
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price span {
	font-size: 22px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev {
	font-size: 16px;
	margin-right: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev span {
	text-decoration: line-through;
	font-size: 18px;
	color: #999;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .tit {
	line-height: 36px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price {
	font-size: 26px;
	color: #000;
	font-weight: 700;
	line-height: 36px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price span {
	font-size: 28px;
	line-height: 36px;
	color: #000;
	font-weight: 700;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .right {
	position: relative;
	display: table-cell;
	padding-bottom: 16px;
	width: 170px;
	text-align: center;
	vertical-align: middle
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .right .percent {
	font-size: 48px;
	font-weight: 700;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .right .percent span {
	font-size: 36px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .toggle-cnt-wrap {
	margin-top: 34px;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title {
	margin-bottom: 22px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 24px;
	color: #000;
	font-size: 18px;
	letter-spacing: -0.5px;
	background: url('/res/images/bnf-info.svg') no-repeat 0 50%;
	cursor: pointer;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title p:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/res/images/bnf-info-toggle-ico.svg') no-repeat 0 50%;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title.active p:after {
	transform: rotate(180deg);
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .info {
	display: none;
	padding: 36px;
	background-color: #f7f7f7;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .info li {
	display: flex;
	align-items: flex-start;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.5px;
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .info li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-top: 7.5px;
	margin-right: 4px;
	background-color: #bbb;
	border-radius: 50%;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .info li:not(:last-child) {
	margin-bottom: 6px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .view_product {
	margin-top: 60px;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	width: 400px;
	height: 64px;
	border: 1px solid #ccc;
	border-radius: 36px;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	text-align: center;
	padding: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .view_product span {
	padding-right: 22px;
	background: url("/res/images/icn_arrow_more_16px.png") center right no-repeat;
	background-size: 16px;
	display: inline-block;
}

/* .benefit_div .benefit_cont .member_div .new_section .cpn_area {
    margin-top: 120px;
} */

/* .benefit_div .benefit_cont .member_div .new_section .cpn_area:after {
    content: '';
    display: block;
    clear: both
} */

.benefit_div .benefit_cont .member_div .new_section .coupon-item .go-link {
	display: inline-block;
	margin-top: 16px;
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 22px;
	border: solid 1px #ddd;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .go-link span {
	padding-right: 24px;
	color: #000;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.5px;
	background: url("/res/images/bnf-go-link-ico.svg") no-repeat 100% 50%;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap {
	display: flex;
	justify-content: center;
	gap: 0 40px;
	margin-top: 40px;
	margin-bottom: 34px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
	height: 180px;
	padding: 0 36px;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:before,
.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 10px 20px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:before {
	left: -1px;
	background-image: url("/res/images/coupon_left.png");
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:after {
	right: -1px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.primary {
	color: #3cc814;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.secondary {
	color: #ff3894;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li>div {
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .type {
	padding: 5px 12px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.primary .type {
	background-color: rgb(60, 200, 20, 0.1);
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.secondary .type {
	background-color: rgba(255, 56, 148, 0.1);
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .name {
	margin-top: 11px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .result {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.67;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .result strong {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap {
	position: relative;
	margin-bottom: 121px;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap .link-collect {
	position: absolute;
	top: 152px;
	left: 387px;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap .link-collect a {
	display: block;
	width: 180px;
	height: 58px;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap .link-collect a:not(:first-child) {
	margin-top: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .btn {
	display: block;
	width: 480px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .btn:not(.share) {
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .share {
	color: #3cc814;
	border: 1px solid #3cc814;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .share span {
	padding-right: 28px;
	background: url("/res/images/m_share_grn_20x20.png") no-repeat 100% 50%;
	background-size: 28px;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap {
	margin-top: 80px;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap a {
	display: block;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap a+a {
	margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap img {
	height: 130px;
	border-radius: 20px;
}


.benefit_div .benefit_cont .member_div .new_section .area {
	float: left;
	margin-left: 88px;
}

.benefit_div .benefit_cont .member_div .new_section .area:first-child {
	margin-left: 0;
}

.benefit_div .benefit_cont .member_div .new_section .area .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
	color: #000;
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area {}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area .tit {
	float: left;
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area .txt_btn {
	float: right;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area .txt_btn span {
	padding-right: 22px;
	background: url("/res/images/icn_right_20x20.png") right center no-repeat;
	background-size: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list {
	margin-top: 24px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list {
	position: relative;
	float: left;
	margin-left: 28px;
	width: 284px;
	height: 160px;
	border: 1px solid #777;
	border-radius: 10px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list:first-child {
	margin-left: 0
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list:before {
	content: '';
	position: absolute;
	top: 22px;
	right: 69px;
	width: 1px;
	height: 116px;
	background: url('/res/images/coupon_dash.png') repeat-y left top;
	background-size: 1px 8px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left {
	float: left;
	width: 212px;
	padding: 32px 0 32px 32px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	color: #777
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left .benefit {
	margin-top: 40px;
	font-weight: 700;
	font-size: 32px;
	line-height: 34px;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left .benefit span {
	display: inline-block;
	font-size: 36px;
	vertical-align: top
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list.point .left .benefit {
	color: #3cc814
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .right {
	position: relative;
	float: left;
	width: 70px;
	height: 100%;
	background: url('/res/images/coupon_txt_coupon.png') no-repeat center;
	background-size: 14px 105px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .right:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -13px;
	width: 26px;
	height: 10px;
	background: url('/res/images/coupon_top.png') no-repeat #fff;
	background-size: 26px 10px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .right:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -13px;
	width: 26px;
	height: 10px;
	background: url('/res/images/coupon_bottom.png') no-repeat #fff;
	background-size: 26px 10px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list.point .right {
	background: url('/res/images/coupon_txt_point.png') no-repeat center;
	background-size: 14px 76px
}

.benefit_div .benefit_cont .member_div .new_section .area .btn {
	margin: 60px auto 0;
	width: 320px
}

/* .benefit_div .benefit_cont .member_div .new_section .fixed_btn {
    position: absolute;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    padding: 26px 10px;
    width: 400px;
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: #3cc814;
    border-radius: 10px;
    z-index: 1
} */

.benefit_div .benefit_cont .member_div .new_section+.page_bottom_noti {
	margin-top: 260px;
}

/* end 신버전(03.23~) */

.benefit_div .benefit_cont .grade_div .section .my_grade {
	padding: 60px 20px;
	border-radius: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .icon {
	margin: 0 auto;
	width: 90px;
	height: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text {
	margin-top: 20px;
	font-size: 28px;
	line-height: 40px;
	color: #333;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text b {
	font-weight: 700;
	word-break: break-all
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div {
	position: relative;
	margin: 36px auto 0;
	width: 490px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar {
	position: absolute;
	top: 17px;
	width: 114px;
	height: 6px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.1)
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 6px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 0 5px 5px 0;
	transition: width 0.3s linear
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.one {
	left: 39px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.one span {
	transition-delay: 0s
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.two {
	left: 189px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.two span {
	transition-delay: 0.3s
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.thr {
	left: 339px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.thr span {
	transition-delay: 0.6s
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade {
	position: relative
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade p {
	position: relative;
	float: left;
	margin-left: 110px;
	width: 40px;
	height: 40px;
	border-radius: 100%
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade p:first-child {
	margin-left: 0
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade p:after {
	content: '';
	display: none;
	position: absolute;
	top: 50px;
	left: 13px;
	width: 14px;
	height: 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text {
	margin: 18px auto 0;
	padding: 15px 0;
	width: 590px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	text-align: center;
	background: #fff;
	border-radius: 50px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text b {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit {
	margin: 24px auto 0;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit p {
	display: inline-block;
	margin: 0 4px;
	padding: 12px 27px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit p span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade.logout {
	border: 1px solid #ddd;
	border-radius: 20px;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade.logout .login_txt {
	padding-top: 110px;
	font-size: 18px;
	line-height: 20px;
	color: #555;
	background: url('/res/images/grade_logout.png') no-repeat center top;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.logout .btn {
	display: block;
	margin: 40px auto 0;
	width: 320px
}

/* 등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .my_grade.family {
	background: #f2fef0
}

.benefit_div .benefit_cont .grade_div .section .my_grade.family .icon {
	background: url('/res/images/grade_big_family.png') no-repeat;
	background-size: 90px;
}

.benefit_div .benefit_cont .grade_div .section .my_grade.family .text span {
	color: #32cf55
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(1) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(2) {
	background: url('/res/images/grade_ing_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(3) {
	background: url('/res/images/grade_off_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(4) {
	background: url('/res/images/grade_off_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(2):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_silver.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.family {
	border: 1px solid #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.family span {
	color: #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .my_grade.silver {
	background: #f7f7f7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.silver .icon {
	background: url('/res/images/grade_big_silver.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.silver .text span {
	color: #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(1) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(2) {
	background: url('/res/images/grade_on_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(3) {
	background: url('/res/images/grade_ing_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(4) {
	background: url('/res/images/grade_off_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(3):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_gold.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.silver {
	border: 1px solid #d0a455
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.silver span {
	color: #d0a455
}

.benefit_div .benefit_cont .grade_div .section .my_grade.gold {
	background: #fcf4e4
}

.benefit_div .benefit_cont .grade_div .section .my_grade.gold .icon {
	background: url('/res/images/grade_big_gold.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.gold .text span {
	color: #d0a455
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(1) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(2) {
	background: url('/res/images/grade_on_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(3) {
	background: url('/res/images/grade_on_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(4) {
	background: url('/res/images/grade_ing_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(4):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_vip.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.gold {
	border: 1px solid #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.gold span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip {
	background: #f5f0fe
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .icon {
	background: url('/res/images/grade_big_vip.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .text span {
	color: #7c51d7
}

.event_dtl_div .view_con .cont .benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(1) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(2) {
	background: url('/res/images/grade_on_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(3) {
	background: url('/res/images/grade_on_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(4) {
	background: url('/res/images/grade_on_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(4):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_vip.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.vip {
	border: 1px solid #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.vip span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb {
	background: #fef3f3
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .icon {
	background: url('/res/images/grade_big_celeb.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .text span {
	color: #f65987
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff {
	background: #eef5fb
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .icon {
	background: url('/res/images/grade_big_staff.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .text span {
	color: #209bff
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner {
	background: #fff5ee
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .icon {
	background: url('/res/images/grade_big_partner.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .text span {
	color: #f88342
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp {
	background: #ffe3f0
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .icon {
	background: url('/res/images/grade_big_exp.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .text span {
	color: #ff539f
}

/* //등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .grade_table {
	margin-top: 48px
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th {
	padding: 32px 33px;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_table tbody th {
	padding: 32px 33px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_table td {
	padding: 32px 33px;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_table td span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.vip {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.gold {
	color: #d0a455
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.silver {
	color: #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.family {
	color: #32cf55
}

.benefit_div .benefit_cont .grade_div .section .grade_table .icon {}

.benefit_div .benefit_cont .grade_div .section .grade_table .icon img {
	width: 68px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .txt {
	margin-top: 12px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .box {
	padding: 28px 0;
	border-radius: 10px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .box p {
	font-size: 16px;
	line-height: 22px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .box p span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .grade_table .vip .box {
	background: #f5f0fe
}

.benefit_div .benefit_cont .grade_div .section .grade_table .gold .box {
	background: #fcf4e4
}

.benefit_div .benefit_cont .grade_div .section .grade_table .silver .box {
	background: #f5f5f5
}

.benefit_div .benefit_cont .grade_div .section .grade_table .family .box {
	background: #f2fef0
}

.benefit_div .benefit_cont .grade_div .page_bottom_noti,
.benefit_div .benefit_cont .grade_div .page_bottom_noti .dot_indent p {
	text-align: left;
}

.benefit_div .app_div .benefit_cont {}

/* .benefit_div .app_div .benefit_cont .section .app_banner {
    position: relative;
    width: 100%;
    height: 320px;
    background: url('/res/images/attend_app_banner.png') no-repeat;
    border-radius: 20px;
    background-size: 1280px 320px;
}

.benefit_div .app_div .benefit_cont .section .app_banner a {
    position: absolute;
}

.benefit_div .app_div .benefit_cont .section .app_banner a.android {
    top: 98px;
    right: 80px;
    width: 182px;
    height: 58px
}

.benefit_div .app_div .benefit_cont .section .app_banner a.ios {
    top: 163px;
    right: 80px;
    width: 182px;
    height: 58px
} */

/* .benefit_div .app_div .benefit_cont .section .benefit_list {
    margin-top: 80px;
    padding: 0 50px
}

.benefit_div .app_div .benefit_cont .section .benefit_list:after {
    content: '';
    display: block;
    clear: both
}

.benefit_div .app_div .benefit_cont .section .benefit_list .list {
    float: left;
    margin-left: 140px;
    width: 300px;
    text-align: center
}

.benefit_div .app_div .benefit_cont .section .benefit_list .list:first-child {
    margin-left: 0
}

.benefit_div .app_div .benefit_cont .section .benefit_list .list .img img {
    width: 100%
}

.benefit_div .app_div .benefit_cont .section .benefit_list .list .tit {
    margin-top: 32px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000
}

.benefit_div .app_div .benefit_cont .section .benefit_list .list .txt {
    margin-top: 8px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #333
} */

.mypage_div .page_bottom_noti {
	width: 1020px
}

.page_bottom_noti {
	margin: 120px auto 0;
	padding: 40px 36px;
	width: 1280px;
	background: #f7f7f7
}

.page_bottom_noti .tit {
	font-size: 16px;
	line-height: 18px;
	color: #333
}

.page_bottom_noti .dot_indent {
	margin-top: 16px
}

.page_bottom_noti .dot_indent:first-child {
	margin-top: 0
}

.page_bottom_noti .dot_indent p {
	margin-top: 6px
}

.page_bottom_noti .dot_indent p:first-child {
	margin-top: 0
}

/* 장바구니 */
.cart_div {}

.cart_div .cart_area {
	position: relative;
}

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

.cart_div .cart_area .product_area {
	float: left;
	width: 820px
}

.cart_div .cart_area .product_area .top {
	position: relative;
	padding: 2px 0
}

.cart_div .cart_area .product_area .top .delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 68px;
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	color: #555;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 5px
}

.cart_div .cart_area .product_area>.list_div {
	margin-top: 12px;
	border-top: 1px solid #999
}

.cart_div .cart_area .product_area>.list_div .list {
	position: relative;
	padding: 24px 0 24px 36px;
	border-bottom: 1px solid #eee
}

.cart_div .cart_area .product_area>.list_div .list .chk_box {
	position: absolute;
	top: 24px;
	left: 0;
	width: 36px;
	height: 100px
}

.cart_div .cart_area .product_area>.list_div .list .chk_box input[type="checkbox"]+label {
	width: 100%;
	height: 100%
}

.cart_div .cart_area .product_area>.list_div .list .chk_box input[type="checkbox"]+label:after {
	top: 50%;
	transform: translateY(-50%)
}

.cart_div .cart_area .product_area>.list_div .list .info {
	display: table;
	padding-right: 44px;
	width: 100%
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area {
	display: table-cell;
	width: 376px;
	vertical-align: middle
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area .table {
	display: table
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area .table .thumb {
	display: table-cell;
	position: relative;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 20px;
	vertical-align: middle
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area .table .thumb img {
	width: 100%
}

.cart_div .cart_area .product_area>.list_div .list.pet .info .link_area .table .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.cart_div .cart_area .product_area>.list_div .list.pet .info .link_area .table .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area .table .name {
	display: table-cell;
	padding-left: 16px;
	width: 276px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	vertical-align: middle
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area .table .name b {
	font-weight: 500
}

.cart_div .cart_area .product_area>.list_div .list .info .link_area .table .name .coupon_unable {
	display: block;
	color: #bbb;
	font-weight: 500;
	line-height: 24px;
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div {
	display: table-cell;
	width: 158px;
	text-align: right;
	vertical-align: middle
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count {
	display: inline-block;
	position: relative
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool {
	position: absolute;
	top: 33px;
	left: 50%;
	transform: translateX(-50%);
	padding: 11px 0 6px;
	width: 160px;
	font-size: 13px;
	line-height: 16px;
	color: #3cc814;
	text-align: center;
	white-space: nowrap;
	transition: width 0.6s cubic-bezier(.74, .01, .25, .99), opacity 0s cubic-bezier(.74, .01, .25, .99) 0.32s;
	opacity: 1;
	z-index: 1;
	overflow: hidden
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	height: -webkit-calc(100% - 5px);
	background: none;
	border: 1px solid #3cc814;
	border-radius: 15px
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 8px;
	height: 6px;
	background: url('/res/images/m_count_tool_icn.png') no-repeat;
	background-size: 8px 6px
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool p {
	opacity: 1;
	transition: opacity 0.5s cubic-bezier(.74, .01, .25, .99)
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool b {
	font-weight: 700
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool.on {
	width: 0;
	opacity: 0;
	border: none
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .count .count_tool.on p {
	opacity: 0
}

.cart_div .cart_area .product_area>.list_div .list .info .count_div .alarm {
	display: none
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info {
	display: table-cell;
	padding-left: 15px;
	width: 206px;
	text-align: right;
	vertical-align: middle
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list {
	display: inline-block
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list .price {
	float: left
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list .dc {
	float: left
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(1) .price .won {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(1) .price .won span {
	display: inline-block;
	font-size: 20px;
	line-height: 26px;
	vertical-align: top
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(1) .dc {
	margin-left: 6px;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #3cc814
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(1) .dc.spe {
	color: #ff3894;
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(2) {
	display: block;
	margin-top: 2px
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(2) .price {
	width: 100%;
	text-align: right
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(2) .price .won {
	font-size: 16px;
	line-height: 20px;
	color: #bbb
}

.cart_div .cart_area .product_area>.list_div .list .info .price_info .list_div .price_list:nth-child(2) .price .won span {
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	vertical-align: top;
	text-decoration: line-through
}

.cart_div .cart_area .product_area>.list_div .list .add_box {
	margin-top: 12px
}

.cart_div .cart_area .product_area>.list_div .list .delete {
	position: absolute;
	top: 74px;
	right: -5px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url('/res/images/icn_xbt_24x24.png') no-repeat center;
	background-size: 24px
}

.cart_div .cart_area .product_area>.list_div .list.soldout .info .link_area .table .thumb:before {
	content: '일시품절';
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 22px 27px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 100%;
	word-break: break-all
}

.cart_div .cart_area .product_area>.list_div .list.soldout .info .count_div .count {
	display: none
}

.cart_div .cart_area .product_area>.list_div .list.soldout .info .count_div .alarm {
	display: inline-block;
	padding: 9px 0;
	width: 108px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	text-align: center
}

.cart_div .cart_area .product_area>.list_div .list.soldout .info .count_div .alarm span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.cart_div .cart_area .product_area>.list_div .list.soldout .info .count_div .alarm.on {
	border: 1px solid #ddd;
	background: #ddd
}

.cart_div .cart_area .product_area>.list_div .list.soldout .info .count_div .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

/* 230518 장바구니 구매 유도장치 수정/추가 */
.cart_div .cart_area .product_area .cart_buying_system {
    display: inline-block;
	width: 100%;
    min-width: 531px;
    padding: 32px 40px;
    margin: 60px 0 40px;
    background: #f7ded6;
    border-radius: 20px;
}

.cart_div .cart_area .product_area .cart_buying_system .tit {
    padding-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
	text-align: center;
}

.cart_div .cart_area .product_area .cart_buying_system .tit img {
    height: 34px;
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd {
    margin-top: 24px;
    text-align: center;
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd {
	margin-top: 24px;
	text-align: center
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd {
	display: inline-block;
	position: relative;
	margin: 0 6px;
	padding: 42px 38px 20px;
	width: 236px;
	background: #fff;
	border-radius: 10px
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd:nth-child(3n+1) {
	margin-left: 0
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd:nth-child(3n) {
	margin-right: 0
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd:nth-child(n+4) {
	margin-top: 12px
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd .type {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 0;
	width: 156px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #b37566
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd .thumb img {
	width: 100%
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd .name {
	margin-top: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd .name b {
	font-weight: 700
}

.cart_div .cart_area .product_area .cart_buying_system .add_pd .pd .price {
	margin-top: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #b43e10;
}
/* 상품이 많을 경우 */
.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0 0 12px 0;
	overflow: hidden;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd:nth-last-of-type(1) {
	margin-bottom: 0;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .type {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 140px;
	height: 108px;
	line-height: 20px;
	font-size: 16px;
	padding: 34px 28px;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .type span {
	font-size: 18px;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .txt {
	width: calc(100% - 240px);
	padding-left: 32px;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .name {
	width: 76%;
	height: auto;
	max-height: 48px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	margin-top: 0;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .price {
	margin-top: 7px;
	text-align: left;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .thumb {
	padding-right: 32px;
	order: 2;
}

.cart_div .cart_area .product_area .cart_buying_system.type2 .add_pd .pd .thumb img {
	width: 100px;
}

/* //230518 장바구니 구매 유도장치 수정/추가 */

.cart_div .cart_area .fix_area {
	position: absolute;
	padding: 19px 0;
	top: 42px;
	left: 880px;
	width: 400px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff
}

.cart_div .cart_area .fix_area .login_area {
	padding: 15px 19px 36px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.cart_div .cart_area .fix_area .login_area .txt {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.cart_div .cart_area .fix_area .login_area .btn {
	margin-top: 24px
}

.cart_div .cart_area .fix_area .login_area .btn:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .fix_area .login_area .btn a {
	float: left;
	margin-left: 8px;
	width: 176px;
	height: 60px
}

.cart_div .cart_area .fix_area .login_area .btn a:first-child {
	margin-left: 0
}

.cart_div .cart_area .fix_area .login_area+.price_area {
	margin-top: 24px
}

.cart_div .cart_area .fix_area .price_area {
	margin-top: 16px;
	padding: 0 19px
}

.cart_div .cart_area .fix_area .price_area .list_div {
	padding: 0 12px
}

.cart_div .cart_area .fix_area .price_area .list_div .list {
	margin-top: 16px
}

.cart_div .cart_area .fix_area .price_area .list_div .list:first-child {
	margin-top: 0
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line {
	margin-top: 10px
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .left {
	float: left;
	padding-left: 14px;
	width: 200px;
	background: url('/res/images/icn_subtext.png') no-repeat left 5px;
	background-size: 10px 8px;
	font-size: 15px;
	line-height: 18px;
	color: #bbb
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .left.tool {
	position: relative;
	padding-right: 18px;
	width: auto;
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #bbb;
	text-align: right
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .right .guide {
	display: block;
	margin-top: 2px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #ff3894
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child {
	margin-top: 0
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child .left {
	padding-left: 0;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: none
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child .right {
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child .right span {
	font-size: 20px
}

.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost .line .left {
	width: 100px;
	line-height: 40px
}

.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost .line .right {
	font-size: 28px;
	line-height: 40px;
	color: #3cc814
}

.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost .line .right span {
	font-size: 32px;
	font-weight: 700
}

.cart_div .cart_area .fix_area .price_area .noti {
	margin-top: 13px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/icn_notice_16x16.png') no-repeat left 1px;
	background-size: 16px
}

.cart_div .cart_area .fix_area .price_area .btn {
	margin-top: 32px
}

.cart_div .cart_area .fix_area .price_area .btn:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .fix_area .price_area .btn a {
	position: relative;
	float: left;
	margin-left: 8px
}

.cart_div .cart_area .fix_area .price_area .btn a:first-child {
	margin-left: 0
}

.cart_div .cart_area .fix_area .price_area .btn .buy {
	padding: 15px 0;
	width: 272px;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	color: #fff
}

.cart_div .cart_area .fix_area .price_area .btn .buy span {
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	vertical-align: top
}

.cart_div .cart_area .fix_area .price_area .btn .gift {
	padding: 8px 0;
	width: 80px;
	text-align: center;
	background: #fff;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.cart_div .cart_area .fix_area .price_area .btn .gift span {
	display: inline-block;
	padding-top: 28px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	background: url('/res/images/product_dtl_bottom_gift.png') no-repeat center top;
	background-size: 28px
}

.cart_div .cart_area .fix_area .price_area .btn a .guide {
	position: absolute;
	top: 67px;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 0;
	width: 200px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 20px;
	letter-spacing: -0.2px
}

.cart_div .cart_area .fix_area .price_area .btn a .guide:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 10px;
	background: url('/res/images/cart_buy_arrow.png') no-repeat;
	background-size: 12px 10px
}

.cart_div .recommend_div {
	width: 1280px;
	margin: 100px auto -30px;
	position: relative;
}

.cart_div .recommend_div .title {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	letter-spacing: -1px
}

.cart_div .recommend_div .pd_swiper {
	width: 1310px;
	margin: 0 auto 0 -15px;
	padding: 30px 15px;
}

.cart_div .recommend_div .pd_swiper .swiper-slide {
	margin-right: 30px;
	padding: 20px 20px 32px 20px;
	width: 232px;
	height: 392px;
	border-radius: 20px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1)
}

.cart_div .recommend_div .pd_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 20px;
	transition: border 0.1s ease-in-out
}

.cart_div .recommend_div .pd_swiper .swiper-slide:hover:before {
	border: 1px solid #3cc814
}

.cart_div .recommend_div .pd_swiper .swiper-slide:last-child {
	margin-right: 0
}

.cart_div .recommend_div .pd_swiper .swiper-slide .link_area {
	position: relative;
	z-index: 1
}

.cart_div .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 192px;
	height: 192px;
	text-align: center;
	padding: 0
}

.cart_div .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.cart_div .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.cart_div .recommend_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 36px;
	right: 20px
}

.cart_div .recommend_div .pd_swiper .swiper-slide .heart {
	top: 178px;
	right: 30px
}

/*.cart_div .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
    top: 40px;
    left: 40px
}*/

.cart_div .recommend_div .pd_swiper.swiper-container-horizontal+.swiper_btn {
	display: block
}

.cart_div .recommend_div .swiper_btn {
	display: none;
	position: absolute;
	width: 1310px;
	top: 50%;
	left: -15px;
}

.cart_div .recommend_div .swiper-button-prev {
	left: -69px
}

.cart_div .recommend_div .swiper-button-next {
	right: -69px
}

.cart_div .no_data_div.add_info .txt_area {
	padding: 144px 0 40px;
	background-position: center 60px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info {
	display: inline-block;
	min-width: 531px;
	padding: 32px 40px;
	margin-top: 60px;
	background: #f7ded6;
	border-radius: 20px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .tit img {
	height: 34px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd {
	margin-top: 24px;
	text-align: center
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd {
	display: inline-block;
	position: relative;
	margin: 0 6px;
	padding: 42px 38px 20px;
	width: 236px;
	background: #fff;
	border-radius: 10px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd:nth-child(3n+1) {
	margin-left: 0
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd:nth-child(3n) {
	margin-right: 0
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd:nth-child(n+3) {
	margin-top: 12px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .type {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 0;
	width: 156px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #b37566
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .thumb img {
	width: 100%
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .name {
	margin-top: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .name b {
	font-weight: 700
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .price {
	margin-top: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #b43e10
}

/* 결제 */
.pay_area {
	width: 820px
}

.pay_area .list {
	margin-top: 60px
}

.pay_area .list:first-child {
	margin-top: 0
}

.pay_area .list .top {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

.pay_area .list .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .top>.tit {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.pay_area .list .top>.tit.tool {
	position: relative;
	padding-right: 18px;
	width: auto
}

.pay_area .list .top>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.pay_area .list .top>.tit span {
	margin-left: 6px;
	font-weight: 400;
	font-size: 20px;
	color: #000;
}

.pay_area .list .top>.tit span b {
	font-weight: 700;
	color: #3cc814
}

.pay_area .list .top .summary {
	display: block;
	float: right;
	width: calc(100% - 115px);
	width: -webkit-calc(100% - 115px);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right
}

.pay_area .list .top .summary:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .top .summary span {
	float: left;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom
}

.pay_area .list .top .summary b {
	float: left;
	width: 50px;
	font-weight: 500
}

.pay_area .list .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .list .top .copy {
	position: absolute;
	top: 20px;
	right: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .list .top .chk_box label {
	font-weight: 500;
	font-size: 16px
}

.pay_area .list .close {
	padding-top: 24px
}

.pay_area .list .close .input_form {
	margin-top: 24px
}

.pay_area .list .close .input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .input_form .tit+.input_area {
	margin-top: 16px
}

.pay_area .list .close .input_form .input_area+.input_area {
	margin-top: 16px
}

.pay_area .list .close .input_form.pay_coupon_info {
	margin-top: 12px;
}

.pay_area .list .close .left_input_form {
	margin-top: 32px
}

.pay_area .list .close .left_input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .left_input_form .input_form {
	margin-top: 16px
}

.pay_area .list .close .left_input_form .input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .left_input_form .input_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .left_input_form .input_form .tit {
	float: left;
	padding: 15px 0;
	width: 107px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_area .list .close .left_input_form .input_form .input_area {
	margin-top: 0;
	float: right;
	width: 713px
}

.pay_area .list .close .left_input_form .input_form .input_area input.is-error {
	border: 1px solid #f05b5a;
}

.pay_area .list .close .left_input_form .input_form .input_area+.input_area {
	margin-top: 12px
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form {
	width: 198px
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form:last-child {
	width: 100%
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form+input {
	margin-left: 10px;
	width: 505px
}

.pay_area .list .close .left_input_form .input_form .input_area.has_btn input {
	width: 591px
}

.pay_area .list .close .left_input_form .input_form .input_area.has_btn .btn {
	margin-left: 10px;
	width: 112px
}

.pay_area .list .close .left_input_form .input_form .txt {
	float: left;
	width: 100%;
	padding-left: 120px
}

.pay_area .list .close .left_input_form .input_form .info {
	float: left;
	width: 100%;
	margin-top: 12px;
	margin-left: 107px;
	padding-left: 18px;
	color: #333;
	font-size: 13px;
	font-weight: 300;
	background: url(/res/images/m-icn-16-px-info-small-bk.png) 0 50% no-repeat;
	background-size: 16px;
}

.pay_area .list .close .address_div {
	position: relative;
}

.pay_area .list .close .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 160px);
	max-width: -webkit-calc(100% - 160px);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pay_area .list .close .address_div .address {
	margin-top: 24px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .address_div .address:first-child {
	margin-top: 0
}

.pay_area .list .close .address_div .info {
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .list .close .address_div .comment {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .list .close .address_div .mgr {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .list .close .address_div+.input_form {
	margin-top: 20px
}

.pay_area .list .close .address_div .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .list .close .address_div.default .tit:after {
	content: '기본배송지';
	position: absolute;
	top: 0;
	left: calc(100% + 6px);
	left: -webkit-calc(100% + 6px);
	padding: 0 6px;
	font-size: 12px;
	line-height: 22px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 2px
}

.pay_area .list .close .product_list_div {
	margin-top: -24px
}

.pay_area .list .close .product_list_div .list {
	margin-top: 0;
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.pay_area .list .close .product_list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .product_list_div .list .dis_tb {
	/*display: block;*/
	width: 100%;
	display: flex;
	align-items: center;
}

.pay_area .list .close .product_list_div .list .link_area {
	/*display: table-cell;*/
	display: flex;
	align-items: center;
	width: 600px;
	/*vertical-align: middle*/
}

.pay_area .list .close .product_list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .product_list_div .list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 20px
}

.pay_area .list .close .product_list_div .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.pay_area .list .close .product_list_div .list .link_area .thumb img {
	width: 100%
}

.pay_area .list .close .product_list_div .list.pet .link_area .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.pay_area .list .close .product_list_div .list.pet .link_area .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.pay_area .list .close .product_list_div .list .link_area .pd_info {
	float: left;
	padding-left: 20px;
	/*padding-top: 25px;*/
	padding-top: 0;
	width: 500px;
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .for {
	margin-bottom: 6px;
	padding-left: 24px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .for b {
	font-weight: 500
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	font-weight: 500;
	margin-bottom: 6px;
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .name {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .name b {
	font-weight: 500
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .count {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .add_info {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .product_list_div .list .link_area .pd_info .add_info b {
	font-weight: 700;
	color: #3cc814
}

.pay_area .list .close .product_list_div .list .buy_info {
	display: table-cell;
	padding: 0 20px;
	width: 220px;
	text-align: right;
	vertical-align: middle
}

.pay_area .list .close .product_list_div .list .buy_info .price {
	text-align: right
}

.pay_area .list .close .product_list_div .list .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.pay_area .list .close .product_list_div .list .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.pay_area .list .close .product_list_div .list .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.pay_area .list .close .product_list_div .list .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.pay_area .list .close .product_list_div .list .add_box {
	margin-top: 12px
}

.pay_area .list .close .product_list_div .list .add_box select {
	width: 100%
}

.pay_area .list .close .product_list_div .list.gift .link_area .pd_info {
	padding-top: 11px
}

.pay_area .list .close .product_list_div .list.add .link_area .pd_info {
	padding-top: 9px
}

.pay_area .list .close .product_list_div .list.un_coupon .link_area .pd_info {
	padding-top: 11px
}

.pay_area .list .close .nomem_noti {
	padding-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #bbb;
	text-align: center
}

.pay_area .list .close .nomem_noti span {
	display: block;
	margin-top: 12px
}

.pay_area .list .close .nomem_noti span a {
	display: inline-block;
	padding-right: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/icn_right_grn_16x16.png') no-repeat right center;
	background-size: 16px
}

.pay_area .list .close .input_form .title {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_area .list .close .input_form .title span {
	margin-left: 4px;
	color: #3cc814
}

.pay_area .list .close .coupon_div {}

.pay_area .list .close .coupon_div .input_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .input_form .tit {
	float: left;
	margin: 0;
	width: 105px;
	line-height: 48px
}

.pay_area .list .close .coupon_div .input_form .input_area {
	float: left;
	margin-top: 0;
	width: calc(100% - 260px);
	width: -webkit-calc(100% - 260px);
}

.pay_area .list .close .coupon_div .input_form .input_area .no {
	font-size: 16px;
	line-height: 48px;
	color: #bbb
}

.pay_area .list .close .coupon_div .input_form .coupon_form {
	float: left;
	width: calc(100% - 260px);
	width: -webkit-calc(100% - 260px);
}

.pay_area .list .close .coupon_div .input_form .coupon_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .input_form .coupon_form .change {
	float: left;
	margin-right: 20px;
	padding: 11px 10px;
	width: 112px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px;
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info {
	float: left;
	padding: 14px 0;
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p {
	position: relative;
	float: left;
	margin-left: 21px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p:first-child {
	margin-left: 0
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p:first-child:before {
	display: none
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p span {
	margin-left: 6px;
	font-weight: 500;
	font-size: 16px;
	color: #3cc814
}

.pay_area .list .close .coupon_div .input_form .dc {
	float: left;
	width: 155px;
	font-weight: 500;
	font-size: 14px;
	line-height: 48px;
	color: #000;
	text-align: right
}

.pay_area .list .close .coupon_div .input_form .dc span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_area .list .close .coupon_div .input_form.pay_coupon_info .info {
	width: 100%;
	margin-left: 107px;
	padding-left: 18px;
	color: #333;
	font-size: 13px;
	font-weight: 300;
	background: url(/res/images/m-icn-16-px-info-small-bk.png) 0 50% no-repeat;
	background-size: 16px;
}

.pay_area .list .close .coupon_div .all {
	margin-top: 16px
}

.pay_area .list .close .coupon_div .all:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .all .left {
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pay_area .list .close .coupon_div .all .right {
	float: right;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.pay_area .list .close .coupon_div .all .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.pay_area .list .close .point_div .input_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .point_div .input_form .input_area {
	float: left;
	width: 300px
}

.pay_area .list .close .point_div .input_form .input_area input {
	padding-right: 53px
}

.pay_area .list .close .point_div .input_form .input_area:before {
	content: '원';
	position: absolute;
	top: 0;
	right: 39px;
	font-size: 16px;
	line-height: 48px;
	color: #000
}

.pay_area .list .close .point_div .input_form .btn {
	float: left;
	margin: 0 20px 0 10px;
	padding: 11px 10px;
	width: 112px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px;
}

.pay_area .list .close .point_div .input_form .btn.disabled_btn {
	background: #fff;
	border: 1px solid #ddd;
	color: #ddd
}

.pay_area .list .close .point_div .input_form .info {
	float: left;
	padding: 14px 0;
}

.pay_area .list .close .point_div .input_form .info:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .point_div .input_form .info p {
	position: relative;
	float: left;
	margin-left: 21px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .point_div .input_form .info p:first-child {
	margin-left: 0
}

.pay_area .list .close .point_div .input_form .info p span {
	margin-left: 6px;
	font-weight: 500;
	font-size: 16px;
	color: #3cc814
}

.pay_area .list .close .radio_tab_con {
	display: none;
	margin-top: 24px
}

.pay_area .list .close .radio_tab_con:first-child {
	display: block
}

.pay_area .list .close .radio_tab_con .input_form {
	margin-top: 16px
}

.pay_area .list .close .radio_tab_con .input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .radio_tab_con .chk_div {
	margin-top: 16px
}

.pay_area .list .close .devide {
	padding-bottom: 24px;
	margin-top: 24px;
	border-bottom: 1px solid #eee
}

.pay_area .list .close .devide:first-child {
	margin-top: 0
}

.pay_area .list .close .devide .radio_div {
	position: relative;
	margin-top: 24px
}

.pay_area .list .close .devide .radio_div:first-child {
	margin-top: 0
}

.pay_area .list .close .devide .radio_tab_con .cont_tab {
	margin-top: 24px;
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box {
	position: relative
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:before {
	content: '';
	position: absolute;
	top: 8px;
	left: calc(100% + 6px);
	left: -webkit-calc(100% + 6px);
	border-top: 4px solid transparent;
	border-right: 6px solid #052822;
	border-bottom: 4px solid transparent;
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '1회 등록 3초 결제 끝';
	position: absolute;
	top: -3px;
	left: calc(100% + 11px);
	left: -webkit-calc(100% + 11px);
	padding: 7px 16px;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label {
	padding: 0 0 0 30px
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label img {
	height: 24px
}

.pay_area.nomem .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '회원전용';
	position: absolute;
	top: -4px;
	left: calc(100% + 11px);
	left: -webkit-calc(100% + 11px);
	padding: 8px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .btn {
	display: none
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .add_nu_pay {
	display: block;
	margin-top: 35px;
	padding-bottom: 8px
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .tit {
	padding-top: 88px;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	text-align: center;
	background: url('/res/images/add_nu_pay.png') no-repeat center top;
	background-size: 72px
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .txt {
	margin-top: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	text-align: center
}

.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:before,
.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:after {
	display: none
}

.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .add_nu_pay {
	display: none
}

.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_tab_con {
	display: none !important
}

.pay_area .list .close .cont_tab {
	margin-top: 24px
}

.pay_area .list .close .cont_tab:first-child {
	margin-top: 0
}

.pay_area .list .close .cont_tab:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .cont_tab a {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding: 25px 0;
	width: 128px;
	font-size: 16px;
	line-height: 16px;
	color: #999;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 10px
}

.pay_area .list .close .cont_tab a:nth-child(6n+1) {
	margin-left: 0
}

.pay_area .list .close .cont_tab a:nth-child(-n+6) {
	margin-top: 0
}

.pay_area .list .close .cont_tab a.on {
	font-weight: 500;
	color: #3cc814;
	border: 1px solid #3cc814
}

.pay_area .list .close .cont_con .input_form:first-child {
	margin-top: 16px
}

.pay_area .list .close .cont_con .period_txt {
	padding-left: 10px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_area .list .close .cont_con .input_form .input_area .select_form:nth-child(1) {
	width: 488px;
}

.pay_area .list .close .cont_con .input_form .input_area .select_form:nth-child(2) {
	float: right;
	width: 322px
}

.pay_area .list .close .add_list {
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee
}

.pay_area .list .close .add_list:first-child {
	padding-top: 0
}

.pay_area .list .close .chk_div {
	margin-top: 16px
}

.pay_area .list .close .chk_div:first-child {
	margin-top: 0
}

.pay_area .list .close .chk_div .view {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #999;
	text-decoration: underline
}

.pay_area .list .close .chk_div .txt {
	padding-left: 30px;
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_area .list .close .chk_div .txt .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .chk_div .txt .line .tit {
	float: left;
	line-height: 20px
}

.pay_area .list .close .chk_div .txt .line a {
	float: right;
	line-height: 20px;
	text-decoration: underline
}

.pay_area .list .close .chk_box.bold label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .list .close .chk_div.addr_chk {
	padding-left: 107px
}

.pay_area .list .close .radio_div .radio_box:nth-child(2) {
	margin-left: 26px
}

.pay_area .list .close .input_form select {
	width: 45%
}

.pay_area .list .close .input_form select:last-child {
	width: 100%
}

.pay_area .list .close .add_pd_info {
	display: table;
	width: 100%
}

.pay_area .list .close .add_pd_info .thumb {
	display: table-cell;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: #f7f7f7;
	vertical-align: middle
}

.pay_area .list .close .add_pd_info .thumb img {
	width: 100%
}

.pay_area .list .close .add_pd_info .tit {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	vertical-align: middle
}

.pay_area .list .close .add_pd_info .tit p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pay_area .list .close .notice_txt {
	margin-top: 12px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pay_area .list .close .txt_list {
	margin-top: 24px
}

.pay_area .list .close .txt_list:first-child {
	margin-top: 0
}

.pay_area .list .close .txt_list:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .txt_list .tit {
	float: left;
	width: 160px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .txt_list .txt {
	float: left;
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .list.on .top .open {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat center;
	background-size: 20px
}

.pay_area .list.on .top .summary {
	display: none
}

.pay_area .list.on .close {
	display: block
}

.pay_div {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

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

/*.pay_div div:not(.pay_comp) .fix_area {
	position: absolute;
	padding: 20px 0 0;
	top: 0;
	left: 880px;
	width: 400px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
}*/
.pay_div .fix_area {
	position: absolute;
	padding: 20px 0 0;
	top: 0;
	left: 880px;
	width: 400px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
}

.pay_div .fix_area:after {
	content: '';
	display: block;
	height: 96px;
}

.pay_div .fix_area .scroll_div {
	max-height: calc(100vh - 350px);
	max-height: -webkit-calc(100vh - 350px);
	;
	overflow-y: auto
}

.pay_div .fix_area .scroll_div::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

.pay_div .fix_area .scroll_div::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.pay_div .fix_area .scroll_div::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

.pay_div .fix_area .login_area .txt {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.pay_div .fix_area .login_area .btn {
	margin-top: 24px
}

.pay_div .fix_area .login_area .btn:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .login_area .btn a {
	float: left;
	margin-left: 8px;
	width: 176px;
	height: 60px
}

.pay_div .fix_area .login_area .btn a:first-child {
	margin-left: 0
}

.pay_div .fix_area .login_area+.price_area {
	margin-top: 24px
}

.pay_div .fix_area .price_area {
	margin-top: 16px;
	margin-bottom: 20px;
	padding: 0 19px 0 19px
}

.pay_div .fix_area .price_area .list_div {
	padding: 0 12px
}

.pay_div .fix_area .price_area .list_div .list {
	margin-top: 16px
}

.pay_div .fix_area .price_area .list_div .list:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .list_div .list .line {
	margin-top: 10px
}

.pay_div .fix_area .price_area .list_div .list .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .price_area .list_div .list .line .left {
	float: left;
	padding-left: 14px;
	width: 210px;
	background: url('/res/images/icn_subtext.png') no-repeat left 5px;
	background-size: 10px 8px;
	font-size: 15px;
	line-height: 18px;
	color: #bbb
}

.pay_div .fix_area .price_area .list_div .list .line .left.tool {
	position: relative;
	padding-right: 18px;
	width: auto;
}

.pay_div .fix_area .price_area .list_div .list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.pay_div .fix_area .price_area .list_div .list .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #bbb
}

.pay_div .fix_area .price_area .list_div .list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_div .fix_area .price_area .list_div .list .line:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .list_div .list .line:first-child .left {
	padding-left: 0;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: none
}

.pay_div .fix_area .price_area .list_div .list .line:first-child .right {
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.pay_div .fix_area .price_area .list_div .list .line:first-child .right span {
	font-size: 20px
}

.pay_div .fix_area .price_area .list_div .list.final_cost {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.pay_div .fix_area .price_area .list_div .list.final_cost .line .left {
	width: 100px;
	line-height: 40px
}

.pay_div .fix_area .price_area .list_div .list.final_cost .line .right {
	font-size: 28px;
	line-height: 40px;
	color: #3cc814
}

.pay_div .fix_area .price_area .list_div .list.final_cost .line .right span {
	font-size: 32px
}

.pay_div .fix_area .price_area .agree_area {
	padding-top: 24px;
	margin: 24px auto 0;
	width: 336px;
	border-top: 1px solid #eee
}

.pay_div .fix_area .price_area .agree_area .top {
	position: relative
}

.pay_div .fix_area .price_area .agree_area .top .chk_box label {
	font-weight: 500;
	font-size: 16px
}

.pay_div .fix_area .price_area .agree_area .top .open {
	position: absolute;
	top: -3px;
	right: -5px;
	width: 30px;
	height: 30px;
	background: url('/res/images/icn_down_blk_20x20.png') no-repeat center;
	background-size: 20px
}

.pay_div .fix_area .price_area .agree_area .top.on .open {
	background: url('/res/images/icn_up_blk_20x20.png') no-repeat center;
	background-size: 20px
}

.pay_div .fix_area .price_area .agree_area .bottom {
	display: none;
	margin-top: 28px
}

.pay_div .fix_area .price_area .agree_area .bottom .list {
	position: relative;
	margin-top: 16px
}

.pay_div .fix_area .price_area .agree_area .bottom .list:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box {}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box label {
	padding-left: 24px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box label:after {
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat left center;
	background-size: 16px
}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat left center;
	background-size: 16px
}

.pay_div .fix_area .price_area .agree_area .bottom .list .txt {
	margin-top: 8px;
	padding-left: 24px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pay_div .fix_area .price_area .agree_area .bottom .list .txt .line {
	position: relative;
	margin-top: 6px
}

.pay_div .fix_area .price_area .agree_area .bottom .list .txt .line:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .agree_area .bottom .list .view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	text-decoration: underline
}

.pay_div .fix_area .price_area .btn {
	position: absolute;
	bottom: 20px;
	width: 360px;
	display: block;
	padding: 20px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px;
}

.pay_div .fix_area .price_area .btn span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.pay_div .fix_area .info_area {
	margin: 16px auto 24px;
	padding-bottom: 24px;
	width: 336px;
	border-bottom: 1px solid #eee
}

.pay_div .fix_area .info_area .list {
	margin-top: 22px
}

.pay_div .fix_area .info_area .list:first-child {
	margin-top: 0
}

.pay_div .fix_area .info_area .list:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .info_area .list .left {
	float: left;
	width: 125px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.pay_div .fix_area .info_area .list .right {
	float: left;
	width: calc(100% - 125px);
	width: -webkit-calc(100% - 125px);
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: right
}

.pay_div .fix_area .info_area .list .right b {
	font-weight: 500
}

.pay_div .fix_area .info_area .list .right .copy {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .fix_area .info_area .box_area {
	margin-top: 16px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: left
}

.pay_div .fix_area .info_area .box_area .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .info_area .box_area .top .left {
	float: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .fix_area .info_area .box_area .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .fix_area .info_area .box_area .top .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_div .fix_area .info_area .box_area .bottom {
	margin-top: 10px
}

.pay_div .fix_area .info_area .box_area .bottom p {
	margin-top: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.pay_div .fix_area .info_area .box_area .bottom p:first-child {
	margin-top: 0
}

.pay_div .fix_area .info_area .box_area .bottom p span {
	display: inline-block;
	vertical-align: top
}

.pay_div .fix_area .info_area .box_area .bottom p span a {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .fix_area .info_area .dot_indent {
	margin-top: 12px
}

.pay_div.head .fix_area {
	max-height: calc(100vh - 220px);
	max-height: -webkit-calc(100vh - 220px);
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
}

.pay_div.head .fix_area .price_area {
	max-height: calc(100vh - 280px);
	max-height: -webkit-calc(100vh - 280px)
}

/* 230309 주문완료, 선물 주문 완료 레이아웃 수정 */
.pay_div .pay_comp {
	display: flex;
	flex-wrap: wrap;
}

.pay_div .pay_comp .top_area {
	width: 100%;
	padding: 116px 20px 36px;
	font-weight: 700;
	text-align: center;
	background: url('/res/images/m_comp_pay_128x128.png') no-repeat center 20px;
	background-size: 64px
}

.pay_div .pay_comp .top_area .tit {
	font-size: 30px;
	line-height: 36px;
	color: #000;
	font-weight: 500;
}

.pay_div .pay_comp .top_area .box_area {
	margin-top: 32px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: left
}

.pay_div .pay_comp .top_area .box_area .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .pay_comp .top_area .box_area .top .left {
	float: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .pay_comp .top_area .box_area .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .pay_comp .top_area .box_area .top .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_div .pay_comp .top_area .box_area .bottom {
	margin-top: 10px
}

.pay_div .pay_comp .top_area .box_area .bottom p {
	margin-top: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.pay_div .pay_comp .top_area .box_area .bottom p:first-child {
	margin-top: 0
}

.pay_div .pay_comp .top_area .box_area .bottom p span {
	display: inline-block;
	vertical-align: top
}

.pay_div .pay_comp .top_area .box_area .bottom p span a {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .pay_comp .fix_area {
	/* top: 268px; */
	top: 130px;
	width: 400px;
	margin-left: auto;
	margin-top: 105px;
	padding-top: 0;
	border: none;
	border-radius: 0;
}

.pay_div .pay_comp .fix_area>div {
	border: 1px solid #ddd;
	border-radius: 20px;
}

.pay_div .pay_comp .fix_area:after {
	display: none
}

.pay_div .pay_comp .fix_area .price_area {
	margin-bottom: 0;
	padding: 0 19px 32px 19px
}

.pay_div .pay_comp .pay_area {
	/* min-height: 705px; */
	min-height: 825px;
	margin-top: 44px;
}

.pay_div .pay_comp .comp_btn {
	width: 100%;
	margin-top: 60px;
	text-align: center
}

.pay_div .pay_comp .comp_btn a {
	display: inline-block;
	margin: 0 3px;
	width: 240px
}

.pay_div .pay_comp .comp_btn a:first-child {
	margin-left: 0
}

.pay_div .recommend_div {
	width: 1280px;
	margin: 100px auto 0;
	position: relative;
}

.pay_div .recommend_div .title {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	letter-spacing: -1px
}

.pay_div .recommend_div .pd_swiper {
	width: 1310px;
	margin: 0 auto 0 -15px;
	padding: 30px 15px;
}

.pay_div .recommend_div .pd_swiper .swiper-slide {
	margin-right: 30px;
	padding: 20px 20px 32px 20px;
	width: 232px;
	height: 392px;
	border-radius: 20px;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1)
}

.pay_div .recommend_div .pd_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 20px;
	transition: border 0.1s ease-in-out
}

.pay_div .recommend_div .pd_swiper .swiper-slide:hover:before {
	border: 1px solid #3cc814
}

.pay_div .recommend_div .pd_swiper .swiper-slide:last-child {
	margin-right: 0
}

.pay_div .recommend_div .pd_swiper .swiper-slide .link_area {
	position: relative;
	z-index: 1
}

.pay_div .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 192px;
	height: 192px;
	text-align: center;
	padding: 0
}

.pay_div .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.pay_div .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.pay_div .recommend_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 36px;
	right: 20px
}

.pay_div .recommend_div .pd_swiper .swiper-slide .heart {
	top: 178px;
	right: 30px
}

.pay_div .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 40px;
	left: 40px
}

.pay_div .recommend_div .pd_swiper.swiper-container-horizontal+.swiper_btn {
	display: block
}

.pay_div .recommend_div .swiper_btn {
	display: none;
	position: absolute;
	width: 1310px;
	top: 50%;
	left: -15px;
}

.pay_div .recommend_div .swiper-button-prev {
	left: -69px
}

.pay_div .recommend_div .swiper-button-next {
	right: -69px
}

/* 마이페이지 */
.mypage_div .menu_title {
	position: relative;
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 24px;
	line-height: 40px;
	color: #000;
	z-index: 1
}

.mypage_div .menu_sub_title {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

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

.mypage_div .menu_sub_title p {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.mypage_div .menu_sub_title .btn {
	float: right;
	padding: 5px 17px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	border: 1px solid #bbb;
	border-radius: 5px
}

.addr_list_div .list {
	padding: 24px 0;
	text-align: right;
	border-bottom: 1px solid #eee
}

.addr_list_div .list .top .tit {
	float: left;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: left
}

.addr_list_div .list .top .btn_area {
	float: right;
	text-align: left
}

.addr_list_div .list .top .btn_area:after {
	content: '';
	display: block;
	clear: both
}

.addr_list_div .list .top .btn_area a {
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.addr_list_div .list .top .btn_area a:first-child {
	margin-left: 0
}

.addr_list_div .list .top .btn_area a.cancel,
.layer_pop .pop_con .addr_list_div .list .top .btn_area a.save {
	display: none;
}

.addr_list_div .list .addr_desc {
	margin-top: 16px;
	text-align: left
}

.addr_list_div .list .addr_desc p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.addr_list_div .list .addr_desc p:first-child {
	margin-top: 0
}

.addr_list_div .list .addr_desc p .addr_dtl {
	word-break: break-all
}

.addr_list_div .list .select_btn {
	display: inline-block;
	margin-top: 16px;
	width: 60px;
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.addr_list_div .list .addr_edit {
	display: none;
	margin-top: 16px
}

.addr_list_div .list.default .top .tit:after {
	content: '기본배송지';
	display: inline-block;
	margin-left: 6px;
	width: 67px;
	height: 24px;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align: top
}

.addr_list_div .list.default .top .btn_area .delete,
.addr_list_div .list.default .top .btn_area .default_select {
	display: none
}

.addr_list_div .list .addr_edit .input_form.error .txt {
	text-align: left
}

.addr_dtl {
	word-break: break-all
}

/* 내정보관리 */
.myinfo_div {}

.myinfo_div .menu_sub_title {
	margin: 60px 0 24px
}

.myinfo_div .menu_sub_title:first-child {
	margin-top: 0
}

.myinfo_div .txt_div {}

.myinfo_div .txt_div .line {
	margin-top: 24px
}

.myinfo_div .txt_div .line:first-child {
	margin-top: 0
}

.myinfo_div .txt_div .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .txt_div .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .txt_div .line .right {
	position: relative;
	float: left;
	padding-right: 64px;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: left;
	word-break: break-all
}

.myinfo_div .txt_div .line .right b {
	display: inline-block;
	font-weight: 400;
	margin-right: 5px;
	vertical-align: top
}

.myinfo_div .txt_div .line .right b:last-child {
	margin-right: 0
}

.myinfo_div .txt_div .line .right span {
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	color: #bbb;
	vertical-align: top;
	white-space: nowrap
}

.myinfo_div .txt_div .line .right a {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.myinfo_div .banner {
	margin-bottom: 36px
}

.myinfo_div .banner img {
	width: 100%;
	border-radius: 15px
}

.myinfo_div .already_div .input_form:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .already_div .input_form .tit {
	float: left;
	padding: 14px 0;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
}

.myinfo_div .already_div .input_form .input_area {
	float: left;
	margin-top: 0;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px)
}

.myinfo_div .already_div.type2 .input_form .input_area {
	float: left;
	margin-top: 0;
	width: calc(100% - 220px);
	width: -webkit-calc(100% - 220px)
}

.myinfo_div .already_div .input_form.radio_form {
	margin-top: 12px;
}

.myinfo_div .already_div .input_form .radio_div {
	float: left;
	margin-top: 0;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px);
	padding: 12px 0
}

.myinfo_div .already_div .input_form .radio_div .radio_box {
	margin-right: 40px;
}

.myinfo_div .already_div .input_form .radio_div .radio_box input[type="radio"]+label {
	font-size: 16px;
}

.myinfo_div .already_div .input_form .txt {
	float: left;
	padding-left: 168px
}

.myinfo_div .already_div .chk_div {
	padding-top: 24px;
	border-top: 1px solid #eee
}

.myinfo_div .already_div .chk_div .view {
	top: 26px
}

.myinfo_div .complete_form {
	margin-top: 24px;
	position: relative
}

.myinfo_div .complete_form:first-child {
	margin-top: 0
}

.myinfo_div .complete_form .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .complete_form .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .complete_form .line .right {
	position: relative;
	float: left;
	padding-right: 34px;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px);
	text-align: left
}

.myinfo_div .complete_form .line .right b {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.myinfo_div .complete_form .line .right span {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.myinfo_div .complete_form .line .right strong {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .complete_form .line .right a {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.myinfo_div .complete_form .line .right a.save {
	display: none
}

.myinfo_div .complete_form .line .right a.cancel {
	display: none;
	right: 36px
}

.myinfo_div .complete_form .line .edit_div {
	display: none;
	float: left;
	margin: 16px 0 8px;
	width: 100%
}

.myinfo_div .complete_form .line .edit_div .input_form {
	margin-top: 8px
}

.myinfo_div .complete_form .line .edit_div .input_form:first-child {
	margin-top: 0
}

.myinfo_div .complete_form .line.on .right .edit {
	display: none
}

.myinfo_div .complete_form .line.on .right .cancel {
	display: block
}

.myinfo_div .complete_form .line.on .right .save {
	display: block
}

.myinfo_div .complete_form .line.on .right .save {
	display: block
}

.myinfo_div .complete_form .input_form+.txt_btn {
	position: absolute;
	top: 12px;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.myinfo_div .birth_area {
	width: 100%;
	background: #f7f7f7;
	border-radius: 10px
}

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

.myinfo_div .birth_area input {
	float: left;
	padding: 0;
	margin-right: 0;
	width: 33.33%;
	background: none;
	text-align: center;
	text-align-last: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center
}

.myinfo_div .birth_area input:focus {
	outline: 0;
	border: none
}

.myinfo_div .add_btn {
	display: block;
	margin: 32px auto 0;
	padding: 17px 0;
	width: 320px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.myinfo_div .chk_div {
	position: relative;
	margin-top: 24px;
	padding-right: 30px;
}

.myinfo_div .chk_div + .chk_txt {
	padding-left: 32px;	
}

.myinfo_div .chk_div:first-child {
	margin-top: 0
}

.myinfo_div .chk_div .view {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-decoration: underline
}

.myinfo_div .sub_chk {
	margin-top: 16px;
	padding-left: 40px
}

.myinfo_div .sub_chk + .chk_txt {
	padding-left: 24px;
}

.myinfo_div .sub_chk .chk_box {
	margin-right: 20px
}

.myinfo_div .sub_chk .chk_box label {
	padding-left: 24px
}

.myinfo_div .sub_chk .chk_box label:after {
	top: 4px;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat;
	background-size: 16px
}

.myinfo_div .sub_chk .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat;
	background-size: 16px
}

.myinfo_div .sub_chk .chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	background: url('/res/images/chk_icon_16x16.png') no-repeat;
	background-size: 16px
}

.myinfo_div .chk_txt {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.myinfo_div .chk_txt a {
	text-decoration: underline;
}

.myinfo_div .sns_linkage {}

.myinfo_div .sns_linkage .line {
	margin-top: 20px
}

.myinfo_div .sns_linkage .line:first-child {
	margin-top: 0
}

.myinfo_div .sns_linkage .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .sns_linkage .line .left {
	float: left;
	padding-right: 20px;
	width: calc(100% - 54px);
	width: -webkit-calc(100% - 54px);
	font-size: 14px;
	line-height: 30px;
	color: #000
}

.myinfo_div .sns_linkage .line .left span {
	display: none;
	margin-left: 6px;
	font-size: 13px;
	line-height: 30px;
	color: #bbb
}

.myinfo_div .sns_linkage .line .right {
	position: relative;
	float: right;
	width: 54px;
	height: 30px;
	background: #ddd;
	border-radius: 15px
}

.myinfo_div .sns_linkage .line .right span {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
	transition: left 0.2s linear
}

.myinfo_div .sns_linkage .line.on .left span {
	display: inline-block;
	vertical-align: top
}

.myinfo_div .sns_linkage .line.on .right {
	background: #3cc814
}

.myinfo_div .sns_linkage .line.on .right span {
	left: 28px
}

.myinfo_div .reason_div {}

.myinfo_div .reason_div:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.myinfo_div .reason_div .input_form {
	margin-top: 26px
}

.myinfo_div .reason_div .btn {
	display: block;
	margin-top: 32px
}

/* 주문배송조회 */
.order_div {
	position: relative
}

.order_div .search_area {
	position: relative;
	padding: 28px 24px 32px;
	border-radius: 16px;
	border: 1px solid #eee
}

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

.order_div .search_area .left_div {
	float: left;
	padding-right: 24px;
	width: 440px
}

.order_div .search_area .left_div .btn_div {}

.order_div .search_area .left_div .btn_div:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_area .left_div .btn_div a {
	float: left;
	margin-left: 4px;
	padding: 11px 0;
	width: 80px;
	height: 48px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 10px;
}

.order_div .search_area .left_div .btn_div a:first-child {
	margin-left: 0
}

.order_div .search_area .left_div .btn_div a.on {
	color: #3cc814;
	border: 1px solid #3cc814
}

.order_div .search_area .left_div .select_date {
	margin-top: 12px
}

.order_div .search_area .right_div {
	position: relative;
	float: left;
	padding-left: 25px;
	width: 530px
}

.order_div .search_area .right_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #eee
}

.order_div .search_area .right_div .input_form .input_area {}

.order_div .search_area .right_div .input_form .input_area+.input_area {
	margin-top: 12px
}

.order_div .search_area .right_div .input_form .input_area .select_form {
	float: left;
	margin-left: 10px;
	width: calc(50% - 5px);
}

.order_div .search_area .right_div .input_form .input_area .select_form:first-child {
	margin-left: 0;
}

.order_div .search_area .bottom_div {
	float: left;
	margin-top: 27px;
	width: 100%
}

.order_div .search_area .bottom_div .text {
	font-size: 14px;
	line-height: 18px;
	color: #bbb
}

.order_div .search_area .refresh {
	position: absolute;
	bottom: 15px;
	right: 144px;
	padding: 0 10px 0 32px;
	height: 48px;
	font-weight: 400;
	font-size: 14px;
	line-height: 48px;
	color: #999;
	background: url('/res/images/refresh_icon.png') no-repeat left 10px top 50%;
	background-size: 20px
}

.order_div .search_area .refresh.disabled_btn {
	background: url('/res/images/refresh_icon_disabled.png') no-repeat left 10px top 50%;
	background-size: 20px
}

.order_div .search_area .search_btn {
	position: absolute;
	bottom: 15px;
	right: 24px;
	width: 110px;
	height: 48px;
	font-weight: 500;
	font-size: 14px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.order_div .point_check {
	display: inline-block;
	position: relative;
	margin-top: 24px;
	padding: 2px 18px 2px 32px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/chk_icon_48x48.png') no-repeat left center;
	background-size: 24px;
	cursor: pointer
}

.order_div .point_check.on {
	background: url('/res/images/chk_icon_on_48x48.png') no-repeat left center;
	background-size: 24px;
}

.order_div .point_check span {
	font-weight: 500;
	color: #3cc814
}

.order_div .point_check .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.order_div .point_check+.order_list_div {
	margin-top: 12px
}

.order_div .order_list_div {
	margin-top: 40px
}

.order_div .order_list_div .list {
	margin-top: 40px;
}

.order_div .order_list_div .list:first-child {
	margin-top: 0
}

.order_div .order_list_div .list .top {
	position: relative;
	border-bottom: 1px solid #999
}

.order_div .order_list_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .top .date {
	float: left;
	padding: 16px 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.order_div .order_list_div .list .top .detail {
	float: right;
	padding-right: 22px;
	font-size: 16px;
	line-height: 60px;
	color: #000;
	background: url('/res/images/icn_right_20x20.png') no-repeat right center;
	background-size: 20px
}

.order_div .order_list_div .list .bottom {}

.order_div .order_list_div .list .bottom .group {
	display: table;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.order_div .order_list_div .list .bottom .group .link_area {
	display: table-cell;
	width: 520px;
	vertical-align: middle
}

.order_div .order_list_div .list .bottom .group .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .bottom .group .link_area .thumb {
	float: left;
	padding: 4px;
	width: 100px;
	position: relative
}

.order_div .order_list_div .list .bottom .group .link_area .thumb img {
	width: 100%;
	border-radius: 20px;
	background: #f7f7f7
}

.order_div .order_list_div .list .bottom .group.pet .link_area .thumb .pet_badge {
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
}

.order_div .order_list_div .list .bottom .group.pet .link_area .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.order_div .order_list_div .list .bottom .group .link_area .pd_info {
	float: left;
	padding-top: 26px;
	padding-left: 20px;
	width: 410px
}

.order_div .order_list_div .list .bottom .group .link_area .pd_info .for {
	margin-bottom: 10px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_div .order_list_div .list .bottom .group .link_area .pd_info .for b {
	font-weight: 500
}

.order_div .order_list_div .list .bottom .group .link_area .pd_info .name {
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_div .order_list_div .list .bottom .group .link_area .pd_info .name b {
	font-weight: 500
}

.order_div .order_list_div .list .bottom .group .link_area .pd_info .count {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.order_div .order_list_div .list .bottom .group .buy_info {
	display: table-cell;
	width: 170px;
	vertical-align: middle
}

.order_div .order_list_div .list .bottom .group .buy_info .price {
	text-align: right
}

.order_div .order_list_div .list .bottom .group .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_list_div .list .bottom .group .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.order_div .order_list_div .list .bottom .group .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_list_div .list .bottom .group .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.order_div .order_list_div .list .bottom .group .state {
	display: table-cell;
	padding-left: 10px;
	width: 210px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	vertical-align: middle
}

.order_div .order_list_div .list .bottom .group .state.comp {
	color: #999
}

.order_div .order_list_div .list .bottom .group .state span {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814
}

.order_div .order_list_div .list .bottom .group .info_btn {
	display: table-cell;
	width: 120px;
	vertical-align: middle;
	text-align: center
}

.order_div .order_list_div .list .bottom .group .info_btn a {
	display: block;
	margin-top: 5px;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.order_div .order_list_div .list .bottom .group .info_btn a:first-child {
	margin-top: 0
}

.order_div .order_list_div .list .bottom .group .info_btn a.delete {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	text-decoration: underline;
	border: none;
	background: none;
	border-radius: 0
}

.order_div .order_list_div .list .bottom .group.gift .link_area .pd_info {
	padding-top: 11px
}

.order_div .order_list_div .list .bottom .group.add .link_area .pd_info {
	padding-top: 10px
}

.order_div .order_list_div .no_data_div {
	margin-top: -20px
}

.order_div .order_dtl_div {
	margin-top: 40px
}

.order_div .order_dtl_div .text_top {
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: #f9f9f9;
	border-radius: 10px
}

.order_div .order_dtl_div .section {
	margin-top: 40px;
}

.order_div .order_dtl_div .section:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .top {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

.order_div .order_dtl_div .section .top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .top .title {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.order_div .order_dtl_div .section .top span {
	float: left;
	margin-left: 8px;
	font-size: 16px;
	line-height: 28px;
	color: #bbb
}

.order_div .order_dtl_div .section .top .btn {
	float: right
}

.order_div .order_dtl_div .section .top .btn:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .top .btn a {
	float: left;
	margin-left: 6px;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 5px
}

.order_div .order_dtl_div .section .top .btn a:first-child {
	margin-left: 0
}

.order_div .order_dtl_div .section .top .chg {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_dtl_div .section .top .chk_box {
	padding: 2px 0
}

.order_div .order_dtl_div .section .bottom {
	padding-top: 24px
}

.order_div .order_dtl_div .section .bottom .group {
	display: table;
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee
}

.order_div .order_dtl_div .section .bottom .group:first-child {
	padding-top: 0
}

.order_div .order_dtl_div .section .bottom .group .link_area {
	display: table-cell;
	width: 520px;
	vertical-align: middle
}

.order_div .order_dtl_div .section .bottom .group .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .group .link_area .thumb {
	float: left;
	position: relative;
	padding: 4px;
	width: 100px
}

.order_div .order_dtl_div .section .bottom .group .link_area .thumb img {
	width: 100%;
	border-radius: 20px;
	background: #f7f7f7
}

.order_div .order_dtl_div .section .bottom .group.pet .link_area .thumb .pet_badge {
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
}

.order_div .order_dtl_div .section .bottom .group.pet .link_area .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info {
	float: left;
	padding-top: 26px;
	padding-left: 20px;
	width: 410px
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .for {
	margin-bottom: 10px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .for b {
	font-weight: 500
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .name {
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .name b {
	font-weight: 500
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .count {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .add_info {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .group .link_area .pd_info .add_info b {
	font-weight: 700;
	color: #3cc814
}

.order_div .order_dtl_div .section .bottom .group .buy_info {
	display: table-cell;
	width: 170px;
	vertical-align: middle
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price {
	text-align: right
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.order_div .order_dtl_div .section .bottom .group .state {
	display: table-cell;
	padding-left: 10px;
	width: 210px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	vertical-align: middle
}

.order_div .order_dtl_div .section .bottom .group .state.comp {
	color: #999
}

.order_div .order_dtl_div .section .bottom .group .state span {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814
}

.order_div .order_dtl_div .section .bottom .group .info_btn {
	display: table-cell;
	width: 120px;
	vertical-align: middle;
	text-align: center
}

.order_div .order_dtl_div .section .bottom .group .info_btn a {
	display: block;
	margin-top: 5px;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.order_div .order_dtl_div .section .bottom .group .info_btn a:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .group .info_btn a.delete {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	text-decoration: underline;
	border: none;
	background: none;
	border-radius: 0
}

.order_div .order_dtl_div .section .bottom .group.gift .link_area .pd_info {
	padding-top: 11px
}

.order_div .order_dtl_div .section .bottom .group.add .link_area .pd_info {
	padding-top: 10px
}

.order_div .order_dtl_div .section .bottom .group.gift.add .link_area .pd_info {
	padding-top: 0
}

.order_div .order_dtl_div .section .bottom .dot_indent+.txt_list {
	margin-top: 24px
}

.order_div .order_dtl_div .section .bottom .txt_list {}

.order_div .order_dtl_div .section .bottom .txt_list .line {
	position: relative;
	margin-top: 24px
}

.order_div .order_dtl_div .section .bottom .txt_list .line:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .txt_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .txt_list .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right {
	float: left;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px)
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p {
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all;
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p b strong {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	vertical-align: top
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p em {
	display: inline-block;
	font-style: normal;
	margin-left: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #f05b5a
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span {
	position: relative;
	float: left;
	padding-left: 21px
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span:first-child {
	padding-left: 0
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 10px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span:first-child:before {
	display: none
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p i {
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	font-style: normal;
	vertical-align: top
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right .remsg {
	display: block;
	margin-top: 16px;
	padding: 8px 0;
	width: 158px;
	height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.order_div .order_dtl_div .section .bottom .txt_list .line .chg {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_dtl_div .section .bottom .price_list_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #eee
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list {
	margin-top: 16px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line {
	margin-top: 10px;
	padding-left: 14px;
	background: url('/res/images/icn_subtext.png') no-repeat left 4px;
	background-size: 10px 8px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .left {
	float: left;
	font-size: 15px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .left.tool {
	position: relative;
	padding-right: 18px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child .left {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child .right {
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child .right span {
	font-size: 20px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost .line .left {
	line-height: 40px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	color: #3cc814
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost .line .right span {
	font-size: 32px
}

.order_div .order_dtl_div .section .bottom .devide:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .devide .txt_list {
	float: left;
	padding-right: 32px;
	width: 525px
}

.order_div .order_dtl_div .section .bottom .devide .price_list_div {
	position: relative;
	float: left;
	padding-left: 32px;
	width: 495px
}

.order_div .order_mgr_div {
	margin-top: 40px
}

.order_div .order_mgr_div .text_top {
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: #f9f9f9;
	border-radius: 10px
}

.order_div .order_mgr_div .text_top b {
	font-weight: 500;
	color: #3cc814
}

.order_div .order_mgr_div .state_div {
	margin-bottom: 60px;
	padding: 32px 40px 24px;
	background: #f9f9f9;
	border-radius: 20px;
	text-align: center
}

.order_div .order_mgr_div .state_div .con {
	display: inline-block
}

.order_div .order_mgr_div .state_div .con:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .state_div .con .state {
	position: relative;
	float: left;
	padding-top: 32px;
	width: 134px;
	text-align: center
}

.order_div .order_mgr_div .state_div .con .state:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	border: 3px solid #ccc;
	background: #f9f9f9;
	border-radius: 100%;
	z-index: 1
}

.order_div .order_mgr_div .state_div .con .state:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 50%;
	width: 100%;
	height: 1px;
	background: #ccc
}

.order_div .order_mgr_div .state_div .con .state:last-child:after {
	display: none
}

.order_div .order_mgr_div .state_div .con .state p {
	display: inline-block;
	padding: 4px 9px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #bbb
}

.order_div .order_mgr_div .state_div .con .state span {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	line-height: 16px;
	color: #999
}

.order_div .order_mgr_div .state_div .con .state.on:before {
	border: 3px solid #3cc814
}

.order_div .order_mgr_div .state_div .con .state.on:after {
	background: #3cc814
}

.order_div .order_mgr_div .state_div .con .state.on p {
	color: #3cc814
}

.order_div .order_mgr_div .state_div .con .state.ing:before {
	top: 0;
	width: 20px;
	height: 20px;
	border: 6px solid #3cc814
}

.order_div .order_mgr_div .state_div .con .state.ing p {
	background: #3cc814;
	border-radius: 13px;
	color: #fff
}

.order_div .order_mgr_div .section {
	margin-top: 40px;
}

.order_div .order_mgr_div .section:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .top {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

.order_div .order_mgr_div .section .top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .top .title {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.order_div .order_mgr_div .section .top span {
	float: left;
	margin-left: 8px;
	font-size: 16px;
	line-height: 28px;
	color: #bbb
}

.order_div .order_mgr_div .section .top .delete {
	float: right;
	padding-right: 24px;
	font-size: 14px;
	line-height: 28px;
	color: #777;
	background: url('/res/images/icn_xbt_gry_20x20.png') no-repeat right center;
	background-size: 20px
}

.order_div .order_mgr_div .section .top .chg {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_mgr_div .section .top .chk_box {
	padding: 2px 0
}

.order_div .order_mgr_div .section .bottom {
	padding-top: 24px
}

.order_div .order_mgr_div .section .bottom .group {
	display: table;
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee
}

.order_div .order_mgr_div .section .bottom .group:first-child {
	padding-top: 0
}

.order_div .order_mgr_div .section .bottom .group .link_area {
	display: table-cell;
	width: 840px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .group .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .group .link_area .thumb {
	float: left;
	padding: 4px;
	width: 100px;
	position: relative
}

.order_div .order_mgr_div .section .bottom .group .link_area .thumb img {
	width: 100%;
	border-radius: 20px;
	background: #f7f7f7
}

.order_div .order_mgr_div .section .bottom .group.pet .link_area .thumb .pet_badge {
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
}

.order_div .order_mgr_div .section .bottom .group.pet .link_area .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info {
	float: left;
	padding-top: 26px;
	padding-left: 20px;
	width: 740px
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .for {
	margin-bottom: 10px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .for b {
	font-weight: 500
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .name {
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .name b {
	font-weight: 500
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .count {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .add_info {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .group .link_area .pd_info .add_info b {
	font-weight: 700;
	color: #3cc814
}

.order_div .order_mgr_div .section .bottom .group .buy_info {
	display: table-cell;
	width: 180px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price {
	text-align: right
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.order_div .order_mgr_div .section .bottom .group.gift .link_area .pd_info {
	padding-top: 11px
}

.order_div .order_mgr_div .section .bottom .group.add .link_area .pd_info {
	padding-top: 10px
}

.order_div .order_mgr_div .section .bottom .group.gift.add .link_area .pd_info {
	padding-top: 0
}

.order_div .order_mgr_div .section .bottom .icon_noti {
	margin-top: 12px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
	color: #333;
	background: url('/res/images/icn_notice_16x16.png') no-repeat left center;
	background-size: 16px
}

.order_div .order_mgr_div .section .bottom .dot_indent+.txt_list {
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .txt_list {
	position: relative
}

.order_div .order_mgr_div .section .bottom .txt_list .line {
	position: relative;
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .txt_list .line:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .txt_list .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right {
	float: left;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px)
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p {
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p b strong {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	vertical-align: top
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span {
	position: relative;
	float: left;
	padding-left: 21px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span:first-child {
	padding-left: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 10px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span:first-child:before {
	display: none
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p .copy {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p.noti {
	font-size: 14px;
	color: #999
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img {
	margin-top: 8px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img .img_resize {
	float: left;
	margin-top: 0;
	margin-left: 6px;
	width: 60px;
	height: 60px;
	border-radius: 10px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img .img_resize:first-child {
	margin-left: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_div {
	margin-top: 16px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_div .radio_box {
	margin-left: 18px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_div .radio_box:first-child {
	margin-left: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form {
	margin-top: 24px;
	text-align: right
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form .input_area+.input_area {
	margin-top: 8px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form b {
	font-weight: 400
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form .btn {
	display: inline-block;
	margin-top: 16px;
	padding: 8px 10px;
	width: 120px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .chg {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_mgr_div .section .bottom .txt_list .check {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 9px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	border: 1px solid #bbb;
	border-radius: 5px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list {
	margin-top: 16px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line {
	margin-top: 10px;
	padding-left: 14px;
	background: url('/res/images/icn_subtext.png') no-repeat left 4px;
	background-size: 10px 8px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .left {
	float: left;
	font-size: 15px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .left.tool {
	position: relative;
	padding-right: 18px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child .left {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child .right {
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child .right span {
	font-size: 20px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost .line .left {
	line-height: 40px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	color: #3cc814
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost .line .right span {
	font-size: 32px
}

.order_div .order_mgr_div .section .bottom .devide {
	position: relative
}

.order_div .order_mgr_div .section .bottom .devide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 525px;
	width: 1px;
	height: 100%;
	background: #eee
}

.order_div .order_mgr_div .section .bottom .devide:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .devide .txt_list {
	float: left;
	padding-right: 32px;
	width: 525px
}

.order_div .order_mgr_div .section .bottom .devide .txt_list+.txt_list {
	padding-left: 32px;
	padding-right: 0;
	width: 495px
}

.order_div .order_mgr_div .section .bottom .devide .price_list_div {
	position: relative;
	float: left;
	padding-left: 32px;
	width: 495px
}

.order_div .order_mgr_div .section .bottom .dot_indent+.radio_div {
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .radio_div .radio_box {
	margin-left: 38px
}

.order_div .order_mgr_div .section .bottom .radio_div .radio_box:first-child {
	margin-left: 0
}

.order_div .order_mgr_div .section .bottom .chk_list_div {
	margin-top: -24px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group:first-child {
	padding: 24px 0
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .chk_box {
	display: table-cell;
	width: 36px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .chk_box label {
	padding: 50px 18px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .chk_box label:after {
	top: 38px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .link_area {
	display: table-cell;
	width: 690px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .link_area .pd_info {
	float: left;
	padding: 26px 20px 0;
	width: 590px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .count_div {
	display: table-cell;
	width: 114px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .buy_info {
	display: table-cell;
	padding-right: 20px;
	width: 180px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group.gift .link_area .pd_info {
	padding-top: 11px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group.add .link_area .pd_info {
	padding-top: 10px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group.gift.add .link_area .pd_info {
	padding-top: 0
}

.order_div .order_mgr_div .section .bottom .upload_pic {
	margin-top: 16px;
	max-width: none
}

.order_div .order_mgr_div.cnl .section .bottom .chk_list_div .group .link_area {
	width: 804px
}

.order_div .order_mgr_div.cnl .section .bottom .chk_list_div .group .link_area .pd_info {
	width: 704px
}

.order_div .comp_top {
	padding: 96px 0 40px;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	text-align: center;
	background: url('/res/images/icn_check_64x64.png') no-repeat center top 20px;
	background-size: 64px
}

.order_div .order_bottom_btn {
	margin-top: 60px;
	text-align: center
}

.order_div .order_bottom_btn a {
	display: inline-block;
	margin: 0 3px;
	width: 320px
}

.order_div .order_bottom_btn a:first-child {
	width: 240px
}

.order_div .order_bottom_btn a:last-child {
	width: 320px
}

.order_div .order_bottom_btn a:nth-child(2) {
	width: 240px
}

/* 적립금, 쿠폰 */
.point_div {}

.point_div .tooltip {
	top: 32px;
}

.point_div .summary {
	width: 100%;
	border-radius: 16px;
	background: #052832;
	padding: 32px 40px;
}

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

.point_div .summary .usable_point {
	float: left;
	padding-right: 40px;
	width: 50%;
}

.point_div .summary .usable_point:after {
	content: '';
	display: block;
	clear: both
}

.point_div .summary .usable_point .left {
	float: left
}

.point_div .summary .usable_point .left.tool {
	position: relative;
	padding-right: 18px
}

.point_div .summary .usable_point .left .tit {
	font-size: 18px;
	line-height: 40px;
	color: #fff
}

.point_div .summary .usable_point .left .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_wht_16x16.png') no-repeat center;
	background-size: 16px
}

.point_div .summary .usable_point .right {
	float: right;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #fff
}

.point_div .summary .usable_point .right span {
	display: inline-block;
	margin-left: 1px;
	font-weight: 400;
	font-size: 20px;
	vertical-align: top
}

.point_div .summary .destroyed_point {
	position: relative;
	float: left;
	padding-left: 40px;
	width: 50%
}

.point_div .summary .destroyed_point:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2)
}

.point_div .summary .destroyed_point:after {
	content: '';
	display: block;
	clear: both
}

.point_div .summary .destroyed_point .left {
	float: left
}

.point_div .summary .destroyed_point .left .tit {
	font-size: 18px;
	line-height: 40px;
	color: #fff
}

.point_div .summary .destroyed_point .right {
	float: right;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #fff
}

.point_div .summary .destroyed_point .right span {
	display: inline-block;
	margin-left: 1px;
	font-weight: 400;
	font-size: 20px;
	vertical-align: top
}

.point_div .point_list_div {
	margin-top: 60px
}

.point_div .point_list_div .sorting_div {
	border-bottom: 1px solid #999
}

.point_div .point_list_div .sorting_div:after {
	content: '';
	display: block;
	clear: both;
}

.point_div .point_list_div .sorting_div .filter {
	float: left;
	padding: 21px 0
}

.point_div .point_list_div .sorting_div .filter a {
	float: left;
	margin-left: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #bbb
}

.point_div .point_list_div .sorting_div .filter a:hover {
	color: #555
}

.point_div .point_list_div .sorting_div .filter a:first-child {
	margin-left: 0
}

.point_div .point_list_div .sorting_div .filter a.on {
	color: #333;
	font-weight: 500
}

.point_div .point_list_div .sorting_div .select_date {
	float: left;
	width: 336px
}

.point_div .point_list_div .sorting_div .search {
	float: left;
	margin-left: 10px;
	padding: 12px 10px;
	width: 112px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.point_div .point_list_div .list_div .list {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 96px;
	padding: 24px 170px 24px 120px;
	border-bottom: 1px solid #eee;
}

.point_div .point_list_div > .chk_div {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.point_div .point_list_div > .chk_div label {
	font-size: 16px;
	line-height: 20px;
}

.point_div .point_list_div .list_div .list .date {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	width: 100px;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.point_div .point_list_div .list_div .list .left {
	padding-left: 40px;
	width: 730px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	vertical-align: middle
}

.point_div .point_list_div .list_div .list .left .desc {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.point_div .point_list_div .list_div .list .left .info {
	display: inline-block;
	margin-top: 6px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.point_div .point_list_div .list_div .list .left a.info {
	padding-right: 22px;
	background: url("/res/images/icn_right_16x16.png") center right no-repeat;
	background-size: 16px
}

.point_div .point_list_div .list_div .list .left a.info .name::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #eee;
	margin: 0 10px;
}

.point_div .point_list_div .list_div .list .left .due_date {
	padding-left: 20px;
	margin-top: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #777;
	background: url('/res/images/m_icn_time_32.png') no-repeat left center;
	background-size: 16px
}

.point_div .point_list_div .list_div .list .right {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 150px;
	text-align: right;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #3cc814
}

.point_div .point_list_div .list_div .list .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.point_div .point_list_div .list_div .list.minus .right {
	color: #000;
}

.coupon_div {}

.coupon_div .top {
	margin-top: 60px;
	padding-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.coupon_div .top .input_form {
	display: inline-block
}

.coupon_div .top .input_form:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .top .input_form .tit {
	float: left;
	width: 72px;
	font-size: 14px;
	line-height: 48px;
	color: #000;
	text-align: left
}

.coupon_div .top .input_form .input_area {
	float: left;
	margin-top: 0;
	width: 547px
}

.coupon_div .top .input_form .input_area .btn {
	font-weight: 500
}

.coupon_div .cpn_list_div {
	margin-top: 60px
}

.coupon_div .cpn_list_div .list_top {
	position: relative;
	border-bottom: 1px solid #999
}

.coupon_div .cpn_list_div .list_top p {
	display: inline-block;
	padding: 13px 0 11px;
	font-size: 20px;
	line-height: 36px;
	color: #000
}

.coupon_div .cpn_list_div .list_top p span {
	font-weight: 700;
	color: #3cc814
}

.coupon_div .cpn_list_div .list_top .filter {
	float: right;
	padding: 13px 0 11px
}

.coupon_div .cpn_list_div .list_top .filter:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .cpn_list_div .list_top .filter a {
	float: left;
	margin-left: 28px;
	font-size: 16px;
	line-height: 36px;
	color: #bbb;
}

.coupon_div .cpn_list_div .list_top .filter a:first-child {
	margin-left: 0
}

.coupon_div .cpn_list_div .list_top .filter a.on {
	font-weight: 500;
	color: #000
}

.coupon_div .cpn_list_div .list_top>a {
	position: absolute;
	top: 13px;
	right: 0;
	padding: 9px 0;
	width: 150px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 5px
}

.coupon_div .cpn_list_div .list_div {
	margin-top: 24px
}

.coupon_div .cpn_list_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .cpn_list_div .list_div .list {
	position: relative;
	float: left;
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 250px;
	border: 1px solid #bbb;
	border-radius: 15px
}

.coupon_div .cpn_list_div .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .cpn_list_div .list_div .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.coupon_div .cpn_list_div .list_div .list:nth-child(n+3) {
	margin-top: 20px
}

.coupon_div .cpn_list_div .list_div .list:after {
	content: '';
	display: block;
	clear: both;
}

.coupon_div .cpn_list_div .list_div .list .left {
	position: relative;
	float: left;
	padding: 50px 32px 22px;
	width: 100%;
	height: 100%
}

.coupon_div .cpn_list_div .list_div .list .left:before {
	content: '';
	position: absolute;
	top: 115px;
	left: -1px;
	width: 10px;
	height: 20px;
	background: url('/res/images/coupon_left.png') no-repeat;
	background-size: 10px 20px
}

.coupon_div .cpn_list_div .list_div .list .left:after {
	content: '';
	position: absolute;
	top: 115px;
	right: -1px;
	width: 10px;
	height: 20px;
	background: url('/res/images/coupon_right.png') no-repeat;
	background-size: 10px 20px
}

.coupon_div .cpn_list_div .list_div .list .dc_info {}

.coupon_div .cpn_list_div .list_div .list .dc_info .discount {
	display: inline-block;
	font-size: 34px;
	line-height: 34px;
	color: #ff3894;
	font-weight: 700;
}

.coupon_div .cpn_list_div .list_div .list .dc_info .discount b {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	vertical-align: top
}

.coupon_div .cpn_list_div .list_div .list .object {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #333;
	word-break: break-all
}

.coupon_div .cpn_list_div .list_div .list .object span {
	font-weight: 700;
	color: #ff3894;
	margin-right: 4px
}

.coupon_div .cpn_list_div .list_div .list .use_pd {
	display: inline-block;
	margin-top: 12px;
	padding-right: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	text-decoration: underline;
	background: url('/res/images/icn_right_gry_16x16.png') no-repeat right center;
	background-size: 16px
}

.coupon_div .cpn_list_div .list_div .list .conditional {
	position: absolute;
	left: 32px;
	bottom: 22px;
	max-width: calc(100% - 210px);
	max-width: -webkit-calc(100% - 210px);
}

.coupon_div .cpn_list_div .list_div .list .conditional p {
	position: relative;
	margin-top: 4px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.coupon_div .cpn_list_div .list_div .list .conditional p:first-child {
	margin-top: 0
}

.coupon_div .cpn_list_div .list_div .list .conditional p:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #bbb;
	border-radius: 100%
}

.coupon_div .cpn_list_div .list_div .list .badge {
	position: absolute;
	top: 20px;
	right: 20px
}

.coupon_div .cpn_list_div .list_div .list .badge:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .cpn_list_div .list_div .list .badge span {
	float: left;
	margin-left: 4px;
	padding: 5px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #ff3894;
	background: rgba(255, 56, 148, 0.1);
	border-radius: 15px
}

.coupon_div .cpn_list_div .list_div .list .download {
	position: absolute;
	bottom: 22px;
	right: 32px;
	padding: 9px 19px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 5px
}

.coupon_div .cpn_list_div .list_div .list .download span {
	display: inline-block;
	padding-right: 22px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background: url('/res/images/cpn_down.png') no-repeat right center;
	background-size: 20px
}

.use_product_list {
	margin-top: -28px
}

.use_product_list .list {
	position: relative;
	padding: 20px 0 19px;
	border-top: 1px solid #eee
}

.use_product_list .list:first-child {
	border-top: none;
	padding: 20px 0
}

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

.use_product_list .list .thumb {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 20px
}

.use_product_list .list .thumb img {
	width: 100%
}

.use_product_list .list.pet .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.use_product_list .list.pet .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.use_product_list .list .pd_info {
	float: left;
	padding-left: 16px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.use_product_list .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 44px;
	font-size: 15px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.use_product_list .list .pd_info .name b {
	font-weight: 500
}

.use_product_list .list .pd_info .price_div {
	margin-top: 10px
}

.use_product_list .list .pd_info .price_div .price:after {
	content: '';
	display: block;
	clear: both
}

.use_product_list .list .pd_info .price_div .price .won {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #080202;
	letter-spacing: -0.2px;
}

.use_product_list .list .pd_info .price_div .price .won span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	letter-spacing: -0.5px;
}

.use_product_list .list .pd_info .price_div .price .dc {
	float: left;
	margin-left: 6px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.use_product_list .list .pd_info .price_div .price:nth-child(2) {
	margin-top: 2px
}

.use_product_list .list .pd_info .price_div .price:nth-child(2) .won {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	letter-spacing: -0.2px
}

.use_product_list .list .pd_info .price_div .price:nth-child(2) .won span {
	font-size: 14px;
	line-height: 20px;
	text-decoration: line-through;
	letter-spacing: -0.2px;
}

.use_product_list .list .cart_btn {
	position: absolute;
	bottom: 27px;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('/res/images/icn_cart_32x32.png') no-repeat center;
	background-size: 32px;
	z-index: 1
}

.use_product_list .list .heart {
	position: absolute;
	top: 70px;
	left: 50px;
	width: 40px;
	height: 40px;
	background: url('/res/images/icn_heart_40x40.png') no-repeat center;
	background-size: 40px;
	z-index: 1
}

.use_product_list .list .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
}

.use_product_list .list .heart.ing p:nth-child(1) {
	display: block
}

.use_product_list .list .heart.ing p:nth-child(2) {
	display: none
}

.use_product_list .list .heart.off p:nth-child(1) {
	display: none
}

.use_product_list .list .heart.off p:nth-child(2) {
	display: block
}

.use_product_list .list .heart p img {
	width: 100%
}

.use_product_list .list .heart.on {
	background: url('/res/images/icn_heart_40x40_on.png') no-repeat center;
	background-size: 40px;
}

.use_product_list .list .alarm {
	display: none;
	position: absolute;
	bottom: 23px;
	right: 0;
	padding: 9px 0;
	width: 108px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	text-align: center
}

.use_product_list .list .alarm span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.use_product_list .list .alarm.on {
	border: 1px solid #ddd;
	background: #ddd
}

.use_product_list .list .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.use_product_list .list.soldout .alarm {
	display: inline-block
}

.use_product_list .list.soldout .cart_btn {
	display: none
}

.use_product_list .list.soldout .thumb:before {
	content: '일 시 품 절';
	position: absolute;
	padding: 22px 26px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	word-break: break-all;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.use_product_list .list.spe .pd_info .price_div .price .dc {
	color: #ff3894
}

/* 친구초대 */
.mypage_invite_div {}

.mypage_invite_div .top {}

.mypage_invite_div .top .banner {
	border-radius: 20px;
	overflow: hidden
}

.mypage_invite_div .top .tit {
	margin-top: 60px;
	font-size: 28px;
	line-height: 40px;
	color: #333;
	text-align: center
}

.mypage_invite_div .top .tit span {
	font-weight: 700;
}

.mypage_invite_div .step_div {
	margin-top: 80px
}

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

.mypage_invite_div .step_div .list {
	float: left;
	margin-left: 40px
}

.mypage_invite_div .step_div .list:first-child {
	margin-left: 0
}

.mypage_invite_div .step_div .list:after {
	content: '';
	display: block;
	clear: both
}

.mypage_invite_div .step_div .list .icn {
	float: left;
	padding: 16px;
	width: 72px;
	background: #f7f7f7;
	border-radius: 100%
}

.mypage_invite_div .step_div .list .icn img {
	width: 100%
}

.mypage_invite_div .step_div .list .dtl {
	float: left;
	padding: 4px 0 4px 12px
}

.mypage_invite_div .step_div .list .dtl .step {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814
}

.mypage_invite_div .step_div .list .dtl .desc {
	margin-top: 4px;
	font-size: 15px;
	line-height: 20px;
	color: #555
}

.mypage_invite_div .share_div {
	margin-top: 80px;
	padding-top: 60px;
	border-top: 1px solid #eee;
	text-align: center
}

.mypage_invite_div .share_div .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #333
}

.mypage_invite_div .share_div .cord_box {
	margin: 32px auto 0;
	padding: 28px 0 30px;
	width: 640px;
	text-align: center;
	background: #f7f7f7;
	border-radius: 10px
}

.mypage_invite_div .share_div .cord_box .desc {
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.mypage_invite_div .share_div .cord_box .cord {
	font-size: 32px;
	font-weight: 500;
	color: #333;
	margin-top: 16px;
	letter-spacing: -1px
}

.mypage_invite_div .share_div .btn {
	margin-top: 52px;
	text-align: center
}

.mypage_invite_div .share_div .btn a {
	display: inline-block;
	margin: 0 3px;
	padding: 13px 0;
	width: 250px;
	border-radius: 10px
}

.mypage_invite_div .share_div .btn a span {
	display: inline-block;
	padding-left: 36px;
}

.mypage_invite_div .share_div .btn a.copy {
	border: 1px solid #3cc814
}

.mypage_invite_div .share_div .btn a.copy span {
	background: url('/res/images/icn_copy.png') no-repeat left center;
	background-size: 32px;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #3cc814
}

.mypage_invite_div .share_div .btn a.kakao {
	background: #ffe500;
	border: 1px solid #ffe500
}

.mypage_invite_div .share_div .btn a.kakao span {
	background: url('/res/images/icn_kakao_32x32.png') no-repeat left center;
	background-size: 32px;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #000
}

/* 환불계좌 관리 */
.account_div {
	padding-top: 40px;
	border-top: 1px solid #eee
}

.account_div .already {}

.account_div .already .tit {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.account_div .already .btn {
	margin: 40px auto 0;
	width: 320px
}

.account_div .complete {}

.account_div .complete .top {
	padding: 20px 0;
}

.account_div .complete .top:after {
	content: '';
	display: block;
	clear: both
}

.account_div .complete .top .noti {
	float: left;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	background: url('/res/images/icn_notice_16x16.png') no-repeat left center;
	background-size: 16px
}

.account_div .complete .top .btn {
	float: right
}

.account_div .complete .top .btn:after {
	content: '';
	display: block;
	clear: both
}

.account_div .complete .top .btn a {
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.account_div .complete .top .btn a:first-child {
	margin-left: 0
}

.account_div .complete .info {
	padding-top: 24px;
	border-top: 1px solid #999
}

.account_div .complete .info .line {
	margin-top: 24px
}

.account_div .complete .info .line:first-child {
	margin-top: 0
}

.account_div .complete .info .line:after {
	content: '';
	display: block;
	clear: both
}

.account_div .complete .info .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.account_div .complete .info .line .right {
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.account_pop .input_form {
	margin-top: 10px
}

.account_pop .input_form:first-child {
	margin-top: 0
}

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

.account_pop .input_form .tit {
	float: left;
	padding: 15px 0;
	width: 85px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: left;
}

.account_pop .input_form .input_area {
	float: right;
	margin-top: 0;
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
}

.account_pop .input_form .input_area+.input_area {
	margin-top: 10px
}

.account_pop .input_form .input_area.has_btn input {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px)
}

.account_pop .input_form .select_form .option {
	max-height: 440px
}

.account_pop .input_form.error .txt {
	float: left;
	padding-left: 97px;
	width: 100%
}

.account_pop .agree_info {
	margin-top: 32px;
	padding-top: 31px;
	border-top: 1px solid #ddd
}

.account_pop .agree_info .txt {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.account_pop .agree_info .table {
	margin-top: 16px;
	border-top: 1px solid #ddd
}

.account_pop .agree_info .table table th {
	padding: 12px 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.account_pop .agree_info .table table td {
	padding: 12px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	vertical-align: middle
}

.account_pop .chk_div {
	margin-top: 16px;
	text-align: left
}

/* 광고·제휴 문의 */
.inqu_div {}

.inqu_div .text {
	margin-bottom: 40px;
	padding-bottom: 40px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	border-bottom: 1px solid #eee
}

.inqu_div .input_form {}

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

.inqu_div .input_form .tit {
	float: left;
	padding: 15px 0;
	width: 100px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.inqu_div .input_form .input_area {
	float: left;
	margin-top: 0;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.inqu_div .input_form .textarea_div {
	padding: 16px 46px 44px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.inqu_div .input_form .textarea_div .byte {
	right: 12px;
	bottom: 16px
}

.inqu_div .upload_form {
	margin-top: 20px
}

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

.inqu_div .upload_form .tit {
	float: left;
	padding: 15px 0;
	width: 100px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.inqu_div .upload_div {
	position: relative;
	float: left;
	padding: 32px 15px 32px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px
}

.inqu_div .upload_div .upload_info {
	display: none
}

.inqu_div .upload_div .txt {
	padding-top: 68px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: url('/res/images/m_inqu_upload.png') no-repeat center top;
	background-size: 56px
}

.inqu_div .upload_div .btn {
	display: block;
	margin: 24px auto 0;
	padding: 12px 0;
	width: 112px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border-radius: 10px;
}

.inqu_div .upload_div input[type="file"] {
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	width: 112px;
	height: 48px;
	opacity: 0
}

.inqu_div .upload_div.upload {}

.inqu_div .upload_div.upload .upload_info {
	display: block
}

.inqu_div .upload_div.upload .upload_info .icon {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: 34px;
	width: 56px;
	background: url('/res/images/m_inqu_file.png') no-repeat center top;
	background-size: 56px;
	text-align: center
}

.inqu_div .upload_div.upload .upload_info .icon span {
	display: inline-block;
	width: 44px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #000;
	border-radius: 4px
}

.inqu_div .upload_div.upload .upload_info .icon .delete {
	position: absolute;
	top: -10px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: url('/res/images/clear_delete_20x20.png') no-repeat center;
	background-size: 20px
}

.inqu_div .upload_div.upload .upload_info .name {
	display: inline-block;
	margin-top: 12px;
	padding: 0 1px;
	max-width: 300px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.inqu_div .upload_div.upload .txt {
	display: none
}

.inqu_div .chk_div {
	padding-left: 100px;
	margin-top: 20px
}

.inqu_div .dot_indent {
	padding-left: 132px;
	margin-top: 12px
}

.inqu_div .dot_indent p {
	margin-top: 4px;
	font-weight: 300;
	line-height: 18px;
	color: #999
}

.inqu_div .dot_indent p:first-child {
	margin-top: 0
}

.inqu_div .capcha {
	margin: 40px auto 0;
	padding-bottom: 45px;
	width: 480px
}

.inqu_div .capcha img {
	width: 100%
}

.inqu_div .btn_type {
	margin: 40px auto 0;
	width: 480px
}

#captcha_secret {
	transform: scale(1.58);
	-webkit-transform: scale(1.58);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

/* 이용약관 및 개인정보 처리방침 등 */
.term_div {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300
}

.term_div .anchor_div a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #3cc814
}

.term_div .anchor_div a:hover {
	text-decoration: underline
}

.term_div .text_div {
	margin-top: 40px
}

.term_div .tit {
	margin-top: 30px;
	font-weight: 400
}

.term_div .tit:first-child {
	margin-top: 0
}

.term_div .tit.etc {
	margin-top: 32px;
}

.term_div .tit span {
	display: inline-block;
	margin-right: 6px;
}

.term_div .txt {
	margin-top: 12px;
}

.term_div .txt:first-child {
	margin-top: 0
}

.term_div .txt .noti {
	margin-top: 8px;
	font-size: 14px;
	color: #777
}

.term_div .txt p {
	margin-top: 12px;
}

.term_div .txt p:first-child {
	margin-top: 0;
}

.term_div .txt table {
	position: relative;
	margin-top: 24px
}

.term_div .txt table:first-child {
	margin-top: 0
}

.term_div .txt table:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #555
}

.term_div .txt table thead tr th {
	border-bottom: 1px solid #999;
	border-right: 1px solid #eee;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
	padding: 9px 24px;
	background: #f7f7f7
}

.term_div .txt table tbody tr th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
	padding: 20px 24px 19px
}

.term_div .txt table tr td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
	padding: 20px 24px 19px
}

.term_div .txt table tr th:last-child,
.term_div .txt table tr td:last-child {
	border-right: none;
}

.term_div .txt table tbody tr:last-child th,
.term_div .txt table tbody tr:last-child td {
	border-bottom: 1px solid #555
}

.term_div .txt table tr:last-child td {
	border-bottom: none
}

.term_div .txt .bar_indent {
	padding-left: 15px;
	margin-top: 4px
}

.term_div .txt .bar_indent p {
	margin-top: 2px;
	color: #777
}

.term_div .txt .bar_indent p:first-child {
	margin-top: 0;
}

.term_div .txt .bar_indent+p {
	margin-top: 10px
}

.term_div .txt .indent {
	padding-left: 15px;
	margin-top: 4px
}

.term_div .txt .indent p {
	margin-top: 10px
}

.term_div .txt .indent p:first-child {
	margin-top: 0
}

.term_div .txt .indent .dot_indent p {
	margin-top: 2px
}

.term_div .txt .indent .dot_indent p:first-child {
	margin-top: 0
}

.term_div .sub_tit {
	margin-top: 24px;
}

.term_div .sub_tit+.dot_indent {
	margin-left: 8px;
	margin-top: 6px;
}

.term_div .txt a {
	color: #3cc814
}

.term_div .select_div {
	margin-top: 12px;
	width: 400px
}

/* ARS */
.ars_div {
	position: relative
}

.ars_div .cont {
	position: relative;
	padding-bottom: 108px
}

.ars_div .top_banner {
	display: block;
	height: 320px;
	border-radius: 20px
}

.ars_div .top_banner.ars {
	background: url('/res/images/ars_banner.png') no-repeat center #fffaeb;
	background-size: 1280px 320px;
}

/* 221223 전화주문 페이지 개발 수정 */
.ars_div .top_banner.tel {
	height: auto;
	/* background: url('/res/images/event/evt_order_tell/m_evt_order_tell.png') no-repeat center;
	background-size: 100% auto; */
}

.ars_div .top_banner.tel img {
	width: 100%;
}

/* // 221223 전화주문 페이지 개발 수정 */


.ars_div .howto {
	margin-top: 60px;
	text-align: center
}

.ars_div .howto .tit {
	display: inline-block;
	padding: 6px 17px;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #36d30a;
	border: 3px solid #3cc814;
	border-radius: 25px
}

.ars_div .howto .text {
	margin-top: 32px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #000
}

.ars_div .howto .list_div {
	margin-top: 60px
}

.ars_div .howto .list_div:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .howto .list_div .list {
	float: left;
	width: 280px;
	margin-left: 53px
}

.ars_div .howto .list_div .list:first-child {
	margin-left: 0
}

.ars_div .howto .list_div .list .img {}

.ars_div .howto .list_div .list .img img {
	width: 280px
}

.ars_div .howto .list_div .list .num {
	display: inline-block;
	margin-top: 20px;
	padding: 3px;
	width: 24px;
	height: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-align: center;
	background: #f2fef0;
	border: 1px solid #b7eba9;
	border-radius: 100%
}

.ars_div .howto .list_div .list .txt {
	margin-top: 12px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.ars_div .howto .list_div .list .txt b {
	font-weight: 700
}

.ars_div .bestseller {
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px solid #ddd
}

.ars_div .bestseller .img {
	text-align: center
}

.ars_div .bestseller .img img {
	width: 214px
}

.ars_div .bestseller .title {
	margin-top: 42px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .text {
	margin-top: 16px;
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .list_div {
	margin-top: 80px
}

.ars_div .bestseller .list_div .list {
	position: relative;
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #eee
}

.ars_div .bestseller .list_div .list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.ars_div .bestseller .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .bestseller .list_div .list .product_info {
	position: relative;
	float: left;
	margin-right: 64px;
	width: 486px
}

.ars_div .bestseller .list_div .list .product_info .num {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 16px 10px;
	width: 68px;
	height: 68px;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 100%
}

.ars_div .bestseller .list_div .list .product_info .thumb {
	background: #f7f7f7;
	border-radius: 20px 20px 0 0;
	text-align: center;
}

.ars_div .bestseller .list_div .list .product_info .thumb img {
	width: 230px;
}

.ars_div .bestseller .list_div .list .product_info .txt_area {
	padding: 19px 24px 23px;
	min-height: 148px;
	border: 1px solid #eee;
	border-radius: 0 0 20px 20px
}

.ars_div .bestseller .list_div .list .product_info .txt_area .name {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.ars_div .bestseller .list_div .list .product_info .txt_area .txt {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.ars_div .bestseller .list_div .list .product_info .txt_area .txt b {
	font-weight: 400
}

.ars_div .bestseller .list_div .list .option_list {
	float: left;
	padding-top: 44px;
	width: 730px
}

.ars_div .bestseller .list_div .list .option_list .option {
	display: block;
	padding: 32px 0;
	border-top: 1px solid #eee
}

.ars_div .bestseller .list_div .list .option_list .option:first-child {
	padding-top: 0;
	border-top: none
}

.ars_div .bestseller .list_div .list .option_list .option:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .bestseller .list_div .list .option_list .option .tit {
	float: left;
	margin-right: 100px;
	width: 470px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.ars_div .bestseller .list_div .list .option_list .option .tit b {
	font-weight: 700;
	color: #3cc814
}

.ars_div .bestseller .list_div .list .option_list .option .price_div {
	float: right;
	max-width: 200px
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list {}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list .price {
	float: left
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list .dc {
	float: left;
	margin-left: 4px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #3cc814
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(1) .price {
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	color: #000
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(1) .price span {
	display: inline-block;
	font-size: 24px;
	vertical-align: top
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) {
	margin-top: 1px
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) .price {
	font-size: 16px;
	line-height: 20px;
	color: #999
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	text-decoration: line-through
}

.ars_div .bestseller .list_div .list .option_list.many {
	padding-top: 20px
}

.ars_div .fixed_btn {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 26px 10px;
	width: 400px;
	text-align: center;
	background: #3cc814;
	border-radius: 10px;
	z-index: 1
}

.ars_div .fixed_btn span {
	display: inline-block;
	padding-left: 30px;
	font-weight: 500;
	font-size: 26px;
	line-height: 28px;
	color: #fff;
	background: url('/res/images/m_ars_btn_icn.png') no-repeat left center;
	background-size: 24px
}

.ars_div .fixed_btn img {
	display: inline-block;
	padding: 2px 0 1px;
	margin-right: 8px;
	height: 28px
}

/* 에러페이지 */
.error_div {
	padding-top: 225px;
	background: url('/res/images/m_error_div.png') no-repeat center 135px;
	background-size: 64px;
	text-align: center
}

.error_div .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	color: #000
}

.error_div .txt {
	margin-top: 16px;
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.error_div .info {
	margin: 24px auto 0;
	padding: 20px;
	width: 400px;
	background: #f9f9f9;
	border-radius: 10px
}

.error_div .info .title {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.error_div .info .text {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.error_div .btn {
	display: block;
	margin: 60px auto 0;
	width: 488px
}

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

.error_div .btn a {
	float: left;
	margin-left: 8px;
	width: 240px
}

.error_div .btn a:first-child {
	margin-left: 0
}

.error_div .btn a:first-child {
	margin-left: 0
}


/* 리뉴얼안내 페이지 */
.renewal_noti {
	background: rgba(247, 247, 247, 0.8);
	height: 100%;
	min-height: 660px
}

.renewal_noti .table {
	display: table;
	margin: 0 auto;
	width: 800px;
	height: 100%;
	min-height: 660px
}

.renewal_noti .table_cell {
	display: table-cell;
	padding: 50px 0 120px;
	vertical-align: middle;
	text-align: center
}

.renewal_noti .logo {
	display: inline-block;
	width: 160px
}

.renewal_noti .logo img {
	width: 100%
}

.renewal_noti .box {
	margin-top: 40px;
	padding: 80px 20px 72px;
	background: #fff;
	border-radius: 10px
}

.renewal_noti .box .title {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 32px;
	line-height: 42px;
	color: #000
}

.renewal_noti .box .title span {
	color: #3cc814
}

.renewal_noti .box .title:before {
	content: '';
	position: absolute;
	top: -8px;
	left: -42px;
	width: 26px;
	height: 17px;
	background: url('/res/images/renewal_noti_title_before.png') no-repeat;
	background-size: 26px 17px
}

.renewal_noti .box .title:after {
	content: '';
	position: absolute;
	top: -8px;
	right: -42px;
	width: 26px;
	height: 17px;
	background: url('/res/images/renewal_noti_title_after.png') no-repeat;
	background-size: 26px 17px
}

.renewal_noti .box .text {
	margin-top: 8px;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.renewal_noti .box .time_noti {
	margin: 32px auto 0;
	padding: 19px 20px;
	width: 480px;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 10px
}

.renewal_noti .box .time_noti .tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.renewal_noti .box .time_noti .time {
	margin-top: 4px;
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.renewal_noti .box .noti_txt {
	display: inline-block;
	margin-top: 28px;
	padding-left: 26px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: url('/res/images/renewal_noti_noti_txt.png') no-repeat left center;
	background-size: 20px
}

/* 팝업 */
.layer_pop {
	display: none;
	position: fixed;
	z-index: 12;
	padding: 24px 0 32px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 480px;
	background: #fff;
	border-radius: 20px
}

.layer_pop.show {
	display: block
}

.layer_pop.has_btn {
	padding-bottom: 132px
}

.layer_pop .close_btn {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url('/res/images/icn_xbt_32x32.png') no-repeat center;
	background-size: 32px
}

.layer_pop .pop_tit {
	padding-bottom: 24px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: center;
	letter-spacing: -1px
}

.layer_pop .pop_con {
	padding: 32px 40px 0;
	overflow-y: auto
}

.layer_pop.scroll .pop_con {
	height: calc(100% - 56px);
	height: -webkit-calc(100% - 56px);
}

.layer_pop .pop_con:after {
	content: '';
	display: block;
}

.layer_pop .pop_con .tabs {
	position: relative
}

.layer_pop .pop_con .tabs:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -40px;
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	border-bottom: 1px solid #ddd
}

.layer_pop .pop_con .tabs:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .pop_con .tabs a {
	position: relative;
	float: left;
	padding: 17px 0;
	width: 50%;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center
}

.layer_pop .pop_con .tabs a.on {
	color: #000
}

.layer_pop .pop_con .tabs a.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000
}

.layer_pop .pop_con .tab_content {
	margin-top: 40px
}

.layer_pop .pop_con .text {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.layer_pop .pop_con .radio_div .radio_box {
	margin-left: 38px
}

.layer_pop .pop_con .radio_div .radio_box:first-child {
	margin-left: 0
}

.layer_pop .pop_con .top_noti {
	padding-bottom: 23px;
	margin-bottom: 32px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.layer_pop .pop_con .top_noti span {
	color: #3cc814;
	word-break: break-all
}

.layer_pop .pop_con .member_info {
	padding-bottom: 23px;
	border-bottom: 1px solid #eee
}

.layer_pop .pop_con .member_info .tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .member_info .line {
	margin-top: 24px
}

.layer_pop .pop_con .member_info .line:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .pop_con .member_info .line .left {
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .member_info .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .join_benefit_div {
	text-align: center
}

.layer_pop .pop_con .join_benefit_div .txt {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.layer_pop .pop_con .join_benefit_div .list_div {
	margin: 8px auto 0;
	width: 362px
}

.layer_pop .pop_con .join_benefit_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .pop_con .join_benefit_div .list_div .list {
	float: left;
	margin-left: 46px;
	width: 90px;
}

.layer_pop .pop_con .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.layer_pop .pop_con .join_benefit_div .list_div .list .icn img {
	width: 76px
}

.layer_pop .pop_con .join_benefit_div .list_div .list .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.layer_pop .pop_con .join_btn {
	margin-top: 24px;
	text-align: center;
}

.layer_pop .pop_con .join_btn a {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .join_btn a span {
	display: inline-block;
	text-decoration: underline
}

.layer_pop .pop_con .addr_list_div .list:first-child {
	padding-top: 0;
}

.layer_pop .pop_con .addr_list_div .list .top .btn_area a.cancel,
.layer_pop .pop_con .addr_list_div .list .top .btn_area a.save {
	display: none;
}

.layer_pop .pop_con .addr_list_div .list .select_btn {
	display: inline-block;
	margin-top: 16px;
	width: 60px;
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.layer_pop .pop_con .addr_list_div .list .addr_edit {
	display: none;
	margin-top: 16px
}

.layer_pop .pop_con .term_div .text_div {
	margin-top: 0
}

.layer_pop .fixed_btn {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
}

.layer_pop .fixed_btn.two a {
	float: left;
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.layer_pop .fixed_btn.two a:first-child {
	margin-left: 0
}

.layer_pop .bottom_btn {
	margin: 32px auto 0
}

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

.layer_pop .bottom_btn.two a {
	float: left;
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.layer_pop .bottom_btn.two a:first-child {
	margin-left: 0
}

.layer_pop .close_btn {
	top: 24px;
	right: 16px
}

.layer_pop.mid_pop .pop_con {
	height: auto
}

.layer_pop.join_benefit_pop .pop_con {
	height: 356px
}

.review_lead_pop {
	padding-bottom: 40px
}

.review_lead_pop:after {
	content: '';
	position: absolute;
	top: -100px;
	left: 188px;
	width: 113px;
	height: 134px;
	background: url('/res/images/review_lead_pop_icn.png') no-repeat;
	background-size: 113px 134px
}

.review_lead_pop .intro_tit {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-align: center
}

.review_lead_pop .intro_tit span {
	font-weight: 700
}

.review_lead_pop .product {
	position: relative;
	margin: 16px auto 0;
	width: 140px;
	height: 140px
}

.review_lead_pop .product .thumb {
	padding: 8px;
	background: #f7f7f7;
	border-radius: 10px
}

.review_lead_pop .product .thumb img {
	width: 100%
}

.review_lead_pop .product .many {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 7px 2px;
	width: 32px;
	height: 32px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 8px
}

.review_lead_pop .text {
	margin-top: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.review_lead_pop .text span {
	display: block;
	margin-top: 4px;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #080202;
}

.review_lead_pop .text span b {
	display: inline-block;
	margin: 0 3px;
	font-weight: 700;
	color: #3cc814;
	vertical-align: top
}

.review_lead_pop .text span b i {
	display: inline-block;
	font-size: 22px;
	vertical-align: top;
	font-style: normal
}

.review_lead_pop .write_btn {
	display: block;
	margin-top: 28px;
	padding: 19px 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.review_lead_pop .today {
	position: absolute;
	bottom: -45px;
	left: 0;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

.review_lead_pop .x_btn {
	position: absolute;
	bottom: -45px;
	right: 0;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

.secret_coupon_pop {
	padding: 0
}

.secret_coupon_pop .pop_con {
	padding: 0;
	overflow: unset;
	position: relative;
}

.secret_coupon_pop .pop_con img {
	width: 100%;
}

.secret_coupon_pop .pop_con .txt {
	position: absolute;
	font-size: 43px;
	left: 50%;
	color: #3cc814;
	transform: rotate(-15deg) translateX(-50%);
	font-weight: 700;
}

.secret_coupon_pop .pop_con .txt span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}

.secret_coupon_pop .pop_con .delivery_div .txt {
	top: 295px;
}

.secret_coupon_pop .pop_con .percent_div .txt {
	top: 305px;
}

.secret_coupon_pop .pop_con .won_div .txt {
	top: 293px;
}

.secret_coupon_pop .go_coupon_btn {
	display: block;
	position: absolute;
	width: 400px;
	height: 60px;
	bottom: 40px;
	left: 40px;
	padding: 19px 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 10px
}

.secret_coupon_pop .x_btn {
	position: absolute;
	bottom: -45px;
	right: 10px;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}


.addr_pop .input_form {
	margin-top: 10px
}

.addr_pop .input_form:first-child {
	margin-top: 0
}

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

.addr_pop .input_form .tit {
	float: left;
	padding: 15px 0;
	width: 85px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: left;
}

.addr_pop .input_form .input_area {
	float: right;
	margin-top: 0;
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
}

.addr_pop .input_form .input_area+.input_area {
	margin-top: 10px
}

.addr_pop .input_form .input_area.has_btn input {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px)
}

.addr_pop .input_form.error .txt {
	float: left;
	padding-left: 97px;
	width: 100%
}

.addr_pop .chk_div {
	padding-left: 85px;
	margin-top: 16px;
	text-align: left
}

.addr_pop .no_data_div .txt_area {
	padding-top: 164px;
	background-position: center 80px
}

.addr_mgr_pop {
	height: 724px
}

.addr_mgr_pop .pop_con {
	height: calc(100% - 56px);
	height: -webkit-calc(100% - 56px)
}

.addr_mgr_pop.nomem_pop {
	height: 530px
}

.coupon_pop .list_div {}

.coupon_pop .list_div .list {
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.coupon_pop .list_div .list:first-child {
	padding-top: 0
}

.coupon_pop .list_div .list:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.coupon_pop .list_div .list .product {
	display: table;
	width: 100%
}

.coupon_pop .list_div .list .product .thumb {
	position: relative;
	display: table-cell;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 20px;
	vertical-align: middle;
	vertical-align: middle
}

.coupon_pop .list_div .list .product .thumb img {
	width: 100%
}

.coupon_pop .list_div .list.pet .product .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.coupon_pop .list_div .list.pet .product .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.coupon_pop .list_div .list .product .name {
	display: table-cell;
	padding-left: 20px;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	vertical-align: middle
}

.coupon_pop .list_div .list .product .name p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 44px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.coupon_pop .list_div .list .select_form {
	margin-top: 12px
}

.leave_pop {
	display: none;
	position: fixed;
	width: 424px;
	top: 32px;
	right: 32px;
	padding: 20px 24px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 20px;
	z-index: 20
}

.leave_pop .pop_tit {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 24px;
	color: #000
}

.leave_pop .pop_tit b {
	font-weight: 700;
	margin-right: 6px;
}

.leave_pop .pop_tit .pink {
	color: #e81d75
}

.leave_pop .pd_cont_area .list_div {}

.leave_pop .pd_cont_area .list_div .list {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	width: 100%;
	margin-left: 0
}

.leave_pop .pd_cont_area .list_div .list:first-child {
	margin-top: 0;
}

.leave_pop .pd_cont_area .list_div .list:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.leave_pop .pd_cont_area .list_div .list .link_area {
	table-layout: unset
}

.leave_pop .pd_cont_area .list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.leave_pop .pd_cont_area .list_div .list .link_area .thumb {
	width: 100px;
	height: 100px;
	padding: 4px;
	border-radius: 20px;
	overflow: hidden;
	background: #f7f7f7
}

.leave_pop .pd_cont_area .list_div .list .link_area .thumb img {
	width: 100%;
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info {
	width: calc(100% - 116px);
	width: -webkit-calc(100% - 116px);
	padding-left: 16px;
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .tag {}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .name {
	margin-top: 0;
	line-height: 20px;
	height: 40px;
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .name .brand {
	font-weight: 500
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div {
	margin-top: 12px;
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price {}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price .won {
	line-height: 24px;
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price .dc {
	line-height: 24px;
}

.leave_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price:nth-child(2) .won {
	line-height: 20px;
}

.leave_pop .pd_cont_area .list_div .list .cart_btn {
	width: 32px;
	height: 32px;
	right: 0;
	bottom: 27px;
	top: auto;
	left: auto
}

.leave_pop .pd_cont_area .list_div .list .heart {
	width: 40px;
	height: 40px;
	top: 50px;
	left: 50px;
	bottom: auto;
	right: auto
}

.leave_pop .pd_cont_area .list_div .list:last-child .cart_btn {
	bottom: 7px
}

.leave_pop .pd_cont_area .list_div .product_list.soldout .thumb:before {
	content: "일시품절";
	font-size: 14px;
	line-height: 18px;
	width: 80px;
	height: 80px;
	padding: 22px;
}

.leave_pop .pd_cont_area .list_div .product_list.pet .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.leave_pop .pd_cont_area .list_div .product_list.pet .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.leave_pop .close_btn {
	position: absolute;
	top: 24px;
	right: 16px;
	width: 32px;
	height: 32px;
	background: url('/res/images/icn_xbt_32x32.png') no-repeat center;
	background-size: 32px
}

.receipt_pop .radio_div {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.receipt_pop .radio_tab_con {
	padding-top: 24px
}

.receipt_pop .input_form .input_area+.input_area {
	margin-top: 16px
}

.receipt_pop .btn {
	margin-top: 40px
}

.receipt_pop .dot_indent {
	margin-top: 20px
}

.alert_pop {
	position: fixed;
	z-index: 16;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px;
	text-align: center
}

.alert_pop .pop_con {
	padding: 40px 24px 24px;
	background: #fff;
	text-align: center;
	border-radius: 20px
}

.alert_pop .pop_con .txt {
	display: table;
	margin-top: 20px;
	width: 100%;
	min-height: 48px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.alert_pop .pop_con .txt:first-child {
	margin-top: 0
}

.alert_pop .pop_con .txt p {
	display: table-cell;
	vertical-align: middle
}

.alert_pop .pop_con .txt2 {
	margin-top: 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.alert_pop .pop_btn {
	margin-top: 40px;
	width: 100%;
	text-align: center;
	background: #fff
}

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

.alert_pop .pop_btn a {
	float: left;
	padding: 17px 5px;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 10px
}

.alert_pop .pop_btn.two a {
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.alert_pop .pop_btn.two a:first-child {
	margin-left: 0
}

.alert_pop .pop_btn .no_btn {
	color: #333;
	background: #eee
}

.alert_pop .pop_btn .ok_btn {
	color: #fff;
	background: #3cc814
}

.toast_pop {
	position: fixed;
	white-space: nowrap;
	z-index: 12;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 14px 40px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.7)
}

.toast_pop .pop_con {
	padding: 0
}

.toast_pop .pop_con .title b {
	color: #3cc814;
	font-weight: 500
}

.option_layer {
	display: none;
	max-height: 680px;
	z-index: 16
}

.option_layer .tit {
	margin: 32px 0 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.option_layer .tit:first-child {
	margin-top: 8px
}

.option_layer .select_box .one_depth {
	display: block;
	padding: 13px 40px 13px 11px;
	border: 1px solid #f7f7f7;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 10px
}

.option_layer .select_box .one_depth:after {
	content: '';
	display: block;
	clear: both
}

.option_layer .select_box .one_depth span {
	float: right;
	font-size: 12px;
	line-height: 20px;
	color: #3cc814
}

.option_layer .select_box .two_depth {
	display: none;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow-y: auto
}

.option_layer .select_box .two_depth>div {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee
}

.option_layer .select_box .two_depth>div:last-child {
	border-bottom: none
}

.option_layer .select_box .two_depth>div .txt {
	display: table-cell;
	padding: 16px 12px 15px;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: middle
}

.option_layer .select_box .two_depth>div .txt.on {
	background: #f2fef0
}

.option_layer .select_box .two_depth>div .btn {
	display: none;
	padding: 0 12px 0 2px;
	vertical-align: middle
}

.option_layer .select_box .two_depth>div .btn .alarm {
	display: inline-block;
	padding: 4px 5px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	white-space: nowrap
}

.option_layer .select_box .two_depth>div .btn .alarm span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.option_layer .select_box .two_depth>div .btn .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.option_layer .select_box .two_depth>div .btn .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.option_layer .select_box .two_depth>div.soldout .txt {
	color: #ccc
}

.option_layer .select_box .two_depth>div.soldout .btn {
	display: table-cell;
}

.option_layer .select_box.on .one_depth {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 20px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
}

.option_layer .absol_btn {
	position: absolute;
	bottom: 40px;
	left: 40px
}

.option_layer .absol_btn a {
	display: block;
	padding: 14px 0;
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.option_layer .absol_btn a span {
	display: inline-block;
	padding-left: 28px;
	background: url('/res/images/m_bottom_fix_cart.png') no-repeat left center;
	background-size: 24px
}

.option_layer.new {
	padding-bottom: 184px;
	max-height: 740px
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div {
	padding: 20px 20px 20px 10px;
	border-top: 1px solid #eee;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div:first-child {
	border-top: 0
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box {
	width: 100%;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box label {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 0 32px;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info {}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info:after {
	content: '';
	display: block;
	clear: both
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info p {
	margin-top: 0
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info p span {
	display: inline-block;
	margin-top: 0;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info p.volume {
	float: left
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div.spe .chk_box .info p.volume:after {
	content: '특가';
	margin-left: 6px;
	font-size: 12px;
	color: #fff;
	padding: 4px 6px;
	border-radius: 2px;
	background: #ff3894
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info p.volume span {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	margin-left: 4px
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info p.price {
	float: right;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .info p.price span {
	font-size: 14px;
	line-height: 18px;
	color: #555;
	margin-left: 8px;
	font-weight: 400;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div.cheapest .chk_box .info p.price span {
	color: #ff3894
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .plus_info {
	margin-top: 12px;
	background: #f9f9f9;
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 20px;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .plus_info .detail {
	color: #000
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .plus_info .date {
	margin-top: 2px;
	color: #999
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .plus_info.no p {
	color: #ccc;
	text-decoration: line-through
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .chk_box .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

.option_layer .option_select_form .list_div .list .select_form {}

.option_layer .option_select_form .list_div .list .select_form .select {
	padding: 15px 36px 15px 16px
}

.option_layer .option_select_form .list_div .list .select_form .select.on {
	border: 1px solid #bbb;
}

.option_layer .option_select_form .list_div .list .select_form .option {
	position: relative;
	max-height: 300px;
	top: 0
}

.option_layer .option_select_form .list_div .list .chk_div {
	padding: 16px;
	border-top: 1px solid #eee;
}

.option_layer .option_select_form .list_div .list .chk_div:first-child {
	border-top: none;
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box {
	width: 100%;
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box label {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 0 32px;
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info {}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info:after {
	content: '';
	display: block;
	clear: both
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info p {
	margin-top: 0
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info p.volume {
	float: left
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info p.price {
	float: right;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700
}

.option_layer .option_select_form.sub_pd_option {
	margin-top: 24px
}

.option_layer .bottom_fixed {
	position: absolute;
	bottom: 32px;
	left: 0;
	width: 100%;
	padding: 16px 40px 0 40px;
	border-top: 1px solid #ddd
}

.option_layer .bottom_fixed .pd_final_cost {
	margin-bottom: 16px;
}

.option_layer .bottom_fixed .pd_final_cost:after {
	content: '';
	display: block;
	clear: both
}

.option_layer .bottom_fixed .pd_final_cost .type {
	position: relative;
	float: left;
	padding-right: 16px;
	font-size: 16px;
	line-height: 36px;
	color: #777
}

.option_layer .bottom_fixed .pd_final_cost .type .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.option_layer .bottom_fixed .pd_final_cost .price {
	float: right
}

.option_layer .bottom_fixed .pd_final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.option_layer .bottom_fixed .pd_final_cost .price .won {
	float: left;
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
	color: #3cc814
}

.option_layer .bottom_fixed .pd_final_cost .price .won span {
	display: inline-block;
	font-weight: 700;
	font-size: 28px;
	vertical-align: top
}



/* footer */
footer {
	border-top: 1px solid #eee
}

footer .top {
	padding: 16px 0;
	border-bottom: 1px solid #eee
}

footer .top .left {
	float: left;
	padding: 10px 0;
}

footer .top .left:after {
	content: '';
	display: block;
	clear: both
}

footer .top .left a {
	position: relative;
	float: left;
	margin-left: 33px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

footer .top .left a:first-child {
	margin-left: 0
}

footer .top .left a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -17px;
	width: 1px;
	height: 10px;
	background: #ddd
}

footer .top .left a:first-child:before {
	display: none
}

footer .top .left a:hover {
	text-decoration: underline
}

footer .top .right {
	float: right
}

footer .top .right:after {
	content: '';
	display: block;
	clear: both
}

footer .top .right .sns {
	float: left;
	padding: 4px 0
}

footer .top .right .sns:after {
	content: '';
	display: block;
	clear: both
}

footer .top .right .sns a {
	position: relative;
	float: left;
	margin-right: 28px;
	width: 32px;
	height: 32px
}

footer .top .right .sns a.kakaoch {
	margin-right: 22px
}

footer .top .right .sns a.facebook {
	margin-right: 22px
}

footer .top .right .sns a:last-child {
	margin-right: 0
}

footer .top .right .sns a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

footer .top .right .sns a img:nth-child(1) {
	display: block
}

footer .top .right .sns a img:nth-child(2) {
	display: none
}

footer .top .right .sns a:hover img:nth-child(1) {
	display: none
}

footer .top .right .sns a:hover img:nth-child(2) {
	display: block
}

footer .top .right .familysite {
	position: relative;
	float: left;
	margin-left: 28px;
	width: 232px;
	height: 40px;
	background: #fff;
	border-radius: 10px
}

footer .top .right .familysite .select {
	display: block;
	padding: 0 32px 0 15px;
	font-size: 14px;
	line-height: 38px;
	color: #555;
	background: url('/res/images/icn_down_16x16.png') no-repeat right 11px top 50%;
	background-size: 16px;
	border: 1px solid #ddd;
	border-radius: 10px
}

footer .top .right .familysite .select:hover {
	border: 1px solid #bbb
}

footer .top .right .familysite .option {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1;
	border: 1px solid #bbb;
	border-top: none;
	border-radius: 0 0 10px 10px
}

footer .top .right .familysite .option a {
	display: block;
	padding: 0 15px;
	font-size: 14px;
	line-height: 38px;
	color: #555;
}

footer .top .right .familysite.on .select {
	background: url('/res/images/icn_up_16x16.png') no-repeat right 11px top 50%;
	background-size: 16px;
	border: 1px solid #bbb;
	border-bottom: none;
	border-radius: 10px 10px 0 0
}

footer .top .right .familysite.on .select:hover {
	border: 1px solid #bbb;
	border-bottom: none;
}

footer .bottom {
	padding: 32px 0 60px
}

footer .bottom .company {
	position: relative;
	top: -6px;
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

footer .bottom .info {
	float: left;
	margin-left: 48px
}

footer .bottom .info .title {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

footer .bottom .info .info1 {}

footer .bottom .info .info1 p {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

footer .bottom .info .info1 p:first-child {
	margin-top: 0
}

footer .bottom .info .info2 {
	margin-top: 12px
}

footer .bottom .info .info2 p {
	margin-top: 4px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

footer .bottom .info .info2 p:first-child {
	margin-top: 0
}

footer .bottom .info .info3 {
	margin-top: 16px
}

footer .bottom .info .info3:after {
	content: '';
	display: block;
	clear: both
}

footer .bottom .info .info3 a {
	position: relative;
	float: left;
	margin-left: 29px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #555
}

footer .bottom .info .info3 a:first-child {
	margin-left: 0
}

footer .bottom .info .info3 a:after {
	content: '';
	position: absolute;
	top: 5px;
	left: -15px;
	width: 1px;
	height: 10px;
	background: #ddd
}

footer .bottom .info .info3 a:first-child:after {
	display: none
}

footer .bottom .info .info3 a:hover {
	text-decoration: underline
}

footer .bottom .cs {
	float: left;
	margin-left: 80px
}

footer .bottom .cs .title {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

footer .bottom .cs .tel {
	display: inline-block;
	margin-top: 4px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #3cc814
}

footer .bottom .cs .time {
	font-size: 13px;
	line-height: 20px;
	color: #777
}

footer .bottom .cs .cs_link {
	display: inline-block;
	margin-top: 20px;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/icn_right_16x16.png') no-repeat right center;
	background-size: 16px
}

footer .bottom .cs .utill {
	margin-top: 6px
}

footer .bottom .cs .utill:after {
	content: '';
	display: block;
	clear: both
}

footer .bottom .cs .utill a {
	position: relative;
	float: left;
	margin-left: 29px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

footer .bottom .cs .utill a:first-child {
	margin-left: 0
}

footer .bottom .cs .utill a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -15px;
	width: 1px;
	height: 10px;
	background: #ddd
}

footer .bottom .cs .utill a:first-child:before {
	display: none
}

footer .bottom .cs .utill a:hover {
	text-decoration: underline
}

footer .bottom .etc {
	float: right
}

footer .bottom .etc .app_down {}

footer .bottom .etc .app_down:after {
	content: '';
	display: block;
	clear: both
}

footer .bottom .etc .app_down .qr_div {
	float: left;
	width: 72px;
	height: 72px;
	border-radius: 8px;
	border: 1px solid #eee;
	padding: 11px;
	background: url("/res/images/footer_app_qr.png") center no-repeat;
	background-size: 60px;
}

footer .bottom .etc .app_down .txt_div {
	float: left;
	padding: 17px 0 17px 12px;
}

footer .bottom .etc .app_down .txt_div .tit {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

footer .bottom .etc .app_down .txt_div .txt {
	margin-top: 2px;
	font-size: 12px;
	line-height: 16px;
	color: #000
}

footer .bottom .etc .award {
	margin-top: 10px
}

footer .bottom .etc .award:after {
	content: '';
	display: block;
	clear: both
}

footer .bottom .etc .award .list {
	float: left;
	margin-left: 8px;
	text-align: center
}

footer .bottom .etc .award .list:first-child {
	margin-left: 0
}

footer .bottom .etc .award .list .img {
	display: table;
	width: 156px;
	height: 66px;
	border: 1px solid #eee;
	border-radius: 8px
}

footer .bottom .etc .award .list .img p {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

footer .bottom .etc .award .list .img p img {
	width: 126px
}

footer .copyright {
	padding: 11px 0;
	font-size: 13px;
	line-height: 20px;
	color: #777;
	text-align: center;
	border-top: 1px solid #eee
}

.mob_view {
	display: none;
	padding: 30px 0;
	text-align: center;
	background: #eee;
	width: 100%;
}

.mob_view span {
	display: inline-block;
	padding-right: 80px;
	font-weight: 500;
	font-size: 60px;
	line-height: 80px;
	color: #555;
	background: url('/res/images/mob_view.png') no-repeat right center;
	background-size: 80px
}

.floating_menu {
	position: fixed;
	bottom: 32px;
	z-index: 9;
	opacity: 0
}

.floating_menu a {
	display: block;
	position: relative;
	margin-top: 20px;
	width: 52px;
	height: 52px;
	border-radius: 100%;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2)
}

.floating_menu a:first-child {
	margin-top: 0
}

.floating_menu .kakao {
	background: url('/res/images/floating_kakao.png') no-repeat center #ffe100;
	background-size: 32px;
}

.floating_menu .tel {
	background: url('/res/images/floating_tel.png') no-repeat center #fff;
	background-size: 32px;
}

.floating_menu .tel:before {
	content: '';
	position: absolute;
	top: 12px;
	right: 30px;
	width: 22px;
	height: 16px;
	background: url('/res/images/floating_tel_arrow.png') no-repeat;
	background-size: 22px 16px
}

.floating_menu .tel:after {
	content: '전화주문';
	position: absolute;
	top: -6px;
	right: 24px;
	padding: 4px 6px;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	background: #052832;
	border-radius: 6px
}

.floating_menu .top {
	background: url('/res/images/floating_top.png') no-repeat center #fff;
	background-size: 32px;
}

.floating_menu .close {
	background: url("/res/images/icn_xbt_32x32.png") no-repeat center #fff;
	background-size: 32px;
}

.floating_menu .kakaoch {
	background: url('/res/images/floating_kakaoch.png') no-repeat center #ffe100;
	background-size: 32px;
}

.floating_menu .kakaoch:before {
	content: '카카오톡 채널추가';
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px 22px;
	width: 198px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50px;
	z-index: -1
}

.floating_menu .kakaocs {
	background: url('/res/images/floating_kakao.png') no-repeat center #ffe100;
	background-size: 32px;
}

.floating_menu .kakaocs:before {
	content: '카카오톡 1:1상담';
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px 22px;
	width: 198px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50px;
	z-index: -1
}

.floating_menu .kakao_depth {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
}

.floating_menu.on {
	z-index: 11
}

.floating_menu.on .tel:before,
.floating_menu.on .tel:after {
	display: none
}

/* 플로팅 메뉴 내에 상품 리스트 팝업 공통 */
.floating_menu .floating_pd_pop {
	display: none;
	position: absolute;
	right: 0;
	bottom: 62px;
	width: 424px;
	border: 1px solid #777;
	border-radius: 20px;
	background: #fff;
	padding: 28px 0 32px 24px;
}

.floating_menu .floating_pd_pop .pd_cont_area {
	display: block
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div {}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	width: 100%;
	margin-left: 0
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list:first-child {
	margin-top: 0;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area {}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .thumb {
	width: 100px;
	height: 100px;
	padding: 4px;
	border-radius: 20px;
	overflow: hidden;
	background: #f7f7f7
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .thumb img {
	width: 100%;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info {
	width: calc(100% - 116px);
	width: -webkit-calc(100% - 116px);
	padding-left: 16px;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .tag {}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .name {
	margin-top: 0;
	line-height: 20px;
	height: 40px;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div {
	margin-top: 12px;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price {}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price .won {
	line-height: 24px;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price .dc {
	line-height: 24px;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .link_area .pd_info .price_div .price:nth-child(2) .won {
	line-height: 20px;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .cart_btn {
	width: 32px;
	height: 32px;
	right: 0;
	bottom: 27px;
	top: auto;
	left: auto
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list:last-child .cart_btn {
	bottom: 7px
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .heart {
	width: 40px;
	height: 40px;
	top: 50px;
	left: 50px;
	bottom: auto;
	right: auto
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .product_list.soldout .thumb:before {
	content: "일시품절";
	font-size: 14px;
	line-height: 18px;
	width: 80px;
	height: 80px;
	padding: 22px;
}

.floating_menu .floating_pd_pop .pop_con {
	max-height: 418px;
	min-height: 100px;
	padding-right: 24px;
}

.floating_menu .floating_pd_pop.on .pop_con {
	overflow-y: auto;
}

.floating_menu .floating_pd_pop .pop_con::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

.floating_menu .floating_pd_pop .pop_con::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.floating_menu .floating_pd_pop .pop_con::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

.floating_menu .floating_pd_pop .pop_con a {
	margin-top: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	box-shadow: none
}

.floating_menu .floating_pd_pop .list.pet .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.floating_menu .floating_pd_pop .list.pet .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}


/* 플로팅메뉴 > 최근 본 상품 */
.floating_menu .recent_div {
	position: relative;
	margin-top: 20px;
}

.floating_menu .recent_div.no_recent {}

.floating_menu .recent_div .recent_view {
	padding: 4px;
	background: #fff;
	overflow: hidden;
	transition: background-image 0.2s ease-in-out
}

.floating_menu .recent_div .recent_view img {
	width: 44px;
	height: 44px;
}

.floating_menu .recent_div.no_recent .recent_view {
	padding: 10px;
}

.floating_menu .recent_div.no_recent .recent_view img {
	width: 32px;
	height: 32px;
}

.floating_menu .recent_div .recent_view.on {
	background: url("/res/images/icn_xbt_32x32.png") center no-repeat #fff;
	padding: 10px;
	background-size: 32px;
}

.floating_menu .recent_div .recent_view.on img {
	display: none
}

.floating_menu .recent_div .recent_pop .no_data_div {
	display: none
}

.floating_menu .recent_div.no_recent .recent_pop .no_data_div {
	display: table;
}

.floating_menu .recent_div .recent_view.on+.recent_pop {
	display: block
}

.floating_menu .recent_div .recent_pop .recent_tit {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	padding-bottom: 12px
}

.floating_menu .recent_div .recent_pop .recent_tit span {
	margin-left: 8px;
	color: #3cc814
}

.floating_menu .recent_div.no_recent .recent_pop .pd_cont_area {
	display: none
}

.floating_menu .recent_div .recent_pop .no_data_div .txt_area {
	padding-top: 144px;
	padding-bottom: 40px;
	background: url('/res/images/no_data_img.png') no-repeat center 60px;
	background-size: 64px;
	border-bottom: none
}

/* 플로팅메뉴 > 타임특가 상품 */
.floating_menu .time_special_div {
	position: relative;
	margin-top: 20px;
}

.floating_menu .time_special_div .time_special_view {
	padding: 10px;
	background: #fff;
	overflow: hidden;
	transition: background-image 0.2s ease-in-out
}

.floating_menu .time_special_div .time_special_view img {
	width: 32px;
	height: 32px;
}

.floating_menu .time_special_div .time_special_view.on {
	background: url("/res/images/icn_xbt_32x32.png") center no-repeat #fff;
	padding: 10px;
	background-size: 32px;
}

.floating_menu .time_special_div .time_special_view.on img {
	display: none
}

.floating_menu .time_special_div .time_special_view.on+.time_special_pop {
	display: block
}

.floating_menu .time_special_div .time_special_view .recent_tit {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	padding-bottom: 12px
}

.floating_menu .time_special_div .time_special_view .recent_tit span {
	margin-left: 8px;
	color: #3cc814
}

.floating_menu .time_special_div .time_special_pop {
	padding: 20px 24px;
}

.floating_menu .time_special_div .pop_tit {
	margin-bottom: 24px
}

.floating_menu .time_special_div .timer_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #111;
}

.floating_menu .time_special_div .timer_div p,
.floating_menu .time_special_div .timer_div a {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	/* display: table-cell;
	font-weight: 700; */
}

.floating_menu .time_special_div .timer_div>div {
	display: flex;
	align-items: center;
}

.floating_menu .time_special_div .timer_div .tit {
	display: inline-flex;
	align-items: center;
}

.floating_menu .time_special_div .timer_div p.tit img+img {
	margin-left: 8px;
}

/* .floating_menu .time_special_div .timer_div p:last-child {
	padding-left: 10px;
} */

/* .floating_menu .time_special_div .timer_div p.tit img {
	margin-left: 8px;
}

.floating_menu .time_special_div .timer_div p.tit img:first-child {
	margin-left: 0px;
	margin-top: 2px
} */

.floating_menu .time_special_div .timer_div .timer {
	padding-left: 10px;
}

.floating_menu .time_special_div .timer_div .go-link {
	margin: 0;
	padding-right: 20px;
	width: inherit;
	height: inherit;
	border-radius: 0;
	box-shadow: none;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5px;
	color: #000;
	background: url(/res/images/icon/arrow-right-bk.svg) no-repeat 100% 11px;
}

.floating_menu .time_special_div .time_special_pop .pop_con {
	padding-right: 0;
}

.floating_menu .time_special_div .pd_cont_area .list_div .list:last-child .cart_btn {
	bottom: 0;
}

.receipt_div table {
	border-top: 1px solid #555
}

.receipt_div table tbody tr:last-child th,
.receipt_div table tbody tr:last-child td {
	padding-bottom: 12px;
	border-bottom: 1px solid #555
}

.receipt_div table th {
	padding: 12px 5px 11px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: center;
	border-bottom: 1px solid #ddd
}

.receipt_div table td {
	padding: 12px 12px 11px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee
}

.receipt_div .dot_indent {
	margin-top: 20px
}

.receipt_div .bottom {
	margin-top: 32px
}

.receipt_div .bottom .logo {
	width: 100px;
	height: 24px
}

.receipt_div .bottom .logo img {
	width: 100%
}

.receipt_div .bottom .info {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

/* 재구매 */
.repurchase_type_div {
	margin-top: 120px;
}

.repurchase_type_div .pd_wrap {
	position: relative;
	width: 1280px;
	margin: 28px auto 0 auto
}

.repurchase_type_div .pd_wrap .swiper-wrapper {
	height: auto
}

.repurchase_type_div .pd_wrap .product_list {
	width: 290px
}

.repurchase_type_div .pd_wrap .product_list .thumb {
	width: 290px;
	height: 290px;
	padding: 25px;
	border-radius: 20px;
	background: #f7f7f7;
}

.repurchase_type_div .pd_wrap .product_list .pd_info .etc {}

.repurchase_type_div .pd_wrap .product_list .pd_info .badge {
	display: none
}

.repurchase_type_div .list_more {
	margin-top: 60px;
}

.repurchase_type_div .swiper_btn {
	display: none;
	width: 1448px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.repurchase_type_div .swiper_btn .swiper-button-prev {
	left: 0;
}

.repurchase_type_div .swiper_btn .swiper-button-next {
	right: 0;
}

/* 타임특가 */
.time_type_div .left .title {
	display: flex;
	align-items: center;
	gap: 0 12px;
	font-size: 52px;
	line-height: 60px;
	letter-spacing: -0.5px;
	color: #111;
}

.time_type_div .left .title .ico {
	height: 52px;
}

.time_type_div .left .sub-title {
	padding-top: 20px;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #000;
}

.time_type_div .swiper-slide .timer_div {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 24px;
}

.time_type_div .swiper-slide .timer_div:after {
	content: '';
	display: block;
	clear: both
}

.time_type_div .swiper-slide .timer_div p {
	float: left;
}

.time_type_div .swiper-slide .timer_div .tit {}

.time_type_div .swiper-slide .timer_div .tit img {
	height: 32px;
	margin-right: 8px;
	vertical-align: middle
}

.time_type_div .swiper-slide .timer_div .tit img:last-child {
	margin-right: 0;
	height: 40px;
}

.time_type_div .swiper-slide .timer_div .timer {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #111;
	margin-left: 8px;
}

/* .main_wrapper .time_type_div {
	padding-bottom: 20px;
	margin: 120px 0 -20px;
	max-width: 100%;
	overflow: hidden;
} */

/* .main_wrapper .time_type_div {
	margin: 120px 0 0;
}

.time_type_div+.page_intro {
	margin-top: 120px !important;
}

.time_type_div {
	position: relative;
	padding-bottom: 48px;
	background: linear-gradient(106deg, #ffe3f0, #fce6dd);
}

.time_type_div .swiper-container {
	margin: 0 auto;
	padding: 48px 32px;
	margin-bottom: -48px;
	width: 924px
}

.time_type_div .swiper-container .swiper-slide {
	margin-right: 60px;
	padding: 24px 32px 32px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	transition: border 0.1s ease-in-out
}

.time_type_div .swiper-container .swiper-slide:hover {
	border: 1px solid #3cc814
}

.time_type_div .swiper-container .swiper-slide:last-child {
	margin-right: 0
}

.time_type_div .swiper_btn {
	width: 1076px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 0
}

.time_type_div .swiper_btn .swiper-button-prev,
.time_type_div .swiper_btn .swiper-button-next {
	margin-top: 0;
	top: 0
}

.time_type_div .swiper-container+.swiper_btn {
	display: block
}



.time_type_div .swiper-slide .link_area {}

.time_type_div .swiper-slide .link_area .thumb {
	padding: 20px;
	width: 320px;
	height: 320px;
	background: #f7f7f7;
	border-radius: 20px
}

.time_type_div .swiper-slide .link_area .thumb .pet_badge {
	top: 20px;
	right: 20px
}

.time_type_div .swiper-slide .link_area .pd_info {
	padding-left: 48px
}

.time_type_div .swiper-slide .link_area .pd_info .tag {
	font-size: 16px;
	line-height: 22px;
}

.time_type_div .swiper-slide .link_area .pd_info .name {
	margin-top: 14px;
	height: 68px;
	font-size: 24px;
	line-height: 34px;
	color: #000
}

.time_type_div .swiper-slide .link_area .pd_info .price_div {
	margin-top: 32px
}

.time_type_div .swiper-slide .link_area .pd_info .badge {
	width: auto
}

.time_type_div .swiper-slide .link_area .pd_info .etc {
	margin-top: 16px
}

.time_type_div .cart_btn {
	bottom: 32px;
	right: 32px;
}

.time_type_div .alarm {
	bottom: 130px;
	right: 60px
}

.time_type_div .heart {
	left: 292px;
	bottom: 52px
} */

.product_dtl .left_area .thumb .timer_div {
	position: absolute;
	left: 0%;
	bottom: 0;
	width: 100%;
	background: linear-gradient(96deg, #ffe3f0, #fce6dd);
	padding: 10px 0;
	z-index: 1
}

.product_dtl .left_area .thumb .timer_div .timer_wrap {
	display: inline-block;
	margin: 0 auto;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .left_area .thumb .timer_div .timer_wrap p {
	float: left;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap .tit {}

.product_dtl .left_area .thumb .timer_div .timer_wrap .tit img {
	height: 32px;
	margin-right: 8px;
	vertical-align: middle
}

.product_dtl .left_area .thumb .timer_div .timer_wrap .tit img:last-child {
	height: 40px;
	margin-right: 0;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap .timer {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #111;
	margin-left: 8px;
}

/* //타임특가 */

/* 상품상세 고도화 */
.product_dtl.ver_advanced .right_area .add_info .list_div .list .type {
	width: 145px;
}

.product_dtl.ver_advanced .right_area .add_info .list_div .list .text {
	width: calc(100% - 145px);
	width: -webkit-calc(100% - 145px)
}

.product_dtl .main_pd_option .list_div .list .text .chk_div {
	padding: 16px 0 16px 10px;
	border-top: 1px solid #eee;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div:first-child {
	padding-top: 0;
	border-top: 0
}

/* .product_dtl .main_pd_option .list_div .list .text .chk_div:last-child {
	padding-bottom: 0;
} */

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box {
	width: 100%;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box label {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 0 32px;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info {
	display: table;
	width: 100%;
	table-layout: fixed
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p {
	margin-top: 0;
	vertical-align: middle
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p span {
	display: inline-block;
	margin-top: 0;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume {
	display: table-cell;
	width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px)
}

/* .product_dtl .main_pd_option .list_div .list .text .chk_div.spe .chk_box .info p.volume:after {
    content: '특가';
    margin-left: 6px;
    font-size: 12px;
    color: #fff;
    padding: 4px 6px;
    border-radius: 2px;
    background: #ff3894
} */

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume span {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	margin-left: 4px
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.price {
	display: table-cell;
	width: 200px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	text-align: right
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.price span {
	font-size: 14px;
	line-height: 18px;
	color: #555;
	margin-left: 8px;
	font-weight: 400;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div.cheapest .chk_box .info p.price span {
	color: #ff3894
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .plus_info {
	margin-top: 12px;
	margin-left: -14px;
	background: #f9f9f9;
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 20px;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .plus_info .detail {
	color: #000
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .plus_info .date {
	margin-top: 2px;
	color: #999
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .plus_info.no p {
	color: #ccc;
	text-decoration: line-through
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

.product_dtl .detail_area .main_pd_option .list_div .list .text .chk_div .chk_box .plus_info {
	margin-right: 10px
}

.product_dtl .add_info.sub_pd_option .list_div .list .type {
	line-height: 58px
}

.product_dtl .sub_pd_option .list_div .list .text .select_form {}

.product_dtl .sub_pd_option .list_div .list .text .select_form .select {
	padding: 15px 36px 15px 16px
}

.product_dtl .sub_pd_option .list_div .list .text .select_form .select.on {
	border: 1px solid #bbb;
}

.product_dtl .sub_pd_option .list_div .list .text .select_form .option {
	position: relative;
	max-height: none;
	top: 0
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div {
	padding: 16px;
	border-top: 1px solid #eee;
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div:first-child {
	border-top: none;
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box {
	width: 100%;
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box label {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 0 32px;
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 50%;
	transform: translateY(-50%)
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box .info {
	display: table;
	width: 100%
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box .info:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box .info p {
	margin-top: 0
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box .info p.volume {
	display: table-cell;
	width: 250px;
	vertical-align: middle
}

.product_dtl .sub_pd_option .list_div .list .text .chk_div .chk_box .info p.price {
	display: table-cell;
	width: calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	text-align: right;
	padding-left: 10px;
	vertical-align: middle
}

.product_dtl .selected_option_div {
	padding: 24px 0;
	border-top: 1px solid #eee;
}

.product_dtl .selected_option_div .selected_list_div {
	padding: 0 20px;
	background: #f9f9f9;
	border-radius: 10px
}

.product_dtl .selected_option_div .selected_list_div .selected_list {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
}

.product_dtl .detail_area .selected_option_div .selected_list_div .selected_list {
	padding: 16px 0;
}

.product_dtl .selected_option_div .selected_list_div .selected_list:last-child {
	border-bottom: none
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
	padding-right: 60px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div {
	margin-top: 16px
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .count {
	float: left;
	background: #fff
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .price {
	float: right;
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;
	color: #000
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .price span {
	font-size: 20px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .delete {
	position: absolute;
	top: 20px;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/res/images/icn_xbt_24x24.png') no-repeat;
	background-size: 24px
}

.product_dtl .pd_final_cost {
	padding: 20px 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

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

.product_dtl .pd_final_cost .type {
	position: relative;
	float: left;
	padding-right: 16px;
	font-size: 16px;
	line-height: 44px;
	color: #777
}

.product_dtl .pd_final_cost .type .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.product_dtl .pd_final_cost .price {
	float: right
}

.product_dtl .pd_final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .pd_final_cost .price .won {
	float: left;
	font-weight: 500;
	font-size: 32px;
	line-height: 44px;
	color: #3cc814
}

.product_dtl .pd_final_cost .price .won span {
	display: inline-block;
	font-weight: 700;
	font-size: 36px;
	vertical-align: top
}

.product_dtl .detail_area {}

.product_dtl .detail_area .inner {}

.product_dtl .detail_area .detail_content_area,
.product_dtl.ver_advanced .detail_area .detail_content_area .inner {
	width: 860px;
	padding: 0
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab .inner {
	display: flex;
	width: 100%;
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab {
	padding-top: 20px;
	background: #fff;
	z-index: 2
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab.fixed {
	width: 860px;
	min-width: 860px;
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab.fixed .inner {
	width: 860px;
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab.fixed:after {
	display: none
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab a {
	flex-basis: 100%;
	width: auto
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab a.event span:before {
	content: '';
	position: absolute;
	top: -12px;
	right: -16px;
	width: 34px;
	height: 12px;
	background: url('/res/images/pdtab_event-2.png') no-repeat center;
	background-size: 34px 11px
}

.product_dtl .detail_area .detail_content_area .tab_content .tab_con .detail_intro {
	padding: 0 0 80px 0;
}

.product_dtl .detail_area .detail_content_area .tab_content .tab_con .detail_intro .total {
	display: block
}

.product_dtl .detail_area .detail_content_area .tab_content .tab_con .review_div .md_pick_review .review_list .list {}

.product_dtl .detail_area .fixed_container {
	width: 380px;
	position: absolute;
	right: 0;
	top: 20px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
	z-index: 2
}

.product_dtl .detail_area .fixed_container.fixed {
	position: fixed;
}

.product_dtl .detail_area .fixed_container.soldout {
	border: none;
}

.product_dtl .detail_area .fixed_container .top_fix_wrap {
	padding: 20px 0 16px;
}

.product_dtl .detail_area .fixed_container .scroll_wrap {
	position: relative;
	min-height: 162px;
	max-height: calc(100vh - 532px);
	max-height: -webkit-calc(100vh - 532px);
	overflow-y: auto;
}

.product_dtl .detail_area .fixed_container .scroll_wrap::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px;
}

.product_dtl .detail_area .fixed_container .scroll_wrap::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.product_dtl .detail_area .fixed_container .scroll_wrap::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

.product_dtl .detail_area .fixed_container .scroll_wrap>div {
	padding: 16px 16px 0 16px;
	/* padding: 16px; */
	border-top: 1px solid #eee;
}

.product_dtl .detail_area .fixed_container .scroll_wrap>div:first-child {
	padding-top: 0;
	border-top: 0
}

.product_dtl .detail_area .fixed_container .scroll_wrap>div:last-child {
	padding-bottom: 0;
}

.product_dtl .detail_area .fixed_container .scroll_wrap>div.selected_option_div {
	padding-bottom: 0;
	margin-top: 24px
}

.product_dtl .detail_area .fixed_container .list_div .list .type {
	font-size: 16px;
	line-height: 20px;
	color: #777
}

.product_dtl .detail_area .fixed_container .list_div .list .text {
	margin-top: 20px;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select {
	margin-top: 8px;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div {
	padding-left: 0
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 9px
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info {
	display: table;
	width: 100%;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info p {
	display: table-cell;
	vertical-align: middle;
	float: unset
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume {}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info p.price {
	width: 120px;
	padding-left: 10px;
	text-align: right
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info p.price span {
	display: block;
	margin-left: 0;
	margin-top: 2px;
}

/*.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info p.price span:before{content: '최저가'; display: block; color: #ff3894}*/
.product_dtl .detail_area .fixed_container .pd_final_cost {
	border-bottom: none;
	padding: 16px 20px;
}

.product_dtl .detail_area .fixed_container .bottom_btn {
	padding: 0 20px 20px;
}

.product_dtl .detail_area .fixed_container .bottom_btn>div {
	display: flex;
	width: 100%;
}

.product_dtl .detail_area .fixed_container .bottom_btn a {
	margin-left: 8px;
	padding: 15px 20px;
	flex: auto
}

.product_dtl .detail_area .fixed_container .bottom_btn a:first-child {
	margin-left: 0;
}

.product_dtl .detail_area .fixed_container .bottom_btn a span {
	display: inline-block;
	padding-left: 34px;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px
}

.product_dtl .detail_area .fixed_container .bottom_btn a.cart {
	background: #3cc814;
	border: 1px solid #3cc814
}

.product_dtl .detail_area .fixed_container .bottom_btn a.cart span {
	color: #fff;
	background: url('/res/images/product_dtl_bottom_cart.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .detail_area .fixed_container .bottom_btn a.buy {
	background: #fff;
	border: 1px solid #3cc814
}

.product_dtl .detail_area .fixed_container .bottom_btn a.buy span {
	color: #3cc814;
	background: url('/res/images/product_dtl_bottom_buy.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .detail_area .fixed_container .bottom_btn a.gift {
	position: relative;
	padding: 6px 0;
	width: 80px;
	background: #fff;
	border: 1px solid #3cc814
}

.product_dtl .detail_area .fixed_container .bottom_btn a.gift span {
	padding-top: 32px;
	padding-left: 0;
	min-width: 32px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	background: url('/res/images/product_dtl_bottom_gift.png') no-repeat center top;
	background-size: 32px
}

.product_dtl .detail_area .fixed_container .bottom_btn a.gift+a {
	width: calc(100% - 88px);
	width: -webkit-calc(100% - 88px)
}

.product_dtl .detail_area .fixed_container .bottom_btn .bottom {
	margin-top: 8px
}

.product_dtl .detail_area .fixed_container .alarm {
	padding: 15px 20px;
}

.product_dtl .detail_area .fixed_container .alarm span {
	display: inline-block;
	padding-left: 34px;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	background: url('/res/images/product_dtl_bottom_alarm.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .detail_area .fixed_container .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none;
	/* 221205 추가 판매기간 및 FO 수정 */
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	margin-left: 0;
}

/*2022.08.17 추가*/
/* 상품상세 - 리뷰 고도화 */
.product_dtl.ver_advanced .tab_content .tab_con .review_div .top_area .product_score .star_div {
	margin-left: 0
}

.product_dtl.ver_advanced .tab_content .tab_con .review_div .top_area .product_score .star_div .star.h40+.star_score {
	margin-left: 12px;
	font-size: 18px;
	line-height: 40px;
	color: #ccc
}

.product_dtl.ver_advanced .tab_content .tab_con .review_div .top_area .product_score .star_div .star.h40+.star_score b {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin-right: 4px;
}

.product_dtl.ver_advanced .recommend_div .swiper_btn {
	display: block;
	position: absolute;
	width: 1310px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)
}


/*매거진*/
.mgz_div {}

.mgz_div .cate_div {}

.mgz_div .cate_div .cate_btn {
	width: auto;
	border-radius: 20px;
	padding: 10px 20px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	background: #f5f5f5;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	transition: background-color 0.1s ease-in-out
}

.mgz_div .cate_div .cate_btn:hover {
	background: #eee;
}

.mgz_div .cate_div .cate_btn.on {
	background: #3cc814;
	color: #fff;
}

.mgz_div .list_div {
	margin-top: 60px;
}

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

.mgz_div .list_div .list {
	display: block;
	float: left;
	margin-left: 40px;
	width: calc((100% - 80px) / 3);
	position: relative;
	cursor: pointer;
}

.mgz_div .list_div .list:nth-child(3n+1) {
	margin-left: 0;
	clear: both
}

.mgz_div .list_div .list:nth-child(n+4) {
	margin-top: 60px
}

.mgz_div .list_div .list .thumb {
	border-radius: 10px;
}

.mgz_div .list_div .list .thumb:before {
	content: '';
	display: block;
	padding-bottom: 60%
}

.mgz_div .list_div .list .thumb img {
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.6s ease
}

.mgz_div .list_div .list .thumb:hover img {
	transform: translate(-50%, -50%) scale(1.1)
}

.mgz_div .list_div .list .tit_area {
	display: block;
	position: relative;
	margin-top: 18px;
	width: 100%;
}

.mgz_div .list_div .list .tit_area:after {
	content: '';
	display: block;
	clear: both;
}

.mgz_div .list_div .list .tit_area .type {
	float: left;
}

.mgz_div .list_div .list .tit_area .type .badge {
	text-align: center;
	border-radius: 4px;
	float: left;
	padding: 1px 6px;
	width: 56px;
	height: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814
}

.mgz_div .list_div .list .tit_area .tit {
	float: left;
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	margin-left: 8px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 400;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.mgz_div .list_div .list .etc {
	margin-top: 12px;
}

.mgz_div .list_div .list .etc:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .list_div .list .etc p {
	float: left;
	padding-left: 26px;
	font-size: 16px;
	line-height: 20px;
	color: #777;
	margin-right: 20px;
}

.mgz_div .list_div .list .etc p:last-child {
	margin-right: 0;
}

.mgz_div .list_div .list .etc .heart {
	background: url('/res/images/icn_heart.png') no-repeat left center;
	background-size: 20px
}

.mgz_div .list_div .list .etc .heart.on {
	background: url('/res/images/icn_heart_on.png') no-repeat left center;
	background-size: 20px
}

.mgz_div .list_div .list .etc .comment {
	background: url('/res/images/icn_comment.png') no-repeat left center;
	background-size: 20px
}

.mgz_div .paging {
	margin-top: 80px;
}

.mgz_div .view_div {
	position: relative
}

.mgz_div .view_div .top_area {
	position: relative;
	width: 100%;
	height: 474px;
	border-radius: 20px;
	overflow: hidden
}

.mgz_div .view_div .top_area .txt_area {
	position: relative;
	padding: 185px 116px 0;
	height: 100%;
	text-align: center
}

.mgz_div .view_div .top_area .txt_area:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
	/* IE6-9 */
	;
	z-index: 0
}

.mgz_div .view_div .top_area .txt_area .type {
	display: inline-block;
	position: relative
}

.mgz_div .view_div .top_area .txt_area .type:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .top_area .txt_area .type .badge {
	border-radius: 4px;
	float: left;
	width: auto;
	min-width: 37px;
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #3cc814
}

.mgz_div .view_div .top_area .txt_area .type .new {
	border-radius: 4px;
	margin-left: 4px;
	display: none;
	float: left;
	width: auto;
	width: 37px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6)
}

.mgz_div .view_div .top_area .txt_area .tit {
	position: relative;
	margin-top: 16px;
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
	color: #fff;
}

.mgz_div .view_div .top_area .txt_area .txt {
	position: relative;
	margin-top: 14px;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
}

.mgz_div .view_div .btn_wrap {
	position: absolute;
	bottom: 24px;
	right: 24px;
	z-index: 1
}

.mgz_div .view_div .btn_wrap:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .btn_wrap>a {
	float: left;
	display: block;
	margin-left: 24px;
	padding-left: 32px;
	height: 32px;
}

.mgz_div .view_div .btn_wrap>a:first-child {
	margin-left: 0
}

.mgz_div .view_div .btn_wrap .share {
	display: block;
	background: url('/res/images/icn_share_wh_32.png') left center no-repeat;
	background-size: 32px
}

.mgz_div .view_div .btn_wrap .heart {
	background: url('/res/images/icn_heart_wh_32.png') left center no-repeat;
	background-size: 32px;
	padding-left: 36px
}

.mgz_div .view_div .btn_wrap .heart.on {
	background: url('/res/images/icn_heart_on_32.png') left center no-repeat;
	background-size: 32px
}

.mgz_div .view_div .btn_wrap .heart span {
	font-size: 20px;
	line-height: 32px;
	color: #fff;
}

.mgz_div .view_div.new .top_area .txt_area .type .new {
	display: block
}

.mgz_div .view_div .cont_area {}

.mgz_div .view_div .cont_area .view {
	padding: 60px 0 0;
	text-align: center;
	width: 1080px;
	margin: 0 auto
}

.mgz_div .view_div .cont_area .view>br {
	display: none
}

.mgz_div .view_div .cont_area .view .top_title {
	padding-top: 40px;
	font-weight: 500;
	font-size: 24px;
	line-height: 40px;
	color: #000;
	text-align: center;
	background: url('/res/images/mgz_top_title_icon.png') no-repeat center top
}

.mgz_div .view_div .cont_area .view .top_title p {
	font-weight: 500
}

.mgz_div .view_div .cont_area .view .guide_tit {
	display: block;
	margin-top: 100px;
	padding-top: 40px;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	color: #000;
	text-align: center;
	background: url('/res/images/mgz_guide_tit_icon.png') no-repeat center top
}

.mgz_div .view_div .cont_area .view .guide_tit h2 {
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
}

.mgz_div .view_div .cont_area .view .guide_tit p {
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
}

.mgz_div .view_div .cont_area .view .guide_tit u {
	position: relative;
	text-decoration: none
}

.mgz_div .view_div .cont_area .view .guide_tit u:before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 6px;
	background: #a489e3;
	z-index: -1
}

.mgz_div .view_div .cont_area .view .guide_tit+.guide_txt {
	margin-top: 40px
}

.mgz_div .view_div .cont_area .view .guide_txt {
	margin-top: 60px;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	text-align: left
}

.mgz_div .view_div .cont_area .view .guide_txt p {
	margin-top: 40px;
	font-weight: 300
}

.mgz_div .view_div .cont_area .view .guide_txt p:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view .guide_txt b {
	font-weight: 400
}

.mgz_div .view_div .cont_area .view .guide_txt b u {
	font-weight: 400;
	color: #000 !important;
}

.mgz_div .view_div .cont_area .view>.guide_tit:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view>.guide_txt:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view img {
	margin-top: 50px;
	text-align: center
}

.mgz_div .view_div .cont_area .view .end_txt {
	display: none;
	margin-top: 40px;
	padding: 20px 30px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #555;
	text-align: center;
	border: 1px solid #eee
}

.mgz_div .view_div .cont_area .view .end_txt b {
	font-weight: 300;
	color: #000
}

.mgz_div .view_div .cont_area .view .qna {
	text-align: left
}

.mgz_div .view_div .cont_area .view .qna .q {
	margin-top: 40px;
	padding-left: 28px;
	text-indent: -28px;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #3cc814
}

.mgz_div .view_div .cont_area .view .qna .a {
	margin-top: 20px;
	padding-left: 28px;
	text-indent: -28px;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.mgz_div .view_div .cont_area .view .qna .a span {
	font-weight: 500;
	margin-right: 15px
}

.mgz_div .view_div .cont_area .view .recipe_div {
	margin-top: 50px;
	padding: 90px 40px 40px;
	width: 100%;
	text-align: left;
	border: 1px solid #ddd;
	background: url('/res/images/mgz_recipe_icn.png') no-repeat center 40px
}

.mgz_div .view_div .cont_area .view .recipe_div .list {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ddd
}

.mgz_div .view_div .cont_area .view .recipe_div .list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.mgz_div .view_div .cont_area .view .recipe_div .tit {
	margin-top: 0;
	margin-bottom: 40px;
	padding-bottom: 24px;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	text-align: center;
	background: url('/res/images/mgz_recipe_tit.png') no-repeat center bottom
}

.mgz_div .view_div .cont_area .view .recipe_div .tit b {
	font-weight: 700;
	color: #3cc814
}

.mgz_div .view_div .cont_area .view .recipe_div .txt {
	margin-top: 0;
	line-height: 24px
}

.mgz_div .view_div .cont_area .view .recipe_div p {
	margin-top: 20px;
	font-weight: 300;
	font-size: 16px;
	line-height: 32px;
	color: #000
}

.mgz_div .view_div .cont_area .view .recipe_div p b {
	font-weight: 700;
	color: #3cc814
}

.mgz_div .view_div .cont_area .view .write {
	margin-top: 16px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left
}

.mgz_div .view_div .cont_area .view .write b {
	font-weight: 400;
	color: #000
}

.mgz_div .view_div .cont_area .view .copyright {
	margin-top: 4px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left
}

.mgz_div .view_div .cont_area .view_info {
	margin-top: 54px
}

.mgz_div .view_div .cont_area .view_info:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .view_info .tag {}

.mgz_div .view_div .cont_area .view_info .tag:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .view_info .tag span {
	border-radius: 4px;
	float: left;
	margin: 6px 6px 0 0;
	padding: 6px 8px;
	height: 32px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: #f5f5f5
}

.mgz_div .view_div .cont_area .view_info .tag span:before {
	content: '#';
	padding-right: 1px
}

.mgz_div .view_div .cont_area .banner_zone {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
	padding: 52px 100px 32px;
	background: url('/res/images/mgz-banner.png') no-repeat 0 0;
	border-radius: 20px;
}

.mgz_div .view_div .cont_area .banner_zone img {
	margin-top: 0;
	text-align: left;
}

.mgz_div .view_div .cont_area .banner_zone>div {
	text-align: left;
}

.mgz_div .view_div .cont_area .banner_zone .info {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: left;
}

.mgz_div .view_div .cont_area .banner_zone .go-item-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	margin-top: 32px;
	padding: 0 54px;
	border-radius: 10px;
	background-color: #fff;
}

.mgz_div .view_div .cont_area .banner_zone .go-item-btn span {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
	color: #000;
}

/* .mgz_div .view_div .cont_area .banner_zone img {
    width: 100%
} */

.mgz_div .view_div .other_list {
	margin-top: 60px;
	border-top: 1px solid #ddd
}

.mgz_div .view_div .other_list a {
	display: block;
	position: relative;
	padding: 24px 40px 24px 20px;
	width: 100%;
	border-bottom: 1px solid #eee;
	background: url("/res/images/icn_arrow_right_bk_40.png") right 20px center no-repeat;
	background-size: 20px
}

.mgz_div .view_div .other_list a:first-child {
	margin-top: 0
}

.mgz_div .view_div .other_list a .txt_area {
	padding-left: 24px;
	width: calc(100% - 56px);
	width: -webkit-calc(100% - 56px)
}

.mgz_div .view_div .other_list a .txt_area:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .other_list a .txt_area p {
	float: left
}

.mgz_div .view_div .other_list a .txt_area .type {
	font-size: 14px;
	line-height: 28px;
	color: #777;
	width: 30px
}

.mgz_div .view_div .other_list a .txt_area .badge {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	background: #3cc814;
	width: 56px;
	border-radius: 4px;
	margin-left: 27px;
	padding: 2px 6px;
}

.mgz_div .view_div .other_list a .txt_area .tit {
	width: calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	font-size: 16px;
	line-height: 28px;
	color: #000;
	margin-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mgz_div .go_list_btn {
	display: block;
	margin: 60px auto 0 auto;
	padding: 20px 0;
	width: 320px;
	height: 60px;
	background: #3cc814;
	color: #fff;
	border-radius: 10px;
	text-align: center;
}

.mgz_div .view_div .cont_area .guide_txt .conversation p {
	margin-top: 8px;
	padding-left: 37px;
}

.mgz_div .view_div .cont_area .guide_txt .conversation p.woman {
	background: url("/res/images/emoji-woman.png") left top no-repeat;
	background-size: 22px 32px;
}

.mgz_div .view_div .cont_area .guide_txt .conversation p.man {
	background: url("/res/images/emoji-man.png") left top no-repeat;
	background-size: 22px 32px;
}

.mgz_div .cmt_area {
	margin-top: 60px;
	border-top: 1px solid #ddd
}

.cmt_area .cmt_wrt_div {
	padding-top: 40px;
}

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

.cmt_area .input_area .textarea_div {
	float: left
}

.cmt_area .input_area .textarea_div .textarea_wrap {
	width: 1100px;
	height: 126px;
	background: #f7f7f7;
	padding: 16px 12px 44px 12px;
	border-radius: 10px;
	margin-top: 0
}

.cmt_area .input_area .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 74px;
}

.cmt_area .input_area .textarea_div .byte {
	position: absolute;
	bottom: 16px;
	right: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.cmt_area .input_area .textarea_div .byte b {
	color: #000
}

.cmt_area .input_area .textarea_div textarea {}

.cmt_area .cmt_wrt_div .btn {
	float: left;
	margin-left: 20px;
	display: block;
	width: 160px;
	border-radius: 10px;
	background: #3cc814;
	line-height: 126px;
	height: 126px;
	font-size: 18px;
	color: #fff;
	text-align: center
}

.cmt_area .cmt_wrt_div .chk_div {
	margin-top: 16px;
}

.cmt_area .cmt_div {
	margin-top: 60px;
}

.cmt_area .cmt_div .cmt_top_area {
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.cmt_area .cmt_div .cmt_top_area:after {
	content: '';
	display: block;
	clear: both
}

.cmt_area .cmt_div .cmt_top_area .tit {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	float: left;
}

.cmt_area .cmt_div .cmt_top_area .tit span {
	font-weight: 700;
	color: #3cc814
}

.cmt_area .cmt_div .cmt_top_area .chk_div {
	float: right
}

.cmt_area .cmt_div .cmt_top_area .chk_div .chk_box {}

.cmt_area .cmt_div .no_data_div {
	border-bottom: 1px solid #eee
}

.cmt_area .cmt_div .no_data_div .txt_area {
	padding: 180px 20px 96px;
	background: url('/res/images/no_data_img.png') no-repeat center 96px;
	background-size: 64px
}

.cmt_area .cmt_div .cmt_list_div {}

.cmt_area .cmt_div .cmt_list_div .list {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	position: relative;
}

.cmt_area .cmt_div .cmt_list_div .list .info_div {}

.cmt_area .cmt_div .cmt_list_div .list .info_div:after {
	content: '';
	display: block;
	clear: both
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p {
	position: relative;
	float: left;
	padding-left: 21px;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:first-child {
	padding-left: 0
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 10px;
	left: 10px;
	top: 4px;
	background: #ddd
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:first-child:before {
	display: none
}

.cmt_area .cmt_div .cmt_list_div .list .info_div .mem_id {}

.cmt_area .cmt_div .cmt_list_div .list .info_div .date {}

.cmt_area .cmt_div .cmt_list_div .list .tools {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #000;
}

.cmt_area .cmt_div .cmt_list_div .list .tools a {
	float: left;
	position: relative;
	padding-right: 22px;
	margin-left: 17px;
}

.cmt_area .cmt_div .cmt_list_div .list .tools a.edit {
	background: url("/res/images/icn_edit.png") center right no-repeat;
	background-size: 16px;
}

.cmt_area .cmt_div .cmt_list_div .list .tools a.delete {
	background: url("/res/images/icn_delete.png") center right no-repeat;
	background-size: 16px;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div {
	margin-top: 16px;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_txt {
	font-size: 16px;
	line-height: 28px;
	color: #333
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_edit {}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_edit:after {
	content: '';
	clear: both;
	display: block
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .textarea_div {}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .textarea_div textarea {}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div {
	float: left;
	width: 160px;
	margin-left: 20px
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a {
	display: block;
	margin-top: 6px;
	width: 100%;
	border-radius: 10px;
	text-align: center;
	padding: 19px 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	border: 1px solid #3cc814
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a:first-child {
	margin-top: 0
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a.cancel {
	color: #3cc814;
	background: #fff;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a.edit {
	color: #fff;
	background: #3cc814;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div {
	margin-top: 24px;
	padding: 24px 20px;
	background: #f9f9f9;
	border-radius: 10px;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div {
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div p {
	float: left;
	margin-left: 10px;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div p:first-child {
	margin-left: 0;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div .mem_id {}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div .date {}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .answer {
	font-size: 16px;
	line-height: 28px;
	color: #777;
	margin-top: 12px;
}



/* 쿠폰 받기 팝업 */
.layer_pop.coupon_download_pop {}

.layer_pop.coupon_download_pop .section {
	margin-top: 30px;
	margin-bottom: 10px
}

.layer_pop.coupon_download_pop .section:first-child {
	margin-top: 0
}

.layer_pop.coupon_download_pop .section .title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: #000;
}

.layer_pop.coupon_download_pop .section .title b {
	font-weight: 500;
	color: #3cc814
}

.layer_pop.coupon_download_pop .section .cpn_list_div {
	margin-top: 16px
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list {
	padding: 32px 32px 20px 32px;
	border: 1px solid #bbb;
	border-radius: 16px;
	position: relative;
	margin-top: 20px
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list:before {
	content: '';
	display: block;
	width: 10px;
	height: 20px;
	border-radius: 0 10px 10px 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
	border: 1px solid #bbb;
	background: #fff;
	border-left: none
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list:after {
	content: '';
	display: block;
	width: 10px;
	height: 20px;
	border-radius: 10px 0 0 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1px;
	border: 1px solid #bbb;
	background: #fff;
	border-right: none
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list:first-child {
	margin-top: 0
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .benefit {}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .benefit:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .benefit .won {
	float: left;
	font-size: 22px;
	line-height: 34px;
	font-weight: 700;
	color: #ff3894
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .benefit .won span {
	font-size: 34px
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .benefit .flag {
	float: right;
	margin-top: 2px;
	padding: 5px 12px;
	background: rgba(255, 56, 148, 0.1);
	border-radius: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #ff3894
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .cpn_tit {
	word-break: break-all;
	margin-top: 8px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #333;
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .cpn_dtl {
	margin-top: 12px;
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .cpn_dtl p {
	margin-top: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #777
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .cpn_dtl p:first-child {
	margin-top: 0;
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .download_btn {
	display: block;
	margin-top: 24px;
	border-radius: 5px;
	width: 100%;
	border: 1px solid #777;
	padding: 11px;
	text-align: center
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .download_btn span {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	padding-right: 22px;
	background: url("/res/images/icn_download_20.png") right center no-repeat;
	background-size: 20px
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .download_btn.disabled_btn {
	pointer-events: none;
	border: 1px solid #ccc;
}

.layer_pop.coupon_download_pop .section .cpn_list_div .list .download_btn.disabled_btn span {
	background: none;
	padding-right: 0;
	color: #ccc;
}

@media print {
	@page a4sheet {
		size: 21.0cm 29.7cm;
		margin: 0
	}

	html {
		page: a4sheet;
		width: 100%;
		height: auto
	}

	body {
		page: a4sheet;
		width: 100%;
		height: auto
	}

	#wrap {
		zoom: 0.7;
		page-break-after: always;
		margin: 0;
		padding: 0;
		min-width: none;
		overflow-x: visible
	}

	.head_banner,
	header,
	footer,
	#content .page_intro,
	.lnb_div .lnb,
	.mypage_div .menu_title,
	.mypage_div .order_div,
	.dimd_bg,
	.floating_menu {
		display: none !important
	}

	#content {
		padding: 0 !important;
		min-height: auto
	}

	.lnb_div {
		width: 100% !important;
	}

	.lnb_div .mypage_div {
		width: 100% !important;
		margin-top: 0 !important;
	}

	.layer_pop {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
		width: 100%;
		border-radius: 0
	}

	.layer_pop .pop_con {
		overflow-y: visible
	}

	.layer_pop .close_btn {
		display: none
	}

	.layer_pop .bottom_btn {
		display: none
	}
}

/* 220920 쿠폰&혜택 > APP 혜택 */
.benefit_div .benefit_cont {
	text-align: center;
}

.benefit_div .benefit_cont>img {
	width: 100%;
}

.benefit_div .benefit_cont .app-benefit-item:not(:nth-of-type(1)) {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #eee;
}

.benefit_div .benefit_cont .app-benefit-item:nth-of-type(1) {
	margin-top: 80px;
}

.benefit_div .benefit_cont .app-download-wrap {
	position: relative;
}

.benefit_div .benefit_cont .app-download-wrap .link-collect {
	position: absolute;
	top: 152px;
	left: 387px;
}

.benefit_div .benefit_cont .app-download-wrap .link-collect a {
	display: block;
	width: 180px;
	height: 58px;
}

.benefit_div .benefit_cont .app-download-wrap .link-collect a:not(:first-child) {
	margin-top: 10px;
}

.benefit_div .benefit_cont .app-benefit-item>.badge {
	display: inline-block;
	padding: 6px 14px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #36d30a;
	border-radius: 25px;
	border: solid 1px #b7eba9;
	background-color: #edfcea;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

.benefit_div .benefit_cont .app-benefit-item>.title {
	padding: 16px 0 15px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title strong {
	font-weight: 500;
	color: #3cc814;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 48px 0 40px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
	height: 180px;
	padding: 0 36px;
	color: #ff3894;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 10px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:before,
.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 10px 20px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:before {
	left: -1px;
	background-image: url("/res/images/coupon_left.png");
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:after {
	right: -1px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .app-benefit-item>img {
	display: block;
	margin: 0 auto;
}

.benefit_div .benefit_cont .app-benefit-item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 60px;
	margin: 40px auto 0;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.benefit_div .benefit_cont .app-benefit-item li>div {
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item li .type {
	padding: 5px 12px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	background-color: rgba(255, 56, 148, 0.1);
	border-radius: 15px;
}

.benefit_div .benefit_cont .app-benefit-item li .name {
	margin-top: 11px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item li .result {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.67;
}

.benefit_div .benefit_cont .app-benefit-item li .result strong {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
}

.benefit_div .app_div .benefit_cont .app-download-wrap {
	position: relative;
	/* margin-bottom: 121px; */
}

.benefit_div .app_div .benefit_cont .app-download-wrap .link-collect {
	position: absolute;
	top: 152px;
	left: 475px;
}

.benefit_div .app_div .benefit_cont .app-download-wrap .link-collect a {
	display: block;
	width: 180px;
	height: 58px;
}

.benefit_div .app_div .benefit_cont .app-download-wrap .link-collect a:not(:first-child) {
	margin-top: 10px;
}

.benefit_div .benefit_cont .app-push-step {
	padding: 40px 0;
	border-radius: 20px;
	background-color: #f2fafa;
}

.benefit_div .benefit_cont .app-push-step .title {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.67;
	letter-spacing: -0.38px;
	color: #333;
}

.benefit_div .benefit_cont .app-push-step ul {
	display: flex;
	justify-content: center;
	gap: 0 80px;
}

.benefit_div .benefit_cont .app-push-step ul li .badge {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 16px;
	background-color: #052832;
}

.benefit_div .benefit_cont .app-push-step ul li .info {
	padding: 10px 0 24px;
	font-size: 16px;
	line-height: 1.38;
	letter-spacing: -0.5px;
	color: #000;
}

.benefit_div .benefit_cont .app-push-step ul li:not(:first-child) .info {
	padding-bottom: 0;
}

.benefit_div .benefit_cont .app-benefit-item .precaution {
	margin-top: 120px;
	padding: 40px 36px;
	background-color: #f7f7f7;
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item .precaution .title {
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 1.13;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li {
	display: flex;
	align-items: flex-start;
	font-size: 13px;
	line-height: 1.38;
	letter-spacing: -0.5px;
	color: #999;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-top: 7.5px;
	margin-right: 5px;
	background-color: #bbb;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li:not(:last-child) {
	margin-bottom: 6px;
}

/* 220920 마이페이지: 재구매 추천상품 swiper 추가 */
.mypage_main .rebuy-wrap {
	position: relative;
	margin-top: 76px;
}

.mypage_main .rebuy-wrap .top-cnt .title {
	/* margin-bottom: 20px; */
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000;
}

.mypage_main .rebuy-wrap .swiper-container {
	width: calc(100% - 120px);
	margin: 0 auto;
	padding: 23px 24px;
}

.mypage_main .rebuy-wrap .swiper-slide {
	width: 852px;
	height: 344px;
	padding: 32px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.mypage_main .rebuy-wrap .swiper_btn {
	width: 100%;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

.mypage_main .rebuy-wrap .swiper_btn .swiper-button-prev,
.mypage_main .rebuy-wrap .swiper_btn .swiper-button-next {
	margin-top: 0;
	top: 0;
}

.mypage_main .rebuy-wrap .swiper_btn .swiper-button-prev {
	left: 0;
}

.mypage_main .rebuy-wrap .swiper_btn .swiper-button-next {
	right: 0;
}

.mypage_main .rebuy-wrap .swiper-slide .swiper-slide-cnt {
	display: flex;
	align-items: center;
}

.mypage_main .rebuy-wrap .swiper-slide .thumb {
	position: relative;
	width: 280px;
	height: 280px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 20px;
}

.mypage_main .rebuy-wrap .swiper-slide .thumb>img {
	width: 100%;
}

.mypage_main .rebuy-wrap .swiper-slide .thumb .pet_badge {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background: #613C3C url(/res/images/pet_36.png) no-repeat 50% 50%;
	border-radius: 50%;
}

.mypage_main .rebuy-wrap .swiper-slide .heart {
	position: absolute;
	bottom: 52px;
	left: 252px;
	width: 40px;
	height: 40px;
	background: url('/res/images/icn_heart_40x40.png') no-repeat center;
	background-size: 40px;
	z-index: 1
}

.mypage_main .rebuy-wrap .swiper-slide .heart.on {
	background-image: url('/res/images/icn_heart_32x32_on.png');
}

.mypage_main .rebuy-wrap .swiper-slide .heart p {
	width: 40px;
	height: 40px;
}

.mypage_main .rebuy-wrap .swiper-slide .heart p img {
	width: 100%;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info {
	width: 440px;
	margin-left: 48px;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .rebuy-badge {
	display: inline-block;
	padding: 0 6px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	border-radius: 4px;
	letter-spacing: -0.5px;
	color: #333;
	background-color: #f2fef0;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .rebuy-badge strong {
	font-weight: 500;
	color: #3cc814;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .name {
	height: 68px;
	margin: 11px 0 32px;
	font-size: 24px;
	height: auto;
	line-height: 34px;
	letter-spacing: -1px;
	color: #000;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .name b {
	font-weight: 500;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price .won {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: -0.5px;
	color: #080202;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price .won span {
	font-size: 20px;
	line-height: 1.3;
}

.mypage_main .rebuy-wrap .swiper-slide.spe .pd_info .price_div .price .dc {
	color: #ff3894;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price .dc {
	padding-left: 6px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) {
	padding-top: 2px;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won {
	color: #999;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: -0.5px;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won span {
	font-size: 18px;
	line-height: 1.11;
	text-decoration: line-through;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .etc {
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .etc .pd_star {
	padding-left: 26px;
	color: #000;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.2px;
	background: url(/res/images/starIcon_24.png) no-repeat left center;
	background-size: 24px;
}

.mypage_main .rebuy-wrap .swiper-slide .pd_info .etc .pd_review {
	margin-left: 6px;
	line-height: 24px;
	color: #bbb;
	font-size: 18px;
}

.mypage_main .rebuy-wrap .swiper-slide .cart_btn {
	position: absolute;
	right: 52px;
	bottom: 108px;
	width: 32px;
	height: 32px;
	background: url(/res/images/icn_cart_32x32.png) no-repeat center;
	background-size: 32px;
	z-index: 1;
}

.mypage_main .rebuy-wrap .swiper-slide .cart_btn:hover {
	background-image: url(/res/images/icn_cart_hover_32x32.png);
}

/* 221014 재구매 추천 상품 알람 버튼 위치 설정 */
.mypage_main .rebuy-wrap .swiper-slide .alarm {
	top: 204px;
	right: 52px;
}

/* 220921 이벤트 > 출석체크: 상단 배너 및 타이틀 UI 변경 */
.event_attend_div .banner_area {
	height: 120px;
}

.event_attend_div .banner_area img {
	border-radius: 20px;
}

.event_attend_div .banner_area .title {
	margin-top: -98px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.29;
	letter-spacing: -0.67px;
	text-align: center;
	color: #052832;
}

/* 220929 카테고리 구조 추가 */
.type-google .term+.desc {
	margin-top: -21px;
}

.type-google .desc {
	padding-bottom: 40px;
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: -0.5px;
	color: #333;
}

/* 221004 상품 상세 2차 고도화 */
.product_list .price_div .benefit {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.product_list .price_div .benefit strong {
	font-size: 16px;
	font-weight: 500;
}

/* 221004 상품 상세 2차 고도화 */
.product_dtl .right_area .price_info .benefit-list .price {
	width: 100%;
	padding-top: 4px;
	padding-left: 115px;
}

.product_dtl .right_area .price_info .benefit-list .price .benefit {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.product_dtl .right_area .price_info .benefit-list .price .benefit strong {
	font-size: 16px;
}

/* 220929 카테고리 구조 추가 */
.type-google .term+.desc {
	margin-top: -21px;
}

.type-google .desc {
	padding-bottom: 40px;
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: -0.5px;
	color: #333;
}

/* ============================== 221027 상품상세 2차 고도화 ============================== */
/* 221027 옵션에 최저가 플래그 추가 */
.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume {
	display: flex;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume .primary-flag,
.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume .secondary-flag {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 0;
	padding: 0 6px;
	border-radius: 2px;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume span:first-child {
	margin-right: 6px;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume .primary-flag {
	color: #fff;
	background: #ff3894;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume .secondary-flag {
	color: #ff3994;
	border: solid 1px #ff3994;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info {
	display: flex;
	justify-content: space-between;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info p.volume {
	display: flex;
	align-items: center;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 10px;
}

/* 221027 옵션 선택 시 상품 구성 단위만 표기 */
.product_dtl .selected_option_div .selected_list_div .selected_list .title {
	display: flex;
	align-items: center;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .option {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .price {
	padding-left: 4px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .price.spe {
	color: #ff3894;
}

/* 221027 베스트 리뷰 상품상세 상단 노출 */
.product_dtl .left_area .best-review .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px 0 20px;
}

.product_dtl .left_area .best-review .head .star-grade {
	padding-left: 38px;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	background: url(/res/images/starIcon_24.png) no-repeat 0 50%;
	background-size: 32px;
}

.product_dtl .left_area .best-review .head .star-grade span {
	padding-left: 10px;
	color: #bbb;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
}

.product_dtl .left_area .best-review .head .all-view-btn {
	padding-right: 18px;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	background: url(/res/images/arrow_right_16x16.png) no-repeat 100% 3px;
}

.product_dtl .left_area .best-review .swiper-slide {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: 192px;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
}

.product_dtl .left_area .best-review .swiper-slide>div {
	flex: 1;
}

.product_dtl .left_area .best-review .swiper-slide .star_div {
	display: flex;
	align-items: center;
}

.product_dtl .left_area .best-review .swiper-slide .star_div b {
	padding-left: 6px;
	color: #000;
	font-size: 18px;
	font-weight: 500;
}

.product_dtl .left_area .best-review .swiper-slide .text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	margin-top: 16px;
	color: #333;
	font-size: 16px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 112px;
	min-height: 28px;
	line-height: 28px;
	word-break: break-all;
}

.product_dtl .left_area .best-review .swiper-slide img {
	min-width: 100px;
	width: 100px;
	height: 100px;
	margin-top: 40px;
	margin-left: 20px;
	border-radius: 10px;
}

.product_dtl .left_area .best-review .swiper-pagination {
	position: static;
	margin-top: 20px;
}

.product_dtl .left_area .best-review .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0.7);
}

.product_dtl .left_area .best-review .swiper-pagination .swiper-pagination-bullet-active {
	width: 48px;
	height: 8px;
	border-radius: 4px;
	background-color: #000;
}

/* 221107 전체상품 페이지 */
.all-item-wrap .category_div {
	margin-top: 70px;
}

.all-item-wrap .filter-list .type-list {
	display: flex;
	align-items: center;
}

.all-item-wrap .filter-list .type-list li {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 12px 0 18px;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: -0.23px;
	color: #000;
	border-radius: 10px;
	background-color: #f5f5f5;
	cursor: pointer;
}

.all-item-wrap .filter-list .type-list li:after {
	content: '';
	width: 20px;
	height: 20px;
	margin-left: 6px;
	background-image: url(/res/images/icn-arrow-bottom-gray.svg);
	background-size: 20px;
}

.all-item-wrap .filter-list .type-list li.active {
	font-weight: 500;
	color: #fff;
	background-color: #3cc814;
}

.all-item-wrap .filter-list .type-list li.active:after {
	background-image: url(/res/images/arrow_down_wh_32x32.png);
	background-repeat: no-repeat;
	transform: rotate(180deg);
}

.all-item-wrap .filter-list .type-list li+li {
	margin-left: 10px;
}

.all-item-wrap .list-wrap {
	margin-top: 10px;
}

.all-item-wrap .list-wrap>div {
	display: none;
	border-radius: 20px;
	border: solid 1px #ddd;
	background-color: #fff;
}

.all-item-wrap .list-wrap>div.selected {
	border-radius: 20px 20px 0 0;
	border-bottom-color: #eee;
}

.all-item-wrap .list-wrap>div>ul {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 0;
	padding: 30px;
	/* border-bottom: 1px solid #eee; */
}

.all-item-wrap .list-wrap>div>ul li {
	display: flex;
	align-items: center;
	width: 20%;
	height: 48px;
	padding-right: 10px;
}

.all-item-wrap .list-wrap>div label {
	font-size: 18px;
}

/* .all-item-wrap .list-wrap > div label:after {
	top: calc(50% - 10px);
} */

.all-item-wrap .selected-item {
	display: flex;
	justify-content: space-between;
	min-height: 60px;
	padding: 15px 30px 20px;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 20px 20px;
}

.all-item-wrap .selected-item.result {
	border-radius: 20px;
	border: 1px solid #ddd;
}

.all-item-wrap .selected-item ul {
	display: flex;
	flex-wrap: wrap;
}

.all-item-wrap .selected-item ul li {
	display: flex;
	align-items: center;
	margin-right: 40px;
}

.all-item-wrap .selected-item ul li span {
	max-width: 207px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: -0.44px;
	color: #999;
}

.all-item-wrap .selected-item ul li .close-btn {
	width: 20px;
	height: 20px;
	background: url(/res/images/icn-close-gray.png) no-repeat 50% 1px / 20px;
}

.all-item-wrap .selected-item .refresh-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 10px 0 12px;
	border-radius: 14px;
	border: solid 1px #bbb;
	background-color: #fff;
}

.all-item-wrap .selected-item .refresh-btn span {
	padding-left: 20px;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.5px;
	color: #555;
	background: url(/res/images/m_icn_refresh.png) no-repeat 0 50%;
	background-size: 16px;
}

.all-item-wrap .list-wrap>div.price>.chk_box {
	width: calc(100% - 60px);
	height: 94px;
	padding: 30px 0 16px;
	margin: 0 30px;
	border-bottom: 1px solid #eee;
}

.all-item-wrap .list-wrap>div.price>.chk_box label {
	height: 48px;
	line-height: 48px;
}

.all-item-wrap .list-wrap>div.price>.chk_box label:after {
	top: calc(50% - 10px);
}

.all-item-wrap .list-wrap>div.price>ul {
	padding-top: 16px;
}

/* 
.all-item-wrap .list-wrap > div.price > .chk_box.on {
	height: auto;
	padding-bottom: 0;
	border-bottom: 0;

.all-item-wrap .list-wrap > div.price > .chk_box.on + ul {
	margin-left: 32px;
	padding-top: 16px;
}
*/
.all-item-wrap .product_list_div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 48px 40px;
}

.all-item-wrap .product_list_div .product_list {
	float: inherit;
	margin: 0 !important;
}

.all-item-wrap .no_data_div {
	margin-top: 120px;
}

.all-item-wrap .no_data_div img {
	width: 64px;
	height: 64px;
}

.all-item-wrap .no_data_div .desc {
	padding-top: 20px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #555;
}



/* ==================== 221103 섭취챌린지 ==================== */
/* 챌린지 페이지 */
.event_div .challenge-wrap .cnt {
	margin-top: 60px;
	padding: 44px 0 80px;
	background-color: #5a7eff;
}

.event_div .challenge-wrap .cnt>div:not(.top-info) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 60px 100px 0;
	padding: 60px 40px;
	border-radius: 20px;
	background-color: #fff;
}

.event_div .challenge-wrap .cnt .title {
	margin-bottom: 40px;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -0.5px;
	color: #333;
}

.event_div .challenge-wrap .cnt .title b {
	font-weight: bold;
}

.event_div .challenge-wrap .cnt .top-info {
	position: relative;
}

.event_div .challenge-wrap .cnt .top-info .text1,
.event_div .challenge-wrap .cnt .top-info .text2 {
	position: absolute;
	top: 0;
}

.event_div .challenge-wrap .cnt .top-info .text1 {
	left: calc(50% - 120px);
	animation: switchText 1.5s linear infinite;
}

.event_div .challenge-wrap .cnt .top-info .text2 {
	left: calc(50% - 118px);
	animation: switchText 1.5s linear infinite;
}

@keyframes switchText {
	0% {
		opacity: 1;
		transform: scale(1.1);
	}

	50% {
		opacity: 0.7;
		transform: scale(0.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.event_div .challenge-wrap .cnt .top-info .bg {
	margin-top: -60px;
}

.event_div .challenge-wrap .way img {
	height: 396px;
}

.event_div .challenge-wrap .my-state .title {
	margin-bottom: 0;
}

.event_div .challenge-wrap .my-state .period {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	margin-top: 12px;
	padding: 0 40px;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #fff;
	border-radius: 32px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state .achieve-rate {
	width: 640px;
	margin-top: 42px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .term {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc {
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: -0.5px;
	color: #333;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc strong {
	font-size: 32px;
	font-weight: bold;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress {
	width: 100%;
	height: 16px;
	border-radius: 8px;
	background-color: #f7f7f7;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress .gauge {
	height: 100%;
	border-radius: 8px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list {
	display: flex;
	align-items: center;
	margin-top: 24px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 114px;
	border-radius: 8px;
	border: solid 2px #3cc814;
	background-color: #fff;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li:not(.state) {
	flex-direction: column;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li+li {
	margin-left: 30px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div {
	text-align: center;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div {
	position: relative;
	padding-left: 56px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	width: 1px;
	height: 32px;
	margin: 0 28px;
	background-color: #eee;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li div.fail * {
	color: #ccc;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .term {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc {
	padding-top: 2px;
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #555;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc strong {
	font-size: 28px;
	font-weight: bold;
	color: #3cc814;
}

.event_div .challenge-wrap .my-state .attend-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin-top: 48px;
}

.event_div .challenge-wrap .my-state .attend-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #999;
	border-radius: 50%;
	background-color: #f9f9f9;
}

.event_div .challenge-wrap .my-state .attend-list li.success {
	padding: 0 30px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background-color: #052832;
}

.event_div .challenge-wrap .my-state .info-msg {
	padding-top: 28px;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #333;
}

.event_div .challenge-wrap .my-state .info-msg strong {
	font-weight: 500;
	color: #3cc814;
}

.event_div .challenge-wrap .current-state {
	padding-bottom: 142px;
}

.event_div .challenge-wrap .current-state>div {
	position: relative;
}

.event_div .challenge-wrap .current-state .speech-bubble {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-width: 164px;
	height: 96px;
	padding: 0px 27px;
	background: #ffffff;
	border-radius: 13px;
	z-index: 1;
}

.event_div .challenge-wrap .current-state .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: -29px;
	width: 38px;
	height: 30px;
	background: url(/res/images/speech-bubble-knob.png) 50% 50%;
	background-size: cover;
}

.event_div .challenge-wrap .current-state .speech-bubble.people,
.event_div .challenge-wrap .current-state .speech-bubble.success {
	box-shadow: 0 10px 10px 0 rgb(0 0 0 / 8%);
}

.event_div .challenge-wrap .current-state .speech-bubble.point,
.event_div .challenge-wrap .current-state .speech-bubble.precent {
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 8%);
}

.event_div .challenge-wrap .current-state .speech-bubble.people {
	top: 0px;
	right: -88px;
}

.event_div .challenge-wrap .current-state .speech-bubble.people:after {
	left: 35px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point {
	right: -30px;
	bottom: -20px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point:after {
	top: -29px;
	left: 42px;
	transform: scaleX(-1) rotate(-180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.precent {
	bottom: -33px;
	left: -4px;
}

.event_div .challenge-wrap .current-state .speech-bubble.precent:after {
	top: -28px;
	right: 42px;
	transform: rotate(180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.success {
	top: 100px;
	left: -50px;
}

.event_div .challenge-wrap .current-state .speech-bubble.success:after {
	right: 42px;
	transform: scaleX(-1);
}

.event_div .challenge-wrap .current-state .speech-bubble span {
	display: block;
	letter-spacing: -0.5px;
}

.event_div .challenge-wrap .current-state .speech-bubble .term {
	font-size: 20px;
	line-height: 32px;
	color: #333;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc {
	line-height: 40px;
	font-size: 20px;
	font-weight: 500;
	color: #555;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc strong {
	font-size: 32px;
	font-weight: bold;
	color: #ff7b65;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .circle-progress {
	position: relative;
	width: 360px;
	height: 360px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg {
	position: relative;
	width: 360px;
	height: 360px;
	transform: rotate(-90deg);
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #f0f0f0;
	stroke-width: 50;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle:last-of-type {
	stroke-dasharray: 1130px;
	stroke: #ff8470;
	animation: circleProgress 2s infinite ease-in-out;
}

@keyframes circleProgress {
	from {
		stroke-dashoffset: 1130px;
	}

	to {
		stroke-dashoffset: 452px;
	}
}

.event_div .challenge-wrap .current-state .circle-progress-wrap img {
	position: absolute;
	top: 130px;
	left: 138px;
}

.event_div .challenge-wrap .app-info .speech-bubble {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 333px;
	height: 56px;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #fff;
	border-radius: 32px;
	background: #3cc814;
}

.event_div .challenge-wrap .app-info .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #3cc814;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}

.event_div .challenge-wrap .app-info .speech-bubble strong {
	padding: 0 4px;
	font-weight: bold;
}

.event_div .challenge-wrap .app-info .text {
	margin: 22px 0 12px;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -0.5px;
	color: #333;
}

.event_div .challenge-wrap .app-info .text strong {
	font-weight: bold;
}

.event_div .challenge-wrap .app-info .sub-text {
	margin-bottom: 40px;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #333;
}

.event_div .challenge-wrap .app-info .app-info-msg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 558px;
	height: 80px;
	font-size: 26px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #fff;
	border-radius: 10px;
	background-color: #ddd;
}

.event_div .challenge-wrap .share-benefit ul {
	display: flex;
}

.event_div .challenge-wrap .share-benefit li,
.event_div .challenge-wrap .share-benefit li a,
.event_div .challenge-wrap .share-benefit a img {
	width: 48px;
	height: 48px;
}

.event_div .challenge-wrap .share-benefit li+li {
	margin-left: 32px;
}

.event_div .challenge-wrap .page_bottom_noti {
	margin-top: 0;
}

/* 마이페이지 페이지 배너 */
.lnb_div .mypage_div .mypage_main .banner_zone+.banner_zone {
	margin-top: 24px;
}

/* 주문완료 페이지 배너 */
.pay_div .pay_comp .fix_area>a {
	display: block;
	margin-top: 20px;
	width: 100%;
}

.pay_div .pay_comp .fix_area>a img {
	width: 100%;
}

/* 챌린지리뷰 플래그 */
.review_div .review_list .list_div .list .review_box.on .dtl_box .dtl .challenge-flag {
	position: relative;
	padding-right: 21px;
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	font-weight: 500;
}

.review_div .review_list .list_div .list .review_box.on .dtl_box .dtl .challenge-flag:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 14px;
	margin: 0 10px;
	background: #ddd;
}

/* ==================== 221114 월드컵 이벤트 ==================== */
.evt-worldcup .gauge-wrap {
	display: flex;
	align-items: center;
	padding-bottom: 50px;
	background: url(/res/images/evt-worldcup-bg3.jpg);
}

.evt-worldcup .gauge-wrap .area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 615px;
	margin: 0 auto;
}

.evt-worldcup .gauge-wrap .area>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
}

.evt-worldcup .gauge-wrap .area>div .bar {
	width: 100%;
	height: 25px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(1) {
	margin-left: -1px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(1) .bar {
	border-radius: 15px 0 0 15px;
	background-color: #fe0f39;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(2) {
	flex: 1;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(2) .bar {
	background-color: rgba(204, 204, 204, 0.7);
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) {
	margin-right: -1px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .bar {
	border-radius: 0 15px 15px 0;
	background-color: #0034c6;
}

.evt-worldcup .gauge-wrap .percent {
	padding-top: 10px;
	font-size: 30px;
	font-weight: 700;
}

.evt-worldcup .gauge-wrap .people {
	font-size: 16px;
}

.evt-worldcup .select-list {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 512px;
	background: url(/res/images/evt-worldcup-bg4.jpg) no-repeat;
}

.evt-worldcup .select-list li {
	width: 250px;
}

.evt-worldcup .select-list li+li {
	margin-top: 27px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label {
	font-size: 38px;
	line-height: 36px;
	padding-left: 68px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label:after {
	top: 4px;
	width: 36px;
	height: 36px;
	background: #fff;
	border: 5px solid #d0d0cf;
}

.evt-worldcup .select-list .radio_box input[type="radio"]:checked+label:after {
	background-color: #000;
}

.evt-worldcup .select-list .radio_box label {
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.evt-worldcup .submit-btn {
	position: absolute;
	bottom: 182px;
	left: calc(50% - 160px);
	width: 320px;
	height: 78px;
	border-radius: 39px;
}

/* 221118 상품 파인더 */
.item-finder .top-cnt {
	display: flex;
	align-items: center;
	width: 100%;
	height: 180px;
	padding-left: 80px;
	background: #edfcea url(/res/images/item-finder-bg.png) no-repeat calc(100% - 23px) 100%;
	border-radius: 15px;
}

.item-finder .top-cnt .info {
	width: 800px;
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -1px;
	color: #052832;
}

.item-finder .top-cnt .info strong {
	font-weight: inherit;
	color: #3cc814;
}

.item-finder .list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 20px;
	margin-bottom: 63px;
}

.item-finder .list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: calc(25% - 12px);
	height: 80px;
	border-radius: 10px;
	border: solid 1px #ddd;
	background-color: #fff;
}

.item-finder .list li.prev {
	border-color: #f7f7f7;
	background-color: #f7f7f7;
}

.item-finder .list li.prev button span {
	padding-left: 24px;
	background: url(/res/images/arrow-left-black.svg) no-repeat 0 50%;
}

.item-finder .list li.on {
	border-color: #3cc814;
}

.item-finder .list li.on button {
	color: #3cc814;
	font-weight: 500;
}

.item-finder .list li .text {
	width: 100%;
	height: 100%;
	padding: 16px 34px;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	word-break: break-all;
	white-space: inherit;
}

.item-finder .rebuy-wrap {
	position: relative;
	width: 1020px;
	margin: 59px auto 0;
}

.item-finder .rebuy-wrap .top-cnt .title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000;
}

.item-finder .rebuy-wrap .swiper-container {
	width: calc(100% - 120px);
	margin: 0 auto;
	padding: 23px 24px;
}

.item-finder .rebuy-wrap .swiper-slide {
	width: 852px;
	height: 384px;
	padding: 32px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.item-finder .rebuy-wrap .swiper_btn {
	width: 100%;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

.item-finder .rebuy-wrap .swiper_btn .swiper-button-prev,
.item-finder .rebuy-wrap .swiper_btn .swiper-button-next {
	margin-top: 0;
	top: 0;
}

.item-finder .rebuy-wrap .swiper_btn .swiper-button-prev {
	left: 0;
}

.item-finder .rebuy-wrap .swiper_btn .swiper-button-next {
	right: 0;
}

.item-finder .rebuy-wrap .swiper-slide .link_area {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.item-finder .rebuy-wrap .swiper-slide .thumb {
	position: relative;
	width: 320px;
	height: 320px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 20px;
}

.item-finder .rebuy-wrap .swiper-slide .thumb>img {
	width: 100%;
}

.item-finder .rebuy-wrap .swiper-slide .thumb .pet_badge {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background: #613C3C url(/res/images/pet_36.png) no-repeat 50% 50%;
	border-radius: 50%;
}

.item-finder .rebuy-wrap .swiper-slide .heart {
	position: absolute;
	bottom: 52px;
	left: 282px;
	width: 40px;
	height: 40px;
	background: url('/res/images/icn_heart_40x40.png') no-repeat center;
	background-size: 40px;
	z-index: 1
}

.item-finder .rebuy-wrap .swiper-slide .heart.on {
	background-image: url('/res/images/icn_heart_32x32_on.png');
}

.item-finder .rebuy-wrap .swiper-slide .heart p {
	width: 40px;
	height: 40px;
}

.item-finder .rebuy-wrap .swiper-slide .heart p img {
	width: 100%;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info {
	width: 440px;
	margin-top: 50px;
	/*margin-left: 48px;*/
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .rebuy-badge {
	display: inline-block;
	padding: 0 6px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	border-radius: 4px;
	letter-spacing: -0.5px;
	color: #333;
	background-color: #f2fef0;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .rebuy-badge strong {
	font-weight: 500;
	color: #3cc814;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .tag {
	font-size: 16px;
	margin-top: 0;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .name {
	height: 68px !important;
	margin: 14px 0 32px;
	font-size: 24px;
	height: auto;
	line-height: 34px;
	letter-spacing: -1px;
	color: #000;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price .won {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: -0.5px;
	color: #080202;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price .won span {
	font-size: 20px;
	line-height: 1.3;
}

.item-finder .rebuy-wrap .swiper-slide.spe .pd_info .price_div .price .dc {
	color: #ff3894;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price .dc {
	padding-left: 6px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) {
	padding-top: 2px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won {
	color: #999;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: -0.5px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won span {
	font-size: 18px;
	line-height: 1.11;
	text-decoration: line-through;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .etc {
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .etc .pd_star {
	padding-left: 26px;
	color: #000;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.2px;
	background: url(/res/images/starIcon_24.png) no-repeat left center;
	background-size: 24px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .etc .pd_review {
	margin-left: 6px;
	line-height: 24px;
	color: #bbb;
	font-size: 18px;
}

.item-finder .rebuy-wrap .swiper-slide .cart_btn {
	position: absolute;
	right: 60px;
	bottom: 130px;
	width: 32px;
	height: 32px;
	background: url(/res/images/icn_cart_32x32.png) no-repeat center;
	background-size: 32px;
	z-index: 1;
}

.item-finder .rebuy-wrap .swiper-slide .cart_btn:hover {
	background-image: url(/res/images/icn_cart_hover_32x32.png);
}

.item-finder .rebuy-wrap .swiper-slide .alarm {
	right: 60px;
	bottom: 130px;
}

.item-finder .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
	margin: 56px auto 0;
}

.item-finder .btn-wrap .outline-btn>span {
	background-image: url(/res/images/search-primary.svg);
}

.outline-btn,
.primary-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 64px;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -0.5px;
	border-radius: 10px;
}

.outline-btn {
	color: #3cc814;
	border: solid 1px #3cc814;
	background-color: #fff;
}

.outline-btn>span {
	height: 32px;
	line-height: 32px;
	padding-left: 34px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.primary-btn {
	color: #fff;
	background-color: #3cc814;
}

/* 221118 검색화면 > 상품파인더 링크 추가 (일치결과없음) */
header nav .etc .search_div .search_pop .search_result.no {
	display: block;
	margin: 40px auto;
	text-align: center;
}

header nav .etc .search_div .search_pop .search_result.no p {
	line-height: 19px;
	color: #555;
}

header nav .etc .search_div .search_pop .search_result.no p+p {
	border-top: none;
	padding-top: 20px;
}

header nav .etc .search_div .search_pop .search_result.no p strong {
	color: #3cc814;
}

header nav .etc .search_div .search_pop .search_result.no .primary-btn {
	margin: 20px auto 0;
}

/* 221118 검색화면 > 상품파인더 링크 추가 (검색결과없음) */
.search_div .go-item-finder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 600px;
	height: 392px;
	margin: 75px auto 0;
	background-color: #edfcea;
	border-radius: 15px;
}

.search_div .go-item-finder p {
	width: 414px;
	padding-bottom: 203px;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #000;
	text-align: center;
	background: url(/res/images/search-item-finder-bg.png) no-repeat 50% 100%;
}

.search_div .go-item-finder .primary-btn {
	margin-top: -31px
}

/* 221208 선물하기 버튼 강조 */
@-webkit-keyframes shake-vertical {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	80% {
		-webkit-transform: translateY(3.4px);
		transform: translateY(3.4px);
	}

	90% {
		-webkit-transform: translateY(-3.4px);
		transform: translateY(-3.4px);
	}
}

@keyframes shake-vertical {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	80% {
		-webkit-transform: translateY(3.4px);
		transform: translateY(3.4px);
	}

	90% {
		-webkit-transform: translateY(-3.4px);
		transform: translateY(-3.4px);
	}
}

.floating-flag {
	position: absolute;
	left: calc(50% - 42px);
	top: -25px;
	display: inline-block;
	width: 84px;
	height: 34px;
	-webkit-animation: shake-vertical 2s ease-in-out infinite both;
	animation: shake-vertical 2s ease-in-out infinite both;
}

.floating-flag img {
	width: 100%;
	height: 100%;
}

.payback-flag {
	position: absolute;
	left: calc(50% - 42px);
	top: -25px;
	display: inline-block;
	width: 84px;
	height: 34px;
	background: url("/res/images/icon/payback-flag.png") no-repeat;
	-webkit-animation: shake-vertical 2s ease-in-out infinite both;
	animation: shake-vertical 2s ease-in-out infinite both;
}

/* 221205 추가 판매기간 및 FO 수정 */
.product_dtl .detail_area .fixed_container.prepare {
	border: none;
}

.product_dtl .detail_area .fixed_container.prepare .top_fix_wrap,
.product_dtl .detail_area .fixed_container.prepare .pd_final_cost,
.product_dtl .detail_area .fixed_container.prepare .bottom_btn .top {
	display: none;
}

.product_dtl .detail_area .fixed_container.prepare .bottom_btn {
	padding: 0;
}

.product_dtl .detail_area .fixed_container.prepare .bottom_btn .bottom {
	margin-top: 0;
}

/*230324 전화주문 프로모션*/
.order-tel .primary-color {
	color: #009C48;
}

.order-tel .tit-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	padding: 0 43px;
	font-weight: 600;
	font-size: 40px;
	line-height: 90px;
	letter-spacing: -0.02em;
	color: #FFF;
	background: #084D40;
	border-radius: 50px;
}

.order-tel .tit-flag span {
	font: inherit;
}

.order-tel [class*=cnt] {
	position: relative;
}

.order-tel .cnt1 {
	height: 890px;
	background: url(/res/images/tel/cnt1-bg.png) no-repeat 50% 50%;
}

.order-tel .cnt1 h1 {
	padding: 180px 0 0 100px;
	font-weight: 700;
	font-size: 100px;
	line-height: 115px;
	color: #FFF
}

.order-tel .cnt1 p {
	padding: 30px 0 0 100px;
}

.order-tel .cnt1 p span {
	display: block;
	font-size: 30px;
	line-height: 40px;
}

.order-tel .cnt1 p span:first-child {
	color: #FFF;
}

.order-tel .cnt1 p span:nth-child(2) {
	color: #073028;
	font-weight: 700;
}

.order-tel .cnt1 h2 {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 170px;
}

.order-tel .cnt1 h2>span {
	padding-left: 106px;
	color: #fff;
	font-weight: 300;
	font-size: 43px;
	line-height: 80px;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt1 h2 span strong {
	display: inline-block;
	color: #5FF433;
	font-weight: 700;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt1 h2 button {
	display: flex;
	align-items: center;
	height: 80px;
	margin-left: 41px;
	padding: 0 30px;
	background-color: #5FF433;
	border-radius: 50px;
}

.order-tel .cnt1 h2 button a {
	display: inline-block;
	height: 80px;
	line-height: 80px;
	padding-right: 44px;
	font-weight: 600;
	font-size: 35px;
	background: url(/res/images/tel/arrow-b-circle-left-ico.svg) no-repeat 100% 50%;
}

.order-tel .cnt2 {
	height: 700px;
	padding: 100px 0 150px;
	background: url(/res/images/tel/cnt2-bg.png) no-repeat 50% 50%;
}

.order-tel .cnt2 h3 {
	font-weight: 300;
	font-size: 70px;
	line-height: 85px;
	color: #FFF;
	text-align: center;
}

.order-tel .cnt2 h3 strong {
	color: #5FF433;
	font-weight: 800;
}

.order-tel .cnt2>p {
	width: 882px;
	margin: 70px auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 0;
}

.order-tel .cnt2>p span {
	width: 50%;
	padding-left: 80px;
	color: #fff;
	font-weight: 500;
	font-size: 37px;
	line-height: 50px;
	background: url(/res/images/tel/cnt2-check.svg) 0 50% no-repeat;
}

.order-tel .cnt3 {
	padding: 120px 0;
	text-align: center;
	background: #FFFAE0;
}

.order-tel .cnt3 h3 strong {
	display: block;
	color: #009C48;
	font-weight: 800;
	font-size: 105px;
	line-height: 115px;
}

.order-tel .cnt3 h3 span {
	color: #000;
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
}

.order-tel .cnt3 .text1 {
	display: inline-block;
	padding-top: 44px;
	color: #000;
	font-size: 35px;
	line-height: 35px;
	box-shadow: inset 0 -20px 0 rgba(106, 251, 103, 0.3);
}

.order-tel .cnt3 .text1 strong {
	font-weight: 700;
}

.order-tel .cnt3 .bg-wrap {
	position: relative;
	width: 620px;
	height: 620px;
	margin: 96px auto 0;
	background: url(/res/images/tel/cnt3-call-bg.png) 50% 50% no-repeat;
}

.order-tel .cnt3 .bg-wrap li {
	position: absolute;
}

.order-tel .cnt3 .bg-wrap li:nth-child(1) {
	top: 90px;
	left: -135px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(2) {
	top: 200px;
	left: -70px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(3) {
	top: 320px;
	left: -180px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(4) {
	top: 420px;
	left: -25px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(5) {
	top: 80px;
	right: -140px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(6) {
	top: 240px;
	right: -210px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(7) {
	top: 410px;
	right: -110px;
}

.order-tel .cnt3 .bg-wrap li p {
	position: relative;
	min-width: 160px;
	height: 60px;
	line-height: 60px;
	padding: 0 23px;
	font-weight: 600;
	color: #fff;
	font-size: 30px;
	letter-spacing: -0.02em;
	border-radius: 40px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(odd) p {
	background: #FFC01E;
	animation: shake-vertical 5s infinite;
}

.order-tel .cnt3 .bg-wrap li:nth-child(even) p {
	background-color: #009C48;
	animation: shake-vertical 5s 0.5s infinite;
}

.order-tel .cnt3 .bg-wrap li p:after {
	content: '';
	position: absolute;
	bottom: -26px;
	width: 32px;
	height: 27px;
	background-position: right 100% bottom 100%;
	background-repeat: no-repeat;
}

.order-tel .cnt3 .bg-wrap li:nth-child(-n+4) p:after {
	right: 40px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(n+5) p:after {
	left: 40px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(1) p:after,
.order-tel .cnt3 .bg-wrap li:nth-child(3) p:after {
	background-image: url(/res/images/tel/speech-bubble-right-yellow.svg);
}


.order-tel .cnt3 .bg-wrap li:nth-child(2) p:after,
.order-tel .cnt3 .bg-wrap li:nth-child(4) p:after {
	background-image: url(/res/images/tel/speech-bubble-right-green.svg);
}

.order-tel .cnt3 .bg-wrap li:nth-child(5) p:after,
.order-tel .cnt3 .bg-wrap li:nth-child(7) p:after {
	background-image: url(/res/images/tel/speech-bubble-left-yellow.svg);
}

.order-tel .cnt3 .bg-wrap li:nth-child(6) p:after {
	background-image: url(/res/images/tel/speech-bubble-left-green.svg);
}

.order-tel .cnt3 .text2 {
	padding-top: 100px;
	color: #000;
	font-size: 42px;
	line-height: 60px;
	letter-spacing: -0.02em;
}

.order-tel .cnt3 .text2 strong {
	color: #009C48;
	font-weight: 800;
}

.order-tel .cnt3 .text3 {
	font-size: 24px;
	color: #333;
	line-height: 1.35;
	padding: 20px 30px 0;
}

.order-tel .cnt4 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 400px;
	background: #28CA5F;
}

.order-tel .cnt4 .term {
	padding-top: 30px;
	padding-right: 75px;
	color: #FFF;
	font-size: 60px;
	line-height: 60px;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 100% 0 / 60px;
}

.order-tel .cnt4 .term strong {
	font-weight: 700;
}

.order-tel .cnt4 .desc {
	padding-top: 40px;
	font-weight: 700;
	font-size: 110px;
	line-height: 95px;
	color: #FBFF39;
}

.order-tel .cnt5 {
	padding-top: 120px;
}

.order-tel .cnt5 .form-wrap h3,
.order-tel .cnt6 h3,
.order-tel .cnt7 h3,
.order-tel .cnt8 h3 {
	text-align: center;
}

.order-tel .cnt5 .form-wrap h3 .tit-flag span {
	padding-left: 60px;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt5 .form-wrap h3 .text1,
.order-tel .cnt6 h3 .text1,
.order-tel .cnt7 h3 .text1 {
	padding-top: 50px;
}

.order-tel .cnt5 .form-wrap h3 .text1 span,
.order-tel .cnt6 h3 .text1 span,
.order-tel .cnt7 h3 .text1 span {
	display: inline-block;
	color: #000
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(1){
	font-size: 60px;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2),
.order-tel .cnt7 h3 .text1 span:nth-child(2) {
	padding-top: 10px;
	font-weight: 800;
	font-size: 105px;
	line-height: 115px;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2) strong,
.order-tel .cnt6 h3 .text1 span:nth-child(2) strong,
.order-tel .cnt7 h3 .text1 span:nth-child(2) strong {
	font-weight: inherit;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2) strong {
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt5 .form-wrap h3 .text2 {
	padding-top: 35px;
	color: #333;
	font-size: 30px;
	line-height: 31px;
}

.order-tel .cnt5 .form-wrap .form {
	margin-top: 19px;
	background-image: url(/res/images/tel/cnt5-bg.png);
}

.order-tel .form-wrap .form {
	padding: 60px 570px 100px 130px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.order-tel .form-wrap .form .input-wrap {
	display: flex;
	justify-content: space-between;
}

.order-tel .form-wrap .form .input-wrap.center {
	align-items: center;
}

.order-tel .form-wrap .form .input-wrap+.input-wrap {
	margin-top: 30px;
}

.order-tel .form-wrap .form .input-wrap>label {
	width: 120px;
	padding-right: 16px;
	font-weight: 500;
	font-size: 40px;
	line-height: 35px;
	color: #000
}

.order-tel .form-wrap .form .input-wrap>label span {
	font-weight: 400;
	font-size: 25px;
}

.order-tel .form-wrap .form .input-wrap>label+* {
	width: 460px;
	background: #F0F0F0;
	border: none;
}

.order-tel .form-wrap .form .input-wrap>label+input {
	height: 70px;
	padding: 0 30px;
	font-size: 30px;
	border-radius: 0;
}

.order-tel .form-wrap .form .input-wrap>label+input::placeholder {
	font-size: 30px;
	color: #BBB;
}

.order-tel .form-wrap .form .input-wrap>label+input:placeholder-shown {
	font-size: 30px;
}

.order-tel .form-wrap .form .input-wrap .interest-list {
	display: flex;
	flex-wrap: wrap;
	gap: 27px 0;
	width: 100%;
	padding: 35px;
}

.order-tel .form-wrap .form .input-wrap .interest-list li {
	width: 50%;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"] {
	display: none;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label {
	display: inline-flex;
	align-items: center;
	font-size: 27px;
	color: #000;
	font-weight: 500;
	cursor: pointer;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 32px;
	min-width: 32px;
	height: 30px;
	margin-right: 8px;
	background: url(/res/images/tel/cnt5-checkbox-off.svg) no-repeat 0 50% / 30px 30px;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]:checked+label:before {
	background-image: url(/res/images/tel/cnt5-checkbox-on.svg);
	background-size: 32px 30px;
}

.order-tel .form-wrap .agree-wrap {
	margin: 20px 0 0 120px;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"] {
	display: none;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]+label {
	display: inline-flex;
	align-items: center;
	font-size: 27px;
	color: #000;
	cursor: pointer;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 9px;
	border: 2px solid #000;
	border-radius: 2px;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]:checked+label:before {
	background: url(/res/images/tel/cnt5-agree-checkbox-on.svg) no-repeat 0 50% / cover;
}

.order-tel .form-wrap .form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 580px;
	height: 120px;
	margin-top: 58px;
	padding: 0 31px;
	background: #000
}

.order-tel .form-wrap .form button span {
	padding-right: 70px;
	background: url(/res/images/tel/arrow-w-circle-left-ico.svg) no-repeat 100% 50%;
	color: #FFF;
	font-weight: 500;
	font-size: 50px;
	line-height: 60px;
}

.order-tel .cnt5 .precaution {
	background: #292929;
}

.order-tel .precaution {
	padding: 50px 0 50px 105px;
}

.order-tel .precaution .title {
	margin-left: -25px;
	padding-left: 55px;
	color: #fff;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	background: url(/res/images/tel/info-w-ico.svg) no-repeat 0 50%;
}

.order-tel .precaution .title + ul {
	margin-top: 20px;
}

.order-tel .precaution li p {
	position: relative;
	color: #fff;
	font-weight: 300;
	font-size: 30px;
	line-height: 50px;
}

.order-tel .precaution li p:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 4px);
	left: -20px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 {
	padding: 120px 0 118px;
	background: #FFFAE0;
}

.order-tel .cnt6 h3 .text1 span:nth-child(1) {
	font-size: 55px;
	line-height: 80px;
}

.order-tel .cnt6 h3 .text1 span:nth-child(2) {
	padding-top: 7px;
	font-weight: 800;
	font-size: 90px;
	line-height: 115px;
}

.order-tel .cnt6 .feature {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	width: 900px;
	margin: 83px auto 0;
}

.order-tel .cnt6 .feature li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 280px;
	height: 280px;
	border-radius: 30px;
	background: #0BB65A;
}

.order-tel .cnt6 .feature li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 .feature li > p {
	padding-top: 20px;
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
}

.order-tel .cnt6 .feature li p span {
	color: #FBFF39;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap {
	padding-top: 140px;
}

.order-tel .cnt6 .sale-wrap .sale-tit {
	color: #000;
	font-weight: 800;
	font-size: 90px;
	line-height: 115px;
	text-align: center;
}

.order-tel .cnt6 .sale-wrap .sale-tit > span {
	padding: 20px 75px 0 0;
	background: url(/res/images/tel/cnt6-tag.svg) no-repeat 100% 0;
}

.order-tel .cnt6 .sale-wrap .sale-list {
	width: 700px;
	margin: 45px auto 0;
}

.order-tel .cnt6 .sale-wrap .sale-list li {
	display: flex;
	align-items: center;
	height: 90px;
	color: #000;
	font-weight: 500;
	font-size: 37px;
	line-height: 85px;
	padding: 0 90px;
	background-color: #fff;	
	border-radius: 20px;
}

.order-tel .cnt6 .sale-wrap .sale-list li + li {
	margin-top: 20px;
}

.order-tel .cnt6 .sale-wrap .sale-list li p {
	padding-left: 55px;
	background: url(/res/images/tel/cnt6-check.svg) no-repeat 0 50%;
}

.order-tel .cnt6 .sale-wrap .sale-list li strong {
	color: #FB1F2D;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap .sale-procaution {
	padding-top: 35px;
	font-weight: 500;
	font-size: 25px;
	line-height: 22px;
	text-align: center;
}

.order-tel .cnt7 {
	padding: 120px 140px 150px;
}

.order-tel .cnt7 h3 .text1 span:nth-child(1),
.order-tel .cnt8 h3 .text1 span:nth-child(1) {
	font-size: 55px;
	line-height: 80px;
}

.order-tel .cnt7 h3 .tit-flag span {
	padding-left: 53px;
	background: url(/res/images/tel/headset-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt7 h3 .text1 span:nth-child(2) {
	padding-right: 75px;
	background: url(/res/images/tel/cnt7-best-ico.svg) no-repeat 100% 0;
}

.order-tel .cnt7 ul {
	margin-top: 70px;
}

.order-tel .cnt7 ul li {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 70px 50px 50px 70px;
	background: #F0F0F0;
}

.order-tel .cnt7 ul li + li {
	margin-top: 30px;
}

.order-tel .cnt7 ul li .info-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.order-tel .cnt7 ul li .info-wrap .tag-list {
	display: flex;
	align-items: center;
	gap: 0 10px; 
}

.order-tel .cnt7 ul li .info-wrap .tag-name .name {
	padding-top: 36px;
	font-weight: 700;
	font-size: 55px;
	line-height: 55px;
	color: #000
}

.order-tel .cnt7 ul li .info-wrap .tag-name .name span {
	font-weight: 400;
	font-size: 40px;
}

.order-tel .cnt7 ul li .info-wrap .tag-list p {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 25px;
	color: #fff;
	font-size: 25px;
	border-radius: 50px;
}

.order-tel .cnt7 ul li:nth-child(1) .info-wrap .tag-list p {
	background-color: #1CBBA7;
}

.order-tel .cnt7 ul li:nth-child(2) .info-wrap .tag-list p {
	background-color: #33BED8;
}

.order-tel .cnt7 ul li:nth-child(3) .info-wrap .tag-list p {
	background-color: #112364;
}

.order-tel .cnt7 ul li:nth-child(4) .info-wrap .tag-list p {
	background-color: #FA2E83;
}

.order-tel .cnt7 ul li:nth-child(5) .info-wrap .tag-list p {
	background-color: #11538E;
}

.order-tel .cnt7 ul li .info-wrap img {
	position: absolute;
	right: 0;
}

.order-tel .cnt7 ul li:nth-child(1) .info-wrap img {
	top: -80px;
}
.order-tel .cnt7 ul li:nth-child(2) .info-wrap img,
.order-tel .cnt7 ul li:nth-child(3) .info-wrap img,
.order-tel .cnt7 ul li:nth-child(4) .info-wrap img {
	top: -76px;
}

.order-tel .cnt7 ul li:nth-child(3) .info-wrap img {
	right: -5px;
}

.order-tel .cnt7 ul li:nth-child(4) .info-wrap img {
	right: -30px;
}

.order-tel .cnt7 ul li:nth-child(5) .info-wrap img {
	top: -75px;
	right: -17px;
}

.order-tel .cnt7 ul li .price-wrap {
	display: flex;
	align-items: flex-end;
	margin-top: 44px;
}

.order-tel .cnt7 ul li .price-wrap .term {
	color: #FB1F2D;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
}

.order-tel .cnt7 ul li .price-wrap .price {
	margin: 0 41px 0 20px;
}

.order-tel .cnt7 ul li .price-wrap .price span {
	display: block;
}

.order-tel .cnt7 ul li .price-wrap .price .prime {
	padding-bottom: 15px;
	font-size: 35px;
	color: #000;
	line-height: 35px;
	text-align: right;
}

.order-tel .cnt7 ul li .price-wrap .price .prime em {
	padding-left: 8px;
	font-style: normal;
	text-decoration: line-through;
}

.order-tel .cnt7 ul li .price-wrap .price .discount {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 360px;
	height: 90px;
}

.order-tel .cnt7 ul li .price-wrap .price .discount em {
	color: #FB1F2D;
	font-weight: 800;
	font-size: 70px;
	line-height: 60px;
	letter-spacing: -0.025em;
}

.order-tel .cnt7 ul li .price-wrap .price .discount a {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 800;
	font-size: 40px;
	line-height: 40px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	border: 2px dashed #000;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(10px);
}

.order-tel .cnt7 ul .add-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 280px;
	height: 110px;
	padding: 0 40px 0 30px;
	background: #084C40;
	border-radius: 20px;
}

.order-tel .cnt7 ul .add-info .ico {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
}

.order-tel .cnt7 ul .add-info .ico:before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(/res/images/tel/call-primary-ico.svg) no-repeat 50% 50%;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt7 ul .add-info .txt {
	color: #fff;
	font-weight: 500;
	font-size: 25px;
	line-height: 35px;
}

.order-tel .cnt7 ul .add-info .txt strong {
	font-weight: 700;
	font-size: 30px;
	color: #FBFF39;
}

.order-tel .cnt7 .etc,
.order-tel .cnt7 ul li .etc {
	font-size: 24px;
	color: #000;
	margin-top: 30px;
	text-align: right;
}

.order-tel .cnt8 {
	padding: 120px 0 100px;
	background: #FFFAE0;
}

.order-tel .cnt8 h3 .text1 > span {
	color: #000;
}

.order-tel .cnt8 h3 .text1 span:nth-child(1) {
	display: block;
}

.order-tel .cnt8 h3 .text1 > span:nth-child(2) {
	display: inline-block;
	margin-top: 20px;
	font-weight: 700;
	font-size: 80px;
	line-height: 100px;
}

.order-tel .cnt8 h3 .text1 > span:nth-child(2) span {
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt8 .feature {
	position: relative;
	width: 1000px;
	height: 500px;
	margin: 70px auto 110px;
	padding: 70px 40px;
	background-color: #fff;
}

.order-tel .cnt8 .feature:after {
	content: '';
	position: absolute;
	bottom: -90px;
	left: calc(50% - 30px);
	width: 60px;
	height: 120px;
	background: url(/res/images/tel/cnt8-arrow.png) no-repeat;
}

.order-tel .cnt8 .feature img {
	position: absolute;
	top: -30px;
	left: 40px;
}

.order-tel .cnt8 .feature .txt1 {
	color: #000;
	font-size: 45px;
	line-height: 55px;
	text-align: center;
}

.order-tel .cnt8 .feature .txt1 strong {
	font-weight: 700;
}

.order-tel .cnt8 .feature ul {
	display: flex;
	justify-content: space-around;
	margin-top: 60px;	
}

.order-tel .cnt8 .feature ul li {
	width: 33.33333333333333333%;
	padding-top: 160px;
	color: #000;
	font-size: 35px;
	line-height: 30px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.order-tel .cnt8 .feature ul li:nth-child(1) {
	background-image: url(/res/images/tel/cnt8-item01.svg);
}

.order-tel .cnt8 .feature ul li:nth-child(2) {
	background-image: url(/res/images/tel/cnt8-item02.svg);
}

.order-tel .cnt8 .feature ul li:nth-child(3) {
	background-image: url(/res/images/tel/cnt8-item03.svg);
}

.order-tel .cnt8 .txt2 {
	color: #000;
	font-size: 35px;
	line-height: 50px;
	text-align: center;
}

.order-tel .cnt8 .txt2 strong {
	font-weight: 600;
}

.order-tel .cnt9 {
	padding-top: 120px;
}

.order-tel .cnt9 h3 {
	text-align: center;
}

.order-tel .cnt9 h3 .tit-flag span {
	padding-left: 60px;
  background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt9 h3 .text1 span {
	display: block;
}

.order-tel .cnt9 h3 .text1 span:nth-child(1) {
	padding-top: 50px;
	color: #000;
	font-size: 50px;
	line-height: 60px;
}

.order-tel .cnt9 h3 .text1 span:nth-child(2) {
	padding-top: 20px;
	font-weight: 800;
	font-size: 90px;
	line-height: 115px;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt9 h3 .text2 {
	padding-top: 35px;
	color: #333;
	font-size: 30px;
	line-height: 31px;
}

.order-tel .cnt9 .form-wrap .form {
	margin-top: 29px;
	background-image: url(/res/images/tel/cnt9-bg.png);
}

.order-tel .cnt9 .direct-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 250px;
	padding: 0 90px 0 120px;
	background: #032F27;
}

.order-tel .cnt9 .direct-info .txt {
	color: #fff;
	font-weight: 300;
	font-size: 43px;
	line-height: 75px;
}

.order-tel .cnt9 .direct-info .txt strong {
	color: #5FF433;
	font-weight: 800;
	font-size: 65px;
}

.order-tel .cnt9 .direct-info .tel {
	display: flex;
	align-items: center;
	height: 100px;
	padding: 0 40px;
  background: #5FF433;
	border-radius: 50px;
}

.order-tel .cnt9 .direct-info .tel a {
	padding-left: 55px;
	color: #000;
	font-weight: 700;
	font-size: 50px;
	line-height: 80px;
	background: url(/res/images/tel/call-b-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt9 .precaution {
	background: #4B4B4B;
}

@-webkit-keyframes shake-vertical {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	80% {
		-webkit-transform: translateY(6.4px);
		transform: translateY(6.4px);
	}

	90% {
		-webkit-transform: translateY(-6.4px);
		transform: translateY(-6.4px);
	}
}

@keyframes shake-vertical {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	80% {
		-webkit-transform: translateY(6.4px);
		transform: translateY(6.4px);
	}

	90% {
		-webkit-transform: translateY(-6.4px);
		transform: translateY(-6.4px);
	}
}

@keyframes flicker {
	0% {
		opacity: 0.1;
	}

	50% {
		opacity: 0.8;
	}

	100% {
		opacity: 1;
	}
}

/* 230426 상품상세 내 회원가입, 앱설치 유도 장치 추가 */
.product_dtl .qr_banner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 92px;
	border-radius: 10px;
	margin-top: 24px;
	background-image:url('/res/images/icon/icn_app.svg'), url('/res/images/icon/icn_cart_qr.svg');
	background-size: 68px 66px, 60px; 
	background-position: left 16px center, right 19px center;
	background-repeat:no-repeat;
	background-color: #e7ffe1;
}

.product_dtl .qr_banner .txt {
	font-size: 20px;
	font-weight: 500;
	color: #000;
}

.product_dtl .qr_banner .txt strong {
	color: #3cc814;
	font-weight: 500;
}