@charset "utf-8";
@import url(nutrione_m2.css);

@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');
}

* {
	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: 13px;
	color: #797979;
	letter-spacing: -0.5px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
}

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: 14px;
}

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 40px 0 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right 14px top 50% #f7f7f7;
	background-size: 20px;
	border: none;
	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: #f9f9f9;
	border: none;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.5px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	resize: none
}

textarea:focus {
	border: 1px solid #ccc
}

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: 13px;
	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: 14px;
	color: #bbb
}

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

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

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

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

input[readonly]::-webkit-input-placeholder,
input[readonly="readonly"]::-webkit-input-placeholder {
	color: #ddd
}

input[readonly]:-moz-placeholder,
input[readonly="readonly"]:-moz-placeholder {
	color: #ddd
}

input[readonly]::-moz-placeholder,
input[readonly="readonly"]::-moz-placeholder {
	color: #ddd
}

input[readonly]:-ms-input-placeholder,
input[readonly="readonly"]:-ms-input-placeholder {
	color: #ddd
}

input[readonly] {
	cursor: auto;
	pointer-events: none
}

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

:placeholder-shown {
	font-size: 14px;
	color: #ddd
}

select:disabled {
	opacity: 1;
	color: #ccc;
	background: url('/res/images/m_icn_down_gry_48x48.png') no-repeat right 12px top 50% #f7f7f7;
	background-size: 24px
}

input:disabled {
	color: #ddd
}


/*단일 클래스*/
.skip {
	position: fixed;
	top: -10000px;
	z-index: 100;
	padding: 16px 0;
	width: 100%;
	height: 45px;
	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_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%
}

.w33p {
	width: 33.33%
}

.w50p {
	width: 50%
}

.w100p {
	width: 100%
}

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

.radio_tab_con {
	display: none
}

.radio_tab_con:first-child {
	display: block
}

.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 !important
}

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

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

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

.mt60 {
	margin-top: 60px !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.not_scroll body {
	overflow: hidden
}

html.not_scroll body * {
	touch-action: none
}

html.lock #wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + env(safe-area-inset-bottom));
	height: -webkit-calc(100% + env(safe-area-inset-bottom));
	overflow: hidden
}

html.lock body {
	touch-action: none;
}

html.lock .layer_pop {
	touch-action: auto
}

body {
	width: 100%;
	overflow-x: hidden
}

#wrap {
	position: relative;
	word-break: keep-all;
	background: #fff
}

#wrap.main .inner {
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px)
}

.inner {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

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

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

.tooltip_div .opener {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

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

.tooltip.txt_area {
	padding: 16px
}

.tooltip.txt_area .tit {
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	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: 8px
}

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

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

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

.tooltip .close_btn {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	background: url('/res/images/m_icn_close_48x48.png') no-repeat;
	background-size: 24px
}

.tooltip.on {
	display: block;
}

/* 별점 */
.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.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_score {
	float: left;
}

.disabled_input[type="text"],
.disabled_input[type="email"],
.disabled_input[type="password"] {
	border-bottom: 1px solid #999
}

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

#wrap.dimd .dimd_bg {
	display: block
}

#wrap.dimd .layer_pop {
	display: block
}

.dimd_bg,
.dimd-bg {
	display: none;
	position: fixed;
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
	left: 0;
	width: 100%;
	height: calc(100vh - constant(safe-area-inset-top));
	height: calc(100vh - env(safe-area-inset-top));
	background: rgba(0, 0, 0, 0.5);
	z-index: 10
}

.no_data_div {
	display: table;
	width: 100%;
	text-align: center
}

.no_data_div .txt_area {
	display: table-cell;
	padding: 76px 20px 24px;
	vertical-align: middle;
	text-align: center;
	background: url('/res/images/m_no_data_img.png') no-repeat center top;
	background-size: 64px
}

.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: 14px;
	line-height: 18px;
	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-top: 24px;
	padding: 14px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	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 p {
	position: relative;
	margin-top: 4px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

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

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

.dot_indent p b {
	color: #000
}

.dot_indent p a {
	text-decoration: underline;
}

.disabled_btn {
	pointer-events: none
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	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-top: 20px;
	width: 300px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center
}

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

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

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

.input_form .tit {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.input_form .text {
	margin: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.input_form .input_area {
	display: flex;
	flex-wrap: nowrap;
	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 {
	display: block;
	width: 100%;
	margin-right: 6px
}

.input_form .input_area input:focus {
	background: #f7f7f7
}

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

.input_form .input_area input:last-child,
.input_form .input_area select:last-child {
	margin-right: 0
}

.input_form .input_area .textarea_div {
	position: relative;
	width: 100%;
	height: 134px;
	background: #f7f7f7;
	padding: 14px 12px 46px 12px;
	border-radius: 10px;
}

.input_form .input_area .textarea_div textarea {
	width: 100%;
	height: 74px;
}

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

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

.input_form .input_area .btn {
	display: inline-block;
	padding: 11px 0;
	min-width: 114px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.input_form .input_area .btn.disabled_btn {
	color: #ccc;
	border: 1px solid #ddd
}

.input_form .input_area .upload_pic {
	margin-top: 12px;
	width: 100%
}

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

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

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

.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: 14px;
	line-height: 48px;
	color: #333;
	text-align: center
}

.input_form .txt {
	display: none;
	padding-left: 12px;
	font-size: 12px;
	line-height: 20px;
	color: #f05b5a
}

.input_form .add_txt {}

.input_form.radio_form {}

.input_form.radio_form .tit {
	margin-bottom: 10px;
}

.input_form.radio_form .radio_box+.radio_box {
	margin-left: 28px;
}

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

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

.input_form.error .input_area input {
	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: 48px
}

.input_form.point .input_area .delete {
	right: 112px
}

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

.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.check .input_area.pw_view input {
	padding-right: 70px;
	background: url('/res/images/m_input_check.png') no-repeat right 40px top 50% #f7f7f7;
	background-size: 24px;
}

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

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

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

.select_form .select p {
	float: left;
	max-width: calc(100% - 38px);
	max-width: -webkit-calc(100% - 38px);
	font-size: 14px;
	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: 14px;
	line-height: 20px;
	color: #000
}

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

.select_form .option {
	display: none;
	position: absolute;
	top: 48px;
	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: 3
}

.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 .thumb {
	display: table-cell;
	padding-right: 12px;
	min-width: 60px;
	height: 48px
}

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

.select_form .option a .text {
	display: table-cell;
	width: 100%;
	vertical-align: middle
}

.select_form .option a .text span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.select_form .option a.disabled {
	color: #ccc;
	pointer-events: none
}

.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/m_icn_up_40x40.png') no-repeat right 14px top 50% #f7f7f7;
	background-size: 20px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
}

.select_form.type2 .option a.disabled {
	pointer-events: auto
}

.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/m_icn_down_gry_40x40.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 20px
}

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

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

.clear_has input {
	padding-right: 40px
}

.clear_has .delete {
	display: none;
	position: absolute;
	top: 50%;
	right: 7px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_clear_delete.png') no-repeat center;
	background-size: 24px;
}

.clear_has .delete img {
	width: 100%
}

.clear_has.has_btn .delete {
	right: 132px
}

/* 체크박스 */
.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 30px;
	font-size: 13px;
	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/m_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 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.radio_box input[type="radio"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/res/images/m_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/m_radio_icon_on_48x48.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;
}

/* head_banner */
.head_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6
}

.head_banner.hidden {
	top: -48px;
}

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

.head_banner .cont a {
	display: block;
	padding: 12px 0;
}

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

.head_banner .close_btn {
	position: absolute;
	top: 9px;
	right: 5px;
	width: 30px;
	height: 30px;
}

.head_banner .close_btn:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 100%
}

.head_banner .close_btn:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: url('/res/images/m_head_banner_xbt.png') no-repeat center;
	background-size: 16px
}

/* 메인팝업 */
.main_pop {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 11
}

.main_pop .swiper-container {
	border-radius: 15px 15px 0 0;
	background: #fff
}

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

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

.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 .bottom {
	padding: 15px;
	background: #fff
}

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

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

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

header {
	position: fixed;
	top: -48px;
	left: 0;
	width: 100%;
	height: 92px;
	z-index: 3;
	background: #fff
}

header.up {
	top: 0;
	transition: top 0.4s ease
}

header .top {
	height: 48px
}

header .top .inner {
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px)
}

header .top a {
	position: absolute
}

header .top a.logo {
	top: 12px;
	left: 0;
	width: 90px;
	height: 24px;
	background: url('/res/images/m_logo.png') no-repeat;
	background-size: 90px 24px
}

header .top a.search {
	top: 5px;
	right: 83px;
	padding: 5px;
	width: 38px;
	height: 38px;
	background: url('/res/images/m_indicator_search.png') no-repeat center;
	background-size: 28px
}

header .top a.home {
	top: 5px;
	right: 39px;
	padding: 5px;
	width: 38px;
	height: 38px;
	background: url('/res/images/m_indicator_home.png') no-repeat center;
	background-size: 28px
}

header .top a.ord {
	top: 5px;
	right: 39px;
	padding: 5px;
	width: 38px;
	height: 38px;
	background: url('/res/images/m_indicator_ord.png') no-repeat center;
	background-size: 28px
}

header .top a.cart {
	top: 5px;
	right: -5px;
	padding: 5px;
	width: 38px;
	height: 38px;
	background: url('/res/images/m_indicator_cart.png') no-repeat center;
	background-size: 28px
}

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

header .menu {
	padding: 0 16px;
}

header .menu:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eee
}

header .menu .swiper-slide {
	padding: 16px 4px 9px;
	margin-right: 16px;
	width: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #999;
	text-align: center
}

header .menu .swiper-slide:last-child {
	margin-right: 0
}

header .menu .swiper-slide.on {
	color: #000
}

header .menu .swiper-slide.on h1 {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

header .menu .swiper-slide.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #00c500
}

.indicator {
	position: fixed;
	top: -48px;
	left: 0;
	width: 100%;
	height: 48px;
	background: #fff;
	text-align: center;
	z-index: 3
}

.indicator.hidden {
	top: -48px !important;
}

.indicator.up {
	top: 0;
	transition: top 0.4s ease
}

.indicator.accor_div {
	z-index: 5
}

.indicator.pd_detail {
	top: 0;
	transition: none
}

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

.indicator .prev {
	position: absolute;
	top: 5px;
	left: 3px;
	width: 38px;
	height: 38px;
	background: url('/res/images/m_icn_left_56x56.png') no-repeat center;
	background-size: 28px
}

.indicator .title {
	display: inline-block;
	padding: 14px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: center;
	width: calc(100% - 72px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indicator .title h1 {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.indicator .utill {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 12px 5px 0;
	z-index: 12
}

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

.indicator .utill a {
	position: relative;
	float: left;
	padding: 5px;
	margin-right: 6px;
	width: 38px;
	height: 38px
}

.indicator .utill a:last-child {
	margin-right: 0
}

.indicator .utill a.search {
	background: url('/res/images/m_indicator_search.png') no-repeat center;
	background-size: 28px
}

.indicator .utill a.home {
	background: url('/res/images/m_indicator_home.png') no-repeat center;
	background-size: 28px
}

.indicator .utill a.cart {
	background: url('/res/images/m_indicator_cart.png') no-repeat center;
	background-size: 28px
}

.indicator .utill a.close {
	background: url('/res/images/m_icn_close_56x56.png') no-repeat center;
	background-size: 28px
}



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

.indicator a.logo {
	display: inline-block;
	margin: 12px auto 14px auto;
	width: 90px;
	height: 24px;
	background: url('/res/images/m_logo.png') no-repeat;
	background-size: 90px 24px
}

.indicator .x_btn {
	display: none;
	position: absolute;
	top: 5px;
	right: 11px;
	width: 38px;
	height: 38px;
	background: url('/res/images/m_icn_close_56x56.png') no-repeat center;
	background-size: 28px
}

.indicator_dimd {
	display: none;
	position: fixed;
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
	left: 0;
	width: 100%;
	height: calc(100vh - constant(safe-area-inset-top));
	height: calc(100vh - env(safe-area-inset-top));
	background: rgba(0, 0, 0, 0.5);
	z-index: 4
}

.allmenu_pop {
	display: none
}

#wrap header {
	display: none
}

#wrap.main header {
	display: block
}

#wrap.main .indicator {
	display: none
}

#wrap.main #content {
	padding: 92px 0 0
}

#wrap.main #content.bottom {
	padding: 92px 0 110px 0
}

#wrap.sub_main header {
	display: block
}

#wrap.sub_main .indicator {
	display: none
}

#wrap.sub_main #content {
	padding: 112px 0 0
}

#wrap.bottom:after {
	content: '';
	display: block;
	height: calc(constant(safe-area-inset-bottom) + 90px);
	height: calc(env(safe-area-inset-bottom) + 90px)
}

#wrap.bottom2:after {
	content: '';
	display: block;
	height: calc(constant(safe-area-inset-bottom) + 56px);
	height: calc(env(safe-area-inset-bottom) + 56px)
}

#content {
	position: relative;
	padding: 48px 0 0
}

#content.menu {
	padding: 96px 0 0
}

.top_tab {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	padding: 0 20px;
	width: 100%;
	border-bottom: 1px solid #ddd
}

.top_tab a {
	display: block;
	position: relative;
	padding: 14px 5px 13px;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
}

.top_tab a.on {
	color: #000
}

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

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

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

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

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

.btn_type a {
	display: block;
	padding: 13px 0;
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	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_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 {
	position: relative;
	color: #000;
	line-height: 26px;
	background: url('/res/images/icon/m_icn_go_kakao.png') no-repeat left 12px center / 40px #fee500;
}

.btn_type a.go_kakao .floating-flag {
	left: calc(50% - 56px);
	width: 112px;
	animation: none;
}

.btn_type a.go_kakao span {
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.bottom_toolbar {
	position: fixed;
	bottom: -90px;
	left: 0;
	width: 100%;
	height: calc(constant(safe-area-inset-bottom) + 56px);
	height: calc(env(safe-area-inset-bottom) + 56px);
	background: #fff;
	box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 3
}

.bottom_toolbar.up {
	bottom: 0;
	/* transition: bottom 0.4s ease */
}

.bottom_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 8px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	padding: 8px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 3
}

.bottom_fix .btn {
	display: flex
}

.bottom_fix .btn a {
	display: block;
	width: 100%;
	padding: 13px 15px 13px 11px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
}

.bottom_fix .btn a:not(:last-child) {
	margin-right: 4px;
}

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

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

.bottom_fix .btn a span {
	display: inline-block
}

.bottom_fix .btn a.won span {
	font-size: 18px
}

.option_layer {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 52px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	padding: 52px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	max-height: calc(100% - 100px);
	max-height: -webkit-calc(100% - 100px);
	overflow-y: auto;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 11
}

.option_layer .close {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 36px;
	background: url('/res/images/m_bottom_fix_close.png') no-repeat center top 8px;
	background-size: 28px
}

.option_layer .tit {
	margin: 16px 0 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.option_layer .tit:first-child {
	margin-top: 0
}

.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;
	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 .bottom_btn {
	margin-top: 16px
}

.option_layer .bottom_btn a {
	display: block;
	padding: 13px 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 .bottom_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: calc(env(safe-area-inset-bottom) + 136px);
	padding-bottom: calc(constant(safe-area-inset-bottom) + 136px);
}

.option_layer.new .option_select_form:not(:first-child) {
	margin-top: 20px
}

.option_layer.new .option_select_form .tit {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: 500;
}

.option_layer.new .option_select_form .select_form {
	margin-top: 12px
}

.option_layer.new .select_form .option {
	margin-bottom: 0;
	padding-top: 0;
	position: unset;
	max-height: 300px;
}

.option_layer.new .select_form .option .chk_div {
	padding: 16px 14px;
	border-top: 1px solid #eee;
}

.option_layer.new .select_form .option .chk_div:first-child {
	border-top: none;
}

.option_layer.new .select_form .option .chk_div .chk_box {
	width: 100%;
}

.option_layer.new .select_form .option .chk_div .chk_box input[type="checkbox"]+label {
	padding: 0 0 0 30px;
	width: 100%;
}

.option_layer.new .option_select_form:not(.sub_option_select_form) .select_form .option .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 8px;
}

.option_layer.new .select_form .option .chk_div .chk_box .info {
	display: table;
	width: 100%;
}

.option_layer.new .select_form .option .chk_div .chk_box .info .volume {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
}

.option_layer.new .select_form .option .chk_div .chk_box .info .volume span {
	color: #999;
	font-weight: 400;
	margin-left: 6px
}

.option_layer.new .select_form .option .chk_div .chk_box .info .price {
	display: table-cell;
	text-align: right;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.option_layer.new .select_form .option .chk_div .chk_box .info .price .per_month {
	font-size: 12px;
	line-height: 16px;
	color: #555;
	font-weight: 400;
}

.option_layer.new .select_form .option .chk_div .chk_box .plus_info {
	margin-left: -12px;
	background: #f9f9f9;
	margin-top: 8px;
	border-radius: 4px;
	padding: 10px 12px;
}

.option_layer.new .select_form .option .chk_div .chk_box .plus_info .detail {
	display: block;
	padding: 0
}

.option_layer.new .select_form .option .chk_div .chk_box .plus_info.no p {
	color: #ccc;
	text-decoration: line-through
}

.option_layer.new .select_form .option .chk_div .chk_box .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

.option_layer.new .select_form .option .chk_div.spe .chk_box .info .volume:after {
	content: '특가';
	display: inline-block;
	text-align: center;
	vertical-align: text-bottom;
	margin-left: 6px;
	font-size: 10px;
	line-height: 18px;
	width: 25px;
	height: 18px;
	color: #fff;
	border-radius: 2px;
	background: #ff3894
}

.option_layer.new .select_form .option .chk_div.cheapest .chk_box .info .price .per_month {
	color: #ff3894
}

.option_layer.new .fixed_info_area {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 16px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	padding: 16px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ddd;
}

.option_layer.new .fixed_info_area .total {
	display: none
}

.option_layer.new .fixed_info_area .total {
	display: block;
	margin-bottom: 16px;
}

.option_layer.new .fixed_info_area .final_cost {
	margin-top: 8px
}

.option_layer.new .fixed_info_area .final_cost:first-child {
	margin-top: 0
}

.option_layer.new .fixed_info_area .final_cost .price {
	float: unset
}

.option_layer.new .fixed_info_area .final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.option_layer.new .fixed_info_area .final_cost .price .tip {
	position: relative;
	float: left;
	padding-right: 18px;
	margin-right: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.option_layer.new .fixed_info_area .final_cost .price .tip .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 2px;
	background-size: 16px
}

.option_layer.new .fixed_info_area .final_cost .price .won {
	float: right;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.option_layer.new .fixed_info_area .final_cost .price .won span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.option_layer.new .fixed_info_area .btn a {
	display: block;
	padding: 13px 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.new .fixed_info_area .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
}



/* 제품리스트 공통 */
.product_list {}

.product_list .link_area {
	display: block
}

.product_list .thumb {
	position: relative;
	text-align: center
}

.product_list .thumb.noimg {
	background: #f7f7f7
}

.product_list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.product_list .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.product_list .thumb img {
	width: 100%
}

.product_list .tag {
	display: block;
	margin-top: 10px;
	width: 100%;
	height: 16px;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.product_list .name {
	margin-top: 2px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.product_list .name b {
	font-weight: 500
}

.product_list .price_div {
	margin-top: 8px
}

.product_list .price_div .price:after {
	content: '';
	display: block;
	clear: both
}

.product_list .price_div .price .won {
	float: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #080202
}

.product_list .price_div .price .won span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.product_list .price_div .price .dc {
	float: left;
	margin-left: 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3cc814
}

.product_list .price_div .price:nth-child(2) .won {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #999
}

.product_list .price_div .price:nth-child(2) .won span {
	font-size: 13px;
	line-height: 18px;
	text-decoration: line-through
}

.product_list .pd_info .etc {
	margin-top: 4px
}

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

.product_list .pd_info .etc .pd_star {
	float: left;
	padding-left: 16px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: url('/res/images/m_starIcon_16x16.png') no-repeat left center;
	background-size: 16px
}

.product_list .pd_info .etc .pd_review {
	float: left;
	margin-left: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #bbb
}

.product_list .pd_info .badge {
	margin-top: 8px;
	height: 18px
}

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

.product_list .pd_info .badge span {
	float: left;
	margin-right: 3px;
	padding: 4px 3px 2px;
	font-size: 10px;
	line-height: 1;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px
}

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

.product_list .pd_info .badge span:last-child {
	margin-right: 0
}

.product_list.spe .price_div .price .dc {
	color: #ff3894
}

.product_list .cart_btn {
	position: absolute;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_cart.png') no-repeat center;
	background-size: 24px
}

.product_list .heart {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url('/res/images/m_icn_heart_64x64.png') no-repeat center;
	background-size: 32px
}

.product_list .heart.on {
	background: url('/res/images/m_icn_heart_64x64_on.png') no-repeat center;
	background-size: 32px
}

.product_list .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px
}

.product_list .heart.ing p:nth-child(1) {
	display: block
}

.product_list .heart.ing p:nth-child(2) {
	display: none
}

.product_list .heart.off p:nth-child(1) {
	display: none
}

.product_list .heart.off p:nth-child(2) {
	display: block
}

.product_list .heart p img {
	width: 100%
}

.product_list .alarm {
	display: none;
	position: absolute;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_alarm_48x48.png') no-repeat center;
	background-size: 24px
}

.product_list .alarm.on {
	background: url('/res/images/m_icn_alarm_gry_48x48.png') no-repeat center;
	background-size: 24px
}

.product_list.soldout .thumb:before {
	content: '일시품절';
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	padding: 22px 24px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	word-break: break-all;
	background: rgba(8, 8, 8, 0.5);
	border-radius: 100%
}

.product_list.soldout .cart_btn {
	display: none
}

.product_list.soldout .alarm {
	display: block
}


/* 제품리스트 가로형 공통 */
.hor .product_list {}

.hor .product_list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.hor .product_list .thumb {
	float: left
}

.hor .product_list .pd_info {
	float: left
}

.hor .product_list .pd_info .tag {
	margin-top: 0
}

/*펫 전용 썸네일 위 뱃지*/
.pet .thumb .pet_badge {
	position: absolute;
	top: 6px;
	right: 6px;
	display: table;
	width: 32px;
	height: 32px;
	background-color: rgb(64, 15, 15, 0.8);
	background-blend-mode: multiply;
	border-radius: 100%;
}

.pet .thumb .pet_badge:before {
	content: '';
	display: table-cell;
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}


/* 메인 */
.main .main_banner {
	padding-top: 20px
}

.main .main_banner .swiper-slide img {
	width: 100%;
	border-radius: 15px
}

.main .main_banner .swiper-pagination {
	z-index: 1;
	bottom: 8px;
	right: 8px;
	left: auto;
	padding: 4px 15px 4px 10px;
	width: 70px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	text-align: right;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px
}

.main .main_banner .swiper-pagination .swiper-pagination-current {
	font-weight: 700
}

.main .main_banner .swiper_autoplay {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 12px;
	right: 52px;
	z-index: 2
}

.main .main_banner .swiper-button-pause {
	background: url("/res/images/m_icn_pause.png") center no-repeat;
	background-size: 16px;
}

.main .main_banner .swiper-button-play {
	background: url("/res/images/m_icn_play.png") center no-repeat;
	background-size: 16px;
}

.main .category_swiper {
	position: relative;
	margin-top: 6px;
	padding: 0 16px;
	overflow: visible;
}

.main .category_swiper .swiper-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.main .category_swiper.more .swiper-wrapper {}

.main .category_swiper .swiper-wrapper:after {
	content: '';
	display: block;
	clear: both
}

.main .category_swiper .swiper-slide {
	/* float: left;
	margin-right: calc(25% - 65px);
	margin-right: -webkit-calc(25% - 65px); */
	display: flex;
	margin-top: 14px !important;
	width: 20%;
	text-align: center
}

.main .category_swiper.swiper .swiper-slide {
	flex-direction: column;
	/* order: inherit !important; */
}

.main .category_swiper.more .swiper-slide {
	display: inline-block;
}

.main .category_swiper .swiper-slide:nth-child(5n) {
	margin-right: 0
}

.main .category_swiper .swiper-slide:nth-child(n+6) {
	/* margin-top: 20px */
	/* margin-top: 16px */
}


.main .category_swiper .swiper-slide .icon {
	/* padding: 8px;
	width: 52px;
	height: 52px;
	background: #f9f9f9 */
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin: 0 auto;
}

.main .category_swiper .swiper-slide .icon .flag {
	width: 30px;
	height: 14px;
	position: absolute;
	top: 0;
	right: -8px;
}

.main .category_swiper .swiper-slide .icon img:not(.flag) {
	/* width: 36px */
	width: 40px
}

.main .category_swiper .swiper-slide .tit {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	/* margin-top: 6px; */
	margin-top: 4px;
	width: 70px;
	font-size: 11px;
	line-height: 14px;
	color: #555;
	text-align: center;
	letter-spacing: -0.8px
}

/*
.main .category_swiper .swiper-scrollbar{bottom:0; left:50%; transform:translateX(-50%); width:72px; height:4px; background:#eee; border-radius:2px}
.main .category_swiper .swiper-scrollbar .swiper-scrollbar-drag{background:#000; border-radius:3px}*/
.main .category_swiper .more_btn {
	position: absolute;
	bottom: 0;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url('/res/images/m_main_category_more.png') no-repeat;
	background-size: 24px
}

.main .main_title_div {
	padding: 13px 0
}

.main .main_title_div p {
	position: relative;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.main .main_title_div .more_btn {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 18px;
	height: 22px;
	font-size: 14px;
	line-height: 25px;
	color: #000;
	background: url('/res/images/m_icn_right_32x32.png') no-repeat right 4.5px;
	background-size: 16px;
	z-index: 2
}

.main .recommend_div {
	margin-top: 32px
}

.main .recommend_div .pd_swiper {
	padding: 24px 16px 28px;
	margin-top: -20px
}

.main .recommend_div .pd_swiper .swiper-slide {
	padding: 10px;
	width: 180px;
	height: 314px;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.main .recommend_div .pd_swiper .swiper-slide .pd_info {
	padding: 0 8px;
}

.main .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 160px;
	height: 160px;
	text-align: center
}

.main .recommend_div .pd_swiper .swiper-slide .thumb.noimg {
	backgrounD: #fff
}

.main .recommend_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.main .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.main .recommend_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 27px;
	right: 18px;
	width: 24px;
	height: 24px;
}

.main .recommend_div .pd_swiper .swiper-slide .alarm {
	bottom: 20px;
	right: 5px
}

.main .recommend_div .pd_swiper .swiper-slide .heart {
	top: 132px;
	right: 16px
}

.main .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 40px;
	left: 40px
}

.main .recommend_div .pd_swiper .swiper-slide.more {
	padding: 127px 60px;
	box-shadow: none
}

.main .recommend_div .pd_swiper .swiper-slide.more a {
	display: block;
	padding: 14px;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.main .recommend_div .pd_swiper .swiper-slide.more a img {
	width: 100%
}

.main .recommend_div .pd_swiper .swiper-scrollbar {
	bottom: 0;
	left: 24px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	height: 4px;
	background: #eee;
	border-radius: 2px
}

.main .recommend_div .pd_swiper .swiper-scrollbar .swiper-scrollbar-drag {
	background: #999;
	border-radius: 3px
}

.main .event_div {
	position: relative;
	margin-top: 60px;
	padding-top: 14px;
	text-align: center
}

.main .event_div .evt_badge {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 12px 3px;
	width: 84px;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 15px;
	z-index: 2
}

.main .event_div .event {
	padding-bottom: 28px
}

.main .event_div .event .swiper-slide img {
	width: 100%
}

.main .event_div .event .swiper-pagination {
	bottom: 0
}

.main .event_div .event .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.main .event_div .event .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000;
	border-radius: 3px
}

.main .best_div {
	margin-top: 60px
}

.main .best_div .list_div {
	margin-top: 4px;
	padding: 6px 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border-radius: 20px
}

.main .best_div .list_div .list {
	position: relative;
	padding: 18px 0;
	border-bottom: 1px solid #eee
}

.main .best_div .list_div .list .num {
	position: absolute;
	/* top: 6px;
	left: 6px;
	padding: 6px 2px;
	width: 26px; */
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	text-align: center;
	z-index: 1
}

.main .best_div .list_div .list .thumb {
	padding: 10px 0 9px;
	width: 107px;
	height: 126px
}

.main .best_div .list_div .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.main .best_div .list_div .list .thumb.noimg {
	background: #fff
}

.main .best_div .list_div .list .pd_info {
	padding-left: 18px;
	width: calc(100% - 107px);
	width: calc(100% - 107px)
}

.main .best_div .list_div .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .best_div .list_div .list .pd_info .badge {
	display: none
}

.main .best_div .list_div .list .cart_btn {
	bottom: 9px;
	right: -5px
}

.main .best_div .list_div .list .alarm {
	bottom: 9px;
	right: -5px
}

.main .best_div .list_div .list .heart {
	bottom: 24px;
	left: 69px
}

.main .best_div .list_div .list:last-child {
	border-bottom: none
}

.main .best_div .list_div .list.soldout .thumb:before {
	top: 23px;
	left: 13px
}

.main .best_type_div {
	margin-top: 60px
}

.main .best_type_div .list_div {
	margin-top: 4px;
	padding: 6px 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border-radius: 20px
}

.main .best_type_div .list_div .list {
	position: relative;
	padding: 18px 0;
	border-bottom: 1px solid #eee
}

.main .best_type_div .list_div .list .thumb {
	padding: 10px 0 9px;
	width: 107px;
	height: 126px
}

.main .best_type_div .list_div .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.main .best_type_div .list_div .list .thumb.noimg {
	background: #fff
}

.main .best_type_div .list_div .list .pd_info {
	padding-left: 18px;
	width: calc(100% - 107px);
	width: calc(100% - 107px)
}

.main .best_type_div .list_div .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .best_type_div .list_div .list .pd_info .badge {
	display: none
}

.main .best_type_div .list_div .list .cart_btn {
	bottom: 9px;
	right: -5px
}

.main .best_type_div .list_div .list .alarm {
	bottom: 9px;
	right: -5px
}

.main .best_type_div .list_div .list .heart {
	bottom: 24px;
	left: 69px
}

.main .best_type_div .list_div .list:last-child {
	border-bottom: none
}

.main .best_type_div .list_div .list.soldout .thumb:before {
	top: 23px;
	left: 13px
}

.main .brand_div {
	margin-top: 60px
}

.main .brand_div .brand_tab_swiper {
	padding: 0 16px
}

.main .brand_div .brand_tab_swiper .swiper-slide {
	padding: 10px 0 11px;
	width: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #bbb
}

.main .brand_div .brand_tab_swiper .swiper-slide.on {
	color: #000
}

.main .brand_div .brand_tab_swiper .swiper-slide.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #3cc814
}

.main .brand_div .brand_con_swiper {
	padding: 28px 36px 34px 16px
}

.main .brand_div .brand_con_swiper .swiper-slide {
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.main .brand_div .brand_con_swiper .swiper-slide .banner {
	display: block;
	border-bottom: 1px solid #eee
}

.main .brand_div .brand_con_swiper .swiper-slide .banner .img img {
	width: 100%
}

.main .brand_div .brand_con_swiper .swiper-slide .banner .brand {
	padding: 14px 18px
}

.main .brand_div .brand_con_swiper .swiper-slide .banner .brand .icon {
	display: table-cell;
	padding: 3px;
	width: 48px;
	vertical-align: middle;
	border: 1px solid #ebebeb;
	border-radius: 100%
}

.main .brand_div .brand_con_swiper .swiper-slide .banner .brand .txt_div {
	display: table-cell;
	padding-left: 8px;
	width: calc(100% - 52px);
	width: -webkit-calc(100% - 52px);
	vertical-align: middle
}

.main .brand_div .brand_con_swiper .swiper-slide .banner .brand .txt_div .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.main .brand_div .brand_con_swiper .swiper-slide .banner .brand .txt_div .txt {
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div {
	padding: 4px 18px 24px;
	background: #fff
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list:first-child {
	border-top: none
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .thumb {
	width: 80px;
	height: 80px
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .thumb.noimg {
	background: #fff
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info {
	padding: 3px 0 0 12px;
	width: calc(100% - 80px);
	width: calc(100% - 80px)
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .tag {
	display: none
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .name {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .price_div .price .dc {
	display: none
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .price_div .price:nth-child(2) .won {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #999
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .price_div .price:nth-child(2) .won span {
	font-size: 13px;
	line-height: 18px;
	text-decoration: line-through
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .etc {
	display: none
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .pd_info .badge {
	display: none
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .cart_btn {
	bottom: 11px;
	right: -5px
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list .heart {
	display: none
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .list.soldout .thumb:before {
	top: 0;
	left: 0
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .more_btn {
	display: block;
	margin: 16px auto 0;
	padding: 14px 10px;
	width: calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	max-width: 244px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 24px
}

.main .brand_div .brand_con_swiper .swiper-slide .list_div .more_btn span {
	display: inline-block;
	padding-right: 14px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_right_24x32.png') no-repeat right center;
	background-size: 12px 16px
}

.main .brand_div .brand_con_swiper .swiper-pagination {
	bottom: 0
}

.main .brand_div .brand_con_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.main .brand_div .brand_con_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.main .new_div,
.main .time_type_div {
	position: relative;
	margin-top: 60px;
	padding-top: 24px
}

.main .new_div:before,
.main .time_type_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 328px;
	z-index: 0
}

.main .new_div:before {
	background: rgb(191, 233, 163);
	background: -moz-linear-gradient(top, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	background: linear-gradient(to bottom, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe9a3', endColorstr='#fff0ca', GradientType=0);
}

.main .time_type_div:before {
	background-image: linear-gradient(132deg, #ffe3f0, #fce6dd);
}

.main .new_div .pd_swiper,
.main .time_type_div .pd_swiper {
	padding: 24px 16px 28px;
	margin-top: -20px
}

.main .new_div .pd_swiper .swiper-slide,
.main .time_type_div .pd_swiper .swiper-slide {
	width: 260px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.main .new_div .pd_swiper .swiper-slide {
	height: 370px;
}

.main .new_div .pd_swiper .swiper-slide .thumb,
.main .time_type_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px
}

.main .time_type_div .pd_swiper .swiper-slide .timer_div {
	padding: 16px 0;
}

.main .new_div .pd_swiper .swiper-slide .thumb.noimg,
.main .time_type_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff;
	border-radius: 20px 20px 0 0
}

.main .new_div .pd_swiper .swiper-slide .thumb.noimg:after,
.main .time_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.main .new_div .pd_swiper .swiper-slide.pet .thumb .pet_badge,
.main .time_type_div .pd_swiper .swiper-slide.pet .thumb .pet_badge {
	top: 12px;
	right: 12px;
}

.main .new_div .pd_swiper .swiper-slide .pd_info,
.main .time_type_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.main .new_div .pd_swiper .swiper-slide .pd_info .tag,
.main .time_type_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.main .new_div .pd_swiper .swiper-slide .pd_info .name,
.main .time_type_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .new_div .pd_swiper .swiper-slide .pd_info .badge,
.main .time_type_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.main .new_div .pd_swiper .swiper-slide .cart_btn,
.main .time_type_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 15px;
	right: 15px
}

.main .new_div .pd_swiper .swiper-slide .alarm,
.main .time_type_div .pd_swiper .swiper-slide .alarm {
	bottom: 15px;
	right: 15px
}

.main .new_div .pd_swiper .swiper-slide .heart,
.main .time_type_div .pd_swiper .swiper-slide .heart {
	right: 12px
}

.main .new_div .pd_swiper .swiper-slide .heart {
	top: 156px;
}

.main .time_type_div .pd_swiper .swiper-slide .heart {
	top: 200px;
}

.main .new_div .pd_swiper .swiper-slide.soldout .thumb:before,
.main .time_type_div .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 90px
}

.main .new_div .pd_swiper .swiper-pagination,
.main .time_type_div .swiper-pagination {
	bottom: 0
}

.main .new_div .pd_swiper .swiper-pagination .swiper-pagination-bullet,
.time_type_div .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.main .new_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active,
.time_type_div .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 3px;
	background: #000
}

.main .new_type_div {
	position: relative;
	margin-top: 60px
}

.main .new_type_div .pd_swiper {
	padding: 24px 16px 28px;
	margin-top: -20px
}

.main .new_type_div .pd_swiper .swiper-slide {
	width: 260px;
	height: 370px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.main .new_type_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px
}

.main .new_type_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff;
	border-radius: 20px 20px 0 0
}

.main .new_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.main .new_type_div .pd_swiper .swiper-slide.pet .pet_badge {
	top: 12px;
	right: 12px
}

.main .new_type_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.main .new_type_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.main .new_type_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .new_type_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.main .new_type_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 15px;
	right: 15px
}

.main .new_type_div .pd_swiper .swiper-slide .alarm {
	bottom: 15px;
	right: 15px
}

.main .new_type_div .pd_swiper .swiper-slide .heart {
	top: 156px;
	right: 12px
}

.main .new_type_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 90px
}

.main .new_type_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.main .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.main .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 3px;
	background: #000
}

.main .mdpick_div {
	margin-top: 60px
}

.main .mdpick_div .product_box {
	padding: 0 0 26px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.main .mdpick_div .product_box .banner {}

.main .mdpick_div .product_box .banner a {
	display: block
}

.main .mdpick_div .product_box .banner img {
	width: 100%
}

.main .mdpick_div .product_box .tit_area {
	position: relative;
	margin: 0 auto;
	padding: 24px 0 14px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.main .mdpick_div .product_box .tit_area .sticker {
	position: absolute;
	top: -14px;
	left: 20px;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	background: #3cc814;
	border-radius: 15px
}

.main .mdpick_div .product_box .tit_area .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	letter-spacing: -1px
}

.main .mdpick_div .product_box .list_div {
	padding: 0 20px
}

.main .mdpick_div .product_box .list_div:after {
	content: '';
	display: block;
	clear: both
}

.main .mdpick_div .product_box .list_div .list {
	position: relative;
	float: left;
	width: calc(50% - 14px);
	width: -webkit-calc(50% - 14px)
}

.main .mdpick_div .product_box .list_div .list:nth-child(2n+1) {
	margin-right: 28px;
	clear: both
}

.main .mdpick_div .product_box .list_div .list:nth-child(n+3) {
	margin-top: 24px
}

.main .mdpick_div .product_box .list_div .list .thumb {
	width: 100%;
	height: calc(50vw - 50px);
	height: -webkit-calc(50vw - 50px)
}

.main .mdpick_div .product_box .list_div .list .thumb.noimg {
	background: #fff
}

.main .mdpick_div .product_box .list_div .list .pd_info {}

.main .mdpick_div .product_box .list_div .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .mdpick_div .product_box .list_div .list .cart_btn {
	bottom: 17px;
	right: -5px
}

.main .mdpick_div .product_box .list_div .list .alarm {
	bottom: 17px;
	right: -5px
}

.main .mdpick_div .product_box .list_div .list .heart {
	top: calc(50vw - 88px);
	top: -webkit-calc(50vw - 88px);
	right: 6px
}

.main .mdpick_div .product_box .list_div .list.soldout .thumb:before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.main .mdpick_div .product_box .more_btn {
	display: block;
	margin: 32px auto 0;
	padding: 14px 10px;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	max-width: 244px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 24px
}

.main .mdpick_div .product_box .more_btn span {
	display: inline-block;
	padding-right: 14px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_icn_right_24x32.png') no-repeat right center;
	background-size: 12px 16px
}

.main .mdpick_type_div {
	margin-top: 60px
}

.main .mdpick_type_div .product_box {
	padding: 0 0 26px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.main .mdpick_type_div .product_box .banner {}

.main .mdpick_type_div .product_box .banner img {
	width: 100%
}

.main .mdpick_type_div .product_box .tit_area {
	position: relative;
	margin: 0 auto;
	padding: 24px 0 14px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.main .mdpick_type_div .product_box .tit_area .sticker {
	position: absolute;
	top: -14px;
	left: 20px;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	background: #3cc814;
	border-radius: 15px
}

.main .mdpick_type_div .product_box .tit_area .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	letter-spacing: -1px
}

.main .mdpick_type_div .product_box .list_div {
	padding: 0 20px
}

.main .mdpick_type_div .product_box .list_div:after {
	content: '';
	display: block;
	clear: both
}

.main .mdpick_type_div .product_box .list_div .list {
	position: relative;
	float: left;
	width: calc(50% - 14px);
	width: -webkit-calc(50% - 14px)
}

.main .mdpick_type_div .product_box .list_div .list:nth-child(2n+1) {
	margin-right: 28px;
	clear: both
}

.main .mdpick_type_div .product_box .list_div .list:nth-child(n+3) {
	margin-top: 24px
}

.main .mdpick_type_div .product_box .list_div .list .thumb {
	width: 100%;
	height: calc(50vw - 50px);
	height: -webkit-calc(50vw - 50px)
}

.main .mdpick_type_div .product_box .list_div .list .thumb.noimg {
	background: #fff
}

.main .mdpick_type_div .product_box .list_div .list .pd_info {}

.main .mdpick_type_div .product_box .list_div .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .mdpick_type_div .product_box .list_div .list .cart_btn {
	bottom: 17px;
	right: -5px
}

.main .mdpick_type_div .product_box .list_div .list .alarm {
	bottom: 17px;
	right: -5px
}

.main .mdpick_type_div .product_box .list_div .list .heart {
	top: calc(50vw - 88px);
	top: -webkit-calc(50vw - 88px);
	right: 6px
}

.main .mdpick_type_div .product_box .list_div .list.soldout .thumb:before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.main .mdpick_type_div .product_box .more_btn {
	display: block;
	margin: 32px auto 0;
	padding: 14px 10px;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	max-width: 244px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 24px
}

.main .mdpick_type_div .product_box .more_btn span {
	display: inline-block;
	padding-right: 14px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_right_24x32.png') no-repeat right center;
	background-size: 12px 16px
}

.main .review_div {
	margin-top: 60px
}

.main .review_div .review_swiper {
	padding: 24px 36px 28px 16px;
	margin-top: -20px
}

.main .review_div .review_swiper .swiper-slide {
	height: 415px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.main .review_div .review_swiper .swiper-slide .thumb {
	position: relative;
	width: 100%;
	height: 206px
}

.main .review_div .review_swiper .swiper-slide .thumb img {
	position: absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.main .review_div .review_swiper .swiper-slide .txt_area {
	padding: 24px 20px 0
}

.main .review_div .review_swiper .swiper-slide .txt_area .name {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.main .review_div .review_swiper .swiper-slide .txt_area .etc {
	margin-top: 12px
}

.main .review_div .review_swiper .swiper-slide .txt_area .etc:after {
	content: '';
	display: block;
	clear: both
}

.main .review_div .review_swiper .swiper-slide .txt_area .etc .star_div {
	float: left
}

.main .review_div .review_swiper .swiper-slide .txt_area .etc .star_div .star {
	display: inline-block;
	vertical-align: top
}

.main .review_div .review_swiper .swiper-slide .txt_area .etc .star_div .score {
	display: inline-block;
	margin-left: 4px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.main .review_div .review_swiper .swiper-slide .txt_area .etc .id {
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-align: right
}

.main .review_div .review_swiper .swiper-slide .txt_area .text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 6px;
	width: 100%;
	height: 60px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .review_div .review_swiper .swiper-slide .txt_area .info {
	margin-top: 16px
}

.main .review_div .review_swiper .swiper-slide .txt_area .info:after {
	content: '';
	display: block;
	clear: both
}

.main .review_div .review_swiper .swiper-slide .txt_area .info .date {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.main .review_div .review_swiper .swiper-slide .txt_area .info .date:after {
	content: '';
	position: absolute;
	top: 3px;
	right: -9px;
	width: 1px;
	height: 12px;
	background: #ddd
}

.main .review_div .review_swiper .swiper-slide .txt_area .info .id {
	display: inline-block;
	margin-left: 14px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
	word-break: break-all
}

.main .review_div .review_swiper .swiper-slide .txt_area .info .id:before {}

.main .review_div .review_swiper .swiper-pagination {
	bottom: 0
}

.main .review_div .review_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.main .review_div .review_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.main .banner_type {
	margin: 60px auto 0;
	width: 100%
}

.main .banner_type img {
	width: 100%
}

.main .banner_type.swiper-container-horizontal {
	padding-bottom: 28px
}

.main .banner_type .swiper-pagination {
	bottom: 0
}

.main .banner_type .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.main .banner_type .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.main .banner_type.round {
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px)
}

.main .banner_type.round img {
	border-radius: 15px
}

.main .bottom_banner {
	margin-top: 60px;
	width: 100%
}

.main .bottom_banner a {
	display: block
}

.main .bottom_banner a img {
	width: 100%
}

/*타임특가 추가*/
.time_type_div .swiper-wrapper .swiper-slide .timer_div {
	width: 100%;
	border-radius: 15px 15px 0 0;
	text-align: center;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .tit img {
	height: 24px;
	margin-right: 4px;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .tit img:last-child {
	margin-right: 0;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .timer {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	padding-left: 8px;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .go-link {
	padding-right: 18px;
	font-size: 14px;
	letter-spacing: -0.2px;
	color: #000;
	background: url(/res/images/icon/arrow-right-bk.svg) no-repeat 100% 0 / 16px;
}

.category_div .time_type_div {
	margin-top: 16px;
	margin-bottom: 56px;
}

.category_div .time_type_div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 326px;
	background: url(/res/images/bg/m-time-spc-gradient.png) no-repeat 50% 50% / cover;
	border-radius: 15px;
}

.category_div .time_type_div .top {
	position: relative;
	padding-top: 28px;
	text-align: center;
	z-index: 1;
}

.category_div .time_type_div .top .title {
	position: relative;
}

.category_div .time_type_div .top .title .txt {
	height: 40px;
}

.category_div .time_type_div .top .title .ico {
	position: absolute;
	height: 48px;
	padding-left: 12px;
	margin-top: -16px;
}

.category_div .time_type_div .top .sub-title {
	display: inline-flex;
	height: 44px;
	max-height: 44px;
	overflow: hidden;
	margin-top: 16px;
	width: 200px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	text-align: center;
	color: #333;
	word-break: keep-all;
}

.category_div .time_type_div .swiper-scrollbar {
	position: static;
	width: calc(100% + 40px);
	margin: 44px 0 0 -20px;
}

/* .category_div .time_type_div .list_div {
	margin-top: 20px;
}

.category_div .time_type_div .list_div .list {
	padding: 16px;
	border-radius: 5px;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background-color: #fff;
} */

.time_type_div.hor .swiper-container {
	padding: 20px 20px 0 20px;
}

.time_type_div.hor .swiper-wrapper {
	margin-top: 0;
}

.time_type_div.hor .swiper-wrapper .list {
	position: relative;
	width: 100%;
	height: 162px;
	padding: 16px;
	border-radius: 5px;
	backdrop-filter: blur(2px);
	background-color: #fff;
}

.time_type_div.hor .swiper-wrapper .list .link_area {
	margin-top: 16px;
}

.time_type_div.hor .swiper-wrapper .list .thumb {
	width: 90px;
	height: 90px;
	background: #fff
}

.time_type_div.hor .swiper-wrapper .list .thumb .pet_badge {
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}

.time_type_div.hor .swiper-wrapper .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.time_type_div.hor .swiper-wrapper .list .thumb.noimg {
	background: #fff
}

.time_type_div.hor .swiper-wrapper .list .pd_info {
	padding-left: 12px;
	width: calc(100% - 114px);
	width: calc(100% - 114px)
}

.time_type_div.hor .swiper-wrapper .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.time_type_div.hor .swiper-wrapper .list .pd_info .badge {
	display: none
}

.time_type_div.hor .swiper-wrapper .list .cart_btn,
.time_type_div.hor .swiper-wrapper .list .alarm {
	bottom: 16px;
	right: 16px;
	width: 24px;
	height: 24px;
}

.time_type_div.hor .swiper-wrapper .list .heart {
	bottom: 16px;
	left: 74px;
	top: auto
}

.time_type_div.hor .swiper-wrapper .list:last-child {
	border-bottom: none
}

/* .time_type_div.hor .swiper-wrapper .list.soldout .thumb:before {
	top: 17px;
	left: 17px;
	transform: none
} */

.time_type_div.hor .swiper-pagination {
	position: static;
	margin-top: 44px;
}

/* .time_type_div {
	position: relative;
	margin: 48px auto 0 auto;
}

.time_type_div .pd_swiper {
	padding: 30px;
	margin-top: -30px
}

.time_type_div .pd_swiper .swiper-slide {
	width: 310px;
	height: 450px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}


.time_type_div .pd_swiper .swiper-slide .thumb {
	padding: 8px 35px 0;
	text-align: center;
	border-radius: 20px
}

.time_type_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff;
	border-radius: 20px 20px 0 0
}

.time_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.time_type_div .pd_swiper .swiper-slide.pet .thumb .pet_badge {
	top: 12px;
	right: 12px
}

.time_type_div .pd_swiper .swiper-slide .pd_info {
	padding: 12px 20px 20px;
}

.time_type_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.time_type_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	line-height: 18px;
	max-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.time_type_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 20px;
	right: 20px
}

.time_type_div .pd_swiper .swiper-slide .alarm {
	bottom: 20px;
	right: 20px
}

.time_type_div .pd_swiper .swiper-slide .heart {
	top: 248px;
	right: 12px
}

.time_type_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 88px;
	left: 115px
}

.time_type_div .swiper-pagination {
	bottom: 0;
	display: none
}

.time_type_div .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.time_type_div .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 3px;
	background: #000
}



.category_div .time_type_div .list_div .list {
	margin-left: 0
}

.category_div .time_type_div .list_div .list:nth-child(n+3) {
	margin-top: 0
} */

.product_dtl .thumb .timer_div {
	position: absolute;
	left: 0%;
	top: 48px;
	width: 100%;
	background: linear-gradient(96deg, #ffe3f0, #fce6dd);
	padding: 10px 0;
	z-index: 1;
	text-align: center
}

.product_dtl.has_head .thumb .timer_div {
	top: 96px
}

.product_dtl .thumb .timer_div .tit img {
	height: 24px;
	margin-right: 4px;
}

.product_dtl .thumb .timer_div .tit img:last-child {
	margin-right: 0;
}

.product_dtl .thumb .timer_div .timer {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	padding-left: 8px;
}

.event_div .time_type_div.hor .swiper-wrapper .list {
	height: 186px;
	padding: 0;
	border-radius: 15px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.event_div .time_type_div.hor .swiper-wrapper .list .thumb {
	width: 114px;
	height: 114px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .pd_info {
	padding-top: 12px;
	padding-bottom: 12px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .heart {
	bottom: 20px;
	left: 92px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .cart_btn,
.event_div .time_type_div.hor .swiper-wrapper .list .alarm {
	bottom: 25px;
}

.event_div .time_type_div.hor .swiper-container {
	padding-top: 16px;
	padding-bottom: 44px;
}

.event_div .time_type_div .timer_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
	padding: 0 12px 0 16px;
	background-image: linear-gradient(98deg, #ffe3f0, #fce6dd 100%);
}

.event_div .time_type_div.hor .swiper-wrapper .list .link_area {
	margin-top: 0;
	padding: 14px 16px;
}

.event_div .time_type_div.hor .swiper-pagination {
	margin-top: 24px;
}

.event_div .time_type_div.hor .swiper-scrollbar {
	position: static;
	width: 100%;
	margin-top: 24px;
}

/*//타임특가 추가*/

/* 재구매 많은 상품 추가 */
.repurchase_type_div {
	position: relative;
	margin-top: 60px;
	padding-top: 24px
}

.repurchase_type_div .pd_swiper {
	padding: 24px 16px 28px;
	margin-top: -20px
}

.repurchase_type_div .pd_swiper .swiper-slide {
	width: 260px;
	/* height: 370px; */
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.repurchase_type_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px
}

.repurchase_type_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff;
	border-radius: 20px 20px 0 0
}

.repurchase_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.repurchase_type_div .pd_swiper .swiper-slide.pet .thumb .pet_badge {
	top: 12px;
	right: 12px
}

.repurchase_type_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.repurchase_type_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.repurchase_type_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.repurchase_type_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.repurchase_type_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 15px;
	right: 15px
}

.repurchase_type_div .pd_swiper .swiper-slide .alarm {
	bottom: 15px;
	right: 15px
}

.repurchase_type_div .pd_swiper .swiper-slide .heart {
	top: 156px;
	right: 12px
}

.repurchase_type_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 90px
}

.repurchase_type_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.repurchase_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.repurchase_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 3px;
	background: #000
}


/* 상품리스트 필터 */
#wrap.sub_main .product_list_top {
	padding: 11px 0
}

.product_list_top {
	padding: 20px 0 11px
}

.product_list_top .all_count {
	float: left;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.product_list_top select {
	position: absolute;
	top: 0;
	right: 70px;
	padding: 0 24px 0 12px;
	width: 106px;
	height: 24px;
	font-weight: 500;
	line-height: 24px;
	direction: rtl;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right 4px top 50%;
	background-size: 16px
}

.product_list_top select:focus {
	outline: 0
}

.product_list_top .view_type {
	float: right;
}

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

.product_list_top .view_type a {
	float: left;
	margin-left: 6px;
	width: 24px;
	height: 24px;
}

.product_list_top .view_type a:first-child {
	margin-left: 0
}

.product_list_top .view_type a img {
	width: 100%
}

.product_list_top .view_type a img:nth-child(1) {
	display: block
}

.product_list_top .view_type a img:nth-child(2) {
	display: none
}

.product_list_top .view_type a.on img:nth-child(1) {
	display: none
}

.product_list_top .view_type a.on img:nth-child(2) {
	display: block
}

/* 카테고리 */
.category_div {
	padding-bottom: 72px
}

.category_div .brand_list {
	padding: 0 20px
}

.category_div .brand_list .list {
	display: block;
	margin-top: 12px
}

.category_div .brand_list .list img {
	width: 100%;
	border-radius: 15px
}

.category_div .brand_list .list:first-child {
	margin-top: 0
}

.category_div .banner img {
	width: 100%
}

.category_div .list_div {
	margin-top: 8px
}

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

.category_div .list_div .list {
	position: relative;
	float: left;
	margin-left: 16px;
	width: calc(50% - 8px);
	width: -webkit-calc(50% - 8px)
}



.category_div .list_div .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.category_div .list_div .list:nth-child(n+3) {
	margin-top: 28px
}

.product_list_div script ~ .product_list:nth-child(2n) {
	margin-left: 0;
	clear: none;
}

.product_list_div script ~ .product_list:nth-child(2n+1) {
	margin-left: 16px !important;
	clear: none !important;
}

.product_list_div script +.product_list {
	margin-left: 0 !important;
}


.category_div .list_div .list .thumb {
	padding: 6px;
	background: #f7f7f7;
	border-radius: 10px;
	overflow: hidden;
}

.category_div .list_div .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category_div .list_div .list .cart_btn {
	bottom: 17px;
	right: -5px
}

.category_div .list_div .list .alarm {
	bottom: 17px;
	right: -5px
}

.category_div .list_div .list .heart {
	top: calc(50vw - 66px);
	top: -webkit-calc(50vw - 66px);
	right: 6px
}

.category_div .list_div .list.soldout .thumb:before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.category_div .list_div.hor .list {
	float: none;
	margin-left: 0;
	width: 100%
}

.category_div .list_div.hor .list .thumb {
	padding: 10px;
	width: 152px;
	min-width: 152px
}

.category_div .list_div.hor .pd_info {
	padding-left: 12px;
	width: calc(100% - 152px);
	width: -webkit-calc(100% - 152px)
}

.category_div .list_div.hor .list .pd_info .name {
	height: 40px
}

.category_div .list_div.hor .list:nth-child(n+2) {
	margin-top: 16px
}

.category_div .list_div.hor .list .cart_btn {
	bottom: 17px;
	right: -5px
}

.category_div .list_div.hor .list .heart {
	top: auto;
	bottom: 6px;
	right: auto;
	left: 114px
}

.category_div .list_div .list .num {
	position: absolute;
	top: 6px;
	left: 6px;
	padding: 6px 2px;
	width: 26px;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	text-align: center;
	z-index: 1
}

.category_div .intro_div {
	position: relative;
	margin-top: 16px;
	padding: 0 20px 32px;
	border-bottom: 10px solid #f7f7f7
}

.category_div .intro_div .banner {
	border-radius: 15px;
	overflow: hidden
}

.category_div .intro_div .banner img {
	width: 100%
}

.category_div .intro_div .brand_intro {
	position: relative;
	margin-top: 14px
}

.category_div .intro_div .brand_intro .logo_div {}

.category_div .intro_div .brand_intro .logo_div:after {
	content: '';
	display: block;
	clear: both
}

.category_div .intro_div .brand_intro .logo_div .logo {
	float: left;
	padding: 3px;
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 100%
}

.category_div .intro_div .brand_intro .logo_div .logo img {
	width: 100%
}

.category_div .intro_div .brand_intro .logo_div .txt_div {
	float: left;
	padding: 4px 0 4px 10px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px)
}

.category_div .intro_div .brand_intro .logo_div .txt_div .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.category_div .intro_div .brand_intro .logo_div .txt_div .text {
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.category_div .intro_div .brand_intro .menu_div {
	margin-top: 16px
}

.category_div .intro_div .brand_intro .menu_div:after {
	content: '';
	display: block;
	clear: both
}

.category_div .intro_div .brand_intro .menu_div a {
	display: table;
	position: relative;
	float: left;
	padding: 8px 20px;
	margin-left: 4px;
	width: calc(50% - 2px);
	width: -webkit-calc(50% - 2px);
	border-radius: 5px;
	background: #f7f7f7
}

.category_div .intro_div .brand_intro .menu_div a:nth-child(2n+1) {
	margin-left: 0;
	clear: both
}

.category_div .intro_div .brand_intro .menu_div a:nth-child(n+3) {
	margin-top: 4px
}

.category_div .intro_div .brand_intro .menu_div a span {
	display: table-cell;
	height: 36px;
	vertical-align: middle;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	text-align: center
}

.category_div .intro_div .brand_intro .menu_div a h2 {
	display: table-cell;
	height: 36px;
	vertical-align: middle;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	text-align: center
}

.category_div .title_div {
	padding: 13px 0
}

.category_div .title_div p {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.category_div .title_div h2 {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.category_div .title_div .more_btn {
	position: absolute;
	top: 13px;
	right: 0;
	padding-right: 14px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_icn_right_24x32.png') no-repeat right center;
	background-size: 12px 16px
}

.category_div .recomm_area {
	padding: 16px 0 6px
}

.category_div .recomm_area:after {
	content: '';
	display: block;
	margin-top: 32px;
	height: 10px;
	background: #f7f7f7
}

.category_div .recommend_div {
	margin-top: 60px
}

.category_div .recommend_div:first-child {
	margin-top: 0
}

.category_div .new_div {
	position: relative;
	margin-top: 60px;
	padding-top: 24px
}

.category_div .new_div:first-child {
	margin-top: 0
}

.category_div .new_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 328px;
	background: rgb(191, 233, 163);
	background: -moz-linear-gradient(top, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	background: linear-gradient(to bottom, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe9a3', endColorstr='#fff0ca', GradientType=0);
	z-index: 0
}

.category_div .new_div .pd_swiper {
	padding: 24px 16px 32px;
	margin-top: -20px
}

.category_div .new_div .pd_swiper .swiper-slide {
	width: 260px;
	height: 370px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.category_div .new_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px 20px 0 0
}

.category_div .new_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.category_div .new_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.category_div .new_div .pd_swiper .swiper-slide.pet .thumb .pet_badge {
	top: 12px;
	right: 12px
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.category_div .new_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 15px;
	right: 15px
}

.category_div .new_div .pd_swiper .swiper-slide .heart {
	top: 156px;
	right: 12px
}

.category_div .new_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 900px
}

.category_div .new_div .pd_swiper .swiper-slide.soldout .cart_btn {
	display: none
}

.category_div .new_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.category_div .new_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .new_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.category_div .new_type_div {
	position: relative;
	margin-top: 60px
}

.category_div .new_type_div:first-child {
	margin-top: 0
}

.category_div .new_type_div .pd_swiper {
	padding: 24px 16px 32px;
	margin-top: -20px
}

.category_div .new_type_div .pd_swiper .swiper-slide {
	width: 260px;
	height: 370px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.category_div .new_type_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px 20px 0 0
}

.category_div .new_type_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.category_div .new_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.category_div .new_type_div .pd_swiper .swiper-slide.pet .pet_badge {
	top: 12px;
	right: 12px
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.category_div .new_type_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 15px;
	right: 15px
}

.category_div .new_type_div .pd_swiper .swiper-slide .heart {
	top: 156px;
	right: 12px
}

.category_div .new_type_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 900px
}

.category_div .new_type_div .pd_swiper .swiper-slide.soldout .cart_btn {
	display: none
}

.category_div .new_type_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.category_div .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.category_div .list_type_div {
	margin: 60px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.category_div .list_type_div:first-child {
	margin-top: 0
}

.category_div .free_type_div {
	margin: 60px auto 0
}

.category_div .free_type_div:first-child {
	margin-top: 0
}

.category_div .free_type_div .swiper-container {
	margin-top: -22px;
	padding: 30px 25px
}

.category_div .free_type_div .swiper-container .swiper-slide {
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.category_div .free_type_div .link_area {
	padding-bottom: 20px;
}

.category_div .free_type_div .link_area .thumb {
	padding: 20px 35px 0;
}

.category_div .free_type_div .product_list.pet .link_area .thumb .pet_badge {
	top: 12px;
	right: 12px
}

.category_div .free_type_div .link_area .pd_info {
	margin-top: 12px;
	padding: 0 20px
}

.category_div .free_type_div .link_area .pd_info .tag {
	margin-top: 0
}

.category_div .free_type_div .link_area .pd_info .name {
	margin-top: 0
}

.category_div .free_type_div .link_area .pd_info .price_div {
	margin-top: 12px
}

.category_div .free_type_div .link_area .pd_info .badge {
	display: none
}

.category_div .free_type_div .cart_btn {
	bottom: 15px;
	right: 15px
}

.category_div .free_type_div .heart {
	bottom: 180px;
	right: 12px;
}

.category_div .free_type_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.category_div .free_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .free_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.category_div .banner_type {
	margin: 60px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.category_div .banner_type:first-child {
	margin-top: 0
}

.category_div .banner_type.swiper-container-horizontal {
	padding-bottom: 32px
}

.category_div .banner_type img {
	width: 100%;
	border-radius: 15px
}

.category_div .banner_type .swiper-pagination {
	bottom: 0
}

.category_div .banner_type .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .banner_type .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}


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

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

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

.count_div .count input {
	float: left;
	padding: 1px 0 0 0;
	width: 28px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	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 a.minus {
	background: url('/res/images/m_bottom_fix_count_minus.png') no-repeat center;
	background-size: 12px
}

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

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

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

/* 상품상세 */
.product_dtl {
	position: relative;
	margin-top: -48px;
	padding-top: calc(100vw + 48px);
	padding-top: -webkit-calc(100vw + 48px)
}

.product_dtl.has_head .thumb.top {
	padding-top: 96px
}

.product_dtl .thumb.top {
	position: fixed;
	top: 0px;
	left: 0;
	padding-top: 48px;
	width: 100%;
	background: #f7f7f7
}

.product_dtl .thumb.top .swiper-wrapper {
	height: auto
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide {
	height: auto
}

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

.product_dtl .thumb.top .swiper-wrapper .swiper-slide.noimg {
	background: #f7f7f7
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg_big.png') no-repeat center;
	background-size: 100% auto
}

.product_dtl .thumb.top .swiper-pagination {
	bottom: 36px
}

.product_dtl .thumb.top .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: rgba(0, 0, 0, 0.3);
	opacity: 1
}

.product_dtl .thumb.top .swiper-pagination .swiper-pagination-bullet-active {
	background: #000
}

.product_dtl .scroll_area {
	position: relative;
	z-index: 1;
	background: #fff;
	border-radius: 20px 20px 0 0;
	margin-top: -20px
}

.product_dtl .scroll_area .section {
	position: relative
}

.product_dtl .scroll_area .section:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f7f7f7
}

.product_dtl .scroll_area .section:first-child:before {
	display: none
}

.product_dtl .scroll_area .section.scroll_tab_parent {
	padding-top: 49px
}

.product_dtl .scroll_area .section.scroll_tab_parent:before {
	display: none
}

.product_dtl .scroll_area .section .pd_info {
	position: relative;
	padding: 24px 0
}

.product_dtl .scroll_area .section .pd_info.pet .pet_badge {
	height: 32px;
	margin-bottom: 6px
}

.product_dtl .scroll_area .section .pd_info.pet .pet_badge img {
	height: 32px;
	width: auto
}

.product_dtl .scroll_area .section .pd_info .name {
	padding-right: 90px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	letter-spacing: -1px
}

.product_dtl .scroll_area .section .pd_info .name b {
	font-weight: 500
}

.product_dtl .scroll_area .section .pd_info .tag {
	margin-top: 10px;
	width: 100%
}

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

.product_dtl .scroll_area .section .pd_info .tag span {
	float: left;
	margin-right: 4px;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

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

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

.product_dtl .scroll_area .section .pd_info .tag p {
	float: left;
	margin-right: 4px;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

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

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

.product_dtl .scroll_area .section .pd_info .etc {
	margin-top: 20px;
}

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

.product_dtl .scroll_area .section .pd_info .etc .pd_star {
	float: left;
	padding-left: 16px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: url('/res/images/m_starIcon_16x16.png') no-repeat left center;
	background-size: 16px
}

.product_dtl .scroll_area .section .pd_info .etc .pd_review {
	float: left;
	margin-left: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #777;
	cursor: pointer;
	text-decoration: underline
}

.product_dtl .scroll_area .section .pd_info .badge {
	margin-top: 10px
}

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

.product_dtl .scroll_area .section .pd_info .badge span {
	float: left;
	margin-right: 3px;
	padding: 3px;
	font-size: 10px;
	line-height: 1;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px
}

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

.product_dtl .scroll_area .section .pd_info .badge span:last-child {
	margin-right: 0
}

.product_dtl .scroll_area .section .pd_info .btn {
	position: absolute;
	top: 20px;
	right: 0
}

.product_dtl .scroll_area .section .pd_info.pet .btn {
	top: 62px
}

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

.product_dtl .scroll_area .section .pd_info .btn a {
	position: relative;
	float: left;
	width: 36px;
	height: 36px;
}

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

.product_dtl .scroll_area .section .pd_info .btn .heart {
	background: url('/res/images/m_icn_heart_56x56.png') no-repeat center;
	background-size: 28px
}

.product_dtl .scroll_area .section .pd_info .btn .heart.on {
	background: url('/res/images/m_icn_heart_56x56_on.png') no-repeat center;
	background-size: 28px
}

.product_dtl .scroll_area .section .pd_info .btn .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px
}

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

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

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

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

.product_dtl .scroll_area .section .pd_info .btn .heart p img {
	width: 100%
}

.product_dtl .scroll_area .section .pd_info .btn .share {
	background: url('/res/images/m_icn_share_56x56.png') no-repeat center;
	background-size: 28px
}

.product_dtl .scroll_area .price_info {
	border-top: 1px solid #eee;
	padding: 24px 0
}

.product_dtl .scroll_area .price_info .list_div {}

.product_dtl .scroll_area .price_info .list_div .list {
	margin-top: 12px
}

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

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

.product_dtl .scroll_area .price_info .list_div .list .type {
	float: left;
	width: 90px;
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.product_dtl .scroll_area .price_info .list_div .list .price {
	float: left;
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px)
}

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

.product_dtl .scroll_area .price_info .list_div .list .price .won {
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #bbb
}

.product_dtl .scroll_area .price_info .list_div .list .price .won span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .won span {
	text-decoration: none
}

.product_dtl .scroll_area .price_info .list_div .list .price .dc {
	display: none;
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #3cc814
}

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

.product_dtl .scroll_area .price_info .list_div .list .price .noti {
	display: none;
	float: left;
	margin-top: 10px;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #bbb
}

.product_dtl .scroll_area .price_info .list_div .list .price .noti span {
	text-decoration: underline
}

.product_dtl .scroll_area .price_info .list_div .list .price .period {
	float: left;
	margin-top: 8px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #000
}

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

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .won {
	font-weight: 500;
	font-size: 18px;
	color: #000;
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .won span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .noti {
	display: none
}

/* .product_dtl .scroll_area .price_info .info_box {
	display: block;
	margin-top: 18px;
	padding: 16px;
	width: 100%;
	background: #f9f9f9
} */

.product_dtl .scroll_area .price_info .info_box .title {
	/* display: flex;
    align-items: center; */
	/* height: 24px; */
	line-height: 24px;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	padding-right: 120px;
	position: relative
}

.product_dtl .scroll_area .price_info .info_box .title span {
	display: inline-block;
	max-width: calc(100% - 20px);
	/* font-weight: 700; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.product_dtl .scroll_area .price_info .info_box .title a.cpn_down_btn {
	position: absolute;
	top: calc(50% - 12px);
	right: 0;
	display: flex;
	align-items: center;
	padding: 0 6px;
	height: 24px;
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	text-align: center
}

.product_dtl .scroll_area .price_info .info_box .title a.cpn_down_btn b {
	padding-left: 18px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	font-weight: 400;
	background: url("/res/images/icn_download_32.png") left center no-repeat;
	background-size: 16px
}

.product_dtl .scroll_area .price_info .info_box .dc_list {
	margin-top: 14px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list {
	/* padding-top: 16px; */
	/* margin-top: 14px; */
	/* border-top: 1px solid #eee */
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list+.list {
	margin-top: 12px;
}

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

.product_dtl .price_info .info_box .go_kakao {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	border-radius: 6px;
	background: url('/res/images/icon/m_icn_go_kakao.png') no-repeat left 12px center / 40px #fee500;
	margin-top: 40px;
}

.product_dtl .price_info .info_box .go_kakao .floating-flag {
	left: calc(50% - 56px);
	width: 112px;
	animation: none;
}

.product_dtl .price_info .info_box .go_kakao span {
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line

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

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

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

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left {
	display: flex;
	align-items: center;
	float: left;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-size: 13px;
	line-height: 16px;
	color: #bbb
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .body {
	display: none;
	margin-top: 12px;
	padding: 16px;
	background-color: #f9f9f9;
}

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

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left .name {
	display: inline-block;
	/* padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px */
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .right {
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left: 8px;
	width: 100px;
	font-weight: 500;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	color: #bbb;
	text-align: right
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .right span {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
}

/* .product_dtl .scroll_area .price_info .info_box .dc_list .list > .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
} */

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .left .name {
	position: relative;
	height: 20px;
	padding-left: 0;
	padding-right: 14px;
	font-size: 14px;
	color: #000;
	background: none
}

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

.product_dtl .info_box .tooltip_div .txt_area {
	width: 220px;
	max-width: 220px;
	padding: 20px 16px 16px 16px;
	border: solid 1px #eee;
	border-radius: 0;
}

.product_dtl .info_box .tooltip_div .dot_indent p {
	white-space: break-spaces;
}

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

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .right {
	position: relative;
	font-size: 14px;
	color: #333;
	/* padding-right: 20px; */
}

.product_dtl .scroll_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;
	transition: transform 0.3s ease
}

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

.product_dtl .scroll_area .price_info .info_box .dc_list .list:first-child>.line .right {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #3cc814;
}

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

.product_dtl .scroll_area .price_info+.add_info {
	border-top: none;
	padding-top: 0
}

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

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

.product_dtl .scroll_area .add_info .list_div {}

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

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

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

.product_dtl .scroll_area .add_info .list_div .list .type {
	float: left;
	width: 85px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.product_dtl .scroll_area .add_info .list_div .list .text {
	float: left;
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
	font-size: 14px;
	line-height: 20px;
	color: #000;
	letter-spacing: -0.8px
}

.product_dtl .scroll_area .add_info .list_div .list .text p {
	margin-top: 4px
}

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

.product_dtl .scroll_area .add_info .list_div .list .text .tooltip {
	width: 300px;
}

.product_dtl .scroll_area .add_info .list_div .list .text .dot_indent p {
	white-space: pre-line;
}

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

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

.product_dtl .scroll_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/m_icn_question_32x32.png') no-repeat center 1px;
	background-size: 16px;
	z-index: 3
}

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

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

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

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

.product_dtl .scroll_area .brand_link {
	padding: 0 20px;
	border-bottom: 10px solid #f7f7f7
}

.product_dtl .scroll_area .brand_link a {
	display: block;
	position: relative;
	padding: 12px 30px 12px 0
}

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

.product_dtl .scroll_area .brand_link a:before {
	content: '';
	position: absolute;
	top: 24px;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/res/images/m_icn_right_48x48.png') no-repeat;
	background-size: 24px
}

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

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

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

.product_dtl .scroll_area .brand_link a+a {
	border-top: 1px solid #eee
}

.product_dtl .scroll_area .pd_dtl_tabs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	border-bottom: 1px solid #eee;
	background: #fff;
	z-index: 2
}

.product_dtl .scroll_area .pd_dtl_tabs a {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}

.product_dtl .scroll_area .pd_dtl_tabs a span {
	display: inline-block;
	position: relative;
	padding: 12px 0;
	font-size: 15px;
	line-height: 20px;
	color: #999
}

.product_dtl .scroll_area .pd_dtl_tabs a span b {
	margin-left: 4px;
}

.product_dtl .scroll_area .pd_dtl_tabs a.on span {
	font-weight: 500;
	color: #000
}

.product_dtl .scroll_area .pd_dtl_tabs a.on:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000
}

.product_dtl .scroll_area .pd_dtl_tabs a.event span:before {
	content: '';
	position: absolute;
	top: 2px;
	right: -14px;
	width: 24px;
	height: 12px;
	background: url('/res/images/m_pdtab_event-2.png') no-repeat center;
	background-size: 24px 9px
}

.product_dtl .scroll_area .tab_content {}

.product_dtl .scroll_area .scroll_tab_parent .tab_content .cont_con {
	display: block;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro {
	position: relative;
	margin-top: 32px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro img {
	width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro video {
	width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro iframe {
	width: 100vw !important;
	height: calc(100vw*36/64) !important;
	height: -webkit-calc(100vw*36/64) !important;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .preview {
	position: relative;
	padding-bottom: 88px;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .preview:before {
	content: '';
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 188px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .total {
	display: block
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .hidden {
	height: 0;
	overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .more {
	position: absolute;
	bottom: 64px;
	left: 50%;
	transform: translateX(-50%);
	padding: 14px 0;
	width: 260px;
	text-align: center;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on {
	padding-bottom: 136px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .preview {
	padding-bottom: 0
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .preview:before {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .total {
	display: block
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .more span {
	background: url('/res/images/m_icn_up_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height .preview:before {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height .total {
	display: block;
	position: relative;
	height: 400vw;
	overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height .total:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 624px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height.on .total {
	height: auto
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height.on .total:before {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .write_btn {
	display: block;
	padding: 15px 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	background: #fff;
	border: 1px solid #999;
	border-radius: 10px
}

.product_dtl .bottom_fix {
	padding-top: 0;
	padding-bottom: calc(env(safe-area-inset-bottom) + 68px);
	padding-bottom: calc(constant(safe-area-inset-bottom) + 68px);
	max-height: calc(100% - 100px);
	max-height: -webkit-calc(100% - 100px);
	overflow-y: auto
}

.product_dtl .bottom_fix .btn a {
	padding: 11px 15px 11px 11px;
}

.product_dtl .bottom_fix .detail {
	display: none;
	position: relative;
	padding: 44px 4px 0 4px
}

.product_dtl .bottom_fix .detail .close {
	position: absolute;
	top: 0;
	left: -16px;
	width: calc(100% + 32px);
	width: -webkit-calc(100% + 32px);
	height: 36px;
	background: url('/res/images/m_bottom_fix_close.png') no-repeat center top 8px;
	background-size: 28px
}

.product_dtl .bottom_fix .detail .option {
	margin-bottom: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee
}

.product_dtl .bottom_fix .detail .option:first-child {
	padding-top: 0;
	border-top: none
}

.product_dtl .bottom_fix .detail .option .tit {
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.product_dtl .bottom_fix .detail .option .selector {
	display: block;
	padding: 14px 40px 14px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right 14px top 50% #f7f7f7;
	background-size: 20px;
	border-radius: 10px;
}

.product_dtl .bottom_fix .detail .option+.option {
	margin-top: 10px
}

.product_dtl .bottom_fix .detail .option+.select_list_div {
	margin-top: 8px
}

.product_dtl .bottom_fix .detail .select_list_div {}

.product_dtl .bottom_fix .detail .select_list_div .select_list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.product_dtl .bottom_fix .detail .select_list_div .select_list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name {
	padding-bottom: 16px;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name b {
	font-weight: 500
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div {}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .count {
	float: left
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info {
	float: right;
	max-width: calc(100% - 120px);
	max-width: -webkit-calc(100% - 120px)
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div {}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list {
	color: #000;
	text-align: right
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list .price .won {
	font-size: 14px;
	line-height: 30px
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list .price .won span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list .price .noti {}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .noti {
	display: none;
	float: left;
	margin-top: 10px;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #bbb;
	text-align: right
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .delete {
	position: absolute;
	top: 11px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_close_48x48.png') no-repeat center;
	background-size: 24px
}

.product_dtl .bottom_fix .detail .select_list_div .select_list:first-child .delete {
	top: -5px
}

.product_dtl .bottom_fix .detail .total {
	padding: 16px 0;
	border-top: 1px solid #eee
}

.product_dtl .bottom_fix .detail .total .silver:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total .silver .type {
	position: relative;
	float: left;
	padding-right: 16px;
	max-width: calc(100% - 90px);
	max-width: -webkit-calc(100% - 90px);
	font-size: 14px;
	line-height: 24px;
	color: #3cc814
}

.product_dtl .bottom_fix .detail .total .silver .type .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 3px;
	background-size: 16px
}

.product_dtl .bottom_fix .detail .total .silver .price {
	float: right;
	width: 90px;
}

.product_dtl .bottom_fix .detail .total .silver .price .won {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: right
}

.product_dtl .bottom_fix .detail .total .silver .price .won span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.product_dtl .bottom_fix .detail .total .final_cost {
	margin-top: 8px
}

.product_dtl .bottom_fix .detail .total .final_cost:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .detail .total .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total .final_cost .type {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #555
}

.product_dtl .bottom_fix .detail .total .final_cost .type span {
	padding-left: 3px;
	color: #000
}

.product_dtl .bottom_fix .detail .total .final_cost .type b {
	font-weight: 700
}

.product_dtl .bottom_fix .detail .total .final_cost .price {
	float: right
}

.product_dtl .bottom_fix .detail .total .final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total .final_cost .price .tip {
	position: relative;
	float: left;
	padding-right: 18px;
	margin-right: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #bbb
}

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

.product_dtl .bottom_fix .detail .total .final_cost .price .won {
	float: left;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.product_dtl .bottom_fix .detail .total .final_cost .price .won span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .bottom_fix .btn {
	position: fixed;
	bottom: 0;
	left: 16px;
	padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
	padding-bottom: calc(constant(safe-area-inset-bottom) + 8px);
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	background: #fff
}

.product_dtl .bottom_fix .btn a {
	line-height: 28px;
}

.product_dtl .bottom_fix .btn a.cart span {
	padding-left: 28px;
	background: url('/res/images/m_bottom_fix_cart.png') no-repeat left center;
	background-size: 24px
}

.product_dtl .bottom_fix .btn a.buy span {
	padding-left: 28px;
	background: url('/res/images/m_bottom_fix_buy.png') no-repeat left center;
	background-size: 24px
}

.product_dtl .bottom_fix .btn a.gift {
	position: relative;
	width: 52px
}

.product_dtl .bottom_fix .btn a.gift .floating-flag {
	left: -1px;
}

.product_dtl .bottom_fix .btn a.gift span {
	padding-top: 28px;
	width: 28px;
	background: url('/res/images/m_bottom_fix_gift.png') no-repeat center top;
	background-size: 28px
}

.product_dtl .bottom_fix .btn a.gift span b {
	font-size: 11px;
	line-height: 14px;
	display: none
}

.product_dtl .bottom_fix .btn a.gift span b strong {
	display: none
}

.product_dtl .bottom_fix .btn a.alarm span {
	padding-left: 28px;
	background: url('/res/images/m_bottom_fix_alarm.png') no-repeat left center;
	background-size: 24px
}

.product_dtl .bottom_fix .btn a.alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none;
	/* 221205 추가 판매기간 및 FO 수정 */
	color: #fff;
	font-weight: 500;
}

.product_dtl .bottom_fix .btn a.alarm.on span {
	font-weight: 500
}

.product_dtl .bottom_fix.on {
	z-index: 11
}

.product_dtl .bottom_fix.type1 .btn a {
	padding: 11px 15px 11px 11px
}

.product_dtl .bottom_fix.type1 .btn a.gift {
	display: none
}

.product_dtl .bottom_fix.type1 .btn a.alarm {
	display: none
}

.product_dtl .bottom_fix.type2 .btn a.buy {
	display: none
}

.product_dtl .bottom_fix.type2 .btn a.gift {
	width: 100%
}

.product_dtl .bottom_fix.type2 .btn a.gift span {
	padding-left: 28px;
	height: auto
}

.product_dtl .bottom_fix.type2 .btn a.gift span b {
	display: block
}

.product_dtl .bottom_fix.type2 .btn a.alarm {
	display: none
}

.product_dtl.gift .bottom_fix .btn a.buy {
	display: none
}

.product_dtl.gift .bottom_fix .btn a.gift {
	padding: 13px;
	width: 100%
}

.product_dtl.gift .bottom_fix .btn a.gift span {
	padding-top: 0;
	padding-left: 28px;
	width: auto;
	background: url('/res/images/m_bottom_fix_gift2.png') no-repeat left center;
	background-size: 24px
}

.product_dtl.gift .bottom_fix .btn a.gift span b {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.product_dtl.gift .bottom_fix .btn a.gift span b strong {
	display: inline;
	font-weight: 700
}

.product_dtl.gift .bottom_fix .btn a.gift .floating-flag {
	left: calc(50% - 37px);
}

/* 상세 옵션 나열형 */
.product_dtl .bottom_fix.new.on {
	padding-bottom: calc(env(safe-area-inset-bottom) + 116px);
	padding-bottom: calc(constant(safe-area-inset-bottom) + 116px);
}

.product_dtl .bottom_fix.new .detail .option_select_form:not(:first-child) {
	margin-top: 20px
}

.product_dtl .bottom_fix.new .detail .option_select_form .tit {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: 500;
}

.product_dtl .bottom_fix.new .detail .option_select_form .select_form {
	margin-top: 12px
}

.product_dtl .bottom_fix.new .detail .select_form .option {
	margin-bottom: 0;
	padding-top: 0;
	position: unset;
	max-height: 300px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div {
	padding: 16px 14px;
	border-top: 1px solid #eee;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div:first-child {
	border-top: none;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box {
	width: 100%;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box input[type="checkbox"]+label {
	padding: 0 0 0 30px;
	width: 100%;
}

.product_dtl .bottom_fix.new .detail .option_select_form:not(.sub_option_select_form) .select_form .option .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 8px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info {
	display: table;
	width: 100%;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info .volume {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info .volume span {
	color: #999;
	font-weight: 400;
	margin-left: 6px
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info .price {
	display: table-cell;
	text-align: right;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info .price .per_month {
	font-size: 12px;
	line-height: 16px;
	color: #555;
	font-weight: 400;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .plus_info {
	margin-left: -12px;
	background: #f9f9f9;
	margin-top: 8px;
	border-radius: 4px;
	padding: 10px 12px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .plus_info .detail {
	display: block;
	padding: 0
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .plus_info .date {
	color: #999
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .plus_info.no p {
	color: #ccc;
	text-decoration: line-through;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

/* .product_dtl .bottom_fix.new .detail .select_form .option .chk_div.spe .chk_box .info .volume:after {
    content: '특가';
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    margin-left: 6px;
    font-size: 10px;
    line-height: 18px;
    width: 25px;
    height: 18px;
    color: #fff;
    border-radius: 2px;
    background: #ff3894
} */

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div.cheapest .chk_box .info .price .per_month {
	color: #ff3894
}

.product_dtl .bottom_fix.new .detail .option_select_form+.divide {
	width: calc(100% + 32px);
	width: -webkit-calc(100% + 32px);
	margin: 20px 0 20px -16px;
	height: 1px;
	background: #ddd;
}

.product_dtl .bottom_fix.new .detail .select_list_div {
	margin: 20px auto;
	border-radius: 10px;
	background: #f9f9f9;
	padding: 0 16px;
}

.product_dtl .bottom_fix.new .detail .select_list_div:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list {
	padding: 16px 0;
}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list .name {}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list .delete {
	top: 11px;
	right: -5px
}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list .count_div .count {
	background: #fff;
}

.product_dtl .bottom_fix.new .fixed_info_area {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 16px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	padding: 16px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	background: #fff
}

.product_dtl .bottom_fix.new.on .fixed_info_area {
	border-top: 1px solid #ddd;
}

.product_dtl .bottom_fix.new .fixed_info_area .total {
	display: none
}

.product_dtl .bottom_fix.new.on .fixed_info_area .total {
	display: block;
	margin-bottom: 16px;
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost {
	margin-top: 8px
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price {
	float: unset
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .tip {
	position: relative;
	float: left;
	padding-right: 18px;
	margin-right: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .tip .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 5px;
	background-size: 16px
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .won {
	float: right;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .won span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .bottom_fix.new .btn {
	position: unset;
	padding-bottom: 0;
	width: auto;
}


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

.login_div {
	padding: 24px 0;
	position: relative
}

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

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

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

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

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

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

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

.login_div .login_div_top {
	text-align: center;
}

.login_div .login_div_top .tit {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #333;
	margin-bottom: 16px;
}

.login_div .login_div_top .tit strong {
	color: #3cc814;
	font-weight: 700;
}

.login_div .login_div_top .btn_type {
	border-bottom: 1px solid #eee;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

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

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

.login_div .sns_login .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.login_div .sns_login .btn_div.btn_type {
	margin-top: 16px
}

.login_div .sns_login .list_div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 14px;
	margin-top: 16px
}

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

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

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

.login_div .appCard_login {
	margin-top: 24px;
	padding-top: 24px;
	/*border-top: 1px solid #eee;*/
}

.login_div .appCard_login .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.login_div .appCard_login .btn_div.btn_type {
	margin-top: 16px
}

.login_div .appCard_login .btn_div.btn_type a span.new {
	padding: 2px 5px 4px 5px;
	border-radius: 10px;
	background: #052832;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	margin-left: 4px;
	display: inline-block;
	top: -2px;
	position: relative;
}

.login_div .top_noti {
	padding-bottom: 16px;
	margin: 0 auto 24px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

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

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

.login_div .set_pw_btn a {
	display: block;
	margin-top: 8px
}

.login_div .set_pw_btn a:first-child {
	margin-top: 0
}

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

.login_div .step_title {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

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

.login_div .btn_type ~ .ok_btn {
	margin-top: 20px
}

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

.login_div .bottom_btn a {
	margin-top: 8px
}

.login_div .bottom_btn a:first-child {
	margin-top: 0
}

.login_div .bottom_btn a.disabled_btn {
	background: #ddd
}

.login_div .bottom_btn+.dot_indent {
	margin-top: 16px
}

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

.login_div .join_benefit_div:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.login_div .join_benefit_div .txt {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
}

.login_div .join_benefit_div .list_div {
	display: flex;
	justify-content: center;
	margin-top: 16px
}

.login_div .join_benefit_div .list_div .list {
	display: block;
	margin-left: 20px;
	width: 80px;
	text-align: center;
}

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

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

.login_div .join_benefit_div .list_div .list .tit {
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	letter-spacing: -0.8px
}

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

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

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

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

.login_div .join_intro_img {
	width: 282px;
	margin: 0 auto 48px auto;
}

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

.login_div .already_join {
	/* margin-top: 32px;
	padding-top: 24px; */
	margin-top: 24px;
	text-align: center
}

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

.login_div .already_join a span {
	text-decoration: underline
}

.login_div .member_info {
	margin: 24px 0 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.login_div .member_info .line {
	margin-top: 12px
}

.login_div .member_info .line:first-child {
	margin-top: 0
}

.login_div .member_info .line:after {
	content: '';
	display: block;
	clear: both
}

.login_div .member_info .line .left {
	float: left;
	width: 90px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.login_div .member_info .line .right {
	float: left;
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

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

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

.login_div .join_terms .all_agree .chk_box label {
	display: block;
	padding: 16px 16px 14px 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #fff
}

.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-weight: 400;
	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: flex;
	margin-top: 24px;
	padding: 0 5px 0 10px
}

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

.login_div .join_terms .chk_div .open {
	display: block;
	min-width: 24px;
	font-size: 13px;
	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;
	padding-left: 40px
}

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

.login_div .join_terms .sub_chk .chk_box label {
	padding-left: 24px
}

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

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

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

.login_div .complete_div {
	margin-top: 16px;
	padding: 88px 0 24px 0;
	text-align: center
}

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

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

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

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

.login_div .complete_div .name {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	letter-spacing: -1px
}

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

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

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

.login_div .complete_div .tit2 {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.login_div .complete_div .tit2 span {
	font-weight: 700;
	color: #3cc814;
	word-break: break-all
}

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

.login_div .complete_div .txt {
	margin-top: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.login_div .complete_div .txt span {
	color: #3cc814
}

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

.login_div .complete_div+.ok_btn {
	margin-top: 8px
}

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

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

.login_div .id_info .info {
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

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

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

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

.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: 32px;
	height: 32px
}

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

.login_div .sns_join_info .list .type {
	float: left;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

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

.login_div .event_banner {
	display: block;
	margin-top: 24px;
	width: 100%;
}

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

.login_div .find_radio {
	padding-bottom: 8px
}

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

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

.login_div .input_form .input_area .btn {
	min-width: 114px
}

.sub_tab {
	display: table;
	padding: 0 20px;
	width: 100%;
}

.sub_tab a {
	display: table-cell;
	position: relative;
	padding: 9px 0;
	width: 100%;
	vertical-align: middle;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-align: center;
	border: 1px solid #ddd;
	border-left: none
}

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

.sub_tab a:last-child {
	border-radius: 0 10px 10px 0
}

.sub_tab a.on {
	color: #3cc814
}

.sub_tab a.on:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	width: -webkit-calc(100% + 2px);
	height: calc(100% + 2px);
	height: -webkit-calc(100% + 2px);
	border: 1px solid #3cc814
}

.sub_tab a:first-child.on:before {
	border-radius: 10px 0 0 10px
}

.sub_tab a:last-child.on:before {
	border-radius: 0 10px 10px 0
}

/* 회원가입 A/B 테스트용 css - 2022.05.31 추가 */
.login_div .devide_line {
	margin: 24px -20px;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	height: 10px;
	background: #f7f7f7
}

.login_div.join_type_A {}

.login_div.join_type_A .auth_step {}

.login_div.join_type_A .auth_step .auth_chk_btn {
	margin-top: 32px;
}

.login_div.join_type_A .auth_step+.info_wrt_step {
	margin-top: 16px;
}

.login_div.join_type_A .banner_div {
	width: 100%;
	border-radius: 10px;
	overflow: hidden
}

.login_div.join_type_A .banner_div img {
	width: 100%
}

.login_div.join_type_B {
	padding-top: 42px;
}

.login_div .login_progress {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 0;
	left: 0;
}

.login_div .login_progress .progress_bar {
	position: relative;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.login_div .login_progress .progress_bar span {
	position: absolute;
	width: 32px;
	height: 2px;
	background: #000;
	top: 0;
	left: 0
}

.login_div.join_type_B .join_step .step_title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: #000;
}

.login_div.join_type_B .join_step .step_title+div {
	margin-top: 32px
}

.login_div.join_type_B .join_step .btn_div {
	margin-top: 32px;
	text-align: center
}

.login_div.join_type_B .join_step .btn_div .skip_btn {
	font-size: 13px;
	line-height: 16px;
	color: #777;
	text-decoration: underline;
	display: inline-block;
	margin-top: 20px;
	padding: 0
}

.login_div .complete_div .devide_line {
	margin: 32px -20px;
}

.login_div .complete_div.type2 .tit {
	margin-top: 2px;
}

.login_div .complete_div.type2 .benefit_area {
	text-align: left
}

.login_div .complete_div.type2 .benefit_area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-top: 0
}

.login_div .complete_div.type2 .benefit_area .coupon_list {
	margin-top: 16px
}

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

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

.login_div .complete_div.type2 .benefit_area .coupon_list .list:before {
	content: '';
	position: absolute;
	top: 14px;
	right: 35px;
	width: 1px;
	height: calc(100% - 28px);
	height: -webkit-calc(100% - 28px);
	background: url('/res/images/m_coupon_dash.png') repeat-y left top;
	background-size: 1px auto
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list:nth-child(2n-1) {
	clear: both;
	margin-left: 0
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list:nth-child(n+3) {
	margin-top: 20px
}

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

.login_div .complete_div.type2 .benefit_area .coupon_list .list .left {
	float: left;
	width: calc(100% - 36px);
	width: -webkit-calc(100% - 36px);
	padding: 17px 0 17px 16px
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list .left .benefit {
	margin-top: 10px;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	color: #ff3894
}

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

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

.login_div .complete_div.type2 .benefit_area .coupon_list .list .right {
	position: relative;
	float: left;
	width: 36px;
	height: 100%;
	background: url('/res/images/m_coupon_txt_coupon.png') no-repeat center;
	background-size: 9px auto
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list .right:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -9px;
	width: 18px;
	height: 7px;
	background: url('/res/images/m_coupon_top.png') no-repeat #fff;
	background-size: 18px 7px
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list .right:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -9px;
	width: 18px;
	height: 7px;
	background: url('/res/images/m_coupon_bottom.png') no-repeat #fff;
	background-size: 18px 7px
}

.login_div .complete_div.type2 .benefit_area .coupon_list .list.point .right {
	background: url('/res/images/m_coupon_txt_point.png') no-repeat center;
	background-size: 9px auto
}

.login_div .complete_div.type2 .benefit_area .special_price_area {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .product_list {
	margin-top: 16px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area {
	display: table;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .thumb {
	display: table-cell;
	padding: 4px;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background: #f7f7f7
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .thumb.noimg {
	background: #f7f7f7
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .pd_info {
	display: table-cell;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	height: 100px;
	vertical-align: middle;
	padding-left: 12px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .pd_info .name {
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .price_div .price .won {
	color: #ccc;
	line-height: 18px
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .price_div .price:nth-child(1) .won span {
	text-decoration: line-through
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .price_div .price:nth-child(2) .won {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .price_div .price:nth-child(2) .won span {
	text-decoration: none;
	font-size: 18px;
	vertical-align: top;
	line-height: 24px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .link_area .price_div .price .dc {
	line-height: 24px;
	color: #ff3894
}

.login_div .complete_div.type2 .benefit_area .special_price_area .txt_btn {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	position: relative;
	margin-top: 24px;
	left: 50%;
	transform: translateX(-50%);
}

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

.login_div .ok_btn a:not(:first-child) {
	margin-top: 8px;
}

.myinfo_div .accor_div .list .close .already_div .input_form {
	position: relative
}

.myinfo_div .accor_div .list .close .already_div .input_form .txt_btn {
	position: absolute;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #3cc814;
	text-decoration: underline;
	top: 0;
	right: 0
}

.myinfo_div .memout_div {
	padding-top: 24px;
	text-align: center;
	border-top: 10px solid #f7f7f7;
}

.myinfo_div .memout_btn {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.myinfo_div .memout_btn span {
	padding-right: 18px;
	background: url("/res/images/icn_right_16x16.png") center right no-repeat;
	background-size: 16px;
}

.myinfo_div .accor_div .list .close .line.mrk_agree {
	font-size: 13px;
	line-height: 20px;
	color: #000;
	margin-top: 26px;
}

.myinfo_div .accor_div .list .close .line.mrk_agree+.sub_chk {
	padding-left: 0
}

/* 쿠폰&혜택 */
.benefit_div {}

.benefit_div .sub_tab a {
	width: 33.33%
}

.benefit_div .benefit_cont {
	margin-top: 14px
}

.benefit_div .benefit_cont .section {
	margin-top: 24px
}

.benefit_div .benefit_cont .section:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.benefit_div .benefit_cont .section:first-child:before {
	display: none
}

.benefit_div .benefit_cont .section .banner {
	position: relative;
	padding: 32px 20px 20px;
	width: 100%;
	text-align: center
}

.benefit_div .benefit_cont .section .banner .txt {}

.benefit_div .benefit_cont .section .banner .txt b {
	display: block;
	font-size: 13px;
	line-height: 20px;
}

.benefit_div .benefit_cont .section .banner .txt p {
	margin-top: 4px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500
}

.benefit_div .benefit_cont .section .banner .btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	/* max-width: 280px; */
	/* width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px) */
}

.benefit_div .benefit_cont .section .banner .btn a {
	display: block;
	padding: 14px 20px;
	border-radius: 10px;
	background: #3cc814
}

.benefit_div .benefit_cont .section .banner .btn a span {
	display: inline-block;
	padding-right: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px
}

.benefit_div .benefit_cont .section .banner .btn a span {
	color: #fff;
	background: url('/res/images/m_icn_right_wht_32x32.png') center right no-repeat;
	background-size: 16px;
}

.benefit_div .benefit_cont .section .banner.member {
	height: 260px;
	background: url('/res/images/m_bnf_member.png') center center no-repeat #eaf7f1;
	border-radius: 15px;
	overflow: hidden;
	background-size: 320px 260px;
}

.benefit_div .benefit_cont .banner.app {
	height: 260px;
	background: url('/res/images/m-app-benefit-top-banner.png') center center no-repeat #eaf6f7;
	border-radius: 15px;
	overflow: hidden;
	background-size: 320px 260px;
}

.benefit_div .benefit_cont .member_div .section {
	position: relative;
	/* padding-bottom: 72px; */
}

.benefit_div .benefit_cont .member_div .section .banner.info {
	height: 260px;
	background: url(/res/images/m-bnf-user-benefit-banner.png) no-repeat center center #e4f3ff;
	border-radius: 15px;
	background-size: 320px 260px;
}

.benefit_div .benefit_cont .member_div .section .banner.info img {
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .section .banner.info .btn {
	width: calc(100% - 40px);
	padding: 14px 0;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .special_price {
	margin-top: 60px;
}

.benefit_div .benefit_cont .member_div .benefit-item-list {
	display: flex;
	gap: 28px 8px;
	margin: 48px auto 32px;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list.is-new-user {
	flex-wrap: wrap;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list.is-new-user li {
	flex-basis: calc(50% - 8px);
	/* flex: auto; */
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li {
	flex: 1;
	height: 102px;
	/* padding: 44px 0 16px; */
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li img {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	filter: drop-shadow(0 12px 12px #d9d9d9);
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li span,
.benefit_div .benefit_cont .member_div .section .benefit-item-list li strong {
	display: inline-block;
	width: 100%;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li span {
	margin-top: 12px;
	font-size: 13px;
	line-height: 1.54;
	letter-spacing: -0.2px;
	color: #777;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li strong {
	margin-bottom: 16px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.47;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .section .banner .btn a {
	background: #fff
}

.benefit_div .benefit_cont .member_div .section .banner .btn a span {
	padding-right: 24px;
	color: #000;
	background: url('/res/images/m_share_20x20.png') no-repeat right center;
	background-size: 20px
}

.benefit_div .benefit_cont .member_div .section .special_price,
.benefit_div .benefit_cont .member_div .section .coupon-item {
	margin: 26px 0 40px;
	/* border-top: 1px solid #eee; */
	text-align: center;
}

.benefit_div .benefit_cont .member_div .section .special_price:before,
.benefit_div .benefit_cont .member_div .section .coupon-item:before {
	content: '';
	display: block;
	width: calc(100% + 40px);
	height: 1px;
	margin-left: -20px;
	background-color: #eee;
}

.benefit_div .benefit_cont .member_div .section .special_price h2.tit,
.benefit_div .benefit_cont .member_div .section .coupon-item h2.tit {
	padding-top: 40px;
	color: #000;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .section .special_price .tit strong,
.benefit_div .benefit_cont .member_div .section .coupon-item .tit strong {
	font-weight: bold;
}

/* .benefit_div .benefit_cont .member_div .section .special_price {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee;
} */

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap {
	margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .title {
	margin-bottom: 8px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .title p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 22px;
	color: #000;
	font-size: 14px;
	letter-spacing: -0.5px;
	background: url('/res/images/bnf-info.svg') no-repeat 0 50%;
	cursor: pointer;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .title p:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/res/images/bnf-info-toggle-ico.svg') no-repeat 0 50%;
	background-size: 20px 20px;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .info {
	display: none;
	padding: 14px;
	background-color: #f7f7f7;
}

.benefit_div .benefit_cont .member_div .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 .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 .section .toggle-cnt-wrap .info li:not(:last-child) {
	margin-bottom: 6px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .go-link {
	display: inline-block;
	margin-top: 8px;
	padding: 10px 12px;
	background-color: #fff;
	border-radius: 18px;
	border: solid 1px #ddd;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .go-link span {
	padding-right: 18px;
	color: #000;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.5px;
	background: url("/res/images/bnf-go-link-ico.svg") no-repeat 100% 50%;
	background-size: 16px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	margin-top: 28px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 108px;
	padding: 0 24px;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 4px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:before,
.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 4px);
	width: 8px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 8px 20px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:before {
	left: -1px;
	background-image: url("/res/images/coupon_left.png");
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:after {
	right: -1px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.primary {
	color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.secondary {
	color: #ff3894;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li>div {
	text-align: left;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .type {
	padding: 4px 8px;
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: -0.1px;
	border-radius: 12px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.primary .type {
	background-color: rgb(60, 200, 20, 0.1);
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.secondary .type {
	background-color: rgba(255, 56, 148, 0.1);
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .name {
	margin-top: 8px;
	padding-left: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .result {
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .result strong {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.54;
	letter-spacing: 0.2px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .app-download-btn {
	width: 100%;
	margin-top: 16px;
	padding: 16px 0;
	border-radius: 10px;
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .app-download-btn span {
	padding-right: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.2px;
	text-align: center;
	color: #fff;
	background: url("/res/images/download-w.svg") no-repeat 100% 50%;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .btn {
	display: block;
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
	text-align: center;
	border-radius: 10px;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .btn+.btn {
	margin-top: 8px;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .join,
.benefit_div .benefit_cont .member_div .section .btn-wrap .coupon {
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .share {
	color: #3cc814;
	border: 1px solid #3cc814;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .share span {
	padding-right: 20px;
	background: url("/res/images/m_share_grn_20x20.png") no-repeat 100% 50%;
	background-size: 20px;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap {
	margin: 0 auto;
	padding: 32px 0 72px
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a {
	display: block;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a+a {
	margin-top: 12px;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a:first-child {
	background-color: #ffe316;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a:last-child {
	background-color: #e5ecf5;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap img {
	width: 100%;
	/* height: 110px; */
	object-fit: contain;
	border-radius: 15px;
}

/* .benefit_div .benefit_cont .member_div .section .special_price .tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000
} */

.benefit_div .benefit_cont .member_div .section .special_price .product_list {
	position: relative;
	margin-top: 16px;
	width: 100%;
	padding: 20px 12px 28px 12px;
	background: #f5f5f5;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag {
	z-index: 1;
	position: absolute;
	padding: 40px 18px 34px 18px;
	width: 110px;
	height: 110px;
	left: 10px;
	top: 14px;
	background: url("/res/images/m_bnf_pd_flag.png") center no-repeat;
	background-size: 110px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag:after {
	content: '';
	display: block;
	position: absolute;
	left: 47px;
	top: -27px;
	width: 22px;
	height: 49px;
	background: url("/res/images/m_bnf_pd_flag_line.png") center no-repeat;
	background-size: 22px 49px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag p {
	color: #fff;
	text-align: center
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag p:first-child {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag p:last-child {
	font-size: 13px;
	line-height: 16px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .thumb {
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	margin: 0 auto
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .thumb img {
	width: 100%;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info {
	position: relative;
	display: table;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	padding: 17px 0 13px 18px;
	border: 1px solid #ddd;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info:before {
	content: '';
	position: absolute;
	top: -1px;
	left: calc(100% - 80px);
	width: 20px;
	height: 10px;
	background: url('/res/images/m_coupon_top_big.png') no-repeat;
	background-size: 20px 10px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: calc(100% - 80px);
	width: 20px;
	height: 10px;
	background: url('/res/images/m_coupon_bottom_big.png') no-repeat;
	background-size: 20px 10px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .badge {
	position: absolute;
	padding: 4px 7px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background: #052832;
	border-radius: 4px;
	top: -12px;
	left: 18px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left {
	display: table-cell;
	position: relative;
	padding-top: 4px;
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	padding-right: 20px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left:before {
	content: '';
	position: absolute;
	top: 0;
	right: -1px;
	width: 2px;
	height: 100px;
	background: url('/res/images/m_coupon_dash_big.png') repeat-y left top;
	background-size: 2px 100px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .pd_name {
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #000;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .pd_name b {
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_info {
	margin-top: 13px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div {
	margin-top: 2px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .tit {
	float: left;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .price_list {
	float: right;
	font-size: 12px;
	line-height: 18px;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .price_list .price {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	color: #777
}

.benefit_div .benefit_cont .member_div .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 .section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price span {
	font-size: 13px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev {
	font-size: 11px;
	margin-right: 6px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev span {
	text-decoration: line-through;
	color: #999;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .tit {
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price span {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .right {
	position: relative;
	display: table-cell;
	padding-bottom: 4px;
	width: 70px;
	vertical-align: middle;
	text-align: center
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .right .percent {
	font-size: 26px;
	font-weight: 700;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .right .percent span {
	font-size: 18px
}

.benefit_div .benefit_cont .member_div .section .btn_area {
	text-align: center;
	margin-top: 24px;
}

.benefit_div .benefit_cont .member_div .section .btn_area .txt_btn {
	display: inline-block;
}

.benefit_div .benefit_cont .member_div .section .btn_area .txt_btn span {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	padding-right: 18px;
	background: url("/res/images/icn_right_16x16.png") right center no-repeat;
	background-size: 16px;
}

.benefit_div .benefit_cont .member_div .section .btn_area.info_btn {}

.benefit_div .benefit_cont .member_div .fixed_btn {
	position: relative;
	margin: 40px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	z-index: 2
}

.benefit_div .benefit_cont .member_div .section .area {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid #eee
}

.benefit_div .benefit_cont .member_div .section .area:first-child {
	margin-top: 0;
	padding-top: 32px;
	border: none
}

.benefit_div .benefit_cont .member_div .section .area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list {
	margin-top: 16px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list {
	position: relative;
	float: left;
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 88px;
	border: 1px solid #777;
	border-radius: 10px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:before {
	content: '';
	position: absolute;
	top: 14px;
	right: 35px;
	width: 1px;
	height: calc(100% - 28px);
	height: -webkit-calc(100% - 28px);
	background: url('/res/images/m_coupon_dash.png') repeat-y left top;
	background-size: 1px auto
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:nth-child(2n-1) {
	clear: both;
	margin-left: 0
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:nth-child(n+3) {
	margin-top: 20px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left {
	float: left;
	width: calc(100% - 36px);
	width: -webkit-calc(100% - 36px);
	padding: 17px 0 17px 16px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left .benefit {
	margin-top: 10px;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left .benefit span {
	display: inline-block;
	font-size: 24px;
	vertical-align: top
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list.point .left .benefit {
	color: #3cc814
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .right {
	position: relative;
	float: left;
	width: 36px;
	height: 100%;
	background: url('/res/images/m_coupon_txt_coupon.png') no-repeat center;
	background-size: 9px auto
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .right:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -9px;
	width: 18px;
	height: 7px;
	background: url('/res/images/m_coupon_top.png') no-repeat #fff;
	background-size: 18px 7px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .right:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -9px;
	width: 18px;
	height: 7px;
	background: url('/res/images/m_coupon_bottom.png') no-repeat #fff;
	background-size: 18px 7px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list.point .right {
	background: url('/res/images/m_coupon_txt_point.png') no-repeat center;
	background-size: 9px auto
}

.benefit_div .benefit_cont .member_div .section .area .btn {
	margin-top: 24px
}

.benefit_div .benefit_cont .grade_div .section .my_grade {
	margin: 32px auto 0;
	padding-bottom: 8px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .icon {
	margin: 0 auto;
	width: 60px;
	height: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	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: 24px auto 0;
	max-width: 296px;
	width: 100%
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar {
	position: absolute;
	top: 8px;
	width: calc((100% - 80px)/3 + 3px);
	width: -webkit-calc((100% - 80px)/3 + 3px);
	height: 4px;
	border-radius: 5px;
	background: #eee
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #3cc814;
	border-radius: 0 5px 5px 0
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.one {
	left: 19px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.two {
	left: calc((100% - 80px)/3 + 39px)
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.thr {
	left: calc((100% - 80px)/3*2 + 59px)
}

.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: calc((100% - 80px)/3);
	margin-left: -webkit-calc((100% - 80px)/3);
	width: 20px;
	height: 20px;
	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: 22px;
	left: 4px;
	border-bottom: 8px solid #f1f1f1;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text {
	margin-top: 9px;
	padding: 8px 0;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	text-align: center;
	background: #f1f1f1;
	border-radius: 18px
}

.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 .logout .login_txt {
	padding-top: 72px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	text-align: center;
	background: url('/res/images/m_grade_logout.png') no-repeat center top;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .logout .btn {
	margin: 24px auto 0;
	max-width: 280px;
	width: 100%;
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit {
	display: flex;
	justify-content: center;
	margin-top: 12px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit p {
	display: inline-block;
	padding: 5px 15px;
	margin: 0 3px;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	background: #f1f1f1;
	border-radius: 18px
}

.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.family .icon {
	background: url('/res/images/m_grade_big_family.png') no-repeat;
	background-size: 60px
}

.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/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(2) {
	background: url('/res/images/m_grade_ing_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(3) {
	background: url('/res/images/m_grade_off_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(4) {
	background: url('/res/images/m_grade_off_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(2):after {
	display: block
}

.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 .icon {
	background: url('/res/images/m_grade_big_silver.png') no-repeat;
	background-size: 60px
}

.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/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(3) {
	background: url('/res/images/m_grade_ing_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(4) {
	background: url('/res/images/m_grade_off_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(3):after {
	display: block
}

.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 .icon {
	background: url('/res/images/m_grade_big_gold.png') no-repeat;
	background-size: 60px
}

.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/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(3) {
	background: url('/res/images/m_grade_on_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(4) {
	background: url('/res/images/m_grade_ing_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(4):after {
	display: block
}

.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 .icon {
	background: url('/res/images/m_grade_big_vip.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .text span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(1) {
	background: url('/res/images/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(3) {
	background: url('/res/images/m_grade_on_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(4) {
	background: url('/res/images/m_grade_on_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.vip span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .icon {
	background: url('/res/images/m_grade_big_vip.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .text span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .icon {
	background: url('/res/images/m_grade_big_celeb.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .text span {
	color: #f65987
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .icon {
	background: url('/res/images/m_grade_big_staff.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .text span {
	color: #209bff
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .icon {
	background: url('/res/images/m_grade_big_partner.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .text span {
	color: #f88342
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .icon {
	background: url('/res/images/m_grade_big_exp.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .text span {
	color: #ff539f
}

/* //등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .grade_intro {
	padding-top: 32px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro {}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .icon {
	float: left;
	width: 48px;
	height: 48px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .icon img {
	width: 100%
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .text {
	float: left;
	padding: 1px 0 0 10px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px)
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .qualified {
	margin-top: 3px;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .qualified span {
	font-weight: 500;
	color: #333
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div {
	margin-top: 16px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list {
	display: table;
	float: left;
	margin-left: 10px;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	height: 70px;
	border-radius: 5px;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list:nth-child(n+3) {
	margin-top: 10px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list .tb_c {
	display: table-cell;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list .tb_c span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(1) .list_div .list {
	background: #f2edfb
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(2) .list_div .list {
	background: #fcf4e4
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(3) .list_div .list {
	background: #f5f5f5
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(4) .list_div .list {
	background: #f2fef0
}

.benefit_div .benefit_cont .app_div {}

.benefit_div .benefit_cont .app_div .benefit_list {
	margin-top: 48px
}

.benefit_div .benefit_cont .app_div .benefit_list .list {
	margin-top: 60px;
	text-align: center
}

.benefit_div .benefit_cont .app_div .benefit_list .list:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .app_div .benefit_list .list .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.benefit_div .benefit_cont .app_div .benefit_list .list .txt {
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.benefit_div .benefit_cont .app_div .benefit_list .list .img {}

.benefit_div .benefit_cont .app_div .benefit_list .list .img img {
	width: 280px
}

.page_bottom_noti {
	margin-top: 32px;
	border-top: 10px solid #f7f7f7;
	padding: 24px 20px 32px;
	background: #fff
}

.page_bottom_noti .tit {
	font-size: 14px;
	line-height: 18px;
	color: #333;
	text-align: left;
}

.page_bottom_noti .dot_indent {
	margin-top: 12px;
	text-align: left;
}

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

.page_bottom_noti .dot_indent p {
	margin-top: 2px
}

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


/* 결제 */
.pay_area {}

.pay_area .accor_div .list {}

.pay_area .accor_div .list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_area .accor_div .list:first-child:before {
	display: none
}

.pay_area .accor_div .list .top {
	position: relative;
	padding: 20px 54px 20px 20px;
	border-bottom: 1px solid #eee
}

.pay_area .accor_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .top>.tit {
	float: left;
	width: 115px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_area .accor_div .list .top>.tit.tool {
	position: relative;
	padding-right: 18px;
	width: auto
}

.pay_area .accor_div .list .top>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 1px;
	background-size: 16px
}

.pay_area .accor_div .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 .accor_div .list .top .summary:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .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 .accor_div .list .top .summary span:last-child {
	width: 100%;
}

.pay_area .accor_div .list .top .summary b {
	float: left;
	width: 50px;
	font-weight: 500
}

.pay_area .accor_div .list .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .accor_div .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 .accor_div .list .top .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .accor_div .list .top .open {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat center;
	background-size: 20px;
}

.pay_area .accor_div .list .close {
	padding: 24px 20px
}

.pay_area .accor_div .list .close .input_form {
	margin-top: 8px
}

.pay_area .accor_div .list .close .input_form:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .input_form .info {
	width: 100%;
	margin-top: 15px;
	padding-left: 18px;
	color: #333;
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	background: url(/res/images/m-icn-16-px-info-small-bk.png) 0 1px no-repeat;
	background-size: 16px;
}

.pay_area .accor_div .list .close .address_div+.input_form {
	margin-top: 16px
}

.pay_area .accor_div .list .close .chk_div+.input_form {
	margin-top: 16px
}

.pay_area .accor_div .list .close .address_div {
	position: relative;
}

.pay_area .accor_div .list .close .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .accor_div .list .close .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .accor_div .list .close .address_div .address:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .accor_div .list .close .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .accor_div .list .close .address_div .mgr {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .accor_div .list .close .address_div .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .accor_div .list .close .address_div.default .tit:after {
	content: '기본배송지';
	position: absolute;
	top: 1px;
	left: calc(100% + 6px);
	left: -webkit-calc(100% + 6px);
	padding: 2px 2px 0;
	font-size: 10px;
	line-height: 14px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 2px
}

.pay_area .accor_div .list .close .list:before {
	display: none
}

.pay_area .accor_div .list .close .list_div .list {
	margin-bottom: 16px
}

.pay_area .accor_div .list .close .list_div .list:last-child {
	margin-bottom: 0
}

.pay_area .accor_div .list .close .list_div .list .link_area .thumb {
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.pay_area .accor_div .list .close .list_div .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.pay_area .accor_div .list .close .list_div .list .pd_info {
	/*padding: 17px 0 0 12px;*/
	padding: 0 0 0 12px;
	width: calc(100% - 112px);
	width: -webkit-calc(100% - 112px)
}

.pay_area .accor_div .list .close .list_div .list .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info {
	margin-top: 4px;
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price {
	margin-top: 8px
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.pay_area .accor_div .list .close .list_div .list .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.pay_area .accor_div .list .close .list_div .list .add_box {
	margin-top: 16px
}

.pay_area .accor_div .list .close .list_div .list.gift .pd_info {
	padding-top: 4px
}

.pay_area .accor_div .list .close .list_div .list.gift .pd_info .name {
	margin-top: 6px
}

.pay_area .accor_div .list .close .list_div .list.gift .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.pay_area .accor_div .list .close .list_div .list.gift .pd_info .for b {
	font-weight: 500
}

.pay_area .accor_div .list .close .list_div .list.un_coupon .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	padding-right: 3px;
	margin-bottom: 6px;
}

/*공동구매용 추가 230130*/
.pay_area .accor_div .list .close .list_div .list .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	padding-right: 3px;
	margin-bottom: 6px;
}

.pay_area .accor_div .list .close .list_div .list.un_coupon .pd_info {
	/*padding-top: 4px*/
}

.pay_area .accor_div .list .close .list_div .list.un_coupon .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	padding-right: 3px;
	margin-bottom: 6px;
}

.pay_area .accor_div .list .close .list_div .list>.link_area {
	display: flex;
	align-items: center;
}

.pay_area .accor_div .list .close .nomem_noti {
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.pay_area .accor_div .list .close .nomem_noti span {
	display: block;
	margin-top: 8px
}

.pay_area .accor_div .list .close .nomem_noti span a {
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	background: url('/res/images/m_icn_right_grn_32x32.png') no-repeat right center;
	background-size: 16px
}

.pay_area .accor_div .list .close .input_form .title {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_area .accor_div .list .close .input_form .title span {
	margin-left: 4px;
	color: #3cc814
}

.pay_area .accor_div .list .close .radio_tab_con .input_form {
	margin-top: 8px
}

.pay_area .accor_div .list .close .radio_tab_con .input_form:first-child {
	margin-top: 16px
}

.pay_area .accor_div .list .close .devide {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.pay_area .accor_div .list .close .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.pay_area .accor_div .list .close .devide .input_form {
	margin-top: 16px
}

.pay_area .accor_div .list .close .devide .input_form:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .devide .input_form .tit {
	margin-bottom: 12px
}

.pay_area .accor_div .list .close .devide .input_form .tit:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .devide .input_form .tit span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_area .accor_div .list .close .devide .input_form .tit span b {
	color: #3cc814
}

.pay_area .accor_div .list .close .devide .price_list {
	margin-top: 10px
}

.pay_area .accor_div .list .close .devide .price_list:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .devide .price_list .line {
	margin-top: 5px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.pay_area .accor_div .list .close .devide .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .devide .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.pay_area .accor_div .list .close .devide .price_list .line .left.tool {
	position: relative;
	padding-right: 18px;
}

.pay_area .accor_div .list .close .devide .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 3px;
	background-size: 16px
}

.pay_area .accor_div .list .close .devide .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.pay_area .accor_div .list .close .devide .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.pay_area .accor_div .list .close .devide .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.pay_area .accor_div .list .close .devide .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.pay_area .accor_div .list .close .devide .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.pay_area .accor_div .list .close .devide .price_list .line:first-child .right span {
	font-size: 16px
}

.pay_area .accor_div .list .close .devide .price_list.final_cost .line .left {
	line-height: 28px
}

.pay_area .accor_div .list .close .devide .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #3cc814
}

.pay_area .accor_div .list .close .devide .price_list.final_cost .line .right span {
	font-size: 20px
}

.pay_area .accor_div .list .close .devide .radio_div {
	position: relative;
	margin-top: 24px
}

.pay_area .accor_div .list .close .devide .radio_div:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .devide .radio_tab_con .cont_tab {
	margin-top: 24px;
}

.pay_area .accor_div .list .close .box_area {
	position: relative;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.pay_area .accor_div .list .close .box_area:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.pay_area .accor_div .list .close .box_area p:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .box_area p:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .box_area p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.pay_area .accor_div .list .close .box_area p strong {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.pay_area .accor_div .list .close .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.pay_area .accor_div .list .close .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.pay_area .accor_div .list .close .box_area p span:last-child {
	margin-right: 0
}

.pay_area .accor_div .list .close .box_area p span:last-child:after {
	display: none
}

.pay_area .accor_div .list .close .box_area p a {
	pointer-events: none
}

.pay_area .accor_div .list .close .box_area>a {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .radio_div .radio_box {
	position: relative
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .radio_div .radio_box:before {
	content: '';
	position: absolute;
	top: 9px;
	left: calc(100% + 5px);
	left: -webkit-calc(100% + 5px);
	border-top: 4px solid transparent;
	border-right: 6px solid #052822;
	border-bottom: 4px solid transparent;
	border-radius: 1px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .radio_div .radio_box:after {
	content: '앱카드 회원전용';
	position: absolute;
	top: 0;
	left: calc(100% + 9px);
	left: -webkit-calc(100% + 9px);
	padding: 5px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper {
	margin-top: 26px;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	margin-left: -20px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper {}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list {
	padding: 12px 16px;
	width: 224px;
	height: 140px;
	border-radius: 10px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.shinhan {
	background: #01408f
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.kb {
	background: #766c62
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.bc {
	background: #e73d44
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.samsung {
	background: #0060a9
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.NH {
	background: #00b159
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.lotte {
	background: #e70012
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.hyundai {
	background: #2d2d2d
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.hana {
	background: #00928f
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.woori {
	background: #0069b3
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.new_card {
	background: #f5f5f5
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .logo {
	width: 120px;
	height: 32px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .logo img {
	width: 100%;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .card_name {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	font-weight: 500;
	margin-top: 4px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .card_num {
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	margin-top: 2px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list select {
	margin-top: 18px;
	width: 100%;
	height: 30px;
	font-size: 12px;
	line-height: 16px;
	padding: 7px 36px 7px 10px;
	border-radius: 3px;
	background: url("/res/images/arrow_down_wh_32x32.png") right 10px center no-repeat rgba(0, 0, 0, 0.3);
	background-size: 16px;
	color: #fff
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list select option {
	background: #fff;
	color: #000
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list .delete-btn {
	position: absolute;
	top: 18px;
	right: 12px;
	width: 20px;
	height: 20px;
	background: url("/res/images/icon/xmark-wh.svg") 50% 50%;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .tit {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	font-weight: 700;
	padding-top: 7px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .select_div {
	margin-top: 24px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .select_div select {
	margin-top: 6px;
	color: #999;
	background: url("/res/images/icn_down_32x32_999.png") right 10px center no-repeat rgba(0, 0, 0, 0.05);
	background-size: 16px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .select_div select:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .chk_div {
	position: relative;
	margin-top: 20px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .chk_div .btn {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .accor_div .list .close .radio_tab.pay_type .appcard_pay .noti_div {
	margin-top: 12px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box {
	position: relative
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:before {
	content: '';
	position: absolute;
	top: 9px;
	left: calc(100% + 5px);
	left: -webkit-calc(100% + 5px);
	border-top: 4px solid transparent;
	border-right: 6px solid #052822;
	border-bottom: 4px solid transparent;
	border-radius: 1px;
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '1회 등록 3초 결제 끝';
	position: absolute;
	top: 0;
	left: calc(100% + 9px);
	left: -webkit-calc(100% + 9px);
	padding: 5px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label {
	padding: 0 0 0 30px
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label img {
	height: 24px
}

.pay_area.nomem .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '회원전용';
	position: absolute;
	top: 0px;
	left: calc(100% + 9px);
	left: -webkit-calc(100% + 9px);
	padding: 5px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .btn {
	display: none
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .add_nu_pay {
	display: block;
	margin-top: 36px
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .tit {
	padding-top: 76px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	background: url('/res/images/m_add_nu_pay.png') no-repeat center top;
	background-size: 60px
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .txt {
	margin-top: 6px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	text-align: center
}

.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:before,
.pay_area .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:after {
	display: none
}

.pay_area .accor_div .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 .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .add_nu_pay {
	display: none
}

.pay_area .accor_div .list .close .cont_tab {
	margin-top: 24px
}

.pay_area .accor_div .list .close .cont_tab:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .cont_tab:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .cont_tab a {
	float: left;
	margin-left: 8px;
	padding: 13px 0 11px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px);
	font-size: 14px;
	line-height: 24px;
	color: #999;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 10px
}

.pay_area .accor_div .list .close .cont_tab a:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.pay_area .accor_div .list .close .cont_tab a:nth-child(n+3) {
	margin-top: 8px
}

.pay_area .accor_div .list .close .cont_tab a.on {
	font-weight: 500;
	color: #3cc814;
	border: 1px solid #3cc814
}

.pay_area .accor_div .list .close .devide .cont_con .input_form {
	margin-top: 8px
}

.pay_area .accor_div .list .close .devide .cont_con .input_form:first-child {
	margin-top: 16px
}

.pay_area .accor_div .list .close .cont_con .period_txt {
	padding-left: 10px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_area .accor_div .list .close .chk_div {
	margin-top: 16px
}

.pay_area .accor_div .list .close .chk_div:first-child {
	margin-top: 0
}

.pay_area .accor_div .list .close .chk_div .view {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #999;
	text-decoration: underline
}

.pay_area .accor_div .list .close .chk_div .txt {
	padding-left: 30px;
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_area .accor_div .list .close .chk_div .txt .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .accor_div .list .close .chk_div .txt .line .tit {
	float: left;
	line-height: 20px
}

.pay_area .accor_div .list .close .chk_div .txt .line a {
	float: right;
	line-height: 20px;
	text-decoration: underline
}

.pay_area .accor_div .list .close .chk_box.bold label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .accor_div .list .close .radio_div .radio_box:nth-child(2) {
	margin-left: 26px
}

.pay_area .accor_div .list .close .input_form select {
	width: 45%
}

.pay_area .accor_div .list .close .input_form select:last-child {
	width: 100%
}

.pay_area .accor_div .list .close .add_pd_info {
	display: table;
	width: 100%
}

.pay_area .accor_div .list .close .add_pd_info .thumb {
	display: table-cell;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: #f7f7f7;
	vertical-align: middle
}

.pay_area .accor_div .list .close .add_pd_info .thumb img {
	width: 100%
}

.pay_area .accor_div .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 .accor_div .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 .accor_div .list .close .notice_txt {
	margin-top: 12px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pay_area .accor_div .list.on .top .open {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat center;
	background-size: 20px
}

.pay_area .accor_div .list.on .top .summary {
	display: none
}

.pay_area .accor_div .list.on .top .summary {
	display: none
}

.pay_area .accor_div .list.on .close {
	display: block
}

.pay_area .input_form .input_area .btn {
	min-width: 102px
}

.pay_div {
	padding-top: 32px
}

.pay_div .pay_comp {}

.pay_div .pay_comp .top_area {
	padding: 104px 20px 36px;
	font-weight: 500;
	text-align: center;
	background: url('/res/images/m_comp_pay_128x128.png') no-repeat center 16px;
	background-size: 64px
}

.pay_div .pay_comp .top_area.gift {
	background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.pay_div .pay_comp .top_area.delivery {
	background: url('/res/images/m_comp_delivery_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.pay_div .pay_comp .top_area .tit {
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.pay_div .pay_comp .top_area .txt {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #333
}

.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 {
	pointer-events: none
}

.pay_div .pay_comp .top_area .box_area .bottom p span a.copy {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-decoration: underline;
	pointer-events: auto
}

.pay_div .pay_comp .pay_area:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .pay_comp .address_div.default .tit:after {
	display: none
}

.pay_div .pay_comp .order_info {}

.pay_div .pay_comp .order_info:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .pay_comp .order_info:after {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .pay_comp .order_info .section {
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.pay_div .pay_comp .order_info .section .title {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pay_div .pay_comp .order_info .section .list_div {
	margin-top: 24px
}

.pay_div .pay_comp .order_info .section .list_div:first-child {
	margin-top: 0
}

.pay_div .pay_comp .order_info .section .list_div .list {
	margin-top: 10px
}

.pay_div .pay_comp .order_info .section .list_div .list:first-child {
	margin-top: 0
}

.pay_div .pay_comp .order_info .section .list_div .list .line {
	margin-top: 4px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.pay_div .pay_comp .order_info .section .list_div .list .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .pay_comp .order_info .section .list_div .list .line .left {
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.pay_div .pay_comp .order_info .section .list_div .list .line .right {
	float: right;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.pay_div .pay_comp .order_info .section .list_div .list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.pay_div .pay_comp .order_info .section .list_div .list .line .right b {
	font-weight: 500;
	word-break: break-all
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child .left {
	font-size: 14px;
	color: #000
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child .right {
	font-size: 14px;
	color: #000
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child .right span {
	font-size: 16px
}

.pay_div .pay_comp .order_info .final_cost {
	padding-top: 16px
}

.pay_div .pay_comp .order_info .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .pay_comp .order_info .final_cost .left {
	float: left;
	width: 100px;
	font-size: 14px;
	line-height: 28px;
	color: #000
}

.pay_div .pay_comp .order_info .final_cost .right {
	float: right;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #3cc814;
	text-align: right
}

.pay_div .pay_comp .order_info .final_cost .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.pay_div .pay_comp .order_info .btn {
	display: flex;
	padding: 32px 0
}

.pay_div .pay_comp .order_info .btn a {
	display: block;
	margin-left: 8px;
	padding: 14px 0;
	width: 100%;
	text-align: center
}

.pay_div .pay_comp .order_info .btn a:first-child {
	margin-left: 0
}

.pay_div .pay_comp .order_info .btn a.grn {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.pay_div .pay_comp .accor_div .list:last-child {
	margin-bottom: 24px;
	transition: margin 0.3s ease-in-out
}

.pay_div .pay_comp .accor_div .list.on:last-child {
	margin-bottom: 0
}

.pay_div .pay_comp .comp_btn {
	display: flex;
	padding: 32px 20px 24px;
}

.pay_div .pay_comp .comp_btn a {
	display: block;
	margin-left: 8px;
	padding: 14px 0;
	width: 100%;
	text-align: center
}

.pay_div .pay_comp .comp_btn a:first-child {
	margin-left: 0
}

.pay_div .pay_comp .comp_btn a.grn {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.pay_div .pay_comp .inner .comp_btn {
	padding: 8px 0 24px
}

.pay_div .pay_comp .banner_area {
	/* margin: 16px 20px 32px; */
}

.pay_div.present_pay .pay_comp .banner_area {
	width: 100%;
	padding-bottom: 24px;
}


.pay_div .pay_comp .banner_area a {
	display: block;
}

.pay_div .pay_comp .banner_area a:nth-child(n+2) {
	margin-top: 12px;
}

.pay_div .pay_comp .banner_area img {
	width: 100%;
}

.pay_div .pay_comp .other_area {
	padding: 16px 0 72px;
	border-top: 10px solid #f9f9f9
}

.pay_div .pay_comp .other_area .title_div {
	padding: 13px 0
}

.pay_div .pay_comp .other_area .title_div p {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper {
	padding: 24px 20px 32px;
	margin-top: -20px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide {
	padding: 10px;
	width: 180px;
	height: 314px;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 160px;
	height: 160px;
	text-align: center
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 20px;
	right: 5px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .heart {
	top: 132px;
	right: 16px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 40px;
	left: 40px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-scrollbar {
	bottom: 0;
	left: 24px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	height: 4px;
	background: #eee;
	border-radius: 2px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-scrollbar .swiper-scrollbar-drag {
	background: #999;
	border-radius: 3px
}


/* 장바구니 */
.cart_div {
	padding: 32px 0 0
}

.cart_div .login_area {
	text-align: center
}

.cart_div .login_area .txt {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.cart_div .login_area .btn {
	display: flex;
	padding: 24px 0;
}

.cart_div .login_area .btn a {
	margin-left: 8px;
	width: 100%
}

.cart_div .login_area .btn a:first-child {
	margin-left: 0
}

.cart_div .cart_area {}

.cart_div .cart_area .chk_box input[type="checkbox"]+label {
	font-size: 14px;
	padding-top: 0
}

.cart_div .cart_area .chk_box input[type="checkbox"]+label b {
	font-weight: 500
}

.cart_div .cart_area .chk_box input[type="checkbox"]+label span {
	font-weight: 500
}

.cart_div .cart_area .chk_box input[type="checkbox"]+label span.add {
	color: #000
}

.cart_div .cart_area .chk_box input[type="checkbox"]+label span.coupon_unable {
	color: #bbb;
	padding-right: 3px;
}

.cart_div .cart_area .top {
	position: relative;
	padding: 0 20px 16px 20px
}

.cart_div .cart_area .top:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .top .chk_box {
	float: left
}

.cart_div .cart_area .top .delete {
	float: right;
	padding-left: 18px;
	font-size: 13px;
	line-height: 24px;
	color: #000;
	background: url('/res/images/m_icn_delete_32x32.png') no-repeat left 3px;
	background-size: 16px
}

.cart_div .cart_area .list_div {
	padding: 0 20px;
	border-top: 1px solid #eee
}

.cart_div .cart_area .list_div .list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.cart_div .cart_area .list_div .list:first-child {
	border-top: none
}

.cart_div .cart_area .list_div .list .chk_box {
	display: inline-block;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px)
}

.cart_div .cart_area .list_div .list .info {
	display: table;
	margin-top: 16px;
	width: 100%
}

.cart_div .cart_area .list_div .list .info .thumb {
	position: relative;
	display: table-cell;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px;
	overflow: hidden
}

.cart_div .cart_area .list_div .list .info .thumb img {
	width: 100%
}

.cart_div .cart_area .list_div .list .info .thumb.noimg {
	background: #f7f7f7
}

.cart_div .cart_area .list_div .list .info .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.cart_div .cart_area .list_div .list .info .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.cart_div .cart_area .list_div .list .info .count_div {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	vertical-align: middle
}

.cart_div .cart_area .list_div .list .info .count_div .price_info {
	position: relative
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div {
	border-top: none;
	padding: 0
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list {
	margin-top: 4px
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list:first-child {
	margin-top: 0
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list .type {
	display: none;
	float: left;
	width: 65px;
	font-size: 14px;
	line-height: 20px
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list .price {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list .price span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list .dc {
	float: left;
	margin-left: 3px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list .dc.spe {
	color: #ff3894;
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list:first-child .price {
	color: #000
}

.cart_div .cart_area .list_div .list .info .count_div .price_info .list_div .price_list:first-child .price span {
	text-decoration: none
}

.cart_div .cart_area .list_div .list .info .count_div .count {
	position: relative;
	margin-top: 16px
}

.cart_div .cart_area .list_div .list .info .count_div .count .count_tool {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 0 5px;
	width: 160px;
	font-size: 12px;
	line-height: 16px;
	color: #3cc814;
	text-align: center;
	background: #fff;
	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 .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 .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 .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 .list_div .list .info .count_div .count .count_tool b {
	font-weight: 700
}

.cart_div .cart_area .list_div .list .info .count_div .count .count_tool.on {
	width: 0;
	opacity: 0;
	border: none
}

.cart_div .cart_area .list_div .list .info .count_div .count .count_tool.on p {
	opacity: 0
}

.cart_div .cart_area .list_div .list .info .count_div .alarm {
	display: none;
	margin-top: 22px;
	padding: 4px 8px;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.cart_div .cart_area .list_div .list .info .count_div .alarm span {
	display: inline-block;
	padding-left: 20px;
	height: 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.cart_div .cart_area .list_div .list .info .count_div .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.cart_div .cart_area .list_div .list .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
}

.cart_div .cart_area .list_div .list .add_box {
	margin-top: 16px
}

.cart_div .cart_area .list_div .list .add_box>p {
	padding: 14px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: #f7f7f7;
	border-radius: 10px
}

.cart_div .cart_area .list_div .list .add_select {
	position: relative;
	margin-top: 16px;
	z-index: 1
}

.cart_div .cart_area .list_div .list .add_select .one_depth {
	display: block;
	position: relative;
	padding: 13px 80px 13px 11px;
	border: 1px solid #f7f7f7;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 20px;
	border-radius: 10px
}

.cart_div .cart_area .list_div .list .add_select .one_depth p {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .cart_area .list_div .list .add_select .one_depth span {
	position: absolute;
	top: 13px;
	right: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.cart_div .cart_area .list_div .list .add_select .two_depth {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	max-height: 200px;
	overflow-y: auto
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div {
	border-bottom: 1px solid #eee
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div:last-child {
	border-bottom: none
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div a {
	display: table;
	padding: 12px;
	width: 100%
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div a.no {
	padding: 16px 12px
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div a .thumb {
	display: table-cell;
	padding-right: 12px;
	width: 60px;
	height: 48px
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div a .thumb img {
	width: 100%
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div a .txt {
	display: table-cell;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	vertical-align: middle
}

.cart_div .cart_area .list_div .list .add_select .two_depth>div a .txt span {
	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;
}

.cart_div .cart_area .list_div .list .add_select.on {
	z-index: 2
}

.cart_div .cart_area .list_div .list .add_select.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
}

.cart_div .cart_area .list_div .list .delete {
	position: absolute;
	top: 12px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_close_48x48.png') no-repeat center;
	background-size: 24px
}

.cart_div .cart_area .list_div .list.soldout .info .thumb:before {
	content: '일시품절';
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 22px 24px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	word-break: break-all;
	background: rgba(8, 8, 8, 0.5);
	border-radius: 100%
}

.cart_div .cart_area .list_div .list.soldout .info .count_div .count {
	display: none
}

.cart_div .cart_area .list_div .list.soldout .info .count_div .alarm {
	display: inline-block
}

.cart_div .cart_area .no_data_div {
	margin-top: 16px
}

.cart_div .price_area {}

.cart_div .price_area:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.cart_div .price_area .inner {
	padding: 24px 0
}

.cart_div .price_area .list_div:first-child {
	margin-top: 0
}

.cart_div .price_area .list_div .list {
	margin-top: 16px
}

.cart_div .price_area .list_div .list:first-child {
	margin-top: 0
}

.cart_div .price_area .list_div .list .line {
	margin-top: 8px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.cart_div .price_area .list_div .list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.cart_div .price_area .list_div .list .line:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .price_area .list_div .list .line .left {
	float: left;
	max-width: 130px;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.cart_div .price_area .list_div .list .line .left .tooltip_div {
	display: inline-block;
	width: 16px;
	height: 20px;
	vertical-align: top;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 1px;
	background-size: 16px
}

.cart_div .price_area .list_div .list .line .right {
	float: right;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.cart_div .price_area .list_div .list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.cart_div .price_area .list_div .list .line .right .guide {
	display: block;
	margin-top: 2px;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #ff3894
}

.cart_div .price_area .list_div .list .line:first-child .left {
	font-size: 14px;
	color: #000
}

.cart_div .price_area .list_div .list .line:first-child .right {
	font-size: 14px;
	color: #000
}

.cart_div .price_area .list_div .list .line:first-child .right span {
	font-size: 16px
}

.cart_div .price_area .final_cost {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid #eee
}

.cart_div .price_area .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .price_area .final_cost .left {
	float: left;
	width: 100px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.cart_div .price_area .final_cost .left.tool {
	position: relative;
	padding-right: 18px;
}

.cart_div .price_area .final_cost .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 .price_area .final_cost .right {
	float: right;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #3cc814;
	text-align: right
}

.cart_div .price_area .final_cost .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.cart_div .price_area .noti {
	margin-top: 16px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/m_icn_notice_32x32.png') no-repeat left 1px;
	background-size: 16px
}

/* 230518 장바구니 구매 유도장치 수정/추가 */
.cart_div .cart_buying_system_div .cart_buying_system {
	width: calc(100% - 40px);
	background: #f7ded6;
	border-radius: 10px;
	padding: 20px 12px 12px;
	margin: 2px auto 24px;
}
.cart_div .cart_buying_system_div .cart_buying_system .tit {
	text-align: center;
}

.cart_div .cart_buying_system_div .cart_buying_system .tit img {
	height: 26px
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd {
	margin-top: 12px;
	text-align: center
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd {
	position: relative;
	margin-top: 8px;
	padding: 28px 106px 12px 20px;
	background: #fff;
	border-radius: 5px;
	text-align: left
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd:first-child {
	margin-top: 0
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd .type {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 4px 0;
	width: 85px;
	font-weight: 700;
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	background: #b37566
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd .thumb {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 70px
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd .thumb img {
	width: 100%
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd .name {
	font-size: 12px;
	line-height: 16px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd .name b {
	font-weight: 700
}

.cart_div .cart_buying_system_div .cart_buying_system .add_pd .pd .price {
	margin-top: 6px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #b43e10
}
/* //230518 장바구니 구매 유도장치 수정/추가 */

.cart_div .other_area {}

.cart_div .other_area .title_div {
	padding: 13px 0
}

.cart_div .other_area .title_div p {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.cart_div .other_area .title_div h2 {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.cart_div .other_area .recommend_div:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.cart_div .other_area .recommend_div .title_div {
	padding: 24px 0 36px 0
}

.cart_div .other_area .recommend_div .pd_swiper {
	padding: 24px 20px 32px;
	margin-top: -20px
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide {
	padding: 10px;
	width: 180px;
	height: 314px;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 160px;
	height: 160px;
	text-align: center
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .cart_btn {
	display: none;
	bottom: 20px;
	right: 5px
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide .heart {
	display: none;
	top: 132px;
	right: 16px
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 40px;
	left: 40px
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-scrollbar {
	bottom: 0;
	left: 24px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	height: 4px;
	background: #eee;
	border-radius: 2px
}

.cart_div .other_area .recommend_div .pd_swiper .swiper-scrollbar .swiper-scrollbar-drag {
	background: #999;
	border-radius: 3px
}

.cart_div .other_area .page_bottom_noti {
	margin-top: 0
}

.cart_div .other_area .recommend_div+.page_bottom_noti {
	margin-top: 72px
}

.cart_div .bottom_fix .btn a {
	position: relative
}

.cart_div .bottom_fix .btn a:not(:last-child) {
	margin-right: 4px;
}

.cart_div .bottom_fix .btn a.gift {
	padding: 11px 12px;
	width: 52px
}

.cart_div .bottom_fix .btn a.gift span {
	padding-top: 28px;
	width: 28px;
	font-weight: 400;
	font-size: 0;
	line-height: 0;
	background: url('/res/images/m_bottom_fix_gift.png') no-repeat center top;
	background-size: 28px
}

.cart_div .bottom_fix .btn a.gift span b {}

.cart_div .bottom_fix .btn a .guide {
	position: absolute;
	top: -34px;
	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 .bottom_fix .btn a .guide:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 10px;
	background: url('/res/images/m_cart_buy_arrow.png') no-repeat;
	background-size: 12px 10px
}

.cart_div .add_pd_info_div .add_pd_info {
	padding: 20px 12px 12px;
	margin-top: 32px;
	background: #f7ded6;
	border-radius: 10px
}

.cart_div .add_pd_info_div .add_pd_info .tit img {
	height: 26px
}

.cart_div .add_pd_info_div .add_pd_info .add_pd {
	margin-top: 12px;
	text-align: center
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd {
	position: relative;
	margin-top: 8px;
	padding: 28px 106px 12px 20px;
	background: #fff;
	border-radius: 5px;
	text-align: left
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd:first-child {
	margin-top: 0
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd .type {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 4px 0;
	width: 85px;
	font-weight: 700;
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	background: #b37566
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd .thumb {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 70px
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd .thumb img {
	width: 100%
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd .name {
	font-size: 12px;
	line-height: 16px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd .name b {
	font-weight: 700
}

.cart_div .add_pd_info_div .add_pd_info .add_pd .pd .price {
	margin-top: 6px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #b43e10
}



/* 마이페이지 */
.mypage_div {
	padding: 24px 0 0
}

.mypage_div .top_info {
	position: relative;
	padding-left: 58px;
	padding-top: 2px
}

.mypage_div .top_info .name {
	display: inline-block;
	position: relative;
	padding-right: 36px;
	max-width: calc(100% - 70px);
	max-width: -webkit-calc(100% - 70px);
	font-size: 18px;
	line-height: 24px;
	color: #000;
	background: url('/res/images/m_icn_right_40x40.png') no-repeat right 1px;
	background-size: 20px
}

.mypage_div .top_info .name:after {
	content: '님';
	position: absolute;
	top: 0;
	right: 20px;
}

.mypage_div .top_info .name b {
	display: inline-block;
	width: 100%;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top
}

.mypage_div .top_info .grade {
	margin-top: 4px
}

.mypage_div .top_info .grade:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .top_info .grade span {
	float: left;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px
}

.mypage_div .top_info .grade a {
	float: left;
	margin-left: 6px;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	text-decoration: underline
}

.mypage_div .top_info .setting {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_mypage_setting.png') no-repeat center;
	background-size: 24px
}

.mypage_div .top_info .alarm {
	position: absolute;
	top: -5px;
	right: 35px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_mypage_alarm.png') no-repeat center;
	background-size: 24px
}

.mypage_div .top_info .alarm.new:before {
	content: '';
	position: absolute;
	top: 2px;
	right: 2px;
	width: 6px;
	height: 6px;
	background: #ff3894;
	border-radius: 100%
}

.mypage_div .top_info.family {
	background: url('/res/images/m_grade_mid_family.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.silver {
	background: url('/res/images/m_grade_mid_silver.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.gold {
	background: url('/res/images/m_grade_mid_gold.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.vip {
	background: url('/res/images/m_grade_mid_vip.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.celeb {
	background: url('/res/images/m_grade_mid_celeb.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.staff {
	background: url('/res/images/m_grade_mid_staff.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.partner {
	background: url('/res/images/m_grade_mid_partner.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.exp {
	background: url('/res/images/m_grade_mid_exp.png') no-repeat left center;
	background-size: 48px
}

.mypage_div .top_info.family .grade span {
	color: #32cf55
}

.mypage_div .top_info.silver .grade span {
	color: #b0b0b4
}

.mypage_div .top_info.gold .grade span {
	color: #d0a455
}

.mypage_div .top_info.vip .grade span {
	color: #7c51d7
}

.mypage_div .top_info.celeb .grade span {
	color: #f65987
}

.mypage_div .top_info.staff .grade span {
	color: #209bff
}

.mypage_div .top_info.partner .grade span {
	color: #f88342
}

.mypage_div .top_info.exp .grade span {
	color: #ff539f
}

.mypage_div .top_info.family .grade span:before {
	content: 'FAMILY'
}

.mypage_div .top_info.silver .grade span:before {
	content: 'SILVER'
}

.mypage_div .top_info.gold .grade span:before {
	content: 'GOLD'
}

.mypage_div .top_info.vip .grade span:before {
	content: 'VIP'
}

.mypage_div .top_info.celeb .grade span:before {
	content: '셀럽'
}

.mypage_div .top_info.staff .grade span:before {
	content: '임직원'
}

.mypage_div .top_info.partner .grade span:before {
	content: '제휴'
}

.mypage_div .top_info.exp .grade span:before {
	content: '체험단'
}

.mypage_div .have_div {
	margin-top: 20px;
	padding: 22px 20px;
	background: #052832;
	border-radius: 15px
}

.mypage_div .have_div .line {
	display: block;
	margin-top: 16px
}

.mypage_div .have_div .line:first-child {
	margin-top: 0
}

.mypage_div .have_div .line:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .have_div .line .left {
	float: left;
	padding-left: 30px;
	width: 70px;
	font-weight: 500;
	font-size: 13px;
	line-height: 24px;
	color: #fff
}

.mypage_div .have_div .line.point .left {
	background: url('/res/images/m_mypage_icn_point.	png') no-repeat left center;
	background-size: 24px
}

.mypage_div .have_div .line.coupon .left {
	background: url('/res/images/m_mypage_icn_coupon.png') no-repeat left center;
	background-size: 24px
}

.mypage_div .have_div .line .right {
	float: right;
	padding-right: 24px;
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: right;
	background: url('/res/images/m_icn_right_wht_40x40.png') no-repeat right center;
	background-size: 20px
}

.mypage_div .have_div .line .right span {
	display: inline-block;
	padding-right: 2px;
	font-size: 20px;
	vertical-align: top
}

.mypage_div .fast_link {
	display: flex;
	margin-top: 28px;
	justify-content: space-around
}

.mypage_div .fast_link a {
	display: block;
	position: relative;
	width: 80px;
	text-align: center
}

.mypage_div .fast_link a .img img {
	width: 48px
}

.mypage_div .fast_link a .txt {
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #000;
}

.mypage_div .fast_link a .txt span {
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #3cc814
}

.mypage_div .fast_link a.on:before {
	content: '';
	position: absolute;
	top: 0;
	right: 15px;
	width: 6px;
	height: 6px;
	background: #ff3894;
	border-radius: 100%
}

.mypage_div .write_div {
	display: flex;
	position: relative;
	margin-top: 32px;
	justify-content: space-around;
	padding: 20px 0;
	background: #f2fef0;
	border-radius: 15px
}

.mypage_div .write_div:before {
	content: '';
	position: absolute;
	top: 23px;
	left: 33%;
	width: 1px;
	height: 10px;
	background: rgba(5, 40, 50, 0.15)
}

.mypage_div .write_div:after {
	content: '';
	position: absolute;
	top: 23px;
	left: 66%;
	width: 1px;
	height: 10px;
	background: rgba(5, 40, 50, 0.15)
}

.mypage_div .write_div .list {
	display: block;
	position: relative;
	width: 80px;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	text-align: center
}

.mypage_div .write_div .list p {
	display: inline-block;
	positioN: relative;
}

.mypage_div .write_div .list.on p:before {
	content: '';
	position: absolute;
	top: -6px;
	right: -6px;
	width: 6px;
	height: 6px;
	background: #ff3894;
	border-radius: 100%
}

.mypage_div .invite_banner {
	display: block;
	margin-top: 24px
}

.mypage_div .invite_banner img {
	width: 100%;
	border-radius: 15px
}

.mypage_div .menu_area {
	margin-top: 32px;
	padding: 10px 0 0;
	background: #f7f7f7
}

.mypage_div .menu_area .list_div {
	margin-top: 10px;
	background: #fff
}

.mypage_div .menu_area .list_div:first-child {
	margin-top: 0
}

.mypage_div .menu_area .list_div .list {
	display: block;
	padding: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	border-bottom: 1px solid #eee;
	background: url('/res/images/m_icn_right_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.mypage_div .menu_area .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .menu_area .list_div .list>span {
	float: right;
	margin-right: 30px;
	color: #3cc814
}

.mypage_div .menu_area .banner_div {
	display: block;
	margin-top: 10px;
	padding: 24px 20px;
	background: #fff
}

.mypage_div .menu_area .banner_div .banner {
	display: block
}

.mypage_div .menu_area .banner_div .banner img {
	width: 100%;
	border-radius: 15px
}

.mypage_div .menu_area .banner_div .banner+.banner {
	margin-top: 16px;
}

.mypage_div .mypage_logout_div {
	text-align: center;
	margin-top: 32px;
}

.mypage_div .btn {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div {
	padding: 32px 0
}

.myinfo_div .top_noti {
	padding-bottom: 16px;
	margin: 0 auto 24px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.myinfo_div .sns_div {}

.myinfo_div .sns_div a {
	display: block;
	margin-top: 8px;
	padding: 16px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 10px
}

.myinfo_div .sns_div a:first-child {
	margin-top: 0
}

.myinfo_div .sns_div a.naver {
	color: #fff;
	background: url('/res/images/m_sns_naver.png') no-repeat 10px center #03cf5d;
	background-size: 48px
}

.myinfo_div .sns_div a.kakao {
	color: #000;
	background: url('/res/images/m_sns_kakao.png') no-repeat 10px center #ffeb00;
	background-size: 48px
}

.myinfo_div .sns_div a.facebook {
	color: #fff;
	background: url('/res/images/m_sns_facebook.png') no-repeat 10px center #1877f2;
	background-size: 48px
}

.myinfo_div .sns_div a.apple {
	color: #fff;
	background: url('/res/images/m_sns_apple.png') no-repeat 10px center #1d1d1d;
	background-size: 48px
}

.myinfo_div .accor_div .list {}

.myinfo_div .accor_div .list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.myinfo_div .accor_div .list:first-child:before {
	display: none
}

.myinfo_div .accor_div .list .top {
	position: relative;
	padding: 20px 54px 20px 20px;
	border-bottom: 1px solid #eee
}

.myinfo_div .accor_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .list .top .chk_box label {
	font-weight: 500;
	font-size: 16px
}

.myinfo_div .accor_div .list .top .open {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat center;
	background-size: 20px;
}

.myinfo_div .accor_div .list .close {
	padding: 24px 20px
}

.myinfo_div .accor_div .list .close .input_form .tit {
	font-size: 14px;
	line-height: 20px
}

.myinfo_div .accor_div .list .close .txt_div {}

.myinfo_div .accor_div .list .close .txt_div .line {
	margin-top: 16px
}

.myinfo_div .accor_div .list .close .txt_div .line:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .txt_div .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .txt_div .line .left {
	float: left;
	width: 92px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .list .close .txt_div .line .right {
	position: relative;
	float: left;
	padding-right: 34px;
	width: calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	word-break: break-all
}

.myinfo_div .accor_div .list .close .txt_div .line .right b {
	font-weight: 500;
	margin-right: 5px
}

.myinfo_div .accor_div .list .close .txt_div .line .right b a {
	pointer-events: none
}

.myinfo_div .accor_div .list .close .txt_div .line .right b:last-child {
	margin-right: 0
}

.myinfo_div .accor_div .list .close .txt_div .line .right span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	white-space: nowrap
}

.myinfo_div .accor_div .list .close .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 .accor_div .list .close .txt_div .line .right>a.save {
	display: none
}

.myinfo_div .accor_div .list .close .txt_div .line .right>a.cancel {
	display: none;
	right: 36px
}

.myinfo_div .accor_div .list .close .txt_div .line .edit_div {
	display: none;
	float: left;
	margin: 16px 0 2px;
	width: 100%
}

.myinfo_div .accor_div .list .close .txt_div .line .edit_div .input_form {
	margin-top: 8px
}

.myinfo_div .accor_div .list .close .txt_div .line .edit_div .input_form:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .txt_div .line.on .right .edit {
	display: none
}

.myinfo_div .accor_div .list .close .txt_div .line.on .right .cancel {
	display: block
}

.myinfo_div .accor_div .list .close .txt_div .line.on .right .save {
	display: block
}

.myinfo_div .accor_div .list .close .banner {
	margin-bottom: 24px
}

.myinfo_div .accor_div .list .close .banner img {
	width: 100%;
	border-radius: 10px
}

.myinfo_div .accor_div .list .close .complete_form {
	margin-top: 16px
}

.myinfo_div .accor_div .list .close .complete_form:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .complete_form .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .complete_form .line .left {
	float: left;
	width: 92px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .list .close .complete_form .line .right {
	position: relative;
	float: left;
	padding-right: 34px;
	width: calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
	text-align: left
}

.myinfo_div .accor_div .list .close .complete_form .line .right b {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.myinfo_div .accor_div .list .close .complete_form .line .right span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .accor_div .list .close .complete_form .line .right strong {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .accor_div .list .close .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 .accor_div .list .close .complete_form .line .right a.save {
	display: none
}

.myinfo_div .accor_div .list .close .complete_form .line .right a.cancel {
	display: none;
	right: 36px
}

.myinfo_div .accor_div .list .close .complete_form .line .edit_div {
	display: none;
	float: left;
	margin: 16px 0 8px;
	width: 100%
}

.myinfo_div .accor_div .list .close .complete_form .line .edit_div .input_form {
	margin-top: 8px
}

.myinfo_div .accor_div .list .close .complete_form .line .edit_div .input_form:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .complete_form .line.on .right .edit {
	display: none
}

.myinfo_div .accor_div .list .close .complete_form .line.on .right .cancel {
	display: block
}

.myinfo_div .accor_div .list .close .complete_form .line.on .right .save {
	display: block
}

.myinfo_div .accor_div .list .close .birth_area {
	width: 100%;
	background: #f7f7f7;
	border-radius: 10px
}

.myinfo_div .accor_div .list .close .birth_area:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .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 .accor_div .list .close .birth_area input:focus {
	outline: 0;
	border: none
}

.myinfo_div .accor_div .list .close .add_btn {
	display: block;
	margin-top: 32px;
	padding: 11px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.myinfo_div .accor_div .list .close .chk_div {
	position: relative;
	margin-top: 16px;
	padding-right: 30px;
}

.myinfo_div .accor_div .list .close .chk_div:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .chk_div .view {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-decoration: underline
}

.myinfo_div .accor_div .list .close .sub_chk {
	margin-top: 16px;
	padding-left: 40px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box {
	margin-right: 20px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box label {
	padding-left: 24px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box label:after {
	top: 4px;
	width: 16px;
	height: 16px;
	background: url('/res/images/m_chk_icon_32x32.png') no-repeat;
	background-size: 16px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box.on label:after {
	background: url('/res/images/m_chk_icon_32x32_on.png') no-repeat;
	background-size: 16px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	background: url('/res/images/m_chk_icon_32x32.png') no-repeat;
	background-size: 16px
}

.myinfo_div .accor_div .list .close .chk_txt {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .accor_div .list .close .sns_linkage {}

.myinfo_div .accor_div .list .close .sns_linkage .line {
	margin-top: 20px
}

.myinfo_div .accor_div .list .close .sns_linkage .line:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .sns_linkage .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .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 .accor_div .list .close .sns_linkage .line .left span {
	display: none;
	margin-left: 6px;
	font-size: 13px;
	line-height: 30px;
	color: #bbb
}

.myinfo_div .accor_div .list .close .sns_linkage .line .right {
	position: relative;
	float: right;
	width: 54px;
	height: 30px;
	background: #ddd;
	border-radius: 15px
}

.myinfo_div .accor_div .list .close .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 .accor_div .list .close .sns_linkage .line.on .left span {
	display: inline-block;
	vertical-align: top
}

.myinfo_div .accor_div .list .close .sns_linkage .line.on .right {
	background: #3cc814
}

.myinfo_div .accor_div .list .close .sns_linkage .line.on .right span {
	left: 28px
}

.myinfo_div .accor_div .list.on .top .open {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat center;
	background-size: 20px
}

.myinfo_div .accor_div .list.on .close {
	display: block
}

.myinfo_div .accor_div .link {}

.myinfo_div .accor_div .link:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.myinfo_div .accor_div .link .top {
	display: block;
	position: relative;
	padding: 20px 54px 20px 20px;
	border-bottom: 1px solid #eee;
	background: url('/res/images/m_icn_right_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.myinfo_div .accor_div .link .top:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .link .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .out_info {}

.myinfo_div .accor_div .out_info .line {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.myinfo_div .accor_div .out_info .line:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.myinfo_div .accor_div .out_info .line .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .out_info .line table+.dot_indent {
	margin-top: 10px
}

.myinfo_div .accor_div .out_info .line .dot_indent {
	margin-top: 6px
}

.myinfo_div .accor_div .out_info .line .dot_indent p {
	margin-top: 10px;
	color: #555
}

.myinfo_div .accor_div .out_info .line .dot_indent p:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .out_info .line table {
	margin-top: 10px;
	border-top: 1px solid #555
}

.myinfo_div .accor_div .out_info .line table th {
	padding: 12px 6px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee
}

.myinfo_div .accor_div .out_info .line table td {
	padding: 12px 6px;
	font-wieght: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee
}

.myinfo_div .accor_div .out_info .line table th:last-child,
.myinfo_div .accor_div .out_info .line table td:last-child {
	border-right: none
}

.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;
	padding: 32px 0
}

.order_div .search_area {
	position: relative;
	margin-top: -32px;
	padding: 32px 20px 16px;
	background: #fff;
	z-index: 1
}

.order_div .search_area .input_form input {
	padding: 3px 70px 3px 17px;
	margin-right: 0;
	height: 40px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 8px
}

.order_div .search_area .input_form input:focus {
	background: #fff !important
}

.order_div .search_area .input_form .search {
	position: absolute;
	top: 5px;
	right: 7px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_search_40x40.png') no-repeat center;
	background-size: 20px
}

.order_div .search_area .input_form .delete {
	right: 40px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url('/res/images/m_clear_delete_40x40.png') no-repeat;
	background-size: 20px
}

.order_div .search_area .hide_con {
	display: none;
	position: absolute;
	top: 88px;
	left: 0;
	padding: 0 20px 16px;
	width: 100%;
	background: #fff;
	z-index: 1;
	border-radius: 0 0 20px 20px
}

.order_div .search_area .detail_div {
	margin-top: 8px
}

.order_div .search_area .detail_div:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_area .detail {
	float: left;
	margin-left: 4px;
	margin-top: 24px;
	width: calc(50% - 2px);
	width: calc(50% - 2px);
}

.order_div .search_area .detail:first-child {
	margin-left: 0;
	width: 100%
}

.order_div .search_area .detail:nth-child(2) {
	margin-left: 0
}

.order_div .search_area .detail select {
	margin-top: 12px;
	width: 100%
}

.order_div .search_area .detail .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .search_area .detail .tit:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_area .detail .tit span {
	float: right;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #bbb
}

.order_div .search_area .detail .btn_div {
	display: flex;
	margin-top: 12px;
}

.order_div .search_area .detail .btn_div a {
	display: block;
	margin-right: 4px;
	padding: 12px 0 10px;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	border: 1px solid #bbb;
	border-radius: 10px;
	text-align: center
}

.order_div .search_area .detail .btn_div a:last-child {
	margin-right: 0
}

.order_div .search_area .detail .btn_div a.on {
	color: #3cc814;
	border: 1px solid #3cc814
}

.order_div .search_area .detail .select_date {
	display: block;
	position: relative;
	margin-top: 12px;
	background: #f7f7f7;
	border-radius: 10px;
	border: 1px solid #f7f7f7
}

.order_div .search_area .detail .select_date:before {
	content: '~';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	font-size: 14px;
	line-height: 46px;
	color: #000;
	text-align: center
}

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

.order_div .search_area .detail .select_date select {
	float: left;
	margin-top: 0;
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 48px;
	background: url('/res/images/m_select_date_icon.png') no-repeat right 6px top 50%;
	background-size: 20px
}

.order_div .search_area .detail .select_date select:focus {
	outline: 0
}

.order_div .search_area .detail .select_date select:first-child {
	margin-left: 0
}

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

.order_div .search_area .search_btn {
	display: block;
	margin-top: 16px;
	padding: 14px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.order_div .search_tag {
	display: none;
	position: relative;
	margin: -2px 0 24px;
	padding: 0 45px 0 20px
}

.order_div .search_tag .refresh {
	position: absolute;
	top: 13px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_refresh.png') no-repeat center;
	background-size: 20px
}

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

.order_div .search_tag span {
	position: relative;
	float: left;
	margin: 6px 6px 0 0;
	padding: 12px 32px 12px 10px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: #f7f7f7;
	border-radius: 10px;
	white-space: nowrap
}

.order_div .search_tag span.keywords {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_div .search_tag span:last-child {
	margin-right: 0
}

.order_div .search_tag span a {
	position: absolute;
	top: 10px;
	right: 6px;
	width: 20px;
	height: 20px;
	background: url('/res/images/m_clear_delete_40x40.png') no-repeat;
	background-size: 20px
}

.order_div .possible_review {
	padding: 0 20px;
	margin-bottom: 18px
}

.order_div .possible_review .chk_box label {
	padding: 2px 18px 2px 30px
}

.order_div .possible_review .chk_box label span {
	font-weight: 500;
	color: #3cc814
}

.order_div .possible_review .chk_box label .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center;
	background-size: 16px
}

.order_div .order_list_div {}

.order_div .order_list_div .list {
	position: relative;
}

.order_div .order_list_div .list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_div .order_list_div .list:first-child:before {
	display: none
}

.order_div .order_list_div .list .top {
	padding: 20px;
	border-bottom: 1px solid #eee
}

.order_div .order_list_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .top .date {
	float: left;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .top span {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_div .order_list_div .list .top .detail {
	float: right;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_right_32x32.png') no-repeat right 1px;
	background-size: 16px
}

.order_div .order_list_div .list .bottom {
	padding: 0 20px 8px
}

.order_div .order_list_div .list .bottom .pd_list_div {}

.order_div .order_list_div .list .bottom .pd_list_div .group {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.order_div .order_list_div .list .bottom .pd_list_div .group:first-child {
	border-top: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list {
	position: relative;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .state {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .state span {
	display: inline-block;
	margin-left: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .state.comp {
	color: #999
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area {
	display: block
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .thumb img {
	width: 100%
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .thumb.noimg {
	background: #f7f7f7
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info {
	float: left;
	padding: 17px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .name b {
	font-weight: 500
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info {
	margin-top: 4px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price {
	margin-top: 8px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .link_area .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .his_btn {
	display: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.gift .link_area .pd_info {
	padding-top: 4px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.gift .link_area .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.gift .link_area .pd_info .for b {
	font-weight: 500
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.gift .link_area .pd_info .name {
	margin-top: 6px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.gift .link_area .pd_info .buy_info {
	margin-top: 4px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .link_area .pd_info {
	padding-top: 4px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .link_area .pd_info .buy_info {
	margin-top: 2px
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 112px;
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a {
	position: relative;
	float: left;
	margin-left: 17px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	text-decoration: underline
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a:first-child {
	margin-left: 0
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -9px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a:first-child:before {
	display: none
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box+.add_box {
	margin-top: 8px
}

.order_div .order_list_div .list .bottom .pd_list_div .group.comp .delete {
	display: block
}

.order_div .order_list_div .list .bottom .pd_list_div .group.add .link_area {
	cursor: auto
}

.order_div .order_list_div .list .bottom .pd_list_div .group.add .pd_list .link_area .pd_info {
	padding-top: 22px
}

.order_div .order_list_div .list .bottom .pd_list_div .group.add .pd_list .link_area .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.order_div .order_list_div .list .bottom .info_btn {
	margin-top: 16px;
	display: flex
}

.order_div .order_list_div .list .bottom .info_btn a {
	display: block;
	margin-right: 4px;
	padding: 12px 0 10px;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.order_div .order_list_div .list .bottom .info_btn a:last-child {
	margin-right: 0
}

.order_div .order_list_div .list .btn {
	display: none;
	position: absolute;
	top: 26px;
	right: 20px
}

.order_div .order_list_div .list .btn:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .btn a {
	float: left;
	padding: 5px 7px;
	margin-left: 4px;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	border: 1px solid #bbb;
	border-radius: 5px
}

.order_div .order_list_div .list .btn a:first-child {
	margin-left: 0
}

.order_div .order_list_div .no_data_div {
	padding-top: 32px
}

.order_div .order_list_div.section {
	margin-top: -20px;
	padding-bottom: 8px
}

.order_div .order_list_div.section .list .bottom {
	padding: 0 20px 0
}

.order_div .order_list_div.section .list .btn {
	display: block
}

.order_div .more_area {}

.order_div .more_area:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_div .more_area .more {
	display: block;
	margin: 24px auto 0;
	padding: 13px 0;
	width: 256px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 24px
}

.order_div .more_area .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

.order_div .order_dimd {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5)
}

.order_div .section {
	position: relative;
	padding-bottom: 24px
}

.order_div .section:last-child {
	padding-bottom: 0
}

.order_div .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_div .section:first-child:before {
	display: none
}

.order_div .section .tit_area {
	position: relative;
	padding-top: 24px
}

.order_div .section .tit_area .tit {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .section .tit_area .tit .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 1px;
	background-size: 16px
}

.order_div .section .chg {
	position: absolute;
	top: 24px;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .section .cont {
	margin-top: 24px
}

.order_div .section .cont .address_div {
	position: relative;
}

.order_div .section .cont .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .section .cont .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	max-width: calc(100% - 80px);
	max-width: -webkit-calc(100% - 80px);
}

.order_div .section .cont .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.order_div .section .cont .address_div .info b {
	word-break: break-all
}

.order_div .section .cont .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .section .cont .address_div .edit {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .section .cont .devide {
	padding-bottom: 24px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_div .section .cont .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_div .section .cont .devide .input_form:first-child {
	margin-top: 0
}

.order_div .section .cont .devide .input_form .tit:after {
	content: '';
	display: block;
	clear: both
}

.order_div .section .cont .devide .input_form .tit span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_div .section .cont .devide .input_form .tit span b {
	color: #3cc814
}

.order_div .section .cont .devide .price_list {
	margin-top: 12px
}

.order_div .section .cont .devide .price_list:first-child {
	margin-top: 0
}

.order_div .section .cont .devide .price_list .line {
	margin-top: 8px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.order_div .section .cont .devide .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .section .cont .devide .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_div .section .cont .devide .price_list .line .left.tool {
	position: relative;
	padding-right: 18px;
}

.order_div .section .cont .devide .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 3px;
	background-size: 16px
}

.order_div .section .cont .devide .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_div .section .cont .devide .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.order_div .section .cont .devide .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_div .section .cont .devide .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_div .section .cont .devide .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_div .section .cont .devide .price_list .line:first-child .right span {
	font-size: 16px
}

.order_div .section .cont .devide .price_list.final_cost .line .left {
	line-height: 24px
}

.order_div .section .cont .devide .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.order_div .section .cont .devide .price_list.final_cost .line .right span {
	font-size: 20px
}

.order_div .section .cont .text {
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.order_div .section .cont .text+.box_area {
	margin-top: 16px
}

.order_div .section .cont .box_area {
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_div .section .cont .box_area:after {
	content: '';
	display: block;
	clear: both
}

.order_div .section .cont .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.order_div .section .cont .box_area p:first-child {
	margin-top: 0
}

.order_div .section .cont .box_area p b {
	font-weight: 500
}

.order_div .section .cont .box_area p em {
	display: inline-block;
	margin-left: 8px;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	color: #f05b5a
}

.order_div .section .cont .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.order_div .section .cont .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .section .cont .box_area p span:last-child {
	margin-right: 0
}

.order_div .section .cont .box_area p span:last-child:after {
	display: none
}

.order_div .section .receive_summary {
	border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 18px 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .section .receive_summary:after {
	content: '';
	display: block;
	clear: both;
}

.order_div .section .receive_summary .left {
	float: left
}

.order_div .section .receive_summary .right {
	text-align: right;
	float: right
}

.order_div .section .message_div {
	margin-top: 20px;
	padding-bottom: 88px;
	position: relative;
}

.order_div .section .message_div .present_msg {
	padding: 12px 20px;
	margin: auto -20px;
	background: #f9f9f9;
}

.order_div .section .message_div .present_msg .swiper-slide {
	width: auto;
	border-radius: 6px;
	padding: 4px;
}

.order_div .section .message_div .present_msg .swiper-slide.on {
	border: 2px solid #3cc814;
}

.order_div .section .message_div .present_msg .swiper-slide img {}

.order_div .section .message_div .bg_area {
	position: relative;
}

.order_div .section .message_div .bg_area img {
	width: 100%
}

.order_div .section .message_div .textarea_wrap {
	position: absolute;
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	height: 200px;
	padding: 20px 24px 45px 24px;
	border-radius: 20px;
	background: #fff;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.order_div .section .message_div .textarea_wrap textarea {
	width: 100%;
	height: 136px;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	background: url("/res/images/m_txtarea_bg.png") top left repeat-y #fff;
	background-size: 100% 34px;
	padding: 0 10px;
}

.order_div .section .message_div .textarea_wrap .msg_from {
	color: #777;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.order_div .section .gift_already {
	margin-top: 24px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	text-align: center
}

.order_div .section .re_message_btn {
	display: block;
	margin-top: 24px;
	padding: 11px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.order_edit_div {
	position: relative;
	padding: 32px 0 118px
}

.order_edit_div .product_chk .top {
	position: relative;
	padding: 0 20px 16px
}

.order_edit_div .product_chk .top:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .product_chk .top .chk_box {
	float: left
}

.order_edit_div .product_chk .list_div {
	padding: 0 20px;
	border-top: 1px solid #eee
}

.order_edit_div .product_chk .list_div .list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.order_edit_div .product_chk .list_div .list:first-child {
	border-top: none
}

.order_edit_div .product_chk .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .product_chk .list_div .list .chk_box {
	float: left;
	width: 24px
}

.order_edit_div .product_chk .list_div .list .chk_box input[type="checkbox"]+label {
	padding: 50px 12px
}

.order_edit_div .product_chk .list_div .list .chk_box input[type="checkbox"]+label:after {
	top: 36px
}

.order_edit_div .product_chk .list_div .list .link_area {
	float: left;
	padding-left: 10px;
	width: calc(100% - 24px);
	width: -webkit-calc(100% - 24px);
}

.order_edit_div .product_chk .list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .product_chk .list_div .list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .product_chk .list_div .list .link_area .thumb img {
	width: 100%
}

.order_edit_div .product_chk .list_div .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.order_edit_div .product_chk .list_div .list .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.order_edit_div .product_chk .list_div .list .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info {
	float: left;
	padding-left: 12px;
	padding-bottom: 38px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .name b {
	font-weight: 500
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info {
	margin-top: 4px
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price {
	margin-top: 8px
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.order_edit_div .product_chk .list_div .list .link_area .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.order_edit_div .product_chk .list_div .list.gift .link_area .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_edit_div .product_chk .list_div .list.gift .link_area .pd_info .for b {
	font-weight: 500
}

.order_edit_div .product_chk .list_div .list.gift .link_area .pd_info .name {
	margin-top: 6px
}

.order_edit_div .product_chk .list_div .list.add .link_area .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.order_edit_div .product_chk .list_div .list .count_div {
	position: absolute;
	bottom: 16px;
	left: 146px
}

.order_edit_div.cnl .product_chk .list_div .list .link_area .pd_info {
	padding-top: 17px;
	padding-bottom: 0
}

.order_edit_div.cnl .product_chk .list_div .list.gift .link_area .pd_info {
	padding-top: 4px
}

.order_edit_div.cnl .product_chk .list_div .list.add .link_area .pd_info {
	padding-top: 22px
}

.order_edit_div .product_chk+.section {
	margin-top: 0
}

.order_edit_div .text_top {
	padding-bottom: 16px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.order_edit_div .text_top+.section {
	margin-top: 0
}

.order_edit_div .text_top+.section:before {
	display: none
}

.order_edit_div .text_top+.section .product_info {
	margin-top: 16px
}

.order_edit_div .text_top+.product_chk {
	margin-top: 16px
}

.order_edit_div .section {
	margin-top: 24px
}

.order_edit_div .section:first-child {
	margin-top: 0
}

.order_edit_div .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_edit_div .section:first-child:before {
	display: none
}

.order_edit_div .section:first-child .title {
	padding-top: 0
}

.order_edit_div .section .title {
	position: relative;
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.order_edit_div .section .title:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .title a {
	float: right;
	font-size: 14px;
	line-height: 22px;
	color: #3cc814;
	text-decoration: underline
}

.order_edit_div .section .title span {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814
}

.order_edit_div .section .title span b {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.order_edit_div .section .title+.dot_indent {
	margin-top: 12px
}

.order_edit_div .section .product_info {}

.order_edit_div .section .product_info .list {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.order_edit_div .section .product_info .list:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0
}

.order_edit_div .section .product_info .list:last-child {
	padding-bottom: 0
}

.order_edit_div .section .product_info .list .link_area {
	display: block
}

.order_edit_div .section .product_info .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .product_info .list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .section .product_info .list .link_area .thumb img {
	width: 100%
}

.order_edit_div .section .product_info .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.order_edit_div .section .product_info .list .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.order_edit_div .section .product_info .list .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.order_edit_div .section .product_info .list .link_area .pd_info {
	float: left;
	padding: 17px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.order_edit_div .section .product_info .list .link_area .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_edit_div .section .product_info .list .link_area .pd_info .name b {
	font-weight: 500
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info {
	margin-top: 4px;
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price {
	margin-top: 8px
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.order_edit_div .section .product_info .list .link_area .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.order_edit_div .section .product_info .list.gift .link_area .pd_info {
	padding-top: 4px
}

.order_edit_div .section .product_info .list.gift .link_area .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_edit_div .section .product_info .list.gift .link_area .pd_info .for b {
	font-weight: 500
}

.order_edit_div .section .product_info .list.gift .link_area .pd_info .name {
	margin-top: 6px
}

.order_edit_div .section .product_info .list.add .link_area {
	cursor: auto
}

.order_edit_div .section .product_info .list.add .link_area .pd_info {
	padding-top: 22px
}

.order_edit_div .section .product_info .list.add .link_area .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.order_edit_div .section .product_info .list .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .section .product_info .list .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .product_info .list .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_edit_div .section .icon_noti {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/m_icn_notice_32x32.png') no-repeat left top;
	background-size: 16px;
}

.order_edit_div .section .cont {
	margin-top: 24px
}

.order_edit_div .section .cont .address_div {
	position: relative;
}

.order_edit_div .section .cont .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .info b {
	word-break: break-all
}

.order_edit_div .section .cont .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .edit {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_edit_div .section .cont .devide {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_edit_div .section .cont .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_edit_div .section .cont .devide .input_form:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .devide .input_form .tit:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .cont .devide .input_form .tit span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_edit_div .section .cont .devide .input_form .tit span b {
	color: #3cc814
}

.order_edit_div .section .cont .devide .price_list {
	margin-top: 12px
}

.order_edit_div .section .cont .devide .price_list:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .devide .price_list .line {
	margin-top: 8px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.order_edit_div .section .cont .devide .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .cont .devide .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_edit_div .section .cont .devide .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_edit_div .section .cont .devide .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.order_edit_div .section .cont .devide .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_edit_div .section .cont .devide .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_edit_div .section .cont .devide .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_edit_div .section .cont .devide .price_list .line:first-child .right span {
	font-size: 16px
}

.order_edit_div .section .cont .devide .price_list.final_cost .line .left {
	line-height: 24px
}

.order_edit_div .section .cont .devide .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.order_edit_div .section .cont .devide .price_list.final_cost .line .right span {
	font-size: 20px
}

.order_edit_div .section .cont .text {
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.order_edit_div .section .cont .text+.box_area {
	margin-top: 16px
}

.order_edit_div .section .cont .box_area {
	position: relative;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_edit_div .section .cont .box_area:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .cont .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.order_edit_div .section .cont .box_area p:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .box_area p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_edit_div .section .cont .box_area p strong {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.order_edit_div .section .cont .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.order_edit_div .section .cont .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_edit_div .section .cont .box_area p span:last-child {
	margin-right: 0
}

.order_edit_div .section .cont .box_area p span:last-child:after {
	display: none
}

.order_edit_div .section .cont .box_area a {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_edit_div .section .cont .radio_div {
	position: relative;
	margin-top: 16px
}

.order_edit_div .section .cont .radio_div:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .radio_div .radio_box input[type="radio"]+label {
	font-weight: 400;
	font-size: 13px
}

.order_edit_div .section .cont .radio_div .noti {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	line-height: 20px;
	color: #bbb
}

.order_edit_div .section .cont .dot_indent {
	margin-top: 12px
}

.order_edit_div .section .cont .virtual_account {
	margin-top: 16px
}

.order_edit_div .section .cont .virtual_account .btn {
	display: block;
	margin-top: 16px;
	padding: 11px 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.order_edit_div .section .cont .textarea_div .textarea_wrap {
	width: 100%;
	height: 134px;
	background: #f7f7f7;
	padding: 14px 12px 46px 12px;
	border-radius: 10px;
}

.order_edit_div .section .cont .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 74px;
}

.order_edit_div .section .cont .textarea_div .textarea_wrap .byte {
	position: absolute;
	bottom: 16px;
	right: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.order_edit_div .comp_div {}

.order_edit_div .comp_div .top {
	padding: 104px 0 36px;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #333;
	text-align: center;
	background: url('/res/images/m_icn_check_128x128.png') no-repeat center 16px;
	background-size: 64px
}

.order_edit_div .comp_div .top+.section {
	margin-top: 0
}

.order_edit_div .comp_div .section .list_div {
	margin-top: 24px
}

.order_edit_div .comp_div .section .list_div .list {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_edit_div .comp_div .section .list_div .list:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_edit_div .comp_div .section .list_div .list .link_area {
	display: block
}

.order_edit_div .comp_div .section .list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .comp_div .section .list_div .list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .comp_div .section .list_div .list .link_area .thumb img {
	width: 100%
}

.order_edit_div .comp_div .section .list_div .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.order_edit_div .comp_div .section .list_div .list .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.order_edit_div .comp_div .section .list_div .list .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info {
	float: left;
	padding: 17px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .name b {
	font-weight: 500
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info {
	margin-top: 4px;
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price {
	margin-top: 8px
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.order_edit_div .comp_div .section .list_div .list .link_area .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.order_edit_div .comp_div .section .list_div .list .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .comp_div .section .list_div .list .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .comp_div .section .list_div .list .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_edit_div .comp_div .section .list_div .list.gift .link_area .pd_info {
	padding-top: 4px
}

.order_edit_div .comp_div .section .list_div .list.gift .link_area .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_edit_div .comp_div .section .list_div .list.gift .link_area .pd_info .for b {
	font-weight: 500
}

.order_edit_div .comp_div .section .list_div .list.gift .link_area .pd_info .name {
	margin-top: 6px
}

.order_edit_div .comp_div .section .list_div .list.add .link_area {
	cursor: auto
}

.order_edit_div .comp_div .section .list_div .list.add .link_area .pd_info {
	padding-top: 22px
}

.order_edit_div .comp_div .section .list_div .list.add .link_area .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.order_edit_div .comp_div .section .icon_noti {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/m_icn_notice_32x32.png') no-repeat left 1px;
	background-size: 16px;
}

.order_edit_div .comp_div .section .dot_indent:first-child {
	margin-top: 24px
}

.order_edit_div .comp_div .section .dot_indent p {
	margin-top: 2px
}

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

.order_bottom_btn {
	display: flex;
	position: fixed;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	left: 0;
	padding: 0 20px calc(constant(safe-area-inset-bottom) + 32px);
	padding: 0 20px calc(env(safe-area-inset-bottom) + 32px);
	width: 100%;
	background: #fff;
	box-shadow: 0 -20px 10px 0 rgba(255, 255, 255, 0.5)
}

.order_bottom_btn a {
	display: block;
	width: 100%;
	margin-left: 8px;
	padding: 14px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 10px
}

.order_bottom_btn a:first-child {
	margin-left: 0
}

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

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

.order_bottom_btn a.disabled_btn {
	color: #fff;
	background: #ddd;
	border: 1px solid #ddd
}

.order_mgr_div {
	padding: 32px 0 72px
}

.order_mgr_div.btn {
	padding-bottom: 118px
}

.order_mgr_div .text_top {
	padding-bottom: 16px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.order_mgr_div .text_top+.section {
	margin-top: 0
}

.order_mgr_div .text_top+.section:before {
	display: none
}

.order_mgr_div .text_top+.section .product_info {
	margin-top: 16px
}

.order_mgr_div .section {
	margin-top: 24px
}

.order_mgr_div .section:first-child {
	margin-top: 0
}

.order_mgr_div .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_mgr_div .section:first-child:before {
	display: none
}

.order_mgr_div .section .state_div {
	margin-bottom: 24px;
	padding: 25px 20px 18px;
	background: #f9f9f9
}

.order_mgr_div .section .state_div:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .state_div .state {
	position: relative;
	float: left;
	padding-top: 21px;
	width: 20%;
	text-align: center
}

.order_mgr_div .section .state_div .state:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 9px;
	height: 9px;
	border: 2px solid #ccc;
	background: #f9f9f9;
	border-radius: 100%;
	z-index: 1
}

.order_mgr_div .section .state_div .state:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 50%;
	width: 100%;
	height: 1px;
	background: #ccc
}

.order_mgr_div .section .state_div .state:last-child:after {
	display: none
}

.order_mgr_div .section .state_div .state p {
	display: inline-block;
	padding: 2px 5px;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #bbb
}

.order_mgr_div .section .state_div .state span {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	line-height: 14px;
	color: #ccc
}

.order_mgr_div .section .state_div .state.on:before {
	border: 2px solid #3cc814
}

.order_mgr_div .section .state_div .state.on:after {
	background: #3cc814
}

.order_mgr_div .section .state_div .state.on p {
	color: #3cc814
}

.order_mgr_div .section .state_div .state.ing:before {
	top: 0;
	width: 13px;
	height: 13px;
	border: 4px solid #3cc814
}

.order_mgr_div .section .state_div .state.ing p {
	background: #3cc814;
	border-radius: 10px;
	color: #fff
}

.order_mgr_div .section .product_info {}

.order_mgr_div .section .product_info .list {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.order_mgr_div .section .product_info .list:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0
}

.order_mgr_div .section .product_info .list:last-child {
	padding-bottom: 0
}

.order_mgr_div .section .product_info .list .link_area {
	display: block
}

.order_mgr_div .section .product_info .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .product_info .list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_mgr_div .section .product_info .list .link_area .thumb img {
	width: 100%
}

.order_mgr_div .section .product_info .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.order_mgr_div .section .product_info .list .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.order_mgr_div .section .product_info .list .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.order_mgr_div .section .product_info .list .link_area .pd_info {
	float: left;
	padding: 17px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.order_mgr_div .section .product_info .list .link_area .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_mgr_div .section .product_info .list .link_area .pd_info .name b {
	font-weight: 500
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info {
	margin-top: 4px;
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price {
	margin-top: 8px
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.order_mgr_div .section .product_info .list .link_area .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.order_mgr_div .section .product_info .list .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_mgr_div .section .product_info .list .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .product_info .list .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_mgr_div .section .product_info .list.gift .link_area .pd_info {
	padding-top: 4px
}

.order_mgr_div .section .product_info .list.gift .link_area .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.order_mgr_div .section .product_info .list.gift .link_area .pd_info .for b {
	font-weight: 500
}

.order_mgr_div .section .product_info .list.gift .link_area .pd_info .name {
	margin-top: 6px
}

.order_mgr_div .section .product_info .list.add .link_area {
	cursor: auto
}

.order_mgr_div .section .product_info .list.add .link_area .pd_info {
	padding-top: 22px
}

.order_mgr_div .section .product_info .list.add .link_area .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.order_mgr_div .section .product_info .dot_indent {
	margin-top: 16px
}

.order_mgr_div .section .icon_noti {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/m_icn_notice_32x32.png') no-repeat left top;
	background-size: 16px;
}

.order_mgr_div .section .title {
	position: relative;
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .title:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .title .sub_txt {
	float: right;
	margin-left: 0;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_mgr_div .section .title span {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814
}

.order_mgr_div .section .title span b {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.order_mgr_div .section .title .chg {
	position: absolute;
	top: 24px;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont {
	margin-top: 24px
}

.order_mgr_div .section .cont .devide {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_mgr_div .section .cont .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_mgr_div .section .cont .price_list {
	margin-top: 12px
}

.order_mgr_div .section .cont .price_list:first-child {
	margin-top: 0
}

.order_mgr_div .section .cont .price_list .line {
	margin-top: 8px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.order_mgr_div .section .cont .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_mgr_div .section .cont .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.order_mgr_div .section .cont .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.order_mgr_div .section .cont .price_list .line .right a {
	display: inline-block;
	margin-left: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_mgr_div .section .cont .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_mgr_div .section .cont .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_mgr_div .section .cont .price_list .line:first-child .right span {
	font-size: 16px
}

.order_mgr_div .section .cont .price_list.final_cost .line .left {
	line-height: 24px
}

.order_mgr_div .section .cont .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.order_mgr_div .section .cont .price_list.final_cost .line .right span {
	font-size: 20px
}

.order_mgr_div .section .cont .devide .dot_indent {
	margin-top: 10px
}

.order_mgr_div .section .cont .text {
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.order_mgr_div .section .cont .text+.box_area {
	margin-top: 16px
}

.order_mgr_div .section .cont .price_list+.box_area {
	margin-top: 24px
}

.order_mgr_div .section .cont .box_area {
	position: relative;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_mgr_div .section .cont .box_area:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	letter-spacing: -0.9px
}

.order_mgr_div .section .cont .box_area p:first-child {
	margin-top: 0
}

.order_mgr_div .section .cont .box_area p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_mgr_div .section .cont .box_area p strong {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.order_mgr_div .section .cont .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.order_mgr_div .section .cont .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_mgr_div .section .cont .box_area p span:last-child {
	margin-right: 0
}

.order_mgr_div .section .cont .box_area p span:last-child:after {
	display: none
}

.order_mgr_div .section .cont .box_area a {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont .address_div {
	position: relative;
}

.order_mgr_div .section .cont .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .info b {
	word-break: break-all
}

.order_mgr_div .section .cont .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .edit {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont .addr_btn {
	display: block;
	margin-top: 16px;
	padding: 12px 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	background: #fff;
	border-radius: 10px
}

.order_mgr_div .section .cont .chg_info {}

.order_mgr_div .section .cont .chg_info .list {
	margin-top: 16px
}

.order_mgr_div .section .cont .chg_info .list:first-child {
	margin-top: 0
}

.order_mgr_div .section .cont .chg_info .list:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .chg_info .list .left {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_mgr_div .section .cont .chg_info .list .right {
	float: left;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img {
	margin-top: 16px
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img p {
	float: left;
	margin-left: 6px;
	width: 60px;
	height: 60px;
	border-radius: 10px
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img p:first-child {
	margin-left: 0
}

.order_mgr_div .section .cont .dot_indent {
	margin-top: 12px
}

.order_mgr_div .section .dot_indent:first-child {
	margin-top: 24px
}

.order_mgr_div .section .dot_indent p {
	margin-top: 2px
}

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

.order_mgr_div.rtn .section .state_div .state {
	position: relative;
	float: left;
	padding-top: 21px;
	width: 25%;
	text-align: center
}

.order_mgr_div.cnl .section .product_info .pd_info {
	float: left;
	padding: 6px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% -100px)
}

.order_mgr_div.cnl .section .product_info .pd_info .buy_info {
	margin-top: 8px
}

/* 찜리스트, 최근 본 상품 */
.wish_div {
	padding: 32px 0 56px
}

.wish_div .dot_indent {
	padding: 0 20px 16px;
	border-bottom: 1px solid #eee
}

.seen_div {
	padding: 32px 0
}

.seen_div .dot_indent {
	padding: 0 20px 16px;
	border-bottom: 1px solid #eee
}

.pd_view_list .top {
	position: relative;
	padding: 16px 20px
}

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

.pd_view_list .top .chk_box {
	float: left
}

.pd_view_list .top .chk_box label {
	font-size: 14px
}

.pd_view_list .top .chk_box label b {
	font-weight: 700
}

.pd_view_list .top .delete {
	float: right;
	padding-left: 18px;
	font-size: 13px;
	line-height: 24px;
	color: #555;
	background: url('/res/images/m_icn_delete_32x32.png') no-repeat left center;
	background-size: 16px
}

.pd_view_list .list_div {
	padding: 0 20px;
	margin-top: 8px
}

.pd_view_list .list_div .list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.pd_view_list .list_div .list:first-child {
	border-top: none
}

.pd_view_list .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .list_div .list .chk_box {
	float: left;
	width: 24px
}

.pd_view_list .list_div .list .chk_box input[type="checkbox"]+label {
	padding: 50px 12px
}

.pd_view_list .list_div .list .chk_box input[type="checkbox"]+label:after {
	top: 36px
}

.pd_view_list .list_div .list .link_area {
	float: left;
	width: 100%
}

.pd_view_list .list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .list_div .list .link_area .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.pd_view_list .list_div .list .link_area .thumb img {
	width: 100%
}

.pd_view_list .list_div .list .link_area .thumb.noimg {
	background: #f7f7f7
}

.pd_view_list .list_div .list .link_area .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.pd_view_list .list_div .list .link_area .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.pd_view_list .list_div .list .link_area .pd_info {
	float: left;
	padding: 10px 0 0 12px;
	width: calc(100% - 125px);
	width: -webkit-calc(100% - 125px)
}

.pd_view_list .list_div .list .link_area .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pd_view_list .list_div .list .link_area .pd_info .name b {
	font-weight: 500
}

.pd_view_list .list_div .list .link_area .pd_info .price_div {
	margin-top: 6px
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price .won {
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price .won span {
	display: inline-block;
	text-decoration: line-through;
	vertical-align: top
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price .dc {
	display: none;
	float: left;
	margin-left: 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3cc814
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price:first-child .won {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price:first-child .won span {
	font-size: 16px;
	text-decoration: none
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .price:first-child .dc {
	display: block;
}

.pd_view_list .list_div .list .delete {
	position: absolute;
	top: 12px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_close_48x48.png') no-repeat center;
	background-size: 24px
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .benefit {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.pd_view_list .list_div .list .link_area .pd_info .price_div .benefit strong {
	font-size: 14px;
}

.pd_view_list .list_div .list .heart {
	position: absolute;
	top: 80px;
	left: 64px;
	width: 32px;
	height: 32px;
	background: url('/res/images/m_icn_heart_64x64.png') no-repeat center;
	background-size: 32px
}

.pd_view_list .list_div .list .heart.on {
	background: url('/res/images/m_icn_heart_64x64_on.png') no-repeat center;
	background-size: 32px
}

.pd_view_list .list_div .list .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px
}

.pd_view_list .list_div .list .heart.ing p:nth-child(1) {
	display: block
}

.pd_view_list .list_div .list .heart.ing p:nth-child(2) {
	display: none
}

.pd_view_list .list_div .list .heart.off p:nth-child(1) {
	display: none
}

.pd_view_list .list_div .list .heart.off p:nth-child(2) {
	display: block
}

.pd_view_list .list_div .list .heart p img {
	width: 100%
}

.pd_view_list .list_div .list .cart_btn {
	position: absolute;
	bottom: 12px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_cart.png') no-repeat center;
	background-size: 24px
}

.pd_view_list .list_div .list .alarm {
	display: none;
	position: absolute;
	bottom: 16px;
	left: 112px;
	padding: 4px 8px;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.pd_view_list .list_div .list .alarm span {
	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
}

.pd_view_list .list_div .list .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.pd_view_list .list_div .list .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.pd_view_list .list_div .list.soldout .thumb:before {
	content: '일시품절';
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 22px 24px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	word-break: break-all;
	background: rgba(8, 8, 8, 0.5);
	border-radius: 100%
}

.pd_view_list .list_div .list.soldout .link_area .pd_info {
	padding-bottom: 38px
}

.pd_view_list .list_div .list.soldout .link_area .pd_info .name {
	height: auto;
	max-height: 36px
}

.pd_view_list .list_div .list.soldout .heart {
	display: block
}

.pd_view_list .list_div .list.soldout .cart_btn {
	display: none
}

.pd_view_list .list_div .list.soldout .alarm {
	display: block
}

.pd_view_list .top+.list_div {
	border-top: 1px solid #eee
}

.pd_view_list .top+.list_div .list .link_area {
	padding-left: 10px;
	width: calc(100% - 24px);
	width: -webkit-calc(100% - 24px);
}

.pd_view_list .top+.list_div .list .heart {
	left: 98px
}

.pd_view_list .top+.list_div .list .alarm {
	left: 146px;
}

.pd_view_list .more {
	display: block;
	margin: 24px auto 0;
	padding: 13px 0;
	width: 256px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 24px
}

.pd_view_list .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

.pd_view_list .no_data_div {
	margin-top: 48px
}

/* 광고·제휴 문의 */
.inqu_div {
	padding: 32px 0 72px
}

.inqu_div .title {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	text-align: center
}

.inqu_div .text {
	margin: 12px 0 24px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	text-align: center
}

.inqu_div .input_form .textarea_div {
	padding: 0 0 64px;
	background: #f7f7f7;
	border-radius: 10px
}

.inqu_div .input_form .textarea_div .byte {
	right: 10px;
	bottom: 16px
}

.inqu_div .upload_div {
	position: relative;
	margin-top: 8px;
	padding: 32px 15px 24px;
	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: 130px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border-radius: 10px;
}

.inqu_div .upload_div input[type="file"] {
	position: absolute;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	width: 130px;
	height: 48px;
	opacity: 0
}

.inqu_div .upload_div.upload {}

.inqu_div .upload_div.upload .upload_info {
	display: block;
	padding-bottom: 20px
}

.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: -13px;
	right: -13px;
	width: 26px;
	height: 26px;
	background: url('/res/images/m_clear_delete_32x32.png') no-repeat center;
	background-size: 16px
}

.inqu_div .upload_div.upload .upload_info .name {
	display: inline-block;
	margin-top: 12px;
	padding: 0 1px;
	max-width: 100%;
	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 {
	margin-top: 16px
}

.inqu_div .dot_indent {
	margin-top: 12px
}

.inqu_div .dot_indent p {
	margin-top: 2px
}

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

.inqu_div .capcha {
	margin-top: 24px;
	text-align: center
}

.inqu_div .capcha img {
	width: 100%
}

.inqu_div .btn_type {
	margin-top: 32px
}

#captcha_secret {
	transform-origin: 0 0
}

#captcha_secret.big {
	display: inline-block;
	transform-origin: top
}

/* ARS */
.ars_div {
	position: relative;
	padding: 32px 0 40px
}

.ars_div .sub_tab a {
	width: 50%
}

.ars_div .cont {
	position: relative;
	padding-bottom: 94px
}

.ars_div .top_banner {
	display: block;
	margin: 0 auto;
	/* width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px); */
	width: 100%;
	height: 260px;
	border-radius: 10px
}

.ars_div .top_banner.ars {
	background: url('/res/images/m_ars_banner.png') no-repeat center #fffaeb;
	background-size: 320px 260px;
}

/* 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: 32px;
	padding: 0 20px;
	text-align: center
}

.ars_div .howto .tit {
	display: inline-block;
	padding: 4px 11px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #36d30a;
	border: 2px solid #3cc814;
	border-radius: 25px;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08)
}

.ars_div .howto .text {
	margin-top: 20px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000
}

.ars_div .howto .list_div {}

.ars_div .howto .list_div .list {
	margin-top: 32px
}

.ars_div .howto .list_div .list .num {
	display: inline-block;
	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 .howto .list_div .list .img {
	margin-top: 10px
}

.ars_div .howto .list_div .list .img img {
	width: 280px
}

.ars_div .bestseller {
	margin-top: 40px;
	padding: 40px 20px 0;
	border-top: 10px solid #f7f7f7
}

.ars_div .bestseller .img {
	text-align: center
}

.ars_div .bestseller .img img {
	width: 196px
}

.ars_div .bestseller .title {
	margin-top: 36px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .text {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .list_div {}

.ars_div .bestseller .list_div .list {
	position: relative;
	margin-top: 57px;
	padding: 48px 23px 20px;
	border: 1px solid #eee;
	border-radius: 20px;
}

.ars_div .bestseller .list_div .list .num {
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -25px;
	padding: 7px;
	width: 50px;
	height: 50px;
	font-weight: 700;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 100%
}

.ars_div .bestseller .list_div .list .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ars_div .bestseller .list_div .list .txt {
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.ars_div .bestseller .list_div .list .txt b {
	font-weight: 400
}

.ars_div .bestseller .list_div .list .thumb {
	margin-top: 20px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 20px;
	text-align: center;
}

.ars_div .bestseller .list_div .list .thumb img {
	width: 160px;
}

.ars_div .bestseller .list_div .list .option_list {}

.ars_div .bestseller .list_div .list .option_list .option {
	display: block;
	margin-top: 20px;
	padding-top: 20px;
	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 .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.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 {
	margin-top: 20px
}

.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: 18px;
	line-height: 22px;
	color: #3cc814
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(1) .price {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	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: 18px;
	vertical-align: top
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) .price {
	font-size: 12px;
	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: 14px;
	vertical-align: top;
	text-decoration: line-through
}

.ars_div .fixed_btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	padding: 15px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center;
	background: #3cc814;
	border-radius: 10px;
	z-index: 1
}

.ars_div .fixed_btn span {
	display: inline-block;
	padding-left: 32px;
	height: 24px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	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 4px;
	margin-right: 6px;
	height: 24px
}


/* 에러페이지 */
.error_div {
	padding-top: 208px;
	background: url('/res/images/m_error_div.png') no-repeat center 115px;
	background-size: 64px;
	text-align: center
}

.error_div .tit {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.error_div .txt {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.error_div .info {
	margin-top: 24px;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 10px
}

.error_div .info .title {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.error_div .info .text {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.error_div .btn {
	display: flex;
	margin-top: 40px
}

.error_div .btn a {
	margin-left: 8px;
	width: 100%
}

.error_div .btn a:first-child {
	margin-left: 0
}

/* 리뉴얼안내 페이지 */
.renewal_noti {
	background: #f7f7f7;
	height: 100%;
	padding: 70px 0
}

.renewal_noti .table {
	display: table;
	margin: 0 auto;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	height: 100%
}

.renewal_noti .table_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 50px
}

.renewal_noti .logo {
	display: inline-block;
	width: 90px
}

.renewal_noti .logo img {
	width: 100%
}

.renewal_noti .box {
	margin-top: 24px;
	padding: 52px 16px;
	background: #fff;
	border-radius: 10px
}

.renewal_noti .box .title {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #000
}

.renewal_noti .box .title span {
	color: #3cc814
}

.renewal_noti .box .title:before {
	content: '';
	position: absolute;
	top: 0;
	left: -26px;
	width: 20px;
	height: 13px;
	background: url('/res/images/m_renewal_noti_title_before.png') no-repeat;
	background-size: 20px 13px
}

.renewal_noti .box .title:after {
	content: '';
	position: absolute;
	top: 0;
	right: -26px;
	width: 20px;
	height: 13px;
	background: url('/res/images/m_renewal_noti_title_after.png') no-repeat;
	background-size: 20px 13px
}

.renewal_noti .box .text {
	margin-top: 10px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.renewal_noti .box .time_noti {
	margin: 24px auto 0;
	padding: 19px 10px;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 10px
}

.renewal_noti .box .time_noti .tit {
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	color: #000
}

.renewal_noti .box .time_noti .time {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.renewal_noti .box .noti_txt {
	display: inline-block;
	margin: 20px 0 0;
	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
}

.renewal_noti .btn {
	display: block;
	margin-top: 24px;
	padding: 15px 0;
	font-weigh: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	backgrounD: #3cc814;
	border-radius: 10px
}

.renewal_noti .sorry {
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 20px;
	coloR: #777;
	text-align: center;
}

/* 매거진 */
.mgz_div {
	position: relative
}

.mgz_div .no_data_div {
	margin-top: 48px
}

.mgz_div .cate_div {}

.mgz_div .cate_div .cate_btn {
	width: auto;
	border-radius: 20px;
	padding: 10px 18px;
	text-align: center;
	display: inline-block;
	background: #f5f5f5;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.mgz_div .cate_div .cate_btn.on {
	background: #3cc814;
	color: #fff;
}

.mgz_div .list_div {
	margin-top: 32px;
	padding-bottom: 72px
}

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

.mgz_div .list_div .list {
	display: block;
	position: relative;
	margin-top: 34px
}

.mgz_div .list_div .list:first-child {
	margin-top: 0
}

.mgz_div .list_div .list .thumb {
	position: relative;
	border-radius: 10px;
}

.mgz_div .list_div .list .thumb:before {
	content: '';
	display: block;
	padding-bottom: 60%
}

.mgz_div .list_div .list .thumb img {
	width: 100%
}

.mgz_div .list_div .list .tit_area {
	position: relative;
	margin-top: 12px
}

.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:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .list_div .list .tit_area .type span {
	float: left;
	margin-left: 2px;
	padding: 3px 5px;
	width: 44px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	border-radius: 4px;
	text-align: center
}

.mgz_div .list_div .list .tit_area .type span:first-child {
	margin-left: 0
}

.mgz_div .list_div .list .tit_area .type .badge {
	background: #3cc814
}

.mgz_div .list_div .list .tit_area .type .new {
	display: none;
	background: rgba(0, 0, 0, 0.6)
}

.mgz_div .list_div .list .tit_area .tit {
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-left: 6px;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mgz_div .list_div .list .tit_area .tag {
	margin-top: 4px;
}

.mgz_div .list_div .list .tit_area .tag:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .list_div .list .tit_area .tag span {
	float: left;
	padding: 0 6px;
	margin: 4px 4px 0 0;
	font-size: 13px;
	line-height: 28px;
	color: #777;
	background: #f3f3f3;
	border-radius: 4px
}

.mgz_div .list_div .list .tit_area .tag span:before {
	content: '#';
	padding-right: 1px;
}

.mgz_div .list_div .list .tit_area .tag span:last-child {
	margin-right: 0
}

.mgz_div .list_div .list .heart {
	display: inline-block;
	margin-top: 8px;
	padding-left: 20px;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	background: url('/res/images/icn_heart_32.png') no-repeat left center;
	background-size: 16px
}

.mgz_div .list_div .list .heart.on {
	background: url('/res/images/icn_heart_on_32.png') no-repeat left center;
	background-size: 16px
}

.mgz_div .list_div .list .comment {
	display: inline-block;
	margin-top: 8px;
	padding-left: 20px;
	margin-right: 12px;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	background: url('/res/images/icn_comment.png') no-repeat left center;
	background-size: 16px;
}

.mgz_div .list_div.on .list {
	float: left;
	width: calc(50% - 6px);
	width: -webkit-calc(50% - 6px)
}

.mgz_div .list_div.on .list:nth-child(2n-1) {
	margin-right: 12px;
	clear: both
}

.mgz_div .list_div.on .list:nth-child(2) {
	margin-top: 0
}

.mgz_div .list_div.on .list:nth-child(n+3) {
	margin-top: 24px
}

.mgz_div .list_div.on .list .thumb:after {
	display: none
}

.mgz_div .list_div.on .list.adv .thumb:after {
	display: block
}

.mgz_div .list_div.on .list .tit_area {
	position: relative;
	bottom: auto;
	left: auto;
	margin-top: 16px;
	width: 100%
}

.mgz_div .list_div.on .list .tit_area .type {
	position: absolute;
	top: -39px
}

.mgz_div .list_div.on .list .tit_area .tit {
	display: -webkit-box;
	margin-top: 0;
	height: 72px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.mgz_div .list_div.on .list .tit_area .txt {
	margin-top: 4px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.mgz_div .list_div.on .list .tit_area .tag {
	display: none
}

.mgz_div .list_div.on .list .tit_area .heart {
	display: inline-block;
	position: relative;
	bottom: auto;
	right: auto;
	margin-top: 6px;
	color: #777;
	background: url('/res/images/m_icn_heart_40x40.png') no-repeat;
	background-size: 20px
}

.mgz_div .list_div.on .list .tit_area .heart.on {
	background: url('/res/images/m_icn_heart_on_40x40.png') no-repeat;
	background-size: 20px
}

.mgz_div .view_div {
	padding-top: 66.66vw;
	padding-bottom: 20px
}

.mgz_div .view_div .top_area {
	position: absolute;
	width: 100%;
	height: 66.66vw;
	top: 0;
	left: 0;
}

.mgz_div .view_div .top_area:before {
	content: '';
	display: block;
	padding-bottom: 240px
}

.mgz_div .view_div .top_area .txt_area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-align: center
}

.mgz_div .view_div .top_area .txt_area:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 0
}

.mgz_div .view_div .top_area .txt_area .align {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 24px;
	transform: translateY(-50%);
	width: 100%
}

.mgz_div .view_div .top_area .txt_area .align .type {
	display: inline-block;
	position: relative
}

.mgz_div .view_div .top_area .txt_area .align .type:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .top_area .txt_area .align .type span {
	float: left;
	margin-left: 2px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	border-radius: 4px
}

.mgz_div .view_div .top_area .txt_area .align .type span:first-child {
	margin-left: 0
}

.mgz_div .view_div .top_area .txt_area .align .type .badge {
	background: #3cc814
}

.mgz_div .view_div .top_area .txt_area .align .type .new {
	display: none;
	background: rgba(0, 0, 0, 0.6)
}

.mgz_div .view_div .top_area .txt_area .align .tit {
	position: relative;
	margin-top: 18px;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	color: #fff;
}

.mgz_div .view_div .top_area .btn_wrap {
	position: absolute;
	bottom: 16px;
	right: 20px;
	z-index: 1
}

.mgz_div .view_div .top_area .btn_wrap:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .top_area .btn_wrap a {
	float: left;
	margin-left: 16px;
	height: 24px;
	padding-left: 24px
}

.mgz_div .view_div .top_area .btn_wrap a:first-child {
	margin-left: 0
}

.mgz_div .view_div .top_area .btn_wrap .share {
	display: block;
	background: url('/res/images/icn_share_wh_48.png') left center no-repeat;
	background-size: 24px
}

.mgz_div .view_div .top_area .btn_wrap .heart {
	background: url('/res/images/icn_heart_wh_48.png') left center no-repeat;
	background-size: 24px;
	padding-left: 26px
}

.mgz_div .view_div .top_area .btn_wrap .heart.on {
	background: url('/res/images/icn_heart_on_48.png') left center no-repeat;
	background-size: 24px
}

.mgz_div .view_div .top_area .btn_wrap .heart span {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

.mgz_div .view_div .cont_area {
	position: relative;
	padding-top: 32px;
	z-index: 1;
	background: #fff;
}

.mgz_div .view_div .cont_area .view {
	text-align: center
}

.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: 18px;
	line-height: 22px;
	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 {
	margin-top: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000;
}

.mgz_div .view_div .cont_area .view .top_title p:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view .guide_tit {
	display: block;
	margin-top: 80px;
	padding-top: 36px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	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: 20px;
	line-height: 28px;
	color: #000;
}

.mgz_div .view_div .cont_area .view .guide_tit u {
	position: relative;
	display: inline;
	text-decoration: none;
	background: url('/res/images/m_mgz_tit_underline.png') repeat-x left bottom 4px;
}

.mgz_div .view_div .cont_area .view .guide_tit u:before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #a489e3;
	z-index: -1
}

.mgz_div .view_div .cont_area .view>.guide_tit:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view .guide_tit+.guide_txt {
	margin-top: 20px
}

.mgz_div .view_div .cont_area .view .guide_tit+br+.guide_txt {
	margin-top: 20px
}

.mgz_div .view_div .cont_area .view .guide_txt {
	margin-top: 40px;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	text-align: left;
	word-break: break-all
}

.mgz_div .view_div .cont_area .view .guide_txt>div {
	margin-top: 8px
}

.mgz_div .view_div .cont_area .view .guide_txt>div: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 .guide_txt p {
	margin-top: 20px;
	text-align: justify;
	font-weight: 300
}

.mgz_div .view_div .cont_area .view .guide_txt p b {
	font-weight: 400
}

.mgz_div .view_div .cont_area .view .guide_txt p b u {
	font-weight: 400;
	color: #000 !important;
}

.mgz_div .view_div .cont_area .view .guide_txt p:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view img {
	margin-top: 40px;
	max-width: 100%
}

.mgz_div .view_div .cont_area .view .end_txt {
	display: none;
	margin-top: 32px;
	padding: 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #555;
	border: 1px solid #eee;
	text-align: center
}

.mgz_div .view_div .cont_area .view .end_txt b {
	font-weight: 300;
	color: #000
}

.mgz_div .view_div .cont_area .view .write {
	margin-top: 24px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	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: 6px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-align: left
}

.mgz_div .view_div .cont_area .view .qna {
	margin-top: 32px;
	text-align: justify;
	word-break: break-all
}

.mgz_div .view_div .cont_area .view .qna .q {
	position: relative;
	margin-top: 12px;
	padding: 16px 20px 16px 44px;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8;
	background: #f0edf9;
	border: 1px solid #a489e3
}

.mgz_div .view_div .cont_area .view .qna .q:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view .qna .q:before {
	content: 'Q .';
	font-weight: 700;
	position: absolute;
	top: 16px;
	left: 16px
}

.mgz_div .view_div .cont_area .view .qna .a {
	position: relative;
	padding: 16px 20px 16px 44px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	border: 1px solid #a489e3;
	border-top: none
}

.mgz_div .view_div .cont_area .view .qna .a b {
	font-weight: 400
}

.mgz_div .view_div .cont_area .view .qna .a span {
	font-weight: 500;
	margin-right: 15px
}

.mgz_div .view_div .cont_area .view .qna .a:before {
	content: 'A .';
	font-weight: 700;
	position: absolute;
	top: 16px;
	left: 16px
}

.mgz_div .view_div .cont_area .view .recipe_div {
	margin-top: 40px;
	padding: 82px 20px 32px;
	width: 100%;
	text-align: left;
	border: 1px solid #ddd;
	background: url('/res/images/m_mgz_recipe_icn.png') no-repeat center 32px;
	background-size: 40px 32px
}

.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;
	padding-bottom: 24px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	text-align: center;
	background: url('/res/images/m_mgz_recipe_tit.png') no-repeat center bottom;
	background-size: 24px 4px
}

.mgz_div .view_div .cont_area .view .recipe_div .tit b {
	font-weight: 700;
	color: #7b23a8
}

.mgz_div .view_div .cont_area .view .recipe_div .txt {
	line-height: 24px
}

.mgz_div .view_div .cont_area .view .recipe_div p {
	margin-top: 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.mgz_div .view_div .cont_area .view .recipe_div p b {
	font-weight: 700;
	color: #7b23a8
}

.mgz_div .view_div .cont_area .tag {
	margin-top: 26px
}

.mgz_div .view_div .cont_area .tag:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .tag span {
	float: left;
	margin: 4px 4px 0 0;
	padding: 4px 6px;
	font-size: 13px;
	line-height: 20px;
	color: #777;
	background: #f7f7f7;
	border-radius: 2px
}

.mgz_div .view_div .cont_area .tag span:before {
	content: '#';
	padding-right: 1px
}

.mgz_div .view_div .cont_area .banner_zone {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 180px;
	margin-top: 40px;
	padding: 40px 0 40px 20px;
	background: url('/res/images/m-mgz-banner.png') no-repeat 100% 50%;
	background-size: contain;
	background-color: #e0efff;
	border-radius: 10px;
}

.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: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	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: 40px;
	margin-top: 20px;
	padding: 0 25px;
	border-radius: 10px;
	background-color: #fff;
}

.mgz_div .view_div .cont_area .banner_zone .go-item-btn span {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
}

.mgz_div .view_div .cont_area .banner_zone .go-item-btn img {
	margin-top: 2px;
}

/* .mgz_div .view_div .cont_area .banner_zone {
    margin-top: 20px
}

.mgz_div .view_div .cont_area .banner_zone img {
    width: 100%;
    margin-top: 0
} */

.mgz_div .other_list {
	border-top: 10px solid #f7f7f7;
	margin-top: 48px
}

.mgz_div .other_list a {
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 20px 28px 20px 0;
	background: url("/res/images/m_icn_right_777_32x32.png") right center no-repeat;
	background-size: 16px;
}

.mgz_div .other_list a:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .other_list a .type {
	float: left;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #999;
	width: 36px;
	margin-right: 16px;
}

.mgz_div .other_list a .tit {
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #000;
	width: calc(100% - 52px);
	width: -webkit-calc(100% - 52px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mgz_div .go_list_btn {
	display: block;
	position: relative;
	margin: 32px auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #555;
	line-height: 46px;
}

.mgz_div .cmt_area {
	margin-top: 48px;
}

.mgz_div .more_btn_wrap {
	border-top: 1px solid #eee;
	padding-top: 24px;
	margin-top: 24px;
	text-align: center
}

.mgz_div .more_btn_wrap .view_more_btn {
	display: block;
	width: 256px;
	padding: 13px;
	border-radius: 24px;
	border: 1px solid #ddd;
	margin: 0 auto
}

.mgz_div .more_btn_wrap .view_more_btn span {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	padding-right: 18px;
	background: url("/res/images/m_icn_down_32x32.png") right center no-repeat;
	background-size: 16px;
}

.mgz_div .view_div .cont_area .view .guide_txt .conversation p {
	margin-top: 8px;
	padding-left: 29px;
}

.mgz_div .view_div .cont_area .view .guide_txt .conversation p.woman {
	background: url("/resources/images/m_emoji-woman.png") left top no-repeat;
	background-size: 21px 26px;
}

.mgz_div .view_div .cont_area .view .guide_txt .conversation p.man {
	background: url("/resources/images/m_emoji-man.png") left top no-repeat;
	background-size: 21px 26px;
}



.cmt_area .cmt_wrt_div {
	border-top: 10px solid #f7f7f7;
	padding: 16px 0 24px 0;
	border-bottom: 10px solid #f7f7f7
}

.cmt_area .textarea_div {}

.cmt_area .textarea_div .textarea_wrap {
	width: 100%;
	height: 134px;
	background: #f7f7f7;
	padding: 14px 12px 46px 12px;
	border-radius: 10px;
}

.cmt_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 .textarea_div textarea {}

.cmt_area .cmt_wrt_div .chk_div {
	margin-top: 16px;
}

.cmt_area .cmt_wrt_div .chk_box input[type="checkbox"]+label {
	font-size: 14px;
	font-weight: 500
}

.cmt_area .cmt_wrt_div .btn {
	margin-top: 24px;
	display: block;
	width: 100%;
	border-radius: 10px;
	background: #3cc814;
	line-height: 52px;
	height: 52px;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.cmt_area .cmt_div {}

.cmt_area .cmt_div .cmt_top_area {
	padding: 24px 0 15px 0;
	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: 16px;
	line-height: 24px;
	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 {
	margin-top: 48px;
	margin-bottom: 24px;
}

.cmt_area .cmt_div .cmt_list_div {}

.cmt_area .cmt_div .cmt_list_div .list {
	padding: 24px 0;
	border-top: 1px solid #eee;
	position: relative
}

.cmt_area .cmt_div .cmt_list_div .list:first-child {
	border-top: none;
}

.cmt_area .cmt_div .cmt_list_div .list:last-child {
	padding-bottom: 0;
}

.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-right: 21px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:last-child {
	padding-right: 0
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 10px;
	right: 10px;
	top: 3px;
	background: #ddd
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:last-child:after {
	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 .wrt_tooltip.tooltip_div {
	display: block;
	right: 0;
}

.cmt_area .cmt_div .cmt_list_div .list .wrt_tooltip.tooltip_div .opener {
	width: 16px;
	height: 16px;
	background: url("/res/images/m_icn_edit_tooltip_32x32.png") center no-repeat;
	background-size: 16px;
}

.cmt_area .cmt_div .cmt_list_div .list .wrt_tooltip.tooltip_div .tooltip {}

.cmt_area .cmt_div .cmt_list_div .list .wrt_tooltip.tooltip_div .tooltip .edit {}

.cmt_area .cmt_div .cmt_list_div .list .wrt_tooltip.tooltip_div .tooltip .delete {}

.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: 14px;
	line-height: 20px;
	color: #333
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_modify {}

.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 {
	margin-top: 24px
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div:after {
	content: '';
	display: block;
	clear: both
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a {
	display: block;
	float: left;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px);
	margin-right: 8px;
	border-radius: 10px;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	border: 1px solid #3cc814
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a:last-child {
	margin-right: 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: 13px;
	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: 14px;
	line-height: 20px;
	color: #777;
	margin-top: 12px;
}



/* 팝업 */
.layer_pop {
	display: none;
	position: fixed;
	z-index: 14
}

.layer_pop .close_btn {
	width: 32px;
	height: 32px;
	background: url('/res/images/m_icn_close_64x64.png') no-repeat left center;
	background-size: 32px
}

.layer_pop.full_pop {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff
}

.layer_pop.full_pop .pop_tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	text-align: center;
}

.layer_pop.full_pop .pop_con {
	padding: 32px 0;
	height: calc(100% - 48px);
	height: -webkit-calc(100% - 48px);
	overflow-y: auto
}

.layer_pop.full_pop .pop_con.btn_has {
	padding-bottom: 118px
}

.layer_pop.full_pop .fixed_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 32px 20px;
	width: 100%;
	background: #fff;
}

.layer_pop.full_pop .fixed_btn a {
	display: block;
	width: 100%;
	height: 54px;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.layer_pop.full_pop .fixed_btn.bottom_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 8px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	padding: 8px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.layer_pop.full_pop .close_btn {
	position: absolute;
	top: 10px;
	right: 16px
}

.layer_pop.mid_pop {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	background: #fff;
	border-radius: 20px
}

.layer_pop.mid_pop .pop_tit {
	padding-top: 16px;
	font-weight: 700;
	font-size: 16px;
	line-height: 32px;
	color: #000;
	text-align: center;
}

.layer_pop.mid_pop .pop_con {
	padding: 16px 16px 24px;
	text-align: center
}

.layer_pop.mid_pop .pop_con .join_benefit_div {}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div {
	display: flex;
	justify-content: center
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list {
	display: block;
	margin-left: 17px;
	width: 78px;
	text-align: center;
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list .icn img {
	width: 52px
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list .tit {
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	letter-spacing: -0.7px
}

.layer_pop.mid_pop .pop_con .join_txt {
	display: inline-block;
	margin-top: 24px;
	font-size: 13px;
	line-height: 16px;
	color: #000
}

.layer_pop.mid_pop .pop_con .join_txt span {
	text-decoration: underline
}

.layer_pop.mid_pop .pop_con .share_div {
	margin: 20px auto 12px;
	width: 224px
}

.layer_pop.mid_pop .pop_con .share_div:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop.mid_pop .pop_con .share_div a {
	float: left;
	margin-left: 40px;
	width: 48px;
	height: 48px
}

.layer_pop.mid_pop .pop_con .share_div a:nth-child(3n-2) {
	margin-left: 0
}

.layer_pop.mid_pop .pop_con .share_div a:nth-child(n+4) {
	margin-top: 36px
}

.layer_pop.mid_pop .pop_con .share_div a img {
	width: 100%
}

.layer_pop.mid_pop .pop_btn {
	display: flex;
	margin-top: 24px;
	text-align: center
}

.layer_pop.mid_pop .pop_btn a {
	display: block;
	margin-left: 8px;
	padding: 12px 0;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 10px
}

.layer_pop.mid_pop .pop_btn a:first-child {
	margin-left: 0
}

.layer_pop.mid_pop .pop_btn .ok_btn {
	color: #fff;
	background: #3cc814
}

.layer_pop.mid_pop .pop_btn .no_btn {
	color: #333;
	background: #eee
}

.layer_pop.mid_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 16px
}

.layer_pop .pop_con .term_div {
	padding-top: 0
}

.layer_pop .pop_con .term_div .text_div {
	margin-top: 0
}

.alert_pop {
	position: fixed;
	z-index: 16;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	text-align: center;
	border-radius: 20px
}

.alert_pop .pop_con {
	padding: 24px 16px 16px;
	background: #fff;
	text-align: center;
	border-radius: 20px
}

.alert_pop .pop_con .txt {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.alert_pop .pop_con .txt2 {
	margin-top: 10px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.alert_pop .pop_con .txt2+.pop_btn {
	margin-top: 20px
}

.alert_pop .pop_btn {
	margin-top: 40px;
	display: flex;
	text-align: center
}

.alert_pop .pop_btn a {
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	margin-right: 8px;
	border-radius: 10px
}

.alert_pop .pop_btn a:last-child {
	margin-right: 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;
	z-index: 11;
	bottom: -200px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	padding: 10px 24px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border-radius: 25px
}

.toast_pop .pop_con {
	padding: 0
}

.toast_pop .pop_con .title b {
	color: #3cc814;
	font-weight: 500
}

.receipt_pop .radio_div .radio_box {
	margin-left: 28px
}

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

.receipt_pop .input_form {
	margin-top: 24px
}

.receipt_pop .dot_indent {
	position: relative;
	margin-top: 16px
}

.review_lead_pop:after {
	content: '';
	position: absolute;
	top: -71px;
	left: 104px;
	width: 92px;
	height: 100px;
	background: url('/res/images/m_review_lead_pop_icn.png') no-repeat;
	background-size: 92px 100px
}

.review_lead_pop.mid_pop .pop_con {
	padding: 40px 16px 16px
}

.review_lead_pop .intro_tit {
	font-size: 15px;
	line-height: 22px;
	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: 100px;
	height: 100px
}

.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: 8px;
	right: 8px;
	padding: 3px 0;
	width: 28px;
	height: 24px;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 8px
}

.review_lead_pop .text {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.review_lead_pop .text span {
	display: block;
	margin-top: 4px;
	font-weight: 700;
	font-size: 18px;
	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: 20px;
	vertical-align: top;
	font-style: normal
}

.review_lead_pop .write_btn {
	display: block;
	margin-top: 20px;
	padding: 12px 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.review_lead_pop .today {
	position: absolute;
	bottom: -41px;
	left: 0;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

.review_lead_pop .x_btn {
	position: absolute;
	bottom: -41px;
	right: 0;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

.layer_pop.mid_pop.secret_coupon_pop {
	padding: 0
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con {
	padding: 0;
	overflow: unset;
	position: relative;
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con img {
	width: 100%;
}

.layer_pop.mid_pop.secret_coupon_pop .go_coupon_btn {
	display: block;
	position: absolute;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	height: 48px;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 10px
}

.layer_pop.mid_pop.secret_coupon_pop .x_btn {
	position: absolute;
	bottom: -36px;
	right: 0;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con .txt {
	position: absolute;
	font-size: 26px;
	left: 50%;
	color: #3cc814;
	transform: rotate(-15deg) translateX(-50%);
	font-weight: 700;
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con .txt span {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con .delivery_div .txt {
	top: 185px;
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con .percent_div .txt {
	top: 191px;
}

.layer_pop.mid_pop.secret_coupon_pop .pop_con .won_div .txt {
	top: 184px;
}


.delivery_style .section {
	padding-bottom: 24px
}

.delivery_style .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.delivery_style .section:first-child:before {
	display: none
}

.delivery_style .section .product_info {}

.delivery_style .section .product_info:after {
	content: '';
	display: block;
	clear: both
}

.delivery_style .section .product_info .thumb {
	float: left;
	position: relative;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.delivery_style .section .product_info .thumb img {
	width: 100%
}

.delivery_style .section .product_info .pd_info {
	float: left;
	padding: 10px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% -100px)
}

.delivery_style .section .product_info .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .product_info .pd_info .name b {
	font-weight: 500
}

.delivery_style .section .product_info .pd_info .buy_info {
	margin-top: 22px
}

.delivery_style .section .product_info .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.delivery_style .section .product_info .pd_info .buy_info .price {
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .product_info .pd_info .buy_info .price span {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	vertical-align: top
}

.delivery_style .section .product_info .pd_info .buy_info .count {
	position: relative;
	float: left;
	padding-left: 17px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .product_info .pd_info .buy_info .count:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 8px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.delivery_style .section .product_info .pd_info .buy_info .count:first-child {
	padding-left: 0
}

.delivery_style .section .product_info .pd_info .buy_info .count:first-child:before {
	display: none
}

.delivery_style .section .title {
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .title span {
	display: inline-block;
	margin-left: 8px;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	vertical-align: top
}

.delivery_style .section .cont {
	margin-top: 24px
}

.delivery_style .section .step_div {
	padding-top: 24px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.delivery_style .section .step_div .step {
	position: relative;
	margin-top: 24px
}

.delivery_style .section .step_div .step:before {
	content: '';
	position: absolute;
	top: 26px;
	left: 27px;
	border-left: 1px dotted #ddd;
	height: calc(100% - 8px);
	height: -webkit-calc(100% - 8px);
}

.delivery_style .section .step_div .step:first-child {
	margin-top: 0
}

.delivery_style .section .step_div .step:after {
	content: '';
	display: block;
	clear: both
}

.delivery_style .section .step_div .step .badge {
	float: left;
	width: 56px;
	height: 20px;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #ddd;
	border-radius: 10px
}

.delivery_style .section .step_div .step .info {
	float: left;
	padding-left: 16px;
	width: calc(100% - 56px);
	width: -webkit-calc(100% - 56px);
}

.delivery_style .section .step_div .step .info .line {
	margin-top: 16px
}

.delivery_style .section .step_div .step .info .line:first-child {
	margin-top: 0
}

.delivery_style .section .step_div .step .info .line.open {
	padding-right: 20px;
	cursor: pointer;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right top;
	background-size: 20px
}

.delivery_style .section .step_div .step .info.on .line.open {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat right top;
	background-size: 20px
}

.delivery_style .section .step_div .step .info .close {
	display: none
}

.delivery_style .section .step_div .step .info .close .line {
	margin-top: 16px
}

.delivery_style .section .step_div .step .info .txt {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.delivery_style .section .step_div .step .info .time {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.delivery_style .section .step_div .step .info .time:first-child {
	margin-top: 0
}

.delivery_style .section .step_div .step:last-child:before {
	display: none
}

.delivery_style .section .step_div .step.on .badge {
	background: #3cc814
}

.accout_pop .accout_div {}

.accout_pop .accout_div .text {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.accout_pop .accout_div .certi_div {
	margin-top: 24px;
}

.accout_pop .accout_div .name {
	position: relative;
	padding-right: 70px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.accout_pop .accout_div .name .btn {
	position: absolute;
	top: 0;
	right: 0;
}

.accout_pop .accout_div .name .btn:after {
	content: '';
	display: block;
	clear: both
}

.accout_pop .accout_div .name .btn a {
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.accout_pop .accout_div .name .btn a:first-child {
	margin-left: 0
}

.accout_pop .accout_div .input_form .input_area select:disabled {
	color: #000;
	background: #f7f7f7
}

.accout_pop .accout_div .input_form .input_area select.gray {
	color: #bbb
}

.accout_pop .accout_div .input_form .input_area input:disabled {
	color: #000
}

.accout_pop .noti_txt {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/m_icn_notice_32x32.png') no-repeat left 1px;
	background-size: 16px
}

.accout_pop .accor_div {
	margin: 16px 0 6px;
	border-top: 1px solid #eee;
}

.accout_pop .accor_div .list .top {
	position: relative;
	padding: 18px 34px 18px 0
}

.accout_pop .accor_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.accout_pop .accor_div .list .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.accout_pop .accor_div .list .top .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.accout_pop .accor_div .list .top .open {
	position: absolute;
	top: 13px;
	right: -5px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat center;
	background-size: 20px
}

.accout_pop .accor_div .list .close {
	display: none;
	padding: 6px 0 26px
}

.accout_pop .accor_div .list .close table {
	border-top: 1px solid #ddd
}

.accout_pop .accor_div .list .close table th {
	padding: 12px 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	vertical-align: middle
}

.accout_pop .accor_div .list .close table td {
	padding: 12px 12px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	vertical-align: middle
}

.accout_pop .accor_div .list .close table th:last-child,
.accout_pop .accor_div .list .close table td:last-child {
	border-right: none
}

.accout_pop .accor_div .list.on .top .open {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat center;
	background-size: 20px
}

.app_set_pop .pop_con {
	padding: 32px 0 24px;
	text-align: center
}

.app_set_pop .pop_con .img {
	padding-right: 8px
}

.app_set_pop .pop_con .img img {
	width: 271px
}

.app_set_pop .pop_con .down_btn {
	display: block;
	margin: 24px auto 0;
	padding: 12px 0;
	width: 268px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	background: #eee;
	border-radius: 10px
}

.app_set_pop .pop_con .no_app_btn {
	display: block;
	margin: 16px auto 0;
	padding: 8px 0;
	width: 268px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}


.layer_pop.report_pop .pop_con {
	padding: 32px 20px
}

.layer_pop.report_pop .title {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.layer_pop.report_pop .chk_list .chk_div {
	margin-top: 24px
}

.layer_pop.report_pop .input_form {
	margin-top: 32px
}

.layer_pop.report_pop .dot_indent {
	margin-top: 12px
}

.layer_pop.report_pop .btn {
	margin-top: 24px;
	display: flex
}

.layer_pop.report_pop .btn a {
	width: 100%;
	margin-left: 8px
}

.layer_pop.report_pop .btn a:first-child {
	margin-left: 0
}


.leave_pop {
	display: none;
	position: fixed;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	bottom: 16px;
	right: 16px;
	padding: 0 16px;
	background: #fff;
	border-radius: 15px;
	z-index: 20;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.leave_pop .pop_tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 4px;
	color: #000
}

.leave_pop .pop_tit b {
	font-weight: 700;
	margin-right: 4px;
}

.leave_pop .pop_tit .pink {
	color: #e81d75
}

.leave_pop .pd_cont_area .list_div {}

.leave_pop .pd_cont_area .list_div .list {
	position: relative;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #eee
}

.leave_pop .pd_cont_area .list_div .list:first-child {
	border-top: none
}

.leave_pop .pd_cont_area .list_div .list .link_area {}

.leave_pop .pd_cont_area .list_div .list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.leave_pop .pd_cont_area .list_div .list .thumb {
	float: left;
	width: 114px;
	height: 114px;
	background: #fff
}

.leave_pop .pd_cont_area .list_div .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.leave_pop .pd_cont_area .list_div .list .thumb.noimg {
	background: #fff
}

.leave_pop .pd_cont_area .list_div .list .pd_info {
	float: left;
	padding-left: 12px;
	width: calc(100% - 114px);
	width: calc(100% - 114px)
}

.leave_pop .pd_cont_area .list_div .list .pd_info .name {
	font-size: 14px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leave_pop .pd_cont_area .list_div .list .pd_info .product_list .price_div {
	margin-top: 12px
}

.leave_pop .pd_cont_area .list_div .list .cart_btn {
	bottom: 28px;
	right: 16px
}

.leave_pop .pd_cont_area .list_div .list .alarm {
	bottom: 28px;
	right: 16px
}

.leave_pop .pd_cont_area .list_div .list .heart {
	bottom: 20px;
	left: 76px;
	top: auto
}

.leave_pop .pd_cont_area .list_div .list:last-child {
	border-bottom: none
}

.leave_pop .pd_cont_area .list_div .list.soldout .thumb:before {
	top: 17px;
	left: 17px;
	transform: none
}

.leave_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 28px;
	height: 28px;
	background: url('/res/images/m_icn_close_56x56.png') no-repeat center;
	background-size: 28px
}


/* footer */
footer {
	position: relative;
	padding: 10px 0 80px;
	background: #f9f9f9
}

footer:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 56px;
	background: #f7f7f7
}

footer .notice {
	display: block;
	padding: 13px 34px 13px 16px;
	margin: 0 auto;
	background: url('/res/images/m_icn_right_gry_32x32.png') no-repeat right 16px top 50% #fff;
	background-size: 16px
}

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

footer .notice .tit {
	float: left;
	width: 36px;
	height: 22px;
	font-size: 13px;
	line-height: 22px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 11px;
}

footer .notice .txt {
	position: relative;
	float: left;
	margin-left: 6px;
	width: calc(100% - 42px);
	width: -webkit-calc(100% - 42px);
	height: 22px;
	overflow: hidden
}

footer .notice .txt a {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

footer .notice .txt a:first-child {
	top: 0;
}

footer .utill {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #ddd
}

footer .utill a {
	display: block;
	position: relative;
	padding: 10px 0;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	text-align: center
}

footer .utill a:last-child {
	margin-right: 0
}

footer .utill a:after {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #ddd
}

footer .utill a:first-child:after {
	display: none
}

footer .foot_top .cs_center {
	padding: 32px 20px 24px;
	text-align: center
}

footer .foot_top .cs_center .cs_tel {
	display: block;
	margin: 0 auto;
	padding: 11px 29px 9px;
	width: 242px;
	border-radius: 25px;
	border: 1px solid #bbb
}

footer .foot_top .cs_center .cs_tel:after {
	content: '';
	display: block;
	clear: both
}

footer .foot_top .cs_center .cs_tel .tit {
	float: left;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

footer .foot_top .cs_center .cs_tel .tel {
	float: right;
	padding-left: 20px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	background: url('/res/images/m_footer_cs_icon.png') no-repeat left 3px;
	background-size: 20px
}

footer .foot_top .cs_center .noti {
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #777
}

footer .foot_top .cs_center .cs_link {
	display: inline-block;
	margin-top: 15px;
	padding-right: 16px;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	background: url('/res/images/m_icn_right_gry_32x32.png') no-repeat right 1px;
	background-size: 16px
}

footer .foot_bottom {
	padding: 0 20px;
	text-align: center
}

footer .foot_bottom .kakao_banner {
	display: block;
	padding: 11px 12px 11px 40px;
	background: url('/res/images/m_footer_kakao_banner.png') no-repeat 14px center #ffe100;
	background-size: 24px;
	border-radius: 6px;
	border: 1px solid #f0d400
}

footer .foot_bottom .kakao_banner:after {
	content: '';
	display: block;
	clear: both
}

footer .foot_bottom .kakao_banner .tit {
	float: left;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #000
}

footer .foot_bottom .kakao_banner .txt {
	float: right;
	padding-right: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background: url('/res/images/m_icn_right_gry_32x32.png') no-repeat right center;
	background-size: 16px;
}

footer .foot_bottom .kakao_banner .txt span {
	font-weight: 700
}

footer .foot_bottom .sns_div {
	margin-top: 16px
}

footer .foot_bottom .sns_div:after {
	content: '';
	display: block;
	clear: both
}

footer .foot_bottom .sns_div a {
	float: left;
	margin-right: 14px;
	padding: 2px 0;
	width: 28px
}

footer .foot_bottom .sns_div a:first-child {
	margin-right: 6px
}

footer .foot_bottom .sns_div a:last-child {
	margin-right: 0
}

footer .foot_bottom .sns_div a img {
	width: 100%
}

footer .foot_bottom .sns_div .family {
	float: right;
	width: 120px
}

footer .foot_bottom .sns_div .family select {
	padding-top: 1px;
	height: 32px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	border: 1px solid #ccc;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right 12px top 50% #f7f7f7;
	background-size: 16px;
	border-radius: 6px
}

footer .foot_bottom .etc {
	display: flex;
	justify-content: center;
	margin-top: 24px
}

footer .foot_bottom .etc a {
	display: block;
	position: relative;
	padding: 0 5px;
	margin-right: 19px;
	font-size: 12px;
	line-height: 20px;
	color: #777
}

footer .foot_bottom .etc a.color {
	font-weight: 500;
	color: #555
}

footer .foot_bottom .etc a:last-child {
	margin-right: 0
}

footer .foot_bottom .etc a:after {
	content: '';
	position: absolute;
	top: 5px;
	left: -10px;
	width: 1px;
	height: 10px;
	background: #ddd
}

footer .foot_bottom .etc a:first-child:after {
	display: none
}

footer .foot_bottom .site select {
	float: right;
	width: calc(100% - 165px);
	width: -webkit-calc(100% - 165px);
	max-width: 132px;
	height: 44px;
	font-size: 12px;
	color: #555;
	border: 1px solid #ddd;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right 12px top 50% #fff;
	background-size: 16px
}

footer .foot_bottom .info_div {
	position: relative;
	margin-top: 32px;
	text-align: center
}

footer .foot_bottom .info_div .list .open {
	display: inline-block;
	height: 16px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

footer .foot_bottom .info_div .list .close {
	display: none;
	padding-top: 12px;
	font-weight: 300;
	font-size: 12px;
	line-height: 18px;
	color: #555
}

footer .foot_bottom .info_div .list .close .check {
	display: flex;
	margin-top: 6px;
	justify-content: center
}

footer .foot_bottom .info_div .list .close .check a {
	display: block;
	position: relative;
	margin-right: 25px;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #555
}

footer .foot_bottom .info_div .list .close .check a:last-child {
	margin-right: 0
}

footer .foot_bottom .info_div .list .close .check a:after {
	content: '';
	position: absolute;
	top: 5px;
	left: -13px;
	width: 1px;
	height: 10px;
	background: #ddd
}

footer .foot_bottom .info_div .list .close .check a:first-child:after {
	display: none
}

footer .foot_bottom .info_div .list.on .open {
	background: url('/res/images/m_icn_up_32x32.png') no-repeat right center;
	background-size: 16px
}

footer .foot_bottom .info_div select {
	position: absolute;
	top: -8px;
	right: 0;
	width: 132px;
	height: 32px;
	font-size: 12px;
	color: #555;
	border: 1px solid #ddd;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right 12px top 50%;
	background-size: 16px;
	border-radius: 6px
}

footer .foot_bottom .copyright {
	margin-top: 12px;
	font-weight: 300;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	text-align: center
}

.floating_menu {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 80px);
	bottom: calc(env(safe-area-inset-bottom) + 80px);
	right: 16px;
	z-index: 9
}

.floating_menu a {
	display: block;
	position: relative;
	margin-top: 12px;
	width: 40px;
	height: 40px;
	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/m_floating_kakao.png') no-repeat center #ffe100;
	background-size: 24px;
}

.floating_menu .tel {
	background: url('/res/images/m_floating_tel.png') no-repeat center #fff;
	background-size: 24px;
}

.floating_menu .tel:before {
	content: '';
	position: absolute;
	top: 8px;
	right: 24px;
	width: 16px;
	height: 12px;
	background: url('/res/images/m_floating_tel_arrow.png') no-repeat;
	background-size: 16px 12px
}

.floating_menu .tel:after {
	content: '전화주문';
	position: absolute;
	top: -5px;
	right: 18px;
	padding: 4px 4px 2px;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	background: #052832;
	border-radius: 5px
}

.floating_menu .top {
	background: url('/res/images/m_floating_top.png') no-repeat center #fff;
	background-size: 24px;
}

.floating_menu .close {
	background: url('/res/images/m_floating_close.png') no-repeat center #fff;
	background-size: 24px;
}

.floating_menu .kakaoch {
	background: url('/res/images/m_floating_kakaoch.png') no-repeat center #ffe100;
	background-size: 24px;
}

.floating_menu .kakaoch:before {
	content: '카카오톡 채널추가';
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 15px;
	width: 148px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 22px;
	z-index: -1
}

.floating_menu .kakaocs {
	background: url('/res/images/m_floating_kakao.png') no-repeat center #ffe100;
	background-size: 24px;
}

.floating_menu .kakaocs:before {
	content: '카카오톡 1:1상담';
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 15px;
	width: 148px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 22px;
	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
}

/* 221219 .disabled 클래스 추가시 플로팅 버튼 숨김처리 */
.floating_menu.disabled .top {
	display: none !important;
}

.receipt_div {
	padding: 0 20px;
	margin-top: -8px
}

.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 8px 11px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	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: 16px
}

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

/* 쿠폰 받기 팝업 */
.coupon_download_pop {}

.coupon_download_pop .section {
	margin-top: 24px
}

.coupon_download_pop .section:first-child {
	margin-top: 0
}

.coupon_download_pop .section .title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #000;
	padding: 12px 0;
}

.coupon_download_pop .section .title b {
	font-weight: 700;
	color: #3cc814
}

.coupon_download_pop .section .cpn_list_div {
	margin-top: 8px
}

.coupon_download_pop .section .cpn_list_div .list {
	padding: 22px;
	border: 1px solid #bbb;
	border-radius: 10px;
	position: relative;
	margin-top: 16px
}

.coupon_download_pop .section .cpn_list_div .list:before {
	content: '';
	display: block;
	width: 8px;
	height: 20px;
	border-radius: 0 8px 8px 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
	border: 1px solid #bbb;
	background: #fff;
	border-left: none
}

.coupon_download_pop .section .cpn_list_div .list:after {
	content: '';
	display: block;
	width: 8px;
	height: 20px;
	border-radius: 8px 0 0 8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1px;
	border: 1px solid #bbb;
	background: #fff;
	border-right: none
}

.coupon_download_pop .section .cpn_list_div .list:first-child {
	margin-top: 0
}

.coupon_download_pop .section .cpn_list_div .list .benefit {}

.coupon_download_pop .section .cpn_list_div .list .benefit:after {
	content: '';
	display: block;
	clear: both
}

.coupon_download_pop .section .cpn_list_div .list .benefit .won {
	float: left;
	font-size: 16px;
	line-height: 28px;
	font-weight: 700;
	color: #ff3894
}

.coupon_download_pop .section .cpn_list_div .list .benefit .won span {
	font-size: 24px
}

.coupon_download_pop .section .cpn_list_div .list .benefit .flag {
	float: right;
	margin-top: 2px;
	padding: 4px 8px;
	background: rgba(255, 56, 148, 0.1);
	border-radius: 12px;
	font-size: 11px;
	line-height: 16px;
	color: #ff3894
}

.coupon_download_pop .section .cpn_list_div .list .cpn_tit {
	word-break: break-all;
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #333;
}

.coupon_download_pop .section .cpn_list_div .list .cpn_dtl {
	margin-top: 16px;
}

.coupon_download_pop .section .cpn_list_div .list .cpn_dtl p {
	margin-top: 2px;
	font-size: 11px;
	line-height: 16px;
	color: #777
}

.coupon_download_pop .section .cpn_list_div .list .cpn_dtl p:first-child {
	margin-top: 0;
}

.coupon_download_pop .section .cpn_list_div .list .download_btn {
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	width: 100%;
	border: 1px solid #777;
	padding: 11px;
	text-align: center
}

.coupon_download_pop .section .cpn_list_div .list .download_btn span {
	font-size: 13px;
	line-height: 20px;
	color: #000;
	padding-right: 20px;
	background: url("/res/images/icn_download_32.png") right center no-repeat;
	background-size: 16px
}

.coupon_download_pop .section .cpn_list_div .list .download_btn.disabled_btn {
	pointer-events: none;
	border: 1px solid #ccc;
}

.coupon_download_pop .section .cpn_list_div .list .download_btn.disabled_btn span {
	background: none;
	padding-right: 0;
	color: #ccc;
}

/* 220920 쿠폰&혜택 > APP 혜택 */
.benefit_div .benefit_cont {
	text-align: center;
}

.benefit_div .benefit_cont .member_div .banner {
	background-color: #e4f3ff;
}

.benefit_div .benefit_cont .app_div .banner {
	background-color: #eaf6f7;
}

/* .benefit_div .benefit_cont .banner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 260px;
    border-radius: 15px;
} */

/* .benefit_div .benefit_cont .banner img {
    width: initial;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 15px;
} */

.benefit_div .benefit_cont .app-benefit-item {
	margin-top: 40px;
}

.benefit_div .benefit_cont .app-benefit-item:not(:nth-of-type(2)) {
	padding-top: 40px;
	border-top: 1px solid #eee;
}

.benefit_div .benefit_cont .app-benefit-item>.badge {
	display: inline-block;
	padding: 6px 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.2px;
	color: #3cc814;
	border-radius: 16px;
	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: 10px 0 4px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #000;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title {
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title strong {
	color: #3cc814;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 28px 0 40px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 108px;
	padding: 0 24px;
	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: 8px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 8px 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 li>div {
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item li .type {
	padding: 4px 8px;
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: -0.18px;
	background-color: rgba(255, 56, 148, 0.1);
	border-radius: 12px;
}

.benefit_div .benefit_cont .app-benefit-item li .name {
	margin-top: 8px;
	padding-left: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item li .result {
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.benefit_div .benefit_cont .app-benefit-item li .result strong {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
}

.benefit_div .benefit_cont .app-benefit-item>img {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
}

.benefit_div .benefit_cont .app-benefit-item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 320px;
	height: 52px;
	margin: 0 auto;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
}

.benefit_div .benefit_cont .app-push-step {
	padding: 40px 0;
	border-radius: 10px;
	background-color: #f2fafa;
}

.benefit_div .benefit_cont .app-push-step .title {
	margin-bottom: 28px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: -0.45px;
	color: #000;
}

.benefit_div .benefit_cont .app-push-step ul li .badge {
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #fff;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	background-color: #052832;
}

.benefit_div .benefit_cont .app-push-step ul li .info {
	padding-top: 8px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #000;
}

.benefit_div .benefit_cont .app-push-step ul li img {
	width: 100%;
}

.benefit_div .benefit_cont .app-push-step ul li:first-child img {
	margin: 20px 0 36px;
}

.benefit_div .benefit_cont .app-push-step ul li:nth-child(2) img {
	margin-bottom: 56px;
}

.benefit_div .benefit_cont .app-benefit-item .precaution {
	position: relative;
	margin-top: 32px;
	padding: 24px 0 72px;
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item .precaution:before {
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	width: calc(100% + 40px);
	height: 10px;
	background-color: #f7f7f7;
}

.benefit_div .benefit_cont .app-benefit-item .precaution .title {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.29;
	letter-spacing: -0.32px;
	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.2px;
	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: 4px;
	background-color: #bbb;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li:not(:last-child) {
	margin-bottom: 4px;
}

/* 220920 재구매 추천 안내 추가 */
.main .recommend_div .pd_swiper .swiper-slide .rebuy-badge {
	position: absolute;
	top: 20px;
	left: 18px;
	padding: 4px 6px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.2px;
	color: #fff;
	background-color: #3cc814;
	border-radius: 4px;
	z-index: 1;
}

/* 220920 마이페이지: 재구매 추천상품 swiper 추가 */
.mypage_div .rebuy-wrap {
	margin-top: 24px;
}

.mypage_div .rebuy-wrap.no-pagination+.write_div {
	margin-top: 0;
}

.mypage_div .rebuy-wrap .main_title_div p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.38;
	letter-spacing: -0.2px;
	color: #000;
}

.mypage_div .rebuy-wrap .swiper-container {
	margin-left: -16px;
	width: calc(100% + 32px);
}

.mypage_div .rebuy-wrap .swiper-slide {
	width: 100%;
}

.mypage_div .rebuy-wrap .swiper-slide .link_area {
	display: flex;
	align-items: center;
	height: 175px;
	margin: 16px 16px 24px;
	padding: 14px 16px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

.mypage_div .rebuy-wrap .swiper-slide .link_area:after {
	content: "";
	width: 100%;
	height: 28px;
	position: absolute;
	bottom: -30px;
	display: block;
}

.mypage_div .rebuy-wrap .swiper-slide .link_area .thumb img {
	width: 114px;
	height: 114px;
}

.mypage_div .rebuy-wrap .swiper-slide.soldout .thumb:before {
	top: 17px;
	left: 17px;
}

.mypage_div .rebuy-wrap .swiper-slide .heart {
	top: 50%;
	left: 108px;
	/* left: max(106px, calc(50% - 106px)); */
	margin-top: 12px;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info {
	margin-left: 12px;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .rebuy-badge {
	display: inline-block;
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	border-radius: 4px;
	letter-spacing: -0.2px;
	color: #333;
	background-color: #f2fef0;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .rebuy-badge strong {
	font-weight: 500;
	color: #3cc814;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .name {
	padding: 6px 0 12px;
	font-size: 14px;
	line-height: 1.29;
	letter-spacing: -0.5px;
	color: #000;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .name b {
	font-weight: 500;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .price_div .price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .price_div .price .won {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: -0.2px;
	color: #000;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .price_div .price .won span {
	font-size: 16px;
	line-height: 1.38;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .price_div .price .dc {
	padding-left: 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: -0.2px;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won {
	color: #999;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: -0.2px;
}

.mypage_div .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won span {
	font-size: 13px;
	line-height: 1.38;
	text-decoration: line-through;
}

.mypage_div .rebuy-wrap .swiper-slide .cart_btn {
	position: absolute;
	right: 32px;
	bottom: 41px;
	width: 24px;
	height: 24px;
	background: url(/res/images/icn_cart_32x32.png) no-repeat center;
	background-size: 24px;
	z-index: 1;
}

.mypage_div .rebuy-wrap .swiper-slide .alarm {
	right: 32px;
	bottom: 41px;
	width: 24px;
	height: 24px;
}

.mypage_div .rebuy-wrap .swiper-pagination {
	display: none;
	bottom: 0;
}

.mypage_div .rebuy-wrap .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	background-color: #000;
	opacity: 0.1;
}

.mypage_div .rebuy-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 3px;
	opacity: 1;
}

/* 220921 출석체크 > 출석전,후 표기 형태 개선 */
.event_attend_div .cont_div .top .attend-info {
	padding: 24px 16px;
	border-radius: 15px;
	background-color: #052832;
}

.event_attend_div .cont_div .top .attend-info p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
	color: #fff;
}

.event_attend_div .cont_div .top .attend-info p .term {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.43;
	letter-spacing: -0.2px;
}

.event_attend_div .cont_div .top .attend-info p .term img {
	padding-right: 6px;
}

.event_attend_div .cont_div .top .attend-info p .desc {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -0.22px;
	color: #fff;
}

.event_attend_div .cont_div .top .attend-info p .desc span {
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.2px;
}

.event_attend_div .cont_div .top .attend-info hr {
	height: 1px;
	margin: 12px 0;
	border: none;
	background: rgba(255, 255, 255, 0.2);
}

.event_attend_div .cont_div .top .attend-info hr+p~p {
	padding-top: 10px;
}

.event_attend_div .cont_div .top .attend-start-msg,
.event_attend_div .cont_div .top .attend-end-msg {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	margin-top: 32px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
	border-radius: 10px;
}

.event_attend_div .cont_div .top .attend-start-msg img,
.event_attend_div .cont_div .top .attend-end-msg img {
	width: 26px;
	height: 26px;
	margin-right: 8px;
}

.event_attend_div .cont_div .top .attend-start-msg {
	color: #fff;
	background-color: #3cc814;
}

.event_attend_div .cont_div .top .attend-end-msg {
	color: #000;
	background-color: #eee;
}

/* 220929 카테고리 구조 추가 */
.type-google .desc {
	padding-top: 11px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.5px;
	color: #333;
}

/* 221004 상품 상세 2차 고도화 */
.product_dtl .scroll_area .price_info .benefit-list .price {
	display: inline-flex;
	align-items: center;
	gap: 0 7px;
	width: 100%;
	padding-top: 4px;
	padding-left: 90px;
}

.product_dtl .scroll_area .price_info .benefit-list .price .benefit {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.product_dtl .scroll_area .price_info .benefit-list .price .benefit strong {
	font-size: 14px;
}

.product_dtl .scroll_area .price_info .benefit-list .price .period {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
}

/* 220929 카테고리 구조 추가 */
.type-google .desc {
	padding-top: 11px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.5px;
	color: #333;
	margin-bottom: 10px;
}

/* 221006 회원정보관리 레이아웃 */
.myinfo_div .accor_div .list .tops {
	padding: 0 20px;
}

.myinfo_div .accor_div .list .tops .tit {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: -0.2px;
	color: #000;
}

.myinfo_div .accor_div .list:not(:first-child) .tops {
	padding-top: 24px;
}

/* 221006 재구매 추천 z-index */
.product_list.soldout .thumb:before {
	z-index: 1;
}

/* 221017 주문배송조회 내역 삭제 버튼 */
.order_div .order_list_div .list .bottom .pd_list_div .pd_list .close-btn {
	position: absolute;
	top: 12px;
	right: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/res/images/ord-close-btn.png) 50% 50%;
	/* background: url('/res/images/m-icn-24-px-x@2x.png') 50% 50%; */
	background-size: cover;
}

/* ============================== 221027 상품상세 2차 고도화 ============================== */
/* 221027 옵션에 최저가 플래그 추가 */
.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info,
.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info p.volume {
	display: flex;
	align-items: center;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info p.volume .primary-flag,
.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info p.volume .secondary-flag {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	font-size: 10px;
	margin-right: 4px;
	margin-left: 0;
	padding: 0 3px;
	border-radius: 2px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info p.volume span:first-child {
	margin-right: 6px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info p.volume .primary-flag {
	color: #fff;
	background: #ff3894;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .chk_box .info p.volume .secondary-flag {
	color: #ff3994;
	border: solid 1px #ff3994;
}

.product_dtl .bottom_fix.new .detail .select_form .option .list_div .list .text .chk_div .chk_box .info {
	display: flex;
	justify-content: space-between;
}

.product_dtl .bottom_fix.new .detail .select_form .option .list_div .list .text .chk_div .chk_box .info p.volume {
	display: flex;
	align-items: center;
}

.product_dtl .bottom_fix.new .detail .select_form .option .list_div .list .text .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 10px;
}

/* 221027 옵션 선택 시 상품 구성 단위만 표기 */
.product_dtl .bottom_fix .detail .select_list_div .select_list .name {
	display: flex;
	align-items: center;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .option {
	margin-bottom: 0;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .price {
	padding-left: 4px;
	color: #555;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .price.spe {
	color: #ff3894;
}

/* 221027 베스트 리뷰 상품상세 상단 노출 */
.product_dtl .scroll_area .best-review {
	padding-bottom: 24px;
	border-bottom: 10px solid #f7f7f7;
}

.product_dtl .scroll_area .best-review .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px 16px 16px 20px;
}

.product_dtl .scroll_area .best-review .head .star-grade {
	padding-left: 26px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	background: url(/res/images/starIcon_24.png) no-repeat 0 50%;
	background-size: 24px;
}

.product_dtl .scroll_area .best-review .head .star-grade span {
	padding-left: 8px;
	color: #999;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.product_dtl .scroll_area .best-review .head .all-view-btn {
	padding-right: 18px;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	background: url(/res/images/arrow_right_16x16.png) no-repeat 100% 3px;
}

.product_dtl .scroll_area .best-review .swiper-slide {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 50px);
	height: 116px;
	padding: 16px;
	border-radius: 10px;
	background-color: #f9f9f9;
}

.product_dtl .scroll_area .best-review .swiper-slide .star_div {
	display: flex;
	align-items: center;
}

.product_dtl .scroll_area .best-review .swiper-slide .star_div b {
	padding-left: 4px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
}

.product_dtl .scroll_area .best-review .swiper-slide .text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 8px;
	color: #333;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 60px;
	min-height: 20px;
	line-height: 20px;
	word-break: break-all;
}

.product_dtl .scroll_area .best-review .swiper-slide img {
	min-width: 60px;
	width: 60px;
	height: 60px;
	margin-top: 20px;
	margin-left: 10px;
	border-radius: 10px;
}

.product_dtl .scroll_area .best-review .swiper-pagination {
	position: static;
	margin-top: 20px;
}

.product_dtl .scroll_area .best-review .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0.7);
}

.product_dtl .scroll_area .best-review .swiper-pagination .swiper-pagination-bullet-active {
	width: 48px;
	height: 8px;
	border-radius: 4px;
	background-color: #000;
}

/* 221027 상품옵션 버튼으로 노출 */
.product_dtl .scroll_area .pd-option-list {
	margin-top: 20px;
	/* 221206
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee; */
}

.product_dtl .scroll_area .pd-option-list .swiper-slide {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 130px;
	height: 100px;
	padding: 16px 0;
	text-align: center;
	border-radius: 5px;
	background-color: #f5f5f5;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide+.swiper-slide {
	margin-left: 8px;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide p {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #000;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide p strong {
	display: inline-block;
	line-height: 20px;
	font-size: 16px;
	color: #000;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide .flag-list {
	display: flex;
	margin-top: 8px;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide .flag-list span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	padding: 0 3px;
	font-size: 10px;
	border-radius: 2px;
	background-color: #fff;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide .flag-list span+span {
	margin-left: 2px;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide .flag-list .lowest-flag {
	color: #ff3994;
	border: solid 1px #ff3994;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide .flag-list .gift-flag {
	color: #555;
	border: solid 1px #ccc;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide.no-select {
	background-color: #f9f9f9;
}

.product_dtl .scroll_area .pd-option-list .swiper-slide.no-select p,
.product_dtl .scroll_area .pd-option-list .swiper-slide.no-select strong {
	color: #999;
}

/* 221107 전체상품 페이지 */
.product_list_top .all_count span {
	color: #3cc814;
}

.all-item-wrap {
	margin-top: 5px;
}

.all-item-wrap .filter-list .swiper-slide {
	display: flex;
	align-items: center;
	width: auto !important;
	height: 40px;
	padding: 0 8px 0 12px;
	font-size: 14px;
	line-height: 1.25;
	letter-spacing: -0.2px;
	color: #000;
	border-radius: 10px;
	background-color: #f5f5f5;
	cursor: pointer;
}

.all-item-wrap .filter-list .swiper-slide.active {
	font-weight: 500;
	color: #fff;
	background-color: #3cc814;
	background-image: none;
}

.all-item-wrap .filter-list .swiper-slide span {
	display: flex;
	align-items: center;
}

.all-item-wrap .filter-list .swiper-slide span:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	background-image: url(/res/images/icn-arrow-bottom-gray.svg);
	background-size: 16px;
}

.all-item-wrap .filter-list .swiper-slide.active span:after,
.all-item-wrap .filter-list .swiper-slide .close-btn {
	display: none;
}

.all-item-wrap .filter-list .swiper-slide.active .close-btn {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	background-image: url(/res/images/icn-close-white.svg);
}

.all-item-wrap .category_div .list_div {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 16px;
}

.all-item-wrap .category_div .list_div.hor {
	gap: 16px 0;
}

.all-item-wrap .category_div .list_div .list {
	float: inherit;
	margin: 0 !important;
}

.all-item-wrap .category_div {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 10px solid #f7f7f7;
}

.all-item-wrap .category_div.no-data {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.all-item-wrap .no_data_div {
	margin-top: 50px;
}

.all-item-wrap .filter-list-popup>.cnt {
	max-height: 489px;
}

.all-item-wrap .filter-list-popup .list-wrap>div {
	display: none;
}

.all-item-wrap .filter-list-popup .type-list {
	display: flex;
	align-items: center;
	margin: 16px 0;
}

.all-item-wrap .filter-list-popup .type-list li {
	position: relative;
	display: flex;
	align-items: center;
	height: 52px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: -0.2px;
	text-align: center;
	color: #bbb;
}

.all-item-wrap .filter-list-popup .type-list li.check {
	padding: 0 10px 0 12px;
}

.all-item-wrap .filter-list-popup .type-list li.check span {
	padding-right: 18px;
	color: #000;
	font-weight: bold;
	background: url(/res/images/check-primary.png) 100% 50% no-repeat;
	background-size: 16px;
}

.all-item-wrap .filter-list-popup .type-list li.active {
	color: #000;
	font-weight: bold;
}

.all-item-wrap .filter-list-popup .type-list li.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #33db0a;
}

.all-item-wrap .filter-list-popup .list-wrap {
	max-height: 335px;
	padding: 20px;
	border-radius: 8px 8px 0 0;
	background-color: #f9f9f9;
	overflow-y: auto;
}

.all-item-wrap .filter-list-popup .list-wrap li+li {
	margin-top: 20px;
}

.all-item-wrap .filter-list-popup .list-wrap li .chk_box {
	width: 100%;
}

.all-item-wrap .filter-list-popup .list-wrap li label {
	max-width: calc(100% - 13px);
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.all-item-wrap .filter-list-popup .price .select-view-day {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.all-item-wrap .filter-list-popup .price .select-view-day p {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.5px;
	color: #000;
}

.all-item-wrap .filter-list-popup .btn-wrap {
	display: flex;
	justify-content: space-between;
	gap: 0 4px;
	width: calc(100% + 40px);
	height: 68px;
	margin-left: -20px;
	padding: 8px 16px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}

.all-item-wrap .filter-list-popup .btn-wrap>a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.38;
	border-radius: 5px;
}

.all-item-wrap .filter-list-popup .btn-wrap .refresh-btn {
	border: solid 1px #3cc814;
	background-color: #fff;
}

.all-item-wrap .filter-list-popup .btn-wrap .refresh-btn span {
	padding-left: 28px;
	color: #3cc814;
	background: url(/res/images/refresh_icon.png) 0 50% no-repeat;
	background-size: 24px;
}

.all-item-wrap .filter-list-popup .btn-wrap .view-btn {
	color: #fff;
	background-color: #3cc814;
}

.btm-to-pop,
.btm_to_pop {
	position: fixed;
	bottom: -100vh;
	width: 100%;
	height: 100vh;
	z-index: 10;
	transition: all 0.5s;
}

.btm-to-pop.active,
.btm_to_pop.active {
	bottom: 0;
}

.btm-to-pop>.cnt,
.btm_to_pop>.cnt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 16px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
	z-index: 11;
}

.btm-to-pop>.cnt>.close-btn,
.btm_to_pop>.cnt>.close-btn {
	position: absolute;
	top: 4px;
	left: calc(50% - 16px);
	width: 32px;
	height: 20px;
	background: url(/res/images/icn-btm-to-pop-close.png) 50% 50% no-repeat;
	z-index: 1;
}

.toggle-btn {
	position: relative;
	width: 54px;
	height: 30px;
	padding: 4px;
	border-radius: 15px;
	background-color: #ddd;
}

.toggle-btn.active {
	background-color: #3cc814;
}

.toggle-btn:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset -0.5px -0.5px 0.5px 0 rgba(205, 205, 205, 0.8);
	background-color: #fff;
	transition: all 0.3s;
}

.toggle-btn.active:before {
	left: 28px;
}

/* ==================== 221103 섭취챌린지 ==================== */
/* 챌린지 페이지 */
.event_div .challenge-wrap .cnt {
	margin-top: 16px;
	padding: 20px 0 32px;
	background-color: #5a7eff;
}

.event_div .challenge-wrap .cnt>div:not(.top-info) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 32px 20px 0;
	padding: 40px 20px;
	border-radius: 8px;
	background-color: #fff;
}

.event_div .challenge-wrap .cnt .title,
.challenge_recode_pop .title {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #111;
	text-align: center;
}

.event_div .challenge-wrap .cnt .title b,
.challenge_recode_pop .title b {
	font-weight: bold;
}

.event_div .challenge-wrap .cnt .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	margin-top: 32px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 5px;
	background-color: #3cc814;
}

.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;
	left: 30%;
	width: 40%;
	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 {
	width: 100%;
	margin-top: -10px;
}

.event_div .challenge-wrap .my-state {
	position: relative;
}

.event_div .challenge-wrap .my-state .title {
	margin-bottom: 0;
}

.event_div .challenge-wrap .my-state .period,
.challenge_recode_pop .period {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	margin-top: 12px;
	padding: 0 16px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 32px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state .product-info,
.challenge_recode_pop .product-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
}

.event_div .challenge-wrap .my-state .product-info .thumb,
.challenge_recode_pop .product-info .thumb {
	width: 60px;
	height: 60px;
	border-radius: 6px;
	background-color: #f7f7f7;
}

.event_div .challenge-wrap .my-state .product-info .thumb img,
.challenge_recode_pop .product-info .thumb img {
	width: 100%;
	height: 100%;
}

.event_div .challenge-wrap .my-state .product-info .name,
.challenge_recode_pop .product-info .name {
	flex: 1;
	padding-left: 12px;
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 37px;
	min-height: 18px;
}

.event_div .challenge-wrap .my-state .product-info .name strong,
.challenge_recode_pop .product-info .name strong {
	font-weight: 500;
}

.event_div .challenge-wrap .my-state .achieve-rate,
.challenge_recode_pop .achieve-rate {
	width: 100%;
	margin-top: 24px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head,
.challenge_recode_pop .achieve-rate .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .term,
.challenge_recode_pop .achieve-rate .head .term {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc,
.challenge_recode_pop .achieve-rate .head .desc {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #333;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc strong,
.challenge_recode_pop .achieve-rate .head .desc strong {
	font-size: 20px;
	font-weight: bold;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress,
.challenge_recode_pop .achieve-rate .progress {
	width: 100%;
	height: 8px;
	border-radius: 5px;
	background-color: #f7f7f7;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress .gauge,
.challenge_recode_pop .achieve-rate .progress .gauge {
	height: 100%;
	border-radius: 8px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list,
.challenge_recode_pop .achieve-rate .state-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li,
.challenge_recode_pop .achieve-rate .state-list li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 66px;
	border-radius: 5px;
	border: solid 2px #3cc814;
	background-color: #fff;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li:not(.state),
.challenge_recode_pop .achieve-rate .state-list li:not(.state) {
	flex-direction: column;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li+li,
.challenge_recode_pop .achieve-rate .state-list li+li {
	margin-left: 5px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div,
.challenge_recode_pop .achieve-rate .state-list li>div+div {
	position: relative;
	padding-left: 13px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div:before,
.challenge_recode_pop .achieve-rate .state-list li>div+div:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin: 0 6px;
	background-color: #eee;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li div.fail *,
.challenge_recode_pop .achieve-rate .state-list li div.fail * {
	color: #ccc;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .term,
.challenge_recode_pop .achieve-rate .state-list .term {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #111;
	text-align: center;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc,
.challenge_recode_pop .achieve-rate .state-list .desc {
	padding-top: 2px;
	font-size: 11px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	text-align: center;
	color: #555;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc strong,
.challenge_recode_pop .achieve-rate .state-list .desc strong {
	font-size: 16px;
	font-weight: bold;
	color: #3cc814;
}

.event_div .challenge-wrap .my-state .attend-list,
.challenge_recode_pop .attend-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 32px;
}

.event_div .challenge-wrap .my-state .attend-list li,
.challenge_recode_pop .attend-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(20vw - 24px);
	height: calc(20vw - 24px);
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #999;
	border-radius: 50%;
	background-color: #f9f9f9;
}

.event_div .challenge-wrap .my-state .attend-list li:nth-child(5n),
.challenge_recode_pop .attend-list li:nth-child(5n) {
	margin-right: 0;
}

.event_div .challenge-wrap .my-state .attend-list li.success,
.challenge_recode_pop .attend-list li.success {
	padding: 0 8px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	background-color: #052832;
}

.event_div .challenge-wrap .my-state .attend-list li.success span,
.challenge_recode_pop .attend-list li.success span {
	font-weight: 400;
}

.event_div .challenge-wrap .my-state .attend-list li.current,
.challenge_recode_pop .attend-list li.current {
	border: solid 2px #3cc814;
}

.event_div .challenge-wrap .my-state .info-msg,
.challenge_recode_pop .info-msg {
	text-align: right;
	margin-top: calc(-10vw - 18px);
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	text-align: right;
	color: #333;
}

.event_div .challenge-wrap .my-state .info-msg strong,
.challenge_recode_pop .info-msg strong {
	font-weight: 500;
	color: #3cc814;
}

.event_div .challenge-wrap .my-state .record-btn {
	margin-top: 18px;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
	text-decoration: underline;
}

.event_div .challenge-wrap .info .sub-text {
	margin: 4px 0 24px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #333;
}

.event_div .challenge-wrap .info .sub-text b {
	color: #3cc814;
}

.event_div .challenge-wrap .info .img-wrap {
	position: relative;
}

.event_div .challenge-wrap .info .img-wrap .flag {
	position: absolute;
}

.event_div .challenge-wrap .info .info-msg {
	padding-top: 4px;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	text-align: center;
	color: #777;
}

.event_div .challenge-wrap .info.alarm .bg {
	animation: wobble-hor-top 1s both 0.5s infinite;
}

@keyframes wobble-hor-top {

	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(6deg);
	}

	30% {
		transform: translateX(15px) rotate(-6deg);
	}

	45% {
		transform: translateX(-15px) rotate(3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(-2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(1.2deg);
	}
}

.event_div .challenge-wrap .info.alarm .flag {
	bottom: 5px;
	left: -14px;
}

.event_div .challenge-wrap .info.point {
	padding-bottom: 23px !important;
}

.event_div .challenge-wrap .info.point .bg {
	width: 140px;
	height: 105px;
	animation: jello-horizontal 1s both 0.5s infinite;
}

@keyframes jello-horizontal {
	0% {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.05, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.05, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	100% {
		transform: scale3d(1, 1, 1);
	}
}

.event_div .challenge-wrap .info.point .flag {
	top: -3px;
	right: -38px;
	width: 76px;
	height: 54px;
}

.event_div .challenge-wrap .way .title {
	padding-bottom: 24px;
}

.event_div .challenge-wrap .way ul li {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.event_div .challenge-wrap .way ul li+li {
	margin-top: 20px;
}

.event_div .challenge-wrap .way .term {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 24px;
	padding: 0 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 16px;
	background-color: #3cc814;
	z-index: 1;
}

.event_div .challenge-wrap .way .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 64px;
	margin-top: -12px;
	padding: 0 3px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	border-radius: 10px;
	background-color: #f2fef0;
}

.event_div .challenge-wrap .way .desc b {
	font-weight: 500;
	color: #3cc814;
}

.event_div .challenge-wrap .current-state {
	padding-bottom: 65px !important;
}

.event_div .challenge-wrap .current-state .title {
	padding-bottom: 32px;
}

.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: 106px;
	height: 62px;
	padding: 0px 14px;
	background: #ffffff;
	border-radius: 8px;
	z-index: 1;
}

.event_div .challenge-wrap .current-state .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: -19px;
	width: 23px;
	height: 20px;
	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: 0;
	right: -20px;
}

.event_div .challenge-wrap .current-state .speech-bubble.people:after {
	left: 35px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point {
	right: 5px;
	bottom: -34px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point:after {
	top: -19px;
	left: 42px;
	transform: scaleX(-1) rotate(-180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.precent {
	bottom: -30px;
	left: 13px;
}

.event_div .challenge-wrap .current-state .speech-bubble.precent:after {
	top: -18px;
	right: 42px;
	transform: rotate(180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.success {
	top: 79px;
	left: -27px;
}

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

.event_div .challenge-wrap .current-state .speech-bubble .term {
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc {
	line-height: 29px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc strong {
	font-size: 20px;
	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: 250px;
	height: 250px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg {
	position: relative;
	width: 250px;
	height: 250px;
	transform: rotate(-90deg);
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #f0f0f0;
	stroke-width: 35;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle:last-of-type {
	stroke-dasharray: 628px;
	stroke: #ff8470;
	animation: circleProgress 2s infinite ease-in-out;
}

@keyframes circleProgress {
	from {
		stroke-dashoffset: 628px;
	}

	to {
		stroke-dashoffset: 125px;
	}
}

.event_div .challenge-wrap .current-state .circle-progress-wrap img {
	position: absolute;
	top: 96px;
	left: 97px;
	width: 69px;
	height: 52px;
}

.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: 20px;
}

.event_div .challenge-wrap .share-benefit .title {
	padding-bottom: 24px;
}

.event_div .challenge-wrap .page_bottom_noti {
	margin-top: 0;
	/* padding-bottom: 100px; */
}

.event_div .challenge-wrap .fixed-info {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 68px;
	padding: 8px 16px;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
	background-color: #fff;
	z-index: 1;
}

.event_div .challenge-wrap .fixed-info.up {
	bottom: 56px;
}

.event_div .challenge-wrap .fixed-info p,
.event_div .challenge-wrap .fixed-info a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 5px;
	background-color: #3cc814;
}


.event_div .challenge-wrap .fixed-info p.success,
.event_div .challenge-wrap .fixed-info a.success {
	background-color: #ddd;
}

/* 챌린지 기록보기 팝업 */
.challenge_recode_pop .pop_con {
	position: relative;
	text-align: center;
}

.challenge_recode_pop .pop_con .product-info,
.challenge_recode_pop .pop_con .achieve-rate,
.challenge_recode_pop .pop_con .attend-list {
	padding: 0 20px;
}

.challenge_recode_pop .pop_con .period {
	display: inline-flex;
}

.challenge_recode_pop .pop_con select.period.is-prev {
	padding: 0 40px 0 16px;
	background-image: url(/res/images/arrow_down_wh_32x32.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) 50% 50%;
	background-size: 20px;
}

.challenge_recode_pop .pop_con select.period.is-prev .option {
	background-color: #fff;
}

.challenge_recode_pop .achieve-rate .state-list li>div+div:before {
	top: 15px;
}

.challenge_recode_pop .product-info {
	margin-top: 20px;
}

.challenge_recode_pop .achieve-rate .state-list li {
	border-width: 1px;
}

.challenge_recode_pop .attend-list li {
	width: calc(20vw - 16px);
	height: calc(20vw - 16px);
}

.challenge_recode_pop .info-msg {
	margin-top: calc(-10vw - 20px);
	padding-right: 20px;
}

/* 챌린지 상품 선택 */
/* .btm-to-pop {
	position: fixed;
	width: 100%;
	padding: 0 16px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
	z-index: 10;
	transition: all 0.3s;
} */

.chall-select-item {
	/* bottom: -397px; */
	max-height: 397px;
}

/* .chall-select-item>.close-btn {
	width: 100%;
	height: 20px;
	margin: 4px 0 16px;
	background: url(/res/images/m-icn-bottom-draw.png) no-repeat 50% 50%;
	background-size: 32px 20px;
} */

.chall-select-item .title {
	margin: 40px 0 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
}

.chall-select-item ul {
	padding: 20px 20px 16px;
	border-radius: 8px 8px 0 0;
	background-color: #f9f9f9;
}

.chall-select-item.many ul {
	max-height: 244px;
	overflow-y: auto;
}

.chall-select-item ul .product-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.chall-select-item.many ul li+li {
	margin-top: 12px;
}

.chall-select-item ul .product-info .chk_box {
	margin-right: 4px;
}

.chall-select-item ul .product-info .chk_box input[type="checkbox"]+label:after {
	top: -10px;
}

.chall-select-item ul .product-info .thumb {
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 6px;
}

.chall-select-item ul .product-info .thumb img {
	width: 100%;
	height: 100%;
}

.chall-select-item ul .product-info .name {
	flex: 1;
	padding-left: 16px;
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 37px;
	min-height: 18px;
}

.chall-select-item ul .product-info .name strong {
	font-weight: 500;
}

.chall-select-item .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 4px;
	width: calc(100% + 32px);
	height: 68px;
	margin-left: -16px;
	padding: 8px 16px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.chall-select-item .btn-wrap>a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -0.2px;
	border-radius: 5px;
}

.chall-select-item .btn-wrap>.close-btn {
	color: #3cc814;
	border: solid 1px #3cc814;
	background-color: #fff;
}

.chall-select-item .btn-wrap>.chall-btn {
	color: #fff;
	background-color: #3cc814;
}

/* 221118 상품 파인더 */
.item-finder .top-cnt {
	display: flex;
	align-items: center;
	width: calc(100% - 40px);
	height: 130px;
	margin: 20px 20px 0;
	padding-left: 20px;
	background: #edfcea url(/res/images/m-item-finder-bg.png) no-repeat 100% 100%;
	border-radius: 10px;
}

.item-finder .top-cnt .info {
	width: 230px;
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: -0.5px;
	color: #052832;
}

.item-finder .top-cnt .info strong {
	font-weight: inherit;
	color: #3cc814;
}

.item-finder .list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
	padding-bottom: 8px;
}

.item-finder .list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: calc(50% - 4px);
	height: 58px;
	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: 16px;
	background: url(/res/images/arrow-left-black.svg) no-repeat 0 50% / 16px;
}

.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: 10px;
	color: #000;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.5px;
	word-break: break-all;
	white-space: inherit;
}

.item-finder .rebuy-wrap.no-pagination+.write_div {
	margin-top: 0;
}

.item-finder .rebuy-wrap .main_title_div p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.38;
	letter-spacing: -0.2px;
	color: #000;
}

.item-finder .rebuy-wrap {
	margin-top: 30px;
}

.item-finder .rebuy-wrap .swiper-container {
	margin-top: -30px;
	padding: 30px 25px 0;
	overflow: visible
}

.item-finder .rebuy-wrap .swiper-container .swiper-slide {
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.item-finder .rebuy-wrap .swiper-container .swiper-slide:not(:last-child) {
	margin-right: 14px;
}

.item-finder .rebuy-wrap .link_area {
	padding-bottom: 20px;
}

.item-finder .rebuy-wrap .link_area .thumb {
	padding: 20px 35px 0;
}

.item-finder .rebuy-wrap .product_list.pet .link_area .thumb .pet_badge {
	top: 12px;
	right: 12px
}

.item-finder .rebuy-wrap .link_area .pd_info {
	margin-top: 12px;
	padding: 0 20px
}

.item-finder .rebuy-wrap .link_area .pd_info .tag {
	margin-top: 0
}

.item-finder .rebuy-wrap .link_area .pd_info .name {
	margin-top: 0
}

.item-finder .rebuy-wrap .link_area .pd_info .price_div {
	margin-top: 12px
}

.item-finder .rebuy-wrap .link_area .pd_info .badge {}

.item-finder .rebuy-wrap .alarm,
.item-finder .rebuy-wrap .cart_btn {
	bottom: 15px;
	right: 15px
}

.item-finder .rebuy-wrap .heart {
	bottom: 180px;
	right: 12px;
}

.item-finder .rebuy-wrap .pd_swiper .swiper-pagination {
	display: none;
	bottom: 0
}

.item-finder .rebuy-wrap .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.item-finder .rebuy-wrap .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.item-finder .rebuy-wrap .pd_swiper.swiper-container-horizontal {
	padding-bottom: 30px;
	overflow: hidden
}

.item-finder .rebuy-wrap .pd_swiper.swiper-container-horizontal .swiper-pagination {
	display: block
}

.item-finder .btn-wrap {
	margin-top: 40px;
}

.item-finder .btn-wrap .outline-btn>span {
	background-image: url(/res/images/search-primary.svg);
}

.item-finder .btn-wrap a+a {
	margin-top: 8px;
}

.outline-btn,
.primary-btn,
.disabled-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -0.2px;
	border-radius: 5px;
}

.outline-btn {
	color: #3cc814;
	border: solid 1px #3cc814;
	background-color: #fff;
}

.outline-btn>span {
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 24px;
}

.primary-btn {
	color: #fff;
	background-color: #3cc814;
}

.disabled-btn {
	color: #fff;
	background-color: #ddd;
}

/* 221118 검색화면 > 상품파인더 링크 추가 (일치결과없음) */
.search_div.search_pop .search_words.no {
	padding-top: 40px;
}

.search_div.search_pop .search_words.no .keyword {
	line-height: 17px;
	padding: 0;
}

.search_div.search_pop .search_words.no .keyword strong {
	color: #3cc814;
}

.search_div.search_pop .search_words.no .keyword+.keyword {
	padding-top: 20px;
}

.search_div.search_pop .search_words.no .primary-btn {
	width: calc(100% - 40px);
	margin: 25px 20px 0;
}

/* 221118 검색화면 > 상품파인더 링크 추가 (검색결과없음) */
.search_div .no_data_div .cont_box .go-item-finder {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 266px;
	margin-top: 54px;
	padding-top: 31px;
	background: #edfcea url(/res/images/m-search-item-finder-bg.png) no-repeat 50% 100%;
	border-radius: 15px;
}

.search_div .no_data_div .cont_box .go-item-finder p {
	margin-bottom: 21px;
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: center;
}

.search_div .no_data_div .cont_box .go-item-finder .primary-btn {
	width: calc(100% - 40px);
}

/* ==================== 221114 월드컵 이벤트 ==================== */
.evt-worldcup .gauge-wrap {
	display: flex;
	align-items: center;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-top: -1px;
	padding-bottom: 30px;
	background-color: #272731;
}

.evt-worldcup .gauge-wrap .area {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin: 0 20px;
}

.evt-worldcup .gauge-wrap .area>div {
	display: flex;
	flex-direction: column;
	color: #fff;
}

.evt-worldcup .gauge-wrap .area>div .bar {
	width: 100%;
	height: 15px;
}

.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) {
	position: relative;
	margin-right: -1px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3)>* {
	position: absolute;
	right: 0;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .bar {
	border-radius: 0 15px 15px 0;
	background-color: #0034c6;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .percent {
	top: 15px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .people {
	top: 40px;
}

.evt-worldcup .gauge-wrap .percent {
	padding-top: 6px;
	font-size: 22px;
	font-weight: 700;
}

.evt-worldcup .gauge-wrap .people {
	font-size: 14px;
}

.evt-worldcup .select-list {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-left: -20px;
	margin-top: -1px;
	width: calc(100% + 40px);
	height: 233px;
	background-color: #272731;
	border-bottom: 70px solid #f7f7f7;
}

.evt-worldcup .select-list li {
	width: 160px;
}

.evt-worldcup .select-list li+li {
	margin-top: 10px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label {
	font-size: 24px;
	line-height: 24px;
	padding-left: 35px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label:after {
	top: 16px;
	width: 25px;
	height: 25px;
	background: #fff;
	border: 3px 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: 45px;
	left: calc(50% - 125px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 50px;
	border-radius: 30px;
	background: #fe0f39 url(/res/images/evt-worldcup-m-btn.png) 50% 50% no-repeat;
	background-size: 150px;
}

/* 221202 챌린지 후기 팝업 */
.chall-comment-pop {
	height: min(676px, 100vh - 84px);
}

.chall-comment-pop>.cnt {
	height: 100%;
}

.chall-comment-pop .scr-wrap {
	margin-top: 40px;
	padding-bottom: 32px;
	height: calc(100% - 40px);
	overflow-y: auto;
}

.chall-comment-pop .scr-wrap>.title {
	padding-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
}

.chall-comment-pop .result-info {
	padding: 20px 16px;
	border-radius: 8px;
	background-color: #f9f9f9;
}

.chall-comment-pop .result-info li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 28px;
}

/* 221206 판매기간 및 FO 수정 추가 */
.product_dtl .scroll_area .price_info .info_box {
	border-top: 1px solid #eeeeee;
	padding-top: 24px;
	margin-top: 24px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list+.list {
	margin-top: 14px;
}

.chall-comment-pop .result-info li+li {
	padding-top: 2px;
}

.chall-comment-pop .result-info .term {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #052832;
}

.chall-comment-pop .result-info .desc {
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #555;
}

.chall-comment-pop .result-info .desc strong {
	font-size: 20px;
	font-weight: bold;
	color: #3cc814;
}

.chall-comment-pop .grade-info {
	padding: 20px 0;
	text-align: center;
}

.chall-comment-pop .grade-info .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
}

.chall-comment-pop .grade-info .star {
	margin-top: 12px !important;
	height: 48px !important;
}

.chall-comment-pop .textarea_wrap {
	margin-top: 0 !important;
}

.chall-comment-pop .upload_pic {
	margin: 16px 0 24px;
}

.chall-comment-pop .btn {
	font-weight: 500;
	border-radius: 10px;
}

/* 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% - 37px);
	top: -15px;
	display: inline-block;
	width: 74px;
	height: 28px;
	-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% - 37px);
	top: -15px;
	display: inline-block;
	width: 74px;
	height: 28px;
	background: url("/res/images/icon/m-payback-flag.png") no-repeat 50% 50% / cover;
	-webkit-animation: shake-vertical 2s ease-in-out infinite both;
	animation: shake-vertical 2s ease-in-out infinite both;
}

/*230324 전화주문 프로모션*/
.order-tel .primary-color {
	color: #009C48;
}

.order-tel .tit-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 10.4vw;
	padding: 0 5vw;
	font-weight: 600;
	font-size: 4.5vw;
	line-height: 10.4vw;
	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: 194vw;
	padding-top: 18.5vw;
	background: url(/res/images/tel/m-cnt1-bg.png) no-repeat 50% 0 / 100%;
}

.order-tel .cnt1 h1 {
	font-weight: 700;
	font-size: 14vw;
	line-height: 15vw;
	color: #FFF;
	text-align: center;
}

.order-tel .cnt1 h1 strong {
	color: #013027;
	font-weight: inherit;
}

.order-tel .cnt1 p {
	padding-top: 3.5vw;
	text-align: center;
}

.order-tel .cnt1 p span {
	display: block;
	font-size: 3.5vw;
	line-height: 4.5vw;
}

.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;
	width: 100%;
	height: 43vw;
	padding: 7vw 0;
	text-align: center;
}

.order-tel .cnt1 h2>span {
	display: block;
	padding-top: 11vw;
	color: #fff;
	font-weight: 300;
	font-size: 5vw;
	line-height: 6vw;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 50% 0 / 8vw;
}

.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: 9vw;
	margin: 2vw auto 0;
	padding: 0 4.5vw;
	background-color: #5FF433;
	border-radius: 175px;
}

.order-tel .cnt1 h2 button a {
	display: inline-block;
	height: 9vw;
	line-height: 9vw;
	padding-right: 6vw;
	font-weight: 600;
	font-size: 4vw;
	background: url(/res/images/tel/arrow-b-circle-left-ico.svg) no-repeat 100% 50% / 4.5vw;
}

.order-tel .cnt2 {
	height: 75.5vw;
	padding: 11.5vw 0 14vw;
	background: url(/res/images/tel/cnt2-bg.png) no-repeat 50% 0 / cover;
}

.order-tel .cnt2 h3 {
	font-weight: 300;
	font-size: 7.5vw;
	line-height: 9vw;
	color: #FFF;
	text-align: center;
}

.order-tel .cnt2 h3 strong {
	color: #5FF433;
	font-weight: 800;
}

.order-tel .cnt2>p {
	margin: 6vw 6vw 0 7vw;
	display: flex;
	flex-wrap: wrap;
	gap: 3.5vw 0;
}

.order-tel .cnt2>p span {
	width: 50%;
	padding-left: 7vw;
	color: #fff;
	font-weight: 500;
	font-size: 4vw;
	line-height: 6vw;
	background: url(/res/images/tel/cnt2-check.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .cnt3 {
	padding: 13vw 0 10vw;
	text-align: center;
	background: #FFFAE0;
}

.order-tel .cnt3 h3 strong {
	display: block;
	color: #009C48;
	font-weight: 800;
	font-size: 12vw;
	line-height: 13vw;
}

.order-tel .cnt3 h3 span {
	display: inline-block;
	padding-top: 1vw;
	color: #000;
	font-weight: 700;
	font-size: 7vw;
	line-height: 9vw;
}

.order-tel .cnt3 .text1 {
	display: inline-block;
	padding-top: 5vw;
	color: #000;
	font-size: 4vw;
	line-height: 4.5vw;
}

.order-tel .cnt3 .text1 span {
	box-shadow: inset 0 -2.3vw 0 rgba(106, 251, 103, 0.3);
}

.order-tel .cnt3 .text1 strong {
	font-weight: 700;
}

.order-tel .cnt3 .bg-wrap {
	position: relative;
	width: 52vw;
	height: 52vw;
	margin: 9vw auto 0;
	background: url(/res/images/tel/cnt3-call-bg.png) no-repeat 50% 50% / cover;
}

.order-tel .cnt3 .bg-wrap li {
	position: absolute;
}

.order-tel .cnt3 .bg-wrap li:nth-child(1) {
	top: 3vw;
	left: -13vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(2) {
	top: 18vw;
	left: -8vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(3) {
	top: 28vw;
	left: -19vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(4) {
	top: 38vw;
	left: -5vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(5) {
	top: 2vw;
	right: -8vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(6) {
	top: 20vw;
	right: -19vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(7) {
	top: 34vw;
	right: -10vw;
}

.order-tel .cnt3 .bg-wrap li p {
	position: relative;
	min-width: 17.4vw;
	height: 6vw;
	line-height: 6vw;
	padding: 0 2.6vw;
	font-weight: 600;
	color: #fff;
	font-size: 3.1vw;
	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: -2vw;
	width: 3.3vw;
	height: 2.9vw;
	background-position: right 100% bottom 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.order-tel .cnt3 .bg-wrap li:nth-child(-n+4) p:after {
	right: 4.5vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(n+5) p:after {
	left: 4.5vw;
}

.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: 7vw;
	color: #000;
	font-size: 4.5vw;
	line-height: 6.3vw;
	letter-spacing: -0.02em;
}

.order-tel .cnt3 .text2 strong {
	color: #009C48;
	font-weight: 800;
}

.order-tel .cnt3 .text3 {
	font-size: 3.2vw;
	color: #333;
	line-height: 1.35;
	padding: 5.6vw 8.5vw 0;
}

.order-tel .cnt4 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 52vw;
	background: #28CA5F;
}

.order-tel .cnt4 .term {
	padding-top: 11.5vw;
	color: #FFF;
	font-size: 6.3vw;
	line-height: 7vw;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 50% 0 / 8vw;
}

.order-tel .cnt4 .term strong {
	font-weight: 700;
}

.order-tel .cnt4 .desc {
	padding-top: 3.5vw;
	font-weight: 700;
	font-size: 14vw;
	line-height: 11vw;
	color: #FBFF39;
}

.order-tel .cnt5 {
	padding-top: 14vw;
}

.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: 7vw;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50% / 5.3vw 4.9vw;
}

.order-tel .cnt5 .form-wrap h3 .text1,
.order-tel .cnt6 h3 .text1,
.order-tel .cnt7 h3 .text1 {
	padding-top: 5.8vw;
}

.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: 5.8vw;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2) {
	padding-top: 2.3vw;
	font-weight: 800;
	font-size: 11vw;
	line-height: 11vw;
}

.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: 5vw;
	color: #333;
	font-size: 3.5vw;
	line-height: 3.5vw;
}

.order-tel .cnt5 .form-wrap .form {
	margin: 9vw 8vw;
}

.order-tel .form-wrap .form {
	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: 3.5vw;
}

.order-tel .form-wrap .form .input-wrap>label {
	font-weight: 500;
	line-height: 4vw;
	color: #000
}

.order-tel .form-wrap .form .input-wrap>label span {
	font-weight: 400;
}

.order-tel .form-wrap .form .input-wrap>label+* {
	background: #F0F0F0;
	border: none;
}

.order-tel .form-wrap .form .input-wrap>label+input {
	height: 8vw;
	padding: 0 3.5vw;
	font-size: 3.5vw;
	border-radius: 0;
}

.order-tel .form-wrap .form .input-wrap>label+input::placeholder {
	font-size: 3.5vw;
	color: #BBB;
}

.order-tel .form-wrap .form .input-wrap>label+input:placeholder-shown {
	font-size: 3.5vw;
}

.order-tel .form-wrap .form .input-wrap .interest-list {
	display: flex;
	flex-wrap: wrap;
	gap: 3.1vw 0;
	width: 100%;
}

.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;
	line-height: 3.7vw;
	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: 3.7vw;
	min-width: 3.7vw;
	height: 3.5vw;
	margin-right: 8px;
	background: url(/res/images/tel/cnt5-checkbox-off.svg) no-repeat 0 50% / 3.5vw 3.5vw;
}

.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: 3.7vw 3.5vw;
}

.order-tel .form-wrap .agree-wrap {
	margin: 2.3vw 0 0 14vw;
}

.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: 2.5vw;
	color: #000;
	cursor: pointer;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 2.5vw;
	height: 2.5vw;
	margin-right: 1vw;
	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% / 2.5vw;
}

.order-tel .form-wrap .form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #000
}

.order-tel .form-wrap .form button span {
	background: url(/res/images/tel/arrow-w-circle-left-ico.svg) no-repeat 100% 50% / 7vw;
	color: #FFF;
	font-weight: 500;
}

.order-tel .cnt5 .form-wrap .form .input-wrap>label {
	width: 12vw;
	margin-right: 1.8vw;
	font-size: 4.5vw;
}

.order-tel .cnt5 .form-wrap .form .input-wrap>label span {
	font-size: 2.9vw;
}

.order-tel .cnt5 .form-wrap .form .input-wrap .interest-list {
	padding: 4.1vw 4.5vw 3.8vw;
}

.order-tel .cnt5 .form-wrap .form .input-wrap .interest-list li {
	width: 50%;
}

.order-tel .cnt5 .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label {
	font-size: 3.5vw;
}

.order-tel .cnt5 .form-wrap .agree-wrap {
	text-align: right;
}

.order-tel .cnt5 .form-wrap .form button {
	height: 14vw;
	margin-top: 6.7vw;
	padding: 0 3.6vw;
}

.order-tel .cnt5 .form-wrap .form button span {
	padding-right: 9vw;
	font-size: 5.8vw;
	line-height: 7vw;
}

.order-tel .cnt9 .form-wrap .form .input-wrap>label {
	width: 10.5vw;
	margin-right: 3.5vw;
	font-size: 4vw;
}

.order-tel .cnt9 .form-wrap .form .input-wrap>label span {
	font-size: 2.5vw;
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list {
	padding: 4.1vw 2.9vw 3.8vw
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list li:nth-child(odd) {
	width: 45%;
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list li:nth-child(even) {
	width: 55%;
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label {
	font-size: 3.1vw;
}

.order-tel .cnt9 .form-wrap .form button {
	height: 11.5vw;
	margin-top: 5.5vw;
	padding: 0 4.5vw;
}

.order-tel .cnt9 .form-wrap .form button span {
	padding-right: 7.5vw;
	font-size: 4.8vw;
	line-height: 5.8vw;
	background-size: 5.8vw 5.8vw;
}

.order-tel .cnt5 .precaution {
	background: #292929;
}

.order-tel .precaution {
	padding: 5.8vw 2vw 5.8vw 5.8vw;
}

.order-tel .precaution .title {
	padding-left: 6.3vw;
	color: #fff;
	font-weight: 700;
	font-size: 4.5vw;
	line-height: 4.5vw;
	background: url(/res/images/tel/info-w-ico.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .precaution .title+ul {
	margin-top: 4.5vw;
}

.order-tel .precaution li p {
	position: relative;
	color: #fff;
	font-weight: 300;
	font-size: 2.9vw;
	line-height: 5.8vw;
	letter-spacing: -0.06em;
}

.order-tel .precaution li p:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.4vw);
	left: -2.3vw;
	width: 0.9vw;
	height: 0.9vw;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 {
	padding: 14vw 0 9vw;
	background: #FFFAE0;
}

.order-tel .cnt6 h3 .text1 span:nth-child(1) {
	font-size: 5vw;
	line-height: 5.8vw;
}

.order-tel .cnt6 h3 .text1 span:nth-child(2) {
	padding-top: 2.3vw;
	font-weight: 800;
	font-size: 8vw;
	line-height: 9vw;
}

.order-tel .cnt6 .feature {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.3vw 3.5vw;
	width: 100%;
	margin: 7vw auto 0;
}

.order-tel .cnt6 .feature li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 27.9vw;
	height: 32.5vw;
	border-radius: 30px;
	background: #0BB65A;
}

.order-tel .cnt6 .feature li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15vw;
	height: 15vw;
	padding: 2.3vw;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 .feature li:nth-child(1) .thumb img {
	width: 9.7vw
}

.order-tel .cnt6 .feature li:nth-child(2) .thumb img {
	width: 8.7vw;
}

.order-tel .cnt6 .feature li:nth-child(3) .thumb img {
	width: 10.9vw;
}

.order-tel .cnt6 .feature li:nth-child(4) .thumb img {
	width: 8vw
}

.order-tel .cnt6 .feature li:nth-child(5) .thumb img {
	width: 8.7vw;
}

.order-tel .cnt6 .feature li>p {
	padding-top: 1.1vw;
	color: #fff;
	font-size: 3.5vw;
	line-height: 4.1vw;
	text-align: center;
}

.order-tel .cnt6 .feature li p span {
	color: #FBFF39;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap {
	padding-top: 13vw;
}

.order-tel .cnt6 .sale-wrap .sale-tit {
	color: #000;
	font-weight: 800;
	font-size: 8vw;
	line-height: 8vw;
	text-align: center;
}

.order-tel .cnt6 .sale-wrap .sale-tit>span {
	padding-right: 7.5vw;
	background: url(/res/images/tel/cnt6-tag.svg) no-repeat 100% 0 / 7vw;
}

.order-tel .cnt6 .sale-wrap .sale-list {
	margin: 5.8vw 11.5vw 0;
}

.order-tel .cnt6 .sale-wrap .sale-list li {
	display: flex;
	align-items: center;
	height: 9vw;
	color: #000;
	font-weight: 500;
	font-size: 4.3vw;
	line-height: 10vw;
	padding: 0 7.5vw 0 8vw;
	background-color: #fff;
	border-radius: 20px;
}

.order-tel .cnt6 .sale-wrap .sale-list li+li {
	margin-top: 2.3vw
}

.order-tel .cnt6 .sale-wrap .sale-list li p {
	padding-left: 6.3vw;
	background: url(/res/images/tel/cnt6-check.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .cnt6 .sale-wrap .sale-list li strong {
	color: #FB1F2D;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap .sale-procaution {
	padding-top: 4.5vw;
	font-weight: 500;
	font-size: 2.9vw;
	line-height: 2.5vw;
	text-align: center;
}

.order-tel .cnt7 {
	padding: 14vw 3.5vw 14.6vw;
}

.order-tel .cnt7 h3 .text1 span:nth-child(1) {
	font-size: 5vw;
	line-height: 5.8vw;
}

.order-tel .cnt7 h3 .tit-flag span {
	padding-left: 6.1vw;
	background: url(/res/images/tel/headset-w-ico.svg) no-repeat 0 50% / 4.8vw 4.7vw;
}

.order-tel .cnt7 h3 .text1 span:nth-child(2) {
	position: relative;
	padding-top: 2.3vw;
	font-weight: 800;
	font-size: 9vw;
	line-height: 8vw;
}

.order-tel .cnt7 h3 .text1 span:nth-child(2):after {
	content: '';
	position: absolute;
	top: -1.1vw;
	right: -7vw;
	width: 8vw;
	height: 8vw;
	background: url(/res/images/tel/cnt7-best-ico.svg) no-repeat 100% 0 / 8vw;
}

.order-tel .cnt7 ul {
	margin-top: 7vw;
}

.order-tel .cnt7 ul li {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 5.8vw 4.5vw 4.5vw 4.5vw;
	background: #F0F0F0;
}

.order-tel .cnt7 ul li+li {
	margin-top: 2.3vw;
}

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

.order-tel .cnt7 ul li .info-wrap .tag-list p {
	display: flex;
	align-items: center;
	height: 4vw;
	padding: 0 2.3vw;
	color: #fff;
	font-size: 2.3vw;
	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 .tag-name .name {
	padding-top: 2.3vw;
	font-weight: 700;
	font-size: 4.8vw;
	line-height: 5vw;
	color: #000
}

.order-tel .cnt7 ul li .info-wrap .tag-name .name span {
	font-weight: 400;
	font-size: 4vw;
}

.order-tel .cnt7 ul li .info-wrap img {
	position: absolute;
	right: 0;
	width: 34.4vw;
	height: 34.4vw;
}

.order-tel .cnt7 ul li:nth-child(1) .info-wrap img {
	top: -9vw;
}

.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: -8.8vw;
}

.order-tel .cnt7 ul li:nth-child(3) .info-wrap img {
	right: -0.5vw;
}

.order-tel .cnt7 ul li:nth-child(4) .info-wrap img {
	right: -3.5vw;
}

.order-tel .cnt7 ul li:nth-child(5) .info-wrap img {
	top: -8.7vw;
	right: -2vw;
}

.order-tel .cnt7 ul li .price-wrap {
	display: flex;
	align-items: flex-end;
	margin-top: 5vw;
}

.order-tel .cnt7 ul li .price-wrap .term {
	color: #FB1F2D;
	font-weight: 700;
	font-size: 3.5vw;
	line-height: 4.5vw;
}

.order-tel .cnt7 ul li .price-wrap .price {
	margin: 0 6.5vw 0 2.9vw;
}

.order-tel .cnt7 ul li .price-wrap .price span {
	display: block;
}

.order-tel .cnt7 ul li .price-wrap .price .prime {
	padding-bottom: 1.3vw;
	font-size: 3.5vw;
	color: #000;
	line-height: 3.5vw;
	text-align: right;
}

.order-tel .cnt7 ul li .price-wrap .price .prime em {
	padding-left: 1.8vw;
	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: 29vw;
	height: 8.3vw;
}

.order-tel .cnt7 ul li .price-wrap .price .discount em {
	color: #FB1F2D;
	font-weight: 800;
	font-size: 5.8vw;
	line-height: 7vw;
}

.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: 3.5vw;
	line-height: 4.5vw;
	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: 29vw;
	height: 10.4vw;
	padding: 0 3.5vw;
	background: #084C40;
	border-radius: 20px;
}

.order-tel .cnt7 ul .add-info .ico {
	display: inline-block;
	width: 6.5vw;
	height: 6.5vw;
	background: #fff;
	border-radius: 50%;
}

.order-tel .cnt7 ul .add-info .ico:before {
	content: '';
	display: inline-block;
	width: 6.5vw;
	height: 6.5vw;
	background: url(/res/images/tel/call-primary-ico.svg) no-repeat 50% 50% / 3.7vw;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt7 ul .add-info .txt {
	color: #fff;
	font-weight: 500;
	font-size: 2.9vw;
	line-height: 3.8vw;
}

.order-tel .cnt7 ul .add-info .txt strong {
	font-weight: 700;
	font-size: 3.5vw;
	color: #FBFF39;
}

.order-tel .cnt7 .etc,
.order-tel .cnt7 ul li .etc {
	font-size: 3vw;
	color: #000;
	margin-top: 3vw;
	text-align: right;
}

.order-tel .cnt8 {
	padding: 11.5vw 0;
	background: #FFFAE0;
}

.order-tel .cnt8 h3 .text1>span {
	color: #000;
}

.order-tel .cnt8 h3 .text1 span:nth-child(1) {
	display: block;
	font-size: 5vw;
	line-height: 5vw;
}

.order-tel .cnt8 h3 .text1>span:nth-child(2) {
	display: inline-block;
	margin-top: 5vw;
	font-weight: 700;
	font-size: 8vw;
	line-height: 9vw;
}

.order-tel .cnt8 h3 .text1>span:nth-child(2) span {
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt8 .feature {
	position: relative;
	height: 54.6vw;
	margin: 8vw 5.8vw 13vw;
	padding: 7vw 4.2vw 8vw;
	background-color: #fff;
}

.order-tel .cnt8 .feature:after {
	content: '';
	position: absolute;
	bottom: -10.4vw;
	left: calc(50% - 3.5vw);
	width: 7vw;
	height: 14vw;
	background: url(/res/images/tel/cnt8-arrow.png) no-repeat 50% 50% / 7vw 14vw;
}

.order-tel .cnt8 .feature img {
	position: absolute;
	top: -3.5vw;
	left: 4.5vw;
	width: 16.2vw;
	height: 11vw;
}

.order-tel .cnt8 .feature .txt1 {
	color: #000;
	font-size: 4.5vw;
	line-height: 5.8vw;
	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: 8vw;
}

.order-tel .cnt8 .feature ul li {
	width: 33.33333333333333333%;
	padding-top: 16.2vw;
	color: #000;
	font-size: 3.5vw;
	line-height: 3.5vw;
	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.png);
	background-size: 11.2vw 14.7vw;
}

.order-tel .cnt8 .feature ul li:nth-child(2) {
	background-image: url(/res/images/tel/cnt8-item02.png);
	background-size: 13.7vw 14vw;
}

.order-tel .cnt8 .feature ul li:nth-child(3) {
	background-image: url(/res/images/tel/cnt8-item03.png);
	background-size: 13.2vw 12.4vw;
}

.order-tel .cnt8 .txt2 {
	color: #000;
	font-size: 4vw;
	line-height: 5.8vw;
	text-align: center;
}

.order-tel .cnt8 .txt2 strong {
	font-weight: 600;
}

.order-tel .cnt9 {
	padding-top: 14vw;
}

.order-tel .cnt9 h3 {
	text-align: center;
}

.order-tel .cnt9 h3 .tit-flag span {
	padding-left: 7vw;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50% / 5.3vw 4.8vw;
}

.order-tel .cnt9 h3 .text1 span {
	display: block;
}

.order-tel .cnt9 h3 .text1 span:nth-child(1) {
	padding-top: 50px;
	color: #000;
	font-size: 5vw;
	line-height: 5.8vw;
}

.order-tel .cnt9 h3 .text1 span:nth-child(2) {
	padding-top: 1.1vw;
	font-weight: 800;
	font-size: 11vw;
	line-height: 13vw;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt9 h3 .text2 {
	padding-top: 2.9vw;
	color: #333;
	font-size: 3.5vw;
	line-height: 3.6vw;
}

.order-tel .cnt9 .form-wrap .form {
	position: relative;
	margin-top: 8vw;
	padding: 2.3vw 34.8vw 10.4vw 4.5vw;
}

.order-tel .cnt9 .form-wrap .form:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 38vw;
	height: 89.5vw;
	background: url(/res/images/tel/m-cnt9-bg.png) no-repeat 50% 50% / cover;
}

.order-tel .cnt9 .direct-info {
	height: 52vw;
	padding: 10vw 11.5vw;
	text-align: center;
	background: #032F27;
}

.order-tel .cnt9 .direct-info .txt {
	color: #fff;
	font-weight: 300;
	font-size: 5vw;
	line-height: 7.6vw;
}

.order-tel .cnt9 .direct-info .txt strong {
	color: #5FF433;
	font-weight: 800;
	font-size: 8.7vw;
}

.order-tel .cnt9 .direct-info .tel {
	display: inline-flex;
	align-items: center;
	height: 11.5vw;
	margin-top: 5.8vw;
	padding: 0 4.5vw;
	background: #5FF433;
	border-radius: 7vw;
}

.order-tel .cnt9 .direct-info .tel a {
	padding-left: 6.3vw;
	color: #000;
	font-weight: 700;
	font-size: 5.8vw;
	line-height: 9vw;
	background: url(/res/images/tel/call-b-ico.svg) no-repeat 0 50% / 4.5vw;
}

.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 .section.app_down_sec {
	border-bottom: 10px solid #f7f7f7;
}

.product_dtl .qr_banner {
	display: flex;
	align-items: center;
	height: 72px;
	background: url('/res/images/m_icn_right_48x48.png') no-repeat right 20px center / 24px #e7ffe1;
	padding: 16px 45px 16px 20px;
}

.product_dtl .qr_banner .qr_icn {
	display: block;
	width: 44px;
	height: 40px;
	background: url('/res/images/icon/m_icn_app.svg') no-repeat center / 44px 40px;
}

.product_dtl .qr_banner .txt {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	padding-left: 14px;
}

.product_dtl .qr_banner .txt strong {
	color: #3cc814;
	font-weight: 500;
}