@charset "utf-8";
@import url(puzzle_m2.css?v=20211116);

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

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

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

@font-face {
	font-family: 'SpoqaNeo';
	font-weight: 700;
	src: local('SpoqaHanSansNeoBold'),
		url('/resources/fonts/SpoqaHanSansNeoBold.woff2') format('woff2'),
		url('/resources/fonts/SpoqaHanSansNeoBold.woff') format('woff'),
		url('/resources/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;
	-webkit-overflow-scrolling: touch;
}

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

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: #f7f7f7;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #000;
	letter-spacing: -0.6px;
	border-radius: 0;
	font-weight: 400;
	font-size: 14px;
	border-radius: 6px
}

input {
	padding: 3px 12px;
	border: none
}

select {
	padding: 3px 12px
}

option {
	padding: 10px
}

option.gray {
	color: #AAAAAA;
}

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="tel"] {
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	caret-color: #e81d75
}

input[type="number"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
}

input[type="tel"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
}

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

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

input[type="date"] {
	-webkit-appearance: none;
	appearance: none
}

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

select {
	padding: 0 40px 0 12px;
	height: 48px;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	background: url('/resources/images/m_icn_down_blk_40x40.png') no-repeat right 14px top 50% #f7f7f7;
	background-size: 20px;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

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

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

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

a {
	text-decoration: none;
	color: #555;
	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: #ddd;
	letter-spacing: -0.2px;
}

:-moz-placeholder {
	font-size: 14px;
	color: #ddd;
	letter-spacing: -0.2px;
}

::-moz-placeholder {
	font-size: 14px;
	color: #ddd;
	letter-spacing: -0.2px;
}

:-ms-input-placeholder {
	font-size: 14px;
	color: #ddd;
	letter-spacing: -0.2px;
}

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

input[readonly]:focus,
input[readonly="readonly"]:focus {
	border: 1px solid #7b23a8
}


/*단일 클래스*/
.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%
}

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

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

.cont_con {
	display: none
}

.cont_con:first-child {
	display: block
}

.img_resize {
	position: relative;
	overflow: hidden
}

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

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

/* 간격 */
.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;
}

.mt25 {
	margin-top: 25px !important;
}

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

.mt35 {
	margin-top: 35px !important;
}

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

.mt45 {
	margin-top: 45px !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
}

.bg_wht {
	background-color: #fff !important;
}

/* 레이아웃 기본스타일 */
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
}

body.not_scroll {
	overflow: hidden;
}

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

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

#wrap {
	position: relative;
	word-break: keep-all;
	overflow-x: hidden
}

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

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

#wrap.dimd .layer_pop {
	display: block
}

#wrap.dimd .dimd_bg {
	display: block
}

/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 3;
	background: #fff;
	transition: top 0.3s ease;
}

/* header.main {
	background: none
} */

header .head_div {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	height: 60px
}

header.up {
	top: 0
}

header .logo {
	position: absolute;
	top: calc(50% - 8px);
	left: 0
}

header .logo a {
	display: block;
	height: 18px;
}

header .logo a img {
	width: 135px
}

header .utill {
	display: flex;
	align-items: center;
	justify-content: right;
	padding: 16px 0;
}

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

header .utill a {
	position: relative;
	width: 28px;
	height: 28px;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: #000
}

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

header .utill a.cart_btn {
	background: url('/resources/images/icon/header/m_head_cart.png') no-repeat;
	background-size: 28px
}

header .utill a.cart_btn span {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 16px;
	height: 16px;
	font-weight: 500;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: #e81d75;
	border-radius: 100%
}

header .utill .login_btn {
	width: auto;
	line-height: 28px
}

header .utill .login_btn.login {
	text-indent: -9999999px;
	width: 28px;
	padding: 0;
	background: url('/resources/images/icon/header/m_head_mypage.png') no-repeat;
	background-size: 28px
}

header .utill a.intake_btn {
	background: url('/resources/images/icon/header/m_head_intake.svg') no-repeat;
	background-size: 28px
}

header .utill .allmenu_btn img {
	width: 100%
}

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

.indicator .prev_btn {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 28px;
	height: 28px;
}

.indicator .prev_btn img {
	width: 100%
}

.indicator h1 {
	padding: 16px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.indicator h1 img {
	padding: 5px 0;
	height: 28px
}

.indicator h1.survey_tit {
	padding: 18px 0;
	text-align: left
}

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

.indicator h1.survey_tit p {
	float: left;
	margin-left: 8px
}

.indicator h1.survey_tit p:first-child {
	margin-left: 0
}

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

.indicator h1.survey_tit p span {
	float: left;
	width: 24px;
	height: 24px;
	font-weight: 700;
	font-size: 12px;
	line-height: 23px;
	color: #9f85dc;
	text-align: center;
	background: #d4c5f7;
	opacity: 0.9;
	border-radius: 100%
}

.indicator h1.survey_tit p b {
	display: none;
	position: relative;
	float: left;
	margin-left: 6px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.indicator h1.survey_tit p b:after {
	content: '';
	position: absolute;
	top: 11px;
	right: -22px;
	width: 12px;
	height: 2px;
	background: #dbd0f4;
	border-radius: 1px
}

.indicator h1.survey_tit p.on span {
	color: #fff;
	background: #5b1a7c
}

.indicator h1.survey_tit p.on b {
	display: block
}

.indicator h1.survey_tit p.on+p {
	margin-left: 32px
}

.indicator h1.survey_tit p:last-child b:after {
	display: none
}

.indicator .cart_btn {
	position: absolute;
	top: 16px;
	right: 54px;
	width: 28px;
	height: 28px;
	background: url('/resources/images/icon/header/m_head_cart.png') no-repeat;
	background-size: 28px
}

.indicator .cart_btn span {
	position: absolute;
	top: -2px;
	right: -4px;
	width: 16px;
	height: 16px;
	font-weight: 500;
	font-size: 10px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #e81d75;
	border-radius: 100%
}

.indicator .login {
	position: absolute;
	top: 16px;
	right: 54px;
	text-indent: -9999999px;
	display: block;
	width: 28px;
	height: 28px;
	padding: 0;
	background: url('/resources/images/icon/header/m_head_mypage.png') no-repeat;
	background-size: 28px
}

.indicator .allmenu_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 28px;
	height: 28px
}

.indicator .allmenu_btn img {
	width: 100%
}

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

/* 띠배너 */
.head_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #5b1a7c;
	height: 56px;
	z-index: 3;
	text-align: center
}

.head_banner .content {
	display: block;
	padding: 16px 0;
}

.head_banner .content img {
	height: 24px;
	width: auto
}

.head_banner .xbt {
	position: absolute;
	top: 0;
	right: 14px;
	width: 20px;
	height: 100%;
	background: url('/resources/images/icon/m_head_banner_close.svg') no-repeat center;
	background-size: 20px;
	z-index: 2
}

@media (max-width: 320px) {
	.head_banner .content {
		padding: 16px 48px 16px 14px;
		text-align: left;
	}
}

/* 공통 스타일 */
.allmenu_pop {
	position: fixed;
	top: 0;
	right: -100%;
	width: 89%;
	height: 100%;
	background: #fff;
	overflow-y: auto;
	z-index: 12
}

.allmenu_pop:after {
	content: '';
	display: block;
	height: 40px
}

.allmenu_pop .head {
	position: relative;
	display: flex;
	align-items: center;
	height: 60px;
	padding: 16px 24px 16px 0;
}

.allmenu_pop .head a {
	display: inline-block;
}

.allmenu_pop .head .ico_head img {
	width: 28px;
}

.allmenu_pop .head .head_txt {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.5px;
	margin-left: 6px;
}

.allmenu_pop .logo {
	position: absolute;
	top: 17px;
	left: -8px;
	padding: 0 8px
}

.allmenu_pop .logo img {
	width: 125px
}

.allmenu_pop .head .login {
	padding: 19px 0
}

.allmenu_pop .head .login:after {
	content: '';
	display: block;
	clear: both
}

.allmenu_pop .head .login a {
	float: left;
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.allmenu_pop .head .login a:first-child {
	padding-left: 0
}

.allmenu_pop .head .login a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 12px;
	width: 1px;
	height: 12px;
	background: #ddd
}

.allmenu_pop .head .login span {
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.allmenu_pop .head .login span b {
	font-weight: 500
}

.allmenu_pop .survey_banner {
	display: block;
	height: 88px;
	margin-top: 20px;
	padding: 24px;
	background: url('/resources/images/m_survey_banner_bg.png') no-repeat right center #5b1a7c;
	background-size: 116px 88px;
	border-radius: 8px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15)
}

.allmenu_pop .survey_banner .tit {
	font-size: 13px;
	line-height: 13px;
	color: #fff
}

.allmenu_pop .survey_banner .txt {
	display: inline-block;
	margin-top: 8px;
	padding-right: 26px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: url('/resources/images/m_survey_banner_arrow.png') no-repeat right center;
	background-size: 24px;
}

.allmenu_pop nav {
	margin-top: 24px
}

.allmenu_pop nav .menu .one_depth {
	display: block;
	padding: 16px 30px 16px 0;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center;
	background-size: 20px
}

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

.allmenu_pop nav .menu .one_depth .icon {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 12px
}

.allmenu_pop nav .menu .one_depth .icon img {
	width: 100%
}

.allmenu_pop nav .menu .one_depth .name {
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.allmenu_pop nav .menu .one_depth .add {
	display: none;
	position: relative;
	float: left;
	margin-left: 12px;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 16px;
	color: #7b23a8;
	background: #f4f0ff;
	border-radius: 4px
}

.allmenu_pop nav .menu .one_depth .add:after {
	content: '';
	position: absolute;
	top: 8px;
	left: -8px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 8px solid #f4f0ff
}

.allmenu_pop nav .menu .one_depth .info {
	float: left;
	margin-left: 10px;
	font-size: 13px;
	line-height: 24px;
	color: #999
}

.allmenu_pop nav .menu .one_depth .info.update {
	color: #7b23a8
}

.allmenu_pop nav .menu .one_depth .info span {
	margin-left: 6px
}

.allmenu_pop nav .menu .one_depth .info.update span {
	color: #999
}

.allmenu_pop nav .menu .one_depth.new .add {
	display: block
}

.allmenu_pop nav .menu .one_depth .name.new:after {
	content: 'New';
	display: inline-block;
	font-weight: 700;
	font-size: 12px;
	line-height: 32px;
	color: #7b23a8;
	margin-left: 8px;
	vertical-align: top
}

/*.allmenu_pop nav .menu .one_depth.new .name:after{content:''; position:absolute; top:0; right:-8px; width:6px; height:6px; background:#e81d75; border-radius:100%}*/
.allmenu_pop nav .menu.has_two .one_depth {
	background: url('/resources/images/common/m_nav_plus.png') no-repeat right 9px top 19px;
	background-size: 20px
}

.allmenu_pop nav .menu.has_two .one_depth.on {
	background: url('/resources/images/common/m_nav_minus.png') no-repeat right 9px top 19px;
	background-size: 20px
}

.allmenu_pop nav .menu .two_depth {
	display: none;
	margin-bottom: 15px
}

.allmenu_pop nav .menu .two_depth a {
	display: block;
	padding: 5px 40px;
	margin-top: 4px;
	font-size: 16px;
	line-height: 24px;
	color: #777
}

.allmenu_pop nav .menu .two_depth a:first-child {
	margin-top: 0
}

.allmenu_pop .close_btn {
	position: absolute;
	top: 14px;
	right: 16px;
	width: 28px;
	height: 28px;
	background: url('/resources/images/common/m_icn_allmenu_close_bk.png') no-repeat left center;
	background-size: auto 28px;
}

.star {
	display: inline-block;
	width: 128px;
	height: 24px;
	background: url('/resources/images/common/m_star_h48.png') no-repeat left center;
	background-size: auto 24px;
}

.star:before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	height: 24px;
	background: url('/resources/images/common/m_star_h48_on.png') no-repeat left center;
	background-size: auto 24px;
	vertical-align: top;
	overflow: hidden
}

.star00:before {
	width: 0;
}

.star10:before {
	width: 24px;
}

.star20:before {
	width: 50px;
}

.star30:before {
	width: 76px;
}

.star40:before {
	width: 102px;
}

.star50:before {
	width: 128px;
}

.heart.w20.wht {
	background: url('/resources/images/common/m_icn_heart_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.heart.w20 {
	background: url('/resources/images/common/m_icn_heart_40x40.png') no-repeat left center;
	background-size: 20px
}

.heart.w20.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat left center;
	background-size: 20px
}

.heart.w28.wht {
	background: url('/resources/images/common/m_icn_heart_wht_56x56.png') no-repeat left center;
	background-size: 28px
}

.heart.w28 {
	background: url('/resources/images/common/m_icn_heart_56x56.png') no-repeat left center;
	background-size: 28px
}

.heart.w28.on {
	background: url('/resources/images/common/m_icn_heart_on_56x56.png') no-repeat left center;
	background-size: 28px
}

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

.no_data_div {
	display: table;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #777;
	text-align: center
}

.no_data_div .txt_area {
	padding: 80px 24px 0;
	vertical-align: middle;
	text-align: center;
	background: url('/resources/images/m_nodata_icon.png') no-repeat center top;
	background-size: 64px
}

.no_data_div .txt_area .tit {
	font-size: 15px;
	line-height: 20px;
	color: #000
}

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

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

.no_data_div .txt_area .btn {
	display: block;
	margin-top: 32px;
	height: 44px;
	font-size: 14px;
	line-height: 42px;
	color: #000;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd
}

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

.no_data_div.gray_bg {
	background: #f9f9f9
}

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

.no_data_icon_div .txt_area {
	display: table-cell;
	padding: 76px 24px 0;
	background: url('/resources/images/m_nodata_icon.png') no-repeat center top;
	background-size: 64px
}

.no_data_icon_div .txt_area .txt {
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.tabs+.no_data_div {
	height: calc(100% - 106px);
	height: -webkit-calc(100% - 106px)
}

.inqu_btn+.no_data_div {
	padding-top: 120px;
	height: calc(100% - 190px);
	height: -webkit-calc(100% - 190px);
	background: #f9f9f9
}

.dot_indent_tit {
	margin-bottom: 6px;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	color: #555
}

.dot_indent p {
	position: relative;
	padding-left: 10px;
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	text-align: left;
	letter-spacing: -0.2px;
	word-break: break-all;
}

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

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

.dot_indent p .tel {
	color: #000
}

.dot_indent p.warging {
	padding-left: 16px;
	text-indent: -16px
}

.dot_indent p.warging:before {
	display: none
}

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

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

.input_form .tit {
	margin-top: 18px;
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

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

.input_form .chk_fail_txt {
	display: none
}

.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 {
	display: block;
	width: 100%;
	margin-right: 8px
}

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

.input_form .input_area .textarea_div textarea {
	padding: 10px;
	width: 100%;
	height: 144px;
	background: #f7f7f7
}

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

.input_form .input_area .btn {
	display: inline-block;
	font-size: 14px;
	line-height: 46px;
	color: #7b23a8;
	border: 1px solid #7b23a8;
	text-align: center;
	border-radius: 6px
}

.input_form .input_area .btn.w90 {
	min-width: 90px
}

.input_form .input_area .btn.w100 {
	min-width: 100px
}

.input_form .input_area .btn.w104 {
	min-width: 104px
}

.input_form .input_area .btn.w110 {
	min-width: 110px
}

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

.input_form .input_area .btn.disabled_btn.on {
	color: #000;
	border: 1px solid #000;
}

.input_form .input_area .upload_pic {
	width: 100%
}

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

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

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

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

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

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

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

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

.input_form .input_area.error+.chk_fail_txt {
	display: block
}

.input_form .input_area.error textarea {
	border: 1px solid #e62423
}

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

.input_form .add_txt {}

/* 주소 */
.wrap_addr {
	display: none;
	border: 1px solid;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.upload_pic {
	position: relative;
	overflow: hidden
}

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

.upload_pic .file {
	position: relative;
	float: left;
	margin-left: 12px;
	width: calc(33.33% - 8px);
	width: -webkit-calc(33.33% - 8px);
	overflow: hidden;
	border-radius: 10px
}

.upload_pic .file:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.upload_pic .file:first-child {
	margin-left: 0
}

.upload_pic .file .img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.upload_pic .file .del {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	background: url('/resources/images/m_icn_delete.png') no-repeat right top;
	background-size: 24px
}

.upload_pic .file.on {}

.upload_pic .file.on .img {
	display: block
}

.upload_pic .file.on .del {
	display: block
}

.upload_pic .upload {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(33.33% - 8px);
	width: -webkit-calc(33.33% - 8px);
	height: 100%;
	background: url('/resources/images/m_upload_pic_icon.png') no-repeat center #f9f9f9;
	background-size: 20px;
	border-radius: 10px
}

.upload_pic .upload.one {
	left: calc(33.33% + 4px);
	left: calc(33.33% + 4px)
}

.upload_pic .upload.two {
	left: calc(66.66% + 8px);
	left: calc(66.66% + 8px)
}

.upload_pic .upload.thr {
	left: 100%
}

.upload_pic .upload input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

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

.clear_has .delete {
	display: none;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: url('/resources/images/common/m_clear_delete.png') no-repeat center;
	background-size: 16px;
	z-index: 1
}

.clear_has .delete img {
	width: 100%
}

.clear_has.btn_has .delete {
	right: 129px
}

/* 체크박스 */
.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-left: 32px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
}

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

.chk_box input[type="checkbox"]:disabled+label:after {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 100%
}

.chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 100%
}

.chk_box.on input[type="checkbox"]+label:after {
	border: none;
	background: url("/resources/images/common/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-left: 32px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 500
}

.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("/resources/images/common/m_radio_icon_48x48.png") no-repeat center;
	background-size: 24px;
	border-radius: 100%
}

.radio_box input[type="radio"]:checked+label:after {
	background: url("/resources/images/common/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;
}

/* 툴팁 */
.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 #eee;
	z-index: 2
}

.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 {
	font-weight: 400;
	margin-top: 8px;
	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;
	letter-spacing: -0.2px;
}

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

.tooltip.txt_area b {
	font-weight: 700;
	color: #7b23a8
}

.tooltip.on {
	display: block;
}

.star_div .star.h20 {
	width: 100px;
	height: 20px;
	position: relative;
	background: none
}

.star_div .star.h20:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 20px;
	background: url('/resources/images/m_star_h40.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('/resources/images/m_star_h40_on.png') no-repeat left center;
	background-size: 100px 20px
}

/* 더보기 버튼 */
.more_btn {
	display: block;
	margin: 24px auto 0;
	padding: 13px 0;
	width: 272px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 24px
}

.more_btn span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_down_blk_32x32.png') no-repeat right center;
	background-size: 16px
}

/* 에러텍스트 */
.error_txt {
	margin-top: 6px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #e62423;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left bottom 1px;
	background-size: 16px;
}

/* 230202추가 공통 상품 리스트 */
/* 체크박스, xbtn 없음 */
.pd_list_div {
	margin-top: 0;
	border-top: none;
	padding: 4px 20px;
}

.pd_list_div .pd_list {
	margin-top: 0;
	background: none;
	border-radius: 0;
	height: auto;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.pd_list_div .pd_list::before {
	display: none;
}

.pd_list_div .pd_list:nth-last-child(1) {
	border-bottom: none;
}

.pd_list_div .pd_list:last-child {
	border-bottom: none
}

.pd_list_div .pd_list .link_area {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.pd_list_div .pd_list .link_area:after {
	content: '';
	display: block;
	clear: both
}

.pd_list_div .pd_list .thumb {
	float: left;
	width: 80px;
	height: 80px;
	background: #f7f7f7;
	border-radius: 8px;
	position: relative;
	top: auto;
	right: auto
}

.pd_list_div .pd_list .thumb img {
	width: 100%
}

.pd_list_div .pd_list .info {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	padding: 0 12px
}

.pd_list_div .pd_list .info .name_desc {
	font-size: 12px;
	line-height: 16px;
	color: #555
}

.pd_list_div .pd_list .info .name {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pd_list_div .pd_list .info .name span {
	display: block;
	font-weight: 400;
	margin-top: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top
}

.pd_list_div .pd_list .info .name b {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top
}

.pd_list_div .pd_list .amount {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #999
}

.pd_list_div .pd_list .info .amount strong {
	color: #7b23a8;
	margin-left: 2px;
}

.pd_list_div .pd_list .info .price strong {
	font-size: 14px;
	line-height: 24px;
	color: #7b23a8;
	margin-left: 4px
}

.pd_list_div .pd_list .info .bottom {
	margin-top: 10px;
}

.pd_list_div .pd_list .info .bottom .price_div .line:first-child .price {
	width: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-decoration: none;
}

.pd_list_div .pd_list .info .bottom .price_div .line:first-child .price span {
	display: inline-block;
	font-size: 18px;
	text-decoration: none;
	vertical-align: top;
}

.pd_list_div .pd_list .link_area .info .price {
	margin-top: 10px
}

.pd_list_div .pd_list .link_area .info .price:after {
	content: '';
	display: block;
	clear: both
}

.pd_list_div .pd_list .link_area .info .price .dc {
	float: left;
	margin-right: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #fd2189
}

.pd_list_div .pd_list .link_area .info .price .now {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pd_list_div .pd_list .link_area .info .price .now span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.pd_list_div .pd_list .link_area .info .price .past {
	float: left;
	margin-top: 6px;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	color: #bbb
}

.pd_list_div .pd_list .link_area .info .price .past span {
	display: inline-block;
	vertical-align: top;
	text-decoration: line-through;
}

/* xbtn 있음 */
.xbt .pd_list_div {
	padding: 0 20px;
}

.xbt .pd_list_div .pd_list {
	position: relative;
	border-bottom: none;
	border-bottom: 1px solid #eee;
}

.xbt .pd_list_div .pd_list:nth-last-child(1) {
	border-bottom: none;
}

.xbt .pd_list_div .pd_list:first-child {
	border-top: none
}

.xbt .pd_list_div .pd_list .chk_box {
	position: absolute;
	top: 20px;
	left: 0;
	height: 80px
}

.xbt .pd_list_div .pd_list .chk_box label {
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 100%
}

.xbt .pd_list_div .pd_list .link_area {
	display: block;
	padding: 0;
}

.xbt .pd_list_div .pd_list .thumb {
	width: 80px;
	height: 80px;
	background: #f7f7f7;
	overflow: hidden;
	border-radius: 8px
}

.xbt .pd_list_div .pd_list .thumb img {
	width: 100%
}

.xbt .pd_list_div .pd_list .info {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 2px 25px 0 12px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px)
}

.xbt .pd_list_div .pd_list .info .name {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xbt .pd_list_div .pd_list .info .name span {
	display: block;
	margin-top: 2px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top;
}

.xbt .pd_list_div .pd_list .info .name b {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top;
	margin-left: 2px;
}

.xbt .pd_list_div .pd_list .info .name strong {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	vertical-align: top
}

.xbt .pd_list_div .pd_list .bottom {
	margin-top: 10px
}

.xbt .pd_list_div .pd_list .bottom .price_div .line {
	display: flex;
	align-items: center;
	margin-top: 2px
}

.xbt .pd_list_div .pd_list .bottom .price_div .line .dc {
	margin-right: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #e81d75
}

.xbt .pd_list_div .pd_list .bottom .price_div .line .price {
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	color: #bbb;
	text-align: left;
	text-decoration: line-through
}

.xbt .pd_list_div .pd_list .bottom .price_div .line .price span {
	display: inline-block;
	vertical-align: top;
	text-decoration: line-through
}

.xbt .pd_list_div .pd_list .bottom .price_div .line:first-child {
	margin-top: 0
}

.xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .dc {
	line-height: 32px
}

.xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .price {
	width: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-decoration: none
}

.xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .price span {
	font-size: 18px;
	text-decoration: none
}

.xbt .pd_list_div .pd_list .delete {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url('/resources/images/common/m_icn_xbt_gr.svg') no-repeat center;
	background-size: 20px
}

.xbt .pd_list_div.pack .pd_list .info .period {
	margin-top: 2px
}

.xbt .pd_list_div.pack .pd_list .info .price {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.xbt .pd_list_div.pack .pd_list .info .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

/* 체크박스, xbtn 있음 */
.chk_xbt .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 20px 16px;
}

.chk_xbt .top .chk_box {
	padding: 1px 0
}

.chk_xbt .top .btn {
	display: flex;
	align-items: center;
}

.chk_xbt .top .btn a {
	padding: 4px 7px;
	margin-left: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px
}

.chk_xbt .pd_list_div .pd_list .link_area {
	padding: 0;
}

.chk_xbt .top .btn a:first-child {
	margin-left: 0;
}

.chk_xbt .pd_list_div {
	padding: 0 20px;
	border-top: 1px solid #eee
}

.chk_xbt .pd_list_div .pd_list {
	position: relative;
	padding: 20px 0 20px 32px;
	border-top: 1px solid #eee;
	border-bottom: none;
}

.chk_xbt .pd_list_div .pd_list:first-child {
	border-top: none
}

.chk_xbt .pd_list_div .pd_list .chk_box {
	position: absolute;
	top: 20px;
	left: 0;
	height: 80px
}

.chk_xbt .pd_list_div .pd_list .chk_box label {
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 100%
}

.chk_xbt .pd_list_div .pd_list .link_area {
	display: block
}

.chk_xbt .pd_list_div .pd_list .thumb {
	width: 80px;
	height: 80px;
	background: #f7f7f7;
	overflow: hidden;
	border-radius: 8px
}

.chk_xbt .pd_list_div .pd_list .thumb img {
	width: 100%
}

.chk_xbt .pd_list_div .pd_list .info {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 2px 25px 0 12px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px)
}

.chk_xbt .pd_list_div .pd_list .info .name {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chk_xbt .pd_list_div .pd_list .info .name span {
	display: block;
	margin-top: 2px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top;
}

.chk_xbt .pd_list_div .pd_list .info .name b {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top;
	margin-left: 2px;
}

.chk_xbt .pd_list_div .pd_list .info .name strong {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	vertical-align: top
}

.chk_xbt .pd_list_div .pd_list .bottom {
	margin-top: 10px
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line {
	display: flex;
	align-items: center;
	margin-top: 2px
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line .dc {
	margin-right: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #e81d75
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line .price {
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	color: #bbb;
	text-align: left;
	text-decoration: line-through
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line .price span {
	display: inline-block;
	vertical-align: top;
	text-decoration: line-through
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line:first-child {
	margin-top: 0
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .dc {
	line-height: 32px
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .price {
	width: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-decoration: none
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .price span {
	font-size: 18px;
	text-decoration: none
}

.chk_xbt .pd_list_div .pd_list .delete {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url('/resources/images/common/m_icn_xbt_gr.svg') no-repeat center;
	background-size: 20px
}

.chk_xbt .pd_list_div.pack .pd_list .info .period {
	margin-top: 2px
}

.chk_xbt .pd_list_div.pack .pd_list .info .price {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.chk_xbt .pd_list_div.pack .pd_list .info .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

/* 팝업 안에 있는 상품리스트 */
/* bottom_pop 안에 체크박스, xbtn 있음 */
.bottom_pop .chk_xbt .pd_list_div {
	padding: 0;
	border-top: none;
}

.bottom_pop .chk_xbt .pd_list_div .pd_list:last-child {
	border-bottom: 1px solid #eee;
}

/* 메인 */
.main_content {
	position: relative;
	padding-bottom: 80px
}

.guide_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 3;
	cursor: pointer
}

.guide_div .one {
	position: absolute;
	top: 396px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
	width: 300px;
	height: 140px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: url('/resources/images/m_guide_div_one.png') no-repeat;
	background-size: 300px auto;
	opacity: 1;
	transition: opacity 0.6s ease-in-out
}

.guide_div .two {
	position: absolute;
	top: 420px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
	width: 300px;
	height: 188px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: url('/resources/images/m_guide_div_two.png') no-repeat;
	background-size: 300px auto;
	opacity: 0;
	transition: opacity 0.6s ease-in-out 0.2s
}

.guide_div .close {
	position: fixed;
	top: 10px;
	right: 16px;
	width: 40px;
	height: 40px;
	background: url('/resources/images/m_icn_xbt_wht.svg') no-repeat center;
	background-size: 40px;
	opacity: 0;
	transition: opacity 0.4s ease-in-out
}

.guide_div.end .one {
	opacity: 0
}

.guide_div.end .two {
	opacity: 1
}

.guide_div.end .close {
	opacity: 1
}

.main_content img {
	width: 100%;
}

.main_content .main_visual {
	position: relative;
}

.main_content .main_visual .swiper-container {
	padding-bottom: 22px;
}

.main_content .main_visual .swiper-wrapper {
	height: auto;
}

.main_content .main_visual .swiper-container .swiper-pagination {
	bottom: 0;
}

.main_content .main_visual .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
}

.main_content .main_visual .swiper-pagination .swiper-pagination-bullet-active {
	background: #5b1a7c;
}


.main_content .title_area {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	letter-spacing: -0.5px;
	text-align: center;
}

.main_content .title_area span {
	display: inline-block;
	font-size: 26px;
	vertical-align: top
}

.main_content .title_area span b {
	color: #7b23a8;
	font-weight: 700
}

.main_content .sub_title {
	margin-top: 6px
}

.main_content .sct_div {
	padding: 20px 0 110px;
	text-align: center
}

.main_content .sct_div .title {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	color: #000
}

.main_content .sct_div .text {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	margin-top: 10px;
	min-width: 114px;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.main_content .sct_div .text span {
	font-weight: 500
}

.main_content .sct_div .text span b {
	font-weight: 500
}

.main_content .sct_div .text:before {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 8px;
	background: #e81d75;
	opacity: 0.2;
	z-index: -1
}

.main_content .sct_div .sct_pill_div {
	position: relative;
	margin: -36px auto 0;
	width: 280px;
	height: 440px;
}

.main_content .sct_div .sct_pill_div .pill {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 280px;
	height: 440px;
	background: url('/resources/images/m_main_sct_pill_color.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 280px 440px
}

.main_content .sct_div .sct_pill_div .pill:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/resources/images/m_main_sct_pill_shadow.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 280px 440px;
	z-index: -1
}

.main_content .sct_div .sct_pill_div .pill:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/resources/images/m_main_sct_pill.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 280px 440px
}

.main_content .sct_div .sct_pill_div .gage {
	position: absolute;
	bottom: 84px;
	left: 84px;
	width: 112px;
	height: 272px;
	border-radius: 60px;
	overflow: hidden
}

.main_content .sct_div .sct_pill_div .gage p {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	background: rgb(85, 40, 187);
	background: -moz-linear-gradient(top, rgba(85, 40, 187, 1) 0%, rgba(156, 51, 222, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(85, 40, 187, 1) 0%, rgba(156, 51, 222, 1) 100%);
	background: linear-gradient(to bottom, rgba(85, 40, 187, 1) 0%, rgba(156, 51, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5528bb', endColorstr='#9c33de', GradientType=0);
	;
	transition: height 1.5s ease-in-out
}

.main_content .sct_div .sct_pill_div .gage p:after {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	background: #5528bb
}

.main_content .sct_div .sct_pill_div .gage p span {
	display: none;
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%
}

.main_content .sct_div .sct_pill_div .gage p span img {
	width: 100%
}

.main_content .sct_div .sct_pill_div .gage p.on:after {
	display: none
}

.main_content .sct_div .sct_pill_div.new {
	margin: 0 auto;
}

.main_content .sct_div .sct_pill_div.new .arrow_text_wrap {
	position: absolute;
	width: 100%;
	top: 18px;
	text-align: center
}

.main_content .sct_div .sct_pill_div.new .arrow_text {
	display: inline-block;
	position: relative;
	width: auto;
	padding: 6px 25px;
	border-radius: 25px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
	background: #ff409a;
	background: -moz-linear-gradient(top, #ff409a 0%, #e81d75 100%);
	background: -webkit-linear-gradient(top, #ff409a 0%, #e81d75 100%);
	background: linear-gradient(to bottom, #ff409a 0%, #e81d75 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff409a', endColorstr='#e81d75', GradientType=0);
}

.main_content .sct_div .sct_pill_div.new .arrow_text span {
	display: inline-block;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
}

.main_content .sct_div .sct_pill_div.new .arrow_text:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e81d75
}

.main_content .sct_div .sct_pill_div.new .arrow_text.comp {
	padding-left: 8px
}

.main_content .sct_div .sct_pill_div.new .pill_over0 .arrow_text.comp span {
	padding-left: 42px;
	background: url("/resources/images/m_main_sct_text_over10.png") left center no-repeat;
	background-size: 32px
}

.main_content .sct_div .sct_pill_div.new .pill_over10 .arrow_text.comp span {
	padding-left: 42px;
	background: url("/resources/images/m_main_sct_text_over20.png") left center no-repeat;
	background-size: 32px
}

.main_content .sct_div .sct_pill_div.new .pill_over20 .arrow_text.comp span {
	padding-left: 42px;
	background: url("/resources/images/m_main_sct_text_over30.png") left center no-repeat;
	background-size: 32px
}

.main_content .sct_div .sct_pill_div.new .pill_wrap {
	position: absolute;
	width: 885px;
	left: 0;
	transition: all 0.3s ease-in-out 1s
}

.main_content .sct_div .sct_pill_div.new .pill_wrap .pill {
	transition: all 0.3s ease-in-out 1s
}

.main_content .sct_div .sct_pill_div.new .pill_wrap .pill:not(:first-child) {
	opacity: 0
}

.main_content .sct_div .sct_pill_div.new.sct_over10 .pill_wrap {
	left: -295px;
}

.main_content .sct_div .sct_pill_div.new.sct_over10 .pill_wrap .pill_over10 {
	opacity: 1
}

.main_content .sct_div .sct_pill_div.new.sct_over10 .pill_wrap .pill:not(.pill_over10) {
	opacity: 0
}

.main_content .sct_div .sct_pill_div.new.sct_over20 .pill_wrap {
	left: -590px;
}

.main_content .sct_div .sct_pill_div.new.sct_over10.sct_over20 .pill_wrap .pill_over20 {
	opacity: 1
}

.main_content .sct_div .sct_pill_div.new.sct_over10.sct_over20 .pill_wrap .pill:not(.pill_over20) {
	opacity: 0
}

.main_content .sct_div .sct_pill_div.new .pill_wrap:after {
	content: '';
	display: block;
	clear: both
}

.main_content .sct_div .sct_pill_div.new .pill_wrap .pill {
	margin-right: 15px
}

.main_content .sct_div .sct_pill_div.new .bnf_info {
	position: absolute;
	bottom: 50px;
	right: 24px;
	border-radius: 20px;
	background: #2a204e;
	padding: 6px 14px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	z-index: 1
}

.main_content .sct_div .sct_pill_div.new .bnf_info:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 6px solid #2a204e;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-radius: 1px
}

.main_content .sct_div .sct_pill_div .pill.pill_over10 {
	background-image: url('/resources/images/m_main_sct_pill_color_over10.png');
}

.main_content .sct_div .sct_pill_div .pill.pill_over10:before {
	background-image: url('/resources/images/m_main_sct_pill_shadow_over10.png');
}

.main_content .sct_div .sct_pill_div .pill.pill_over10:after {
	background-image: url('/resources/images/m_main_sct_pill_over10.png');
}

.main_content .sct_div .sct_pill_div .pill_over10 .gage p {
	background: #1d74f3;
	background: -moz-linear-gradient(top, #1d74f3 0%, #6faaff 100%);
	background: -webkit-linear-gradient(top, #1d74f3 0%, #6faaff 100%);
	background: linear-gradient(to bottom, #1d74f3 0%, #6faaff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d74f3', endColorstr='#6faaff', GradientType=0);
}

.main_content .sct_div .sct_pill_div .pill_over10 .gage p:after {
	background: #1d74f3
}

.main_content .sct_div .sct_pill_div .pill.pill_over20 {
	background-image: url('/resources/images/m_main_sct_pill_color_over20.png');
}

.main_content .sct_div .sct_pill_div .pill.pill_over20:before {
	background-image: url('/resources/images/m_main_sct_pill_shadow_over20.png');
}

.main_content .sct_div .sct_pill_div .pill.pill_over20:after {
	background-image: url('/resources/images/m_main_sct_pill_over20.png');
}

.main_content .sct_div .sct_pill_div .pill_over20 .gage p {
	background: #00cf1b;
	background: -moz-linear-gradient(top, #00cf1b 0%, #3fef43 100%);
	background: -webkit-linear-gradient(top, #00cf1b 0%, #3fef43 100%);
	background: linear-gradient(to bottom, #00cf1b 0%, #3fef43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cf1b', endColorstr='#3fef43', GradientType=0);
}

.main_content .sct_div .sct_pill_div .pill_over20 .gage p:after {
	background: #00cf1b
}


.main_content .sct_div .sct_pill_div .bar {
	position: absolute;
	top: 80px;
	right: 0;
	padding-left: 20px;
	width: 66px;
	height: 253px;
	background: url('/resources/images/m_main_sct_ruler.png') no-repeat;
	background-size: 20px 253px;
}

.main_content .sct_div .sct_pill_div .bar:before {
	content: '';
	position: absolute;
	bottom: -8px;
	right: 0;
	width: 46px;
	height: 16px;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	text-align: center
}

.main_content .sct_div .sct_pill_div .bar:after {
	content: '';
	position: absolute;
	top: -8px;
	right: 0;
	width: 46px;
	height: 16px;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	text-align: center
}

.main_content .sct_div .sct_pill_div .bar.one:before {
	content: '1일'
}

.main_content .sct_div .sct_pill_div .bar.one:after {
	content: '10일'
}

.main_content .sct_div .sct_pill_div .bar.two:before {
	content: '11일'
}

.main_content .sct_div .sct_pill_div .bar.two:after {
	content: '20일'
}

.main_content .sct_div .sct_pill_div .bar.thr:before {
	content: '21일'
}

.main_content .sct_div .sct_pill_div .bar.thr:after {
	content: '30일'
}

.main_content .sct_div .sct_pill_div .bar p {
	position: absolute;
	left: 1px;
	padding: 9px 0 9px 23px;
	width: 76px;
	height: 35px;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: left;
	background: url('/resources/images/m_main_sct_arrow.png') no-repeat;
	background-size: 76px 35px;
	z-index: 1;
	transition: bottom 1s ease-in-out
}

.main_content .sct_div .sct_pill_div .text_box {
	display: table;
	position: absolute;
	top: 120px;
	right: calc(50% + 18px);
	right: -webkit-calc(50% + 18px);
	padding: 10px 12px;
	height: 56px;
	text-align: left;
	background: #fff;
	white-space: nowrap;
	border-radius: 10px;
	box-shadow: 0 20px 25px 0 rgba(120, 87, 125, 0.23);
	transition: top 0.4s ease-out, opacity 0.4s ease-out
}

.main_content .sct_div .sct_pill_div .text_box:after {
	content: '';
	position: absolute;
	bottom: -17px;
	right: 22px;
	width: 24px;
	height: 18px;
	background: url('/resources/images/m_main_sct_textbox_arrow.png') no-repeat center;
	background-size: 24px 18px
}

.main_content .sct_div .sct_pill_div .text_box p {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.main_content .sct_div .sct_pill_div .text_box p b {
	font-weight: 700
}

.main_content .sct_div .sct_pill_div .text_box.after {
	top: 100px;
	opacity: 0
}

.main_content .sct_div .sct_pill_div .sct_btn {
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%);
	padding: 17px 15px;
	width: 200px;
	border: 1px solid #ddd;
	border-radius: 28px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 1;
	background: #fff;
}

.main_content .sct_div .sct_pill_div .sct_btn:after {
	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: 2px solid #7b23a8;
	border-radius: 28px
}

.main_content .sct_div .sct_pill_div .sct_btn span {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/m_intake_won.png') no-repeat left center;
	background-size: 24px;
}

.main_content .sct_div .sct_pill_div .sct_btn span b {
	display: inline-block;
	margin-left: 4px;
	font-weight: 700;
}

.main_content .sct_div .sct_pill_div .sct_btn .motion {
	display: none;
	position: absolute;
	bottom: 0;
	left: -35px;
	width: 150px;
	opacity: 0;
	animation: sctMotion 1s;
	animation-timing-function: linear
}

.main_content .sct_div .sct_pill_div .sct_btn .motion img {
	width: 100%
}

.main_content .sct_div .sct_pill_div .sct_btn.on {
	box-shadow: none;
	pointer-events: none
}

.main_content .sct_div .sct_pill_div .sct_btn.on:after {
	display: none
}

.main_content .sct_div .sct_pill_div .sct_btn.on span {
	background: url('/resources/images/m_intake_success.png') no-repeat left center;
	background-size: 24px;
}

.main_content .sct_div .sct_pill_div .sct_btn.guide {
	z-index: 4;
	pointer-events: none
}

@keyframes sctMotion {
	0% {
		opacity: 1
	}

	20% {
		opacity: 1
	}

	90% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.main_content .sct_div .sct_pill_div .view_btn {
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 128px;
	height: 40px;
	background: url('/resources/images/m_main_sct_view_btn.png') no-repeat center;
	background-size: 128px 40px
}

.main_content .sct_div .sct_pill_div .view_btn.guide {
	z-index: 4;
	pointer-events: none
}

.main_content .sct_div .sct_pill_div .explain_txt {
	position: absolute;
	bottom: -60px;
	left: 0;
	padding-top: 23px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background: #fff
}

.main_content .sct_div .sct_pill_div .explain_txt:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 15px;
	background: url('/resources/images/m_main_sct_explain_arrow.png') no-repeat center;
	background-size: 20px 15px
}

.main_content .howto_div {
	position: relative;
	margin-top: 60px;
	text-align: center;
}

.main_content .howto_div .link_btn {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_main_icn_right_40x40.png') no-repeat right bottom -1px / 20px;
	margin-top: 12px;
	padding-right: 20px;
	margin-bottom: 40px;
}

.main_content .howto_div .title_area {
	margin-bottom: 14px;
}

.main_content .howto_div .swiper-container {
	height: 290px;
}

.main_content .howto_div .swiper-slide {
	width: 260px;
	height: 290px;
	background-color: #f9f9f9;
	border-radius: 50% 50% 10px 10px;
	padding-top: 60px;
	overflow: hidden;
}

.main_content .howto_div .swiper-slide .img img {
	width: 74px;
	height: 74px;
}

.main_content .howto_div .swiper-slide .img {
	padding-bottom: 28px;
}

.main_content .howto_div .txt_div .tit {
	color: #7b23a8;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: -0.5px;
	margin-bottom: 3px;
}

.main_content .howto_div .txt_div .txt {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	letter-spacing: -0.5px;
}

.main_content .howto_div .btn {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding: 18px 30px;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 2px 20px 0 rgba(123, 35, 168, 0.1);
	background-color: #5b1a7c;
	margin-top: 30px;
}

.main_content .howto_div .btn span {
	line-height: 24px;
}

.main_content .howto_div .btn::after {
	content: '';
	position: absolute;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 6px;
	background: url('/resources/images/main/m_icn_howto_arrow.png') no-repeat center / 14px 6px;
}

.main_content .subscript_div {
	margin-top: 80px;
	text-align: center;
}

.main_content .subscript_div .title_area {
	margin-bottom: 20px;
}

.main_content .subscript_div .swiper-container {
	height: 200px;
}

.main_content .subscript_div .img {
	width: 114px;
	height: 114px;
	margin: 0 auto;
}

.main_content .subscript_div .subscript_txt {
	letter-spacing: -0.5px;
	margin-top: 6px;
}

.main_content .subscript_div .subscript_txt .tit {
	color: #000;
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	margin-bottom: 14px;
}

.main_content .subscript_div .subscript_txt .desc {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}

.main_content .subscript_div .swiper-slide {
	opacity: 0.3;
	transition: opacity 2s ease;
}

.main_content .subscript_div .swiper-slide.swiper-slide-active {
	opacity: 1;
}

.main_content .review_div {
	position: relative;
	padding: 60px 0 0;
	margin-top: 80px;
}

.main_content .review_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f6f3ff;
	z-index: 0
}

.main_content .review_div .inner {
	text-align: center;
}

.main_content .review_div .link_btn {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_main_icn_right_40x40.png') no-repeat right bottom -1px / 20px;
	margin-top: 12px;
	padding-right: 20px;
}

.main_content .review_div .swiper-container {
	margin-top: 20px;
	padding: 20px 20px 32px 20px
}

.main_content .review_div .swiper-container .swiper-wrapper {
	height: auto
}

.main_content .review_div .swiper-container .swiper-slide {
	padding: 28px 16px 40px;
	width: 260px;
	height: auto;
	background: #fff;
	border-radius: 16px;
	transition: height 0s linear
}

.main_content .review_div .swiper-container .swiper-slide .info {
	margin-top: 20px;
	font-size: 18px;
	line-height: 24px;
	color: #333
}

.main_content .review_div .swiper-container .swiper-slide .info span {
	margin-left: 2px;
	color: #000;
	white-space: nowrap
}

.main_content .review_div .swiper-container .swiper-slide .info span b {
	font-weight: 700
}

.main_content .review_div .swiper-container .swiper-slide .tag {
	display: inline-block;
	max-height: 72px;
	margin-top: 20px;
	overflow: hidden;
}

.main_content .review_div .swiper-container .swiper-slide .tag:after {
	content: '';
	display: block;
	clear: both
}

.main_content .review_div .swiper-container .swiper-slide .tag span {
	float: left;
	margin: 4px 4px 0 0;
	font-size: 13px;
	line-height: 20px;
	color: #777;
}

.main_content .review_div .swiper-container .swiper-slide .tag span:before {
	content: '#';
	padding-right: 1px
}

.main_content .review_div .swiper-container .swiper-slide .img {
	width: 100%;
	height: 160px
}

.main_content .review_div .swiper-container .swiper-slide .review {
	margin-top: 8px;
}

.main_content .review_div .swiper-container .swiper-slide .review p {
	display: -webkit-box;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	max-height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.main_content .product_div {
	margin-top: 80px;
	text-align: center;
}

.main_content .product_div .link_btn {
	display: inline-block;
	margin-top: 12px;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_main_icn_right_40x40.png') no-repeat right bottom -1px / 20px;
}

.main_content .product_div .cont {
	margin-top: 40px
}

.main_content .product_div .cont .product_desc_list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.main_content .product_div .cont .product_desc_list li {
	position: relative;
	width: 100%;
	height: 128px;
	border-radius: 85px;
	text-align: left;
	overflow: hidden;
}

.main_content .product_div .cont .product_desc_list li::before {
	content: '';
	width: 100%;
	height: 50%;
	;
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.02);
}

.main_content .product_div .cont .product_desc_list li a {
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 85px;
	padding: 0 25px 0 10px;
}

.main_content .product_div .cont .product_desc_list li:nth-of-type(1) {
	background-color: #fbf7fd;
}

.main_content .product_div .cont .product_desc_list li:nth-of-type(2) {
	background-color: #f7f9fd;
}

.main_content .product_div .cont .product_desc_list li:nth-of-type(3) {
	background-color: #fbf7fd;
}

.main_content .product_div .cont .product_desc_list li:nth-child(n+2) {
	margin-top: 20px;
}

.main_content .product_div .cont .product_desc_list .desc_img img {
	width: 100px;
	height: 100px;
}

.main_content .product_div .cont .product_desc_list .desc_txt {
	color: #000;
	margin-left: 8px;
	word-break: break-all;
}

.main_content .product_div .cont .product_desc_list .desc_txt .desc {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	max-height: 36px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 4px;
}

.main_content .product_div .cont .product_desc_list .desc_txt .name {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	max-height: 48px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.main_content .magazine_div {
	margin-top: 80px
}

.main_content .magazine_div .inner {
	text-align: center;
}

.main_content .magazine_div .inner .sub_title {
	width: 220px;
	height: 24px;
	margin: 4px auto 0;
}

.main_content .magazine_div .link_btn {
	display: inline-block;
	margin-top: 12px;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_main_icn_right_40x40.png') no-repeat right bottom -1px / 20px;
}

.main_content .magazine_div .swiper-container {
	margin-top: 20px;
	padding: 20px 20px 36px
}

.main_content .magazine_div .swiper-container .swiper-wrapper {
	height: auto
}

.main_content .magazine_div .swiper-container .swiper-slide {
	position: relative;
	max-width: 300px;
	height: auto
}

.main_content .magazine_div .swiper-container .swiper-slide .thumb:before {
	content: '';
	display: block;
	padding-bottom: 60%
}

.main_content .magazine_div .swiper-container .swiper-slide .thumb img {
	width: 100%
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area {
	position: relative;
	margin-top: 10px
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type {
	position: absolute;
	top: -30px;
	left: 0
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type:after {
	content: '';
	display: block;
	clear: both
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type span {
	float: left;
	padding: 0 6px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	opacity: 0.8;
	letter-spacing: -0.5px;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type .badge {
	background: #9f39d3
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type .new {
	display: none;
	background: #2a204e;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tit {
	font-size: 16px;
	line-height: 26px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tag {
	margin-top: 8px;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tag:after {
	content: '';
	display: block;
	clear: both
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tag span {
	float: left;
	margin-top: 4px;
	margin-right: 4px;
	font-size: 13px;
	line-height: 20px;
	color: #777;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tag span:before {
	content: '#';
	padding-right: 1px;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tag span:last-child {
	margin-right: 0
}

.main_content .magazine_div .swiper-container .swiper-slide.adv:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 12px;
	width: 76px;
	height: 30px;
	background: url('/resources/images/magazine/mgz_advisory.svg') no-repeat;
	background-size: 76px 30px;
	z-index: 1
}

.main_content .magazine_div .swiper-container .swiper-slide.adv .thumb:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2)
}

.main_content .magazine_div .swiper-container .swiper-slide.new .tit_area .type .new {
	display: block
}

.main_content .magazine_div .swiper-container .swiper-pagination {
	bottom: 0
}

.main_content .magazine_div .swiper-container .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 8px;
	height: 8px;
	background: #eee;
	opacity: 1
}

.main_content .magazine_div .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #5b1a7c
}

.main_content .faq_div {
	margin-top: 44px;
}

.main_content .faq_div .inner {
	border-radius: 20px;
	padding: 60px 32px;
	background-color: #f6f3ff;
}

.main_content .faq_div .inner .title_area {
	color: #5b1a7c;
	margin-bottom: 30px;
}

.main_content .faq_div .left .faq_btn_wrap a {
	display: flex;
	align-items: center;
	width: 222px;
	height: 46px;
	border-radius: 23px;
	background: url('/resources/images/main/icn_faq_arrow.svg') no-repeat right 13px center / 15px #5b1a7c;
	padding: 10px 20px;
	margin-bottom: 12px;
}

.main_content .faq_div .left .faq_btn_wrap a:nth-last-of-type(1) {
	margin-bottom: 0;
}

.main_content .faq_div .faq_btn_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.main_content .faq_div .left .faq_btn_wrap p {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 22px;
	padding-left: 30px;
}

.main_content .faq_div .left .faq_btn_wrap a:nth-of-type(1) p {
	background-image: url('/resources/images/main/icn_faq_01.svg');
}

.main_content .faq_div .left .faq_btn_wrap a:nth-of-type(2) p {
	background-image: url('/resources/images/main/icn_faq_02.svg');
}

.main_content .faq_div .left .faq_btn_wrap a:nth-of-type(3) p {
	background-image: url('/resources/images/main/icn_faq_03.svg');
}

.main_content .faq_div .right {
	margin-top: 40px;
}

.main_content .faq_div .right .faq_list {
	position: relative;
	display: block;
	color: #5b1a7c;
	font-size: 14px;
	line-height: 22px;
	border-radius: 10px;
	padding: 12px;
	margin-bottom: 12px;
}

.main_content .faq_div .right .faq_list:nth-last-of-type(1) {
	margin-bottom: 0;
}

.main_content .faq_div .right .faq_list.faq_q {
	width: fit-content;
	border-radius: 10px 0 10px 10px;
	background-color: #eae1ff;
	margin: 0 0 12px auto;
}

.main_content .faq_div .right .faq_list.faq_a {
	width: fit-content;
	border-radius: 0 10px 10px 10px;
	background-color: #fff;
}

.main_content .faq_div .right .faq_list .txt {
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.main_content .faq_div .right .faq_list::after {
	content: '';
	width: 16px;
	height: 20px;
	position: absolute;
	top: 0;

}

.main_content .faq_div .right .faq_list.faq_q::after {
	right: -16px;
	background: url('/resources/images/main/main_icn_mgz_right.svg')
}

.main_content .faq_div .right .faq_list.faq_a::after {
	left: -16px;
	background: url('/resources/images/main/main_icn_mgz_left.svg');
}


/* .survey_btn {
	display: block;
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	padding: 18px 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px;
	z-index: 2
}

.survey_btn.on {
	position: absolute;
	bottom: 20px
} */

/* 설문 */

/* 2022.05.19 change */
.survey_intro {
	position: relative;
	height: 100%;
	min-height: 100vh;
	margin-top: -60px;
	background: #f4f0ff
}

.survey_intro .content {
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	margin: 0 auto;
	padding-top: 93px;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 88px);
	bottom: calc(env(safe-area-inset-bottom) + 88px);
}

.survey_intro .content .tit_area .tit {
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	color: #000;
	text-align: center
}

.survey_intro .content .tit_area .tit strong {
	font-weight: 700;
}

.survey_intro .content .info_list_div {
	margin: 0 -32px 0 -32px;
	width: calc(100% + 64px);
	width: -webkit-calc(100% + 64px);
}

.survey_intro .content .info_list_div .swiper-container {
	padding-top: 44px;
	padding-bottom: 32px;
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper {
	height: auto
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .swiper-slide {
	width: 180px;
	opacity: 0.3;
	text-align: center;
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .swiper-slide-active {
	opacity: 1
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .swiper-slide .cont {
	width: 100%;
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .swiper-slide .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 30px 0 rgba(214, 196, 255, 0.4);
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .swiper-slide .img img {
	width: 82px;
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .info_list_txt {
	margin-top: 20px;
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .info_list_txt .tit {
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #000;
	margin-bottom: 6px;
}

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .info_list_txt .desc {
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	color: #000;
}

.survey_intro .content a.start_btn,
.survey_intro .content a.btn {
	z-index: 2;
	position: fixed;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	background: #5b1a7c;
	padding: 20px 11px;
	text-align: center;
	border-radius: 0;
}

/* end 2022.05.19 change */
.survey_box {
	position: relative;
	padding: 50px 0 20px;
	min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px);
}

.survey_div {}

.survey_div .inner {
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px)
}

.survey_div .survey_list {
	display: none;
	width: 100%
}

.survey_div .survey_list.on {
	display: block
}

.survey_div .question {
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	color: #000
}

.survey_div .question h3.txt {
	display: inline;
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
}

.survey_div .question .txt {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 22px
}

.survey_div .question span {
	font-weight: 500
}

.survey_div .question .cont_tit {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -1px;
	color: #000;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
	margin-bottom: 28px;
}

.survey_div .question .cont_desc {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 400;
	margin-bottom: 16px;
}

.survey_div .question .cont_img {
	width: 100%;
	height: auto;
}

.survey_div .question .cont_img img {
	width: 100%;
}

.survey_div .text {
	margin-top: 8px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #555
}

.survey_div .img {
	margin-top: 28px
}

.survey_div .img img {
	width: 100%
}

.survey_div .noti_tool {
	position: relative;
	margin-top: 14px;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 16px;
	color: #7b23a8;
	background: #f4f0ff;
	border-radius: 4px
}

.survey_div .noti_tool:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 16px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #f4f0ff
}

.survey_div .answer_div {
	margin-top: 28px
}

.survey_div .answer_div .input_box {}

.survey_div .answer_div .swiper-container {
	margin: 60px auto 0;
}

.survey_div .answer_div .year_swiper {
	width: 160px;
	height: 210px
}

.survey_div .answer_div .year_swiper:before {
	content: '';
	position: absolute;
	top: 68px;
	left: -5%;
	width: 110%;
	height: 74px;
	border: 2px solid #000
}

.survey_div .answer_div .year_swiper:after {
	content: '년';
	position: absolute;
	top: 97px;
	right: 20px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #9d9d9d;
}

.survey_div .answer_div .year_swiper .swiper-slide {
	height: 70px;
	font-weight: 500;
	font-size: 36px;
	line-height: 70px;
	color: rgba(0, 0, 0, 0.2);
	text-align: center;
	letter-spacing: -0.3px
}

.survey_div .answer_div .year_swiper .swiper-slide-active {
	color: #7b23a8
}

.survey_div .answer_div .radio_div {
	margin-top: 16px
}

.survey_div .answer_div .radio_div:first-child {
	margin-top: 0
}

.survey_div .answer_div .radio_div .radio_box {
	display: block
}

.survey_div .answer_div .radio_div .radio_box label {
	font-weight: 300;
	font-size: 14px
}

.survey_div .answer_div .chk_div {
	margin-top: 16px
}

.survey_div .answer_div .chk_div:first-child {
	margin-top: 0
}

.survey_div .answer_div .chk_div .chk_box label {
	display: block;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
}

.survey_div .answer_div .input_form .input_area input {
	margin-right: 0
}

.survey_div .answer_div .input_form .input_area .txt {
	width: 26px;
	text-align: right;
	font-weight: 300;
	font-size: 16px;
	line-height: 48px;
	color: #000;
}

.survey_div .answer_div .input_form .input_area .delete {
	right: 11px
}

.survey_div .answer_div .input_form .input_area.type2 .delete {
	right: 33px
}

.survey_div .answer_div .choice_list {
	margin-top: -6px
}

.survey_div .answer_div .choice_list:after {
	content: '';
	display: block;
	clear: both
}

.survey_div .answer_div .choice_list a {
	float: left;
	margin: 6px 6px 0 0;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-align: center;
	border: 1px solid #bbb;
	background: #fff;
	border-radius: 4px;
	letter-spacing: -0.2px;
}

.survey_div .answer_div .choice_list a.on {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c
}

.survey_div .answer_div .error_txt {
	margin-top: 6px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #e62423;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left bottom 1px;
	background-size: 16px
}

.survey_div .answer_div .chk_div~.error_txt {
	margin-top: 16px;
}

.survey_div .answer_div .ill_radio_div {
	margin-top: 16px;
	margin-bottom: 18px;
}

.survey_div .answer_div .height_swiper {
	padding: 46px 0 50px 1px;
	width: 100%;
	height: 208px
}

.survey_div .answer_div .height_swiper:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: 50px;
	width: 3px;
	height: 110px;
	background: #000;
	z-index: 1
}

.survey_div .answer_div .height_swiper .swiper-slide {
	margin-right: 12px;
	width: 1px;
	height: 110px;
	left: 0 !important
}

.survey_div .answer_div .height_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 1px;
	height: 54px;
	background: #ccc
}

.survey_div .answer_div .height_swiper .swiper-slide:nth-child(5n-4):before {
	bottom: 0;
	height: 80px
}

.survey_div .answer_div .height_swiper .swiper-pagination {
	position: absolute;
	top: 0;
	bottom: auto
}

.survey_div .answer_div .height_swiper .swiper-pagination .swiper-pagination-current {
	display: inline-block;
	position: relative;
	width: 64px;
	font-weight: 500;
	font-size: 36px;
	line-height: 1;
	text-align: center;
	color: #7b23a8
}

.survey_div .answer_div .height_swiper .swiper-pagination .swiper-pagination-current:after {
	content: 'cm';
	position: absolute;
	left: 100%;
	padding: 12px 0 0 3px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #9d9d9d
}

.survey_div .answer_div .height_swiper .swiper-pagination .swiper-pagination-total,
.survey_div .answer_div .height_swiper .swiper-pagination b {
	display: none
}

.survey_div .answer_div .height_swiper .num {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 64px;
	text-align: center;
	font-weight: 500;
	font-size: 36px;
	color: #7b23a8
}

.survey_div .answer_div .weight_swiper {
	padding: 46px 0 50px 1px;
	width: 100%;
	height: 208px
}

.survey_div .answer_div .weight_swiper:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: 50px;
	width: 3px;
	height: 110px;
	background: #000;
	z-index: 1
}

.survey_div .answer_div .weight_swiper .swiper-slide {
	margin-right: 12px;
	width: 1px;
	height: 110px;
	left: 0 !important
}

.survey_div .answer_div .weight_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 1px;
	height: 54px;
	background: #ccc
}

.survey_div .answer_div .weight_swiper .swiper-slide:nth-child(5n-4):before {
	bottom: 0;
	height: 80px
}

.survey_div .answer_div .weight_swiper .swiper-pagination {
	position: absolute;
	top: 0;
	bottom: auto
}

.survey_div .answer_div .weight_swiper .swiper-pagination .swiper-pagination-current {
	display: inline-block;
	position: relative;
	width: 64px;
	font-weight: 500;
	font-size: 36px;
	line-height: 1;
	text-align: center;
	color: #7b23a8
}

.survey_div .answer_div .weight_swiper .swiper-pagination .swiper-pagination-current:after {
	content: 'kg';
	position: absolute;
	left: 100%;
	padding: 12px 0 0 3px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #9d9d9d
}

.survey_div .answer_div .weight_swiper .swiper-pagination .swiper-pagination-total,
.survey_div .answer_div .weight_swiper .swiper-pagination b {
	display: none
}

.survey_progress {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: 4px
}

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

.survey_progress .progress_bar {
	position: relative;
	float: left;
	margin-left: 3px;
	width: calc(33.33% - 2px);
	width: -webkit-calc(33.33% - 2px);
	height: 2px;
	background: #f3f3f3
}

.survey_progress .progress_bar:first-child {
	margin-left: 0
}

.survey_progress .progress_bar span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #000
}

.survey_progress .progress_bar span.on {
	transition: width 0.4s ease
}

.survey_complete {
	margin-top: -30px;
	padding-bottom: 32px;
	width: 100%;
	/* min-height: calc(100% - 100px);
	min-height: -webkit-calc(100% - 100px); */
}

.survey_complete .tb_c {}

.survey_complete .ing {
	position: relative;
	margin: 0 auto;
	width: 218px;
	height: 218px;
	box-shadow: 0 0 30px 0 rgba(214, 196, 255, 0.4);
	background-color: #fff;
	border-radius: 50%;
}

.survey_complete .ing canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(-90deg) scale(0.25);
	margin: -360px 0 0 -360px
}

.survey_complete .ing .per {
	position: absolute;
	top: 89px;
	left: 0;
	width: 100%;
	color: #000;
	text-align: center
}

.survey_complete .ing .per span {
	display: inline-block;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	vertical-align: top
}

.survey_complete .ing .per b {
	display: inline-block;
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	vertical-align: top
}

.survey_complete .tit {
	margin-top: 50px;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.survey_complete .tit .txt {
	display: inline;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
}

.survey_complete .step {
	margin-top: 32px;
	text-align: center
}

.survey_complete .step p {
	display: block;
	margin-top: 16px;
	font-size: 16px;
	line-height: 24px;
	color: #bbb;
	text-align: center;
	transition: all .5s ease;
}

.survey_complete .step p span {
	display: inline-block;
	padding-left: 24px;
	background: url('/resources/images/common/m_survey_complete_step.png') no-repeat left center;
	background-size: 24px;
	font-weight: 400;
}

.survey_complete .step p:first-child {
	margin-top: 0
}

.survey_complete .step p.on {
	font-weight: 500;
	color: #000;
	transition: all .5s ease;
}

.survey_complete .step p.on span {
	background: url('/resources/images/common/m_survey_complete_step_on.png') no-repeat left center;
	background-size: 20px;
	font-weight: 500;
}

.survey_div .notice {
	width: 100%;
	padding: 0 34px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #333;
	text-align: center;
	margin: 0 auto;
	word-break: break-word;
}

.survey_btn_group {
	display: flex;
	position: relative;
	margin: 48px auto 0;
	width: calc(100% - 40px);
	width: -wekbit-calc(100% - 40px);
	flex-wrap: nowrap
}

.survey_btn_group a {
	display: block;
	padding: 17px 15px;
	margin-left: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px
}

.survey_btn_group a:first-child {
	margin-left: 0
}

.survey_btn_group .prev {
	width: calc(35% - 4px);
	width: -webkit-calc(35% - 4px);
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.survey_btn_group .next {
	width: calc(65% - 4px);
	width: -webkit-calc(65% - 4px);
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.survey_btn_group.type2 {
	margin: 24px auto 0
}

.survey_btn_group_fixed {
	position: fixed;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	bottom: 0;
	left: 0;
	display: flex;
	width: 100%;
	z-index: 1;
}

.survey_intro .content .survey_btn_group_fixed a {
	position: relative;
}

.survey_intro .content .survey_btn_group_fixed a.wht {
	border: solid 1px #5b1a7c;
	background-color: #fff;
	color: #5b1a7c;
}

.exit_btn {
	position: fixed;
	top: 14px;
	right: 16px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/common/m_icn_close_bk.svg') no-repeat left center;
	background-size: auto 24px;
	z-index: 3
}

.alert_pop.ipu_pop .pop_con .txt {
	color: #7b23a8;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
}

.alert_pop.ipu_pop .pop_con .msg {
	font-size: 14px;
	line-height: 20px;
	padding: 0 16px;
}

.alert_pop.ipu_pop .pop_con p:nth-of-type(1) {
	margin-top: 0;
}

.alert_pop.ipu_pop .pop_con p.msg:nth-of-type(1) {
	color: #000;
}


.alert_pop.ipu_pop .pop_btn a {
	font-weight: 400;
	color: #fff;
	background: #5b1a7c
}

/* 설문결과 */
.survey_result {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 244px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 244px);
	background: #f9f9f9
}

.survey_result .top_area {
	padding-top: 32px;
	background: #fff
}

.survey_result .top_area .title {
	font-size: 22px;
	line-height: 30px;
	color: #000
}

.survey_result .top_area .title span {
	font-weight: 500
}

.survey_result .top_area .text {
	margin-top: 12px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #555
}

.survey_result .top_area .info_div {
	margin-top: 20px;
	padding: 18px 20px;
	background: #5b1a7c
}

.survey_result .top_area .info_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result .top_area .info_div .tit {
	display: inline-block;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #fff
}

.survey_result .top_area .info_div .list {
	margin-top: 4px
}

.survey_result .top_area .info_div .list:after {
	content: '';
	display: block;
	clear: both
}

.survey_result .top_area .info_div .info {
	float: left
}

.survey_result .top_area .info_div .info .list p {
	position: relative;
	float: left;
	margin-left: 6px;
	padding-left: 7px;
	font-size: 14px;
	line-height: 22px;
	color: #fff
}

.survey_result .top_area .info_div .info .list p:first-child {
	margin-left: 0;
	padding-left: 0
}

.survey_result .top_area .info_div .info .list p:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, 0.2)
}

.survey_result .top_area .info_div .info .list p:first-child:before {
	display: none
}

.survey_result .top_area .info_div .bmi {
	float: right
}

.survey_result .top_area .info_div .bmi .tit {
	position: relative;
	padding-right: 18px;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat right center;
	background-size: 16px auto
}

.survey_result .top_area .info_div .bmi .tit a {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%
}

.survey_result .top_area .info_div .bmi .tit .tooltip {
	display: none;
	position: absolute;
	top: 29px;
	right: -38px;
	padding: 12px 10px;
	width: auto;
	height: auto;
	font-weight: 300;
	font-size: 12px;
	line-height: 17px;
	color: #777;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 1
}

.survey_result .top_area .info_div .bmi .tit .tooltip i {
	display: none;
	font-style: normal;
	white-space: nowrap
}

.survey_result .top_area .info_div .bmi .tit .tooltip b {
	font-weight: 300;
	color: #333
}

.survey_result .top_area .info_div .bmi .tit .tooltip b.red {
	font-weight: 300;
	color: #e62423
}

.survey_result .top_area .info_div .bmi .tit .tooltip b.top {
	display: block;
	margin-bottom: 6px;
	font-weight: 400;
	color: #777
}

.survey_result .top_area .info_div .bmi .tit .tooltip:after {
	content: '';
	position: absolute;
	top: -7px;
	right: 39px;
	width: 12px;
	height: 8px;
	background: url('/resources/images/common/m_intake_graph_arrow.png') no-repeat;
	background-size: 12px 8px
}

.survey_result .top_area .info_div .bmi .list {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	font-weight: 700;
}

.survey_result .highlight {
	padding: 48px 0;
	background: #fff
}

.survey_result .highlight .title {
	padding-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	border-bottom: 2px solid #000
}

.survey_result .highlight .list_div {
	margin-top: 24px
}

.survey_result .highlight .list_div .list {
	margin-top: 21px
}

.survey_result .highlight .list_div .list:first-child {
	margin-top: 0
}

.survey_result .highlight .list_div .list .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.survey_result .highlight .list_div .list ul {
	margin-top: 8px
}

.survey_result .highlight .list_div .list ul li {
	position: relative;
	padding-left: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.survey_result .highlight .list_div .list ul li:first-child {
	margin-top: 6px
}

.survey_result .highlight .list_div .list ul li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #777;
	border-radius: 100%
}

.survey_result .sec_tit {
	padding-bottom: 12px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	border-bottom: 2px solid #000
}

.survey_result .bmi_result {
	padding: 48px 0;
	margin-top: 10px;
	background: #fff;
	filter: blur(5px);
	-webkit-filter: blur(5px)
}

.survey_result .bmi_result .tit {
	margin-top: 32px;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.survey_result .bmi_result .tit span {
	font-weight: 700;
	color: #7b23a8
}

.survey_result .bmi_result .bmi_graph {
	position: relative;
	margin: 35px auto 0;
	padding-top: 44px;
	width: 269px;
	background: url('/resources/images/ipu/m_bmi_graph_bg.png') no-repeat;
	background-size: 269px 182px;
	text-align: center
}

.survey_result .bmi_result .bmi_graph .result {
	text-align: center
}

.survey_result .bmi_result .bmi_graph .result .arrow {
	display: inline-block;
	position: relative;
	transform: rotate(0deg);
	transform-origin: center bottom
}

.survey_result .bmi_result .bmi_graph .result .arrow:after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 14px;
	height: 14px;
	background: #2a204e;
	border-radius: 100%
}

.survey_result .bmi_result .bmi_graph .result .arrow img {
	width: 14px
}

.survey_result .bmi_result .bmi_graph .result .num {
	margin-top: 16px;
	height: 36px;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	color: #000
}

.survey_result .bmi_result .bmi_graph .result .state {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #e62423
}

.survey_result .bmi_result .bmi_graph .result .info {
	margin-top: 16px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.survey_result .detail_result {
	display: none;
	padding: 48px 0;
	margin-top: 10px;
	background: #fff
}

.survey_result .detail_result .counsel {
	margin-top: 20px;
	padding: 18px 24px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	text-align: left;
	background: #5b1a7c
}

.survey_result .detail_result .list_div {
	margin-top: 32px
}

.survey_result .detail_result .list_div .list {
	padding: 40px 0 24px;
	border-bottom: 1px solid #e9e9e9
}

.survey_result .detail_result .list_div .list:first-child {
	padding-top: 0
}

.survey_result .detail_result .list_div .list:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.survey_result .detail_result .list_div .list .tit {
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.survey_result .detail_result .list_div .list .tit:after {
	content: '';
	display: block;
	clear: both
}

.survey_result .detail_result .list_div .list .tit span {
	float: left;
	margin-right: 8px;
	padding: 3px;
	width: 32px;
	height: 32px;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 100%
}

.survey_result .detail_result .list_div .list .tit span img {
	width: 24px
}

.survey_result .detail_result .list_div .list .txt {
	margin-top: 12px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.survey_result .detail_result .list_div .list .nutrient {
	margin-top: 28px
}

.survey_result .detail_result .list_div .list .nutrient .nutri_tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div {
	margin-top: 2px
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list {
	display: block;
	padding: 16px 0;
	width: 100%;
	pointer-events: none
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list:after {
	content: '';
	display: block;
	clear: both
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .img {
	float: left;
	position: relative;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	overflow: hidden
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .img img {
	width: 56px
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .info {
	float: left;
	position: relative;
	padding: 4px 30px 4px 16px;
	width: calc(100% - 56px);
	width: -webkit-calc(100% - 56px);
	background: url('/resources/images/common/m_nav_arrow.png') no-repeat right center;
	background-size: 12px 20px;
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .info:after {
	content: '';
	position: absolute;
	bottom: -16px;
	left: 16px;
	width: calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	height: 1px;
	background: #e9e9e9
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list:last-child .info:after {
	display: none
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .info .name {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .info .txt {
	margin-top: 4px;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.survey_result .notice_txt {
	margin: 19px auto 0;
	padding-left: 18px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/m_notice_icon_32x32.png') no-repeat left 2px;
	background-size: 16px
}

.survey_result .source {
	display: none;
	margin: 10px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.survey_result .source p {
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-indent: -7px;
	padding-left: 7px
}

.survey_result .source p a {
	color: #7b23a8;
	white-space: nowrap
}

.survey_result .login_area {
	display: none;
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 24px);
	bottom: calc(env(safe-area-inset-bottom) + 24px);
	left: 20px;
	padding: 36px 20px 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	background: #fff;
	text-align: center;
	box-shadow: 0px 8px 30px 0 rgba(0, 0, 0, 0.2)
}

.survey_result .login_area .txt {
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.survey_result .login_area .join {
	display: block;
	margin-top: 12px;
	height: 56px;
	font-size: 16px;
	line-height: 56px;
	color: #fff;
	background: #2a204e
}

.survey_result .login_area .inner_width .top .btn_div {
	margin-top: 20px
}

.survey_result .login_area .inner_width .top .btn_div a {
	display: block;
	margin-top: 8px;
	width: 100%;
	height: 52px;
	font-size: 14px;
	line-height: 52px;
	text-align: center
}

.survey_result .login_area .inner_width .top .btn_div a:first-child {
	margin-top: 0
}

.survey_result .login_area .inner_width .top .btn_div a.kakao {
	color: #000;
	background: url("/resources/images/common/login_icn_kakao.png") left 6px top 50% no-repeat #ffeb00
}

.survey_result .login_area .inner_width .top .btn_div a.join {
	color: #fff;
	background: #2a204e
}

.survey_result .login_area .inner_width .bottom {
	display: block;
	position: relative;
	margin-top: 28px;
	text-align: center
}

.survey_result .login_area .inner_width .bottom .list {
	text-align: left
}

.survey_result .login_area .inner_width .bottom .list .open {
	display: inline-block;
	padding-right: 28px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/icn_down_20x20.png') no-repeat right center
}

.survey_result .login_area .inner_width .bottom .list.on .open {
	background: url('/resources/images/common/icn_up_20x20.png') no-repeat right center
}

.survey_result .login_area .inner_width .bottom .list .close {
	display: none;
	padding-top: 12px;
	text-align: center
}

.survey_result .login_area .inner_width .bottom .list .close a {
	display: block;
	margin-top: 8px;
	width: 100%;
	height: 56px;
	font-size: 14px;
	line-height: 56px;
	text-align: center;
	color: #fff
}

.survey_result .login_area .inner_width .bottom .list .close a:first-child {
	margin-top: 0
}

.survey_result .login_area .inner_width .bottom .list .close a.naver {
	background: url("/resources/images/common/login_icn_naver.png") left 6px top 50% no-repeat #00c539
}

.survey_result .login_area .inner_width .bottom .list .close a.apple {
	background: url("/resources/images/common/login_icn_apple.png") left 6px top 50% no-repeat #000
}

.survey_result .login_area .login_txt {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.survey_result .login_area .login_txt span {
	display: inline-block;
	margin-left: 8px;
	padding-right: 20px;
	font-weight: 500;
	line-height: 20px;
	background: url('/resources/images/common/m_ico_right_arrow_40x40.png') no-repeat right center;
	background-size: 20px
}

.survey_result .view_btn {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(constant(safe-area-inset-bottom) + 60px);
	height: calc(env(safe-area-inset-bottom) + 60px);
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background: #2a204e
}

.survey_result.login {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 100px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 100px);
}

.survey_result.login .bmi_result {
	filter: none;
	-webkit-filter: none
}

.survey_result.login .detail_result {
	display: block
}

.survey_result.login .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list {
	pointer-events: auto;
	cursor: pointer
}

.survey_result.login .view_btn {
	display: block
}

.survey_result.login .login_area {
	display: none
}

.ios_device .survey_result.login {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 80px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
}

.ios_device .survey_result .source {
	display: block
}

/* rslt2 과거 설문결과 */
/* 새설문 결과 */
.survey_result_new.rslt2 {
	/* padding-bottom: calc(constant(safe-area-inset-bottom) + 140px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 140px) */
}

.survey_result_new.rslt2 .head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 5
}

.survey_result_new.rslt2 .head .logo {
	position: absolute;
	top: 21px;
	left: 16px;
	width: 135px;
	height: 18px;
	background: url('/resources/images/m_head_logo.png') no-repeat center;
	background-size: auto 18px
}

.survey_result_new.rslt2 .head .xbt {
	position: absolute;
	top: 11px;
	right: 10px;
	width: 38px;
	height: 38px;
	background: url('/resources/images/m_bottom_pop_close.png') no-repeat center;
	background-size: 28px
}

.survey_result_new.rslt2 .top_area {
	position: relative;
	padding-top: 32px
}

.survey_result_new.rslt2 .top_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: rgb(118, 40, 157);
	background: -moz-linear-gradient(left, rgba(118, 40, 157, 1) 0%, rgba(91, 26, 124, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(118, 40, 157, 1) 0%, rgba(91, 26, 124, 1) 100%);
	background: linear-gradient(to right, rgba(118, 40, 157, 1) 0%, rgba(91, 26, 124, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76289d', endColorstr='#5b1a7c', GradientType=1);
}

.survey_result_new.rslt2 .top_area:after {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.survey_result_new.rslt2 .top_area .title {
	position: relative;
	font-weight: 300;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	z-index: 1
}

.survey_result_new.rslt2 .top_area .title span {
	font-weight: 500;
	word-break: break-all
}

.survey_result_new.rslt2 .top_area .text {
	position: relative;
	margin-top: 20px;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.6);
	z-index: 1
}

.survey_result_new.rslt2 .top_area .info_box {
	position: relative;
	margin: 12px auto 0;
	padding: 20px 24px 40px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	z-index: 1
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .tit {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #777
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .list {
	margin-top: 5px
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .list:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info {
	float: left
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list p {
	position: relative;
	float: left;
	margin-left: 9px;
	padding-left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list p:first-child {
	margin-left: 0;
	padding-left: 0
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list p:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 10px;
	background: rgba(0, 0, 0, 0.15)
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list p:first-child:before {
	display: none
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi {
	float: right
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit {
	position: relative;
	padding-right: 18px;
	color: #000;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat right center;
	background-size: 16px auto
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit a {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit .tooltip {
	display: none;
	position: absolute;
	top: 29px;
	right: -38px;
	padding: 12px 10px;
	width: auto;
	height: auto;
	font-weight: 300;
	font-size: 12px;
	line-height: 17px;
	color: #777;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 1
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit .tooltip i {
	display: none;
	font-style: normal;
	white-space: nowrap
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit .tooltip b {
	font-weight: 300;
	color: #333
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit .tooltip b.red {
	font-weight: 300;
	color: #e62423
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit .tooltip b.top {
	display: block;
	margin-bottom: 6px;
	font-weight: 400;
	color: #777
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .tit .tooltip:after {
	content: '';
	position: absolute;
	top: -7px;
	right: 39px;
	width: 12px;
	height: 8px;
	background: url('/resources/images/common/m_intake_graph_arrow.png') no-repeat;
	background-size: 12px 8px
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .bmi .list {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: 700;
}

.survey_result_new.rslt2 .top_area .info_box .graph_info {
	margin-top: 32px;
	text-align: center
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .tit {
	display: inline-block;
	padding-right: 18px;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: #777;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat right center;
	background-size: 16px auto
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .tit a {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .txt {
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #000
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div {
	position: relative;
	margin-top: 20px
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .graph {
	position: relative;
	margin: 0 auto;
	width: 220px;
	height: 220px;
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .graph canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -440px 0 0 -440px
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .graph #canvas {
	transform: rotate(40deg) scale(0.25)
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .graph #canvas_line {
	transform: rotate(135deg) scale(0.25)
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .info {
	position: absolute;
	top: 33px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 38px;
	width: 154px;
	height: 154px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	text-align: center
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .info .grade {
	margin: 0 auto;
	width: 42px;
	height: 22px;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	border-radius: 13px
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .info .num {
	margin-top: 10px;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	color: #2a204e
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .info .num span {
	display: inline-block;
	font-weight: 700;
	font-size: 32px;
	vertical-align: top
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .overall {
	font-size: 15px;
	line-height: 22px;
	color: #555
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .overall b {
	font-weight: 500;
	position: relative;
	color: #000
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .overall b:after {
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	background: rgba(253, 33, 137, 0.2);
	position: absolute;
	left: 0;
	bottom: 0
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div .overall p {
	margin-top: 6px
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div.lv1 .grade {
	color: #e62423;
	background: #fdefef
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div.lv2 .grade {
	color: #ff6a45;
	background: #fff0e4
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div.lv3 .grade {
	color: #ffa900;
	background: #fff6e8
}

.survey_result_new.rslt2 .top_area .info_box .graph_info .graph_div.lv4 .grade {
	color: #00b185;
	background: #e5f6ec
}

.survey_result_new.rslt2 .top_area .summary_div {
	padding: 40px 0
}

.survey_result_new.rslt2 .top_area .summary_div .line {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.survey_result_new.rslt2 .top_area .summary_div .line:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.survey_result_new.rslt2 .top_area .summary_div .line .title {}

.survey_result_new.rslt2 .top_area .summary_div .line .title:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .top_area .summary_div .line .title span {
	float: left;
	padding: 3px 5px 1px;
	font-size: 12px;
	line-height: 18px;
	border-radius: 4px
}

.survey_result_new.rslt2 .top_area .summary_div .line .title p {
	float: left;
	margin-left: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #e62423
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div {
	margin-top: 4px
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div .list {
	display: inline-block;
	position: relative;
	margin-top: 12px;
	margin-right: 16px;
	width: 48px;
	text-align: center;
	vertical-align: top
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div .list:last-child {
	margin-right: 0
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div .list .img {
	padding: 8px;
	width: 48px;
	height: 48px;
	border-radius: 100%
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div .list .img img {
	width: 100%
}

.survey_result_new.rslt2 .top_area .summary_div .line .list_div .list .txt {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 6px;
	width: 64px;
	font-size: 13px;
	line-height: 18px;
	color: #ee5353;
}

.survey_result_new.rslt2 .top_area .summary_div .line.red .title span {
	color: #e62423;
	border: 1px solid #e62423
}

.survey_result_new.rslt2 .top_area .summary_div .line.red .title p {
	color: #e62423
}

.survey_result_new.rslt2 .top_area .summary_div .line.red .list_div .list .txt {
	color: #ee5353
}

.survey_result_new.rslt2 .top_area .summary_div .line.red .list_div .list .img {
	background: #fdefef
}

.survey_result_new.rslt2 .top_area .summary_div .line.yellow .title span {
	color: #ffa900;
	border: 1px solid #ffa900
}

.survey_result_new.rslt2 .top_area .summary_div .line.yellow .title p {
	color: #ffa900
}

.survey_result_new.rslt2 .top_area .summary_div .line.yellow .list_div .list .txt {
	color: #ffa900
}

.survey_result_new.rslt2 .top_area .summary_div .line.yellow .list_div .list .img {
	background: #fff6e8
}

.survey_result_new.rslt2 .swiper_tab {
	display: none;
	position: fixed;
	top: 60px;
	left: 0;
	padding: 12px 20px 20px;
	width: 100%;
	background: #fff;
	z-index: 4;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04)
}

.survey_result_new.rslt2 .swiper_tab .swiper-slide {
	padding: 8px 10px;
	width: auto;
	border-radius: 16px;
	font-size: 13px;
	line-height: 16px;
	text-align: center
}

.survey_result_new.rslt2 .swiper_tab .swiper-slide.red {
	color: #ee5353;
	background: #fdefef
}

.survey_result_new.rslt2 .swiper_tab .swiper-slide.red.on {
	color: #fff;
	background: #ee5353
}

.survey_result_new.rslt2 .swiper_tab .swiper-slide.yellow {
	color: #ffa900;
	background: #fff6e8
}

.survey_result_new.rslt2 .swiper_tab .swiper-slide.yellow.on {
	color: #fff;
	background: #ffa900
}

.survey_result_new.rslt2 .detail_result {}

.survey_result_new.rslt2 .detail_result:after {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.survey_result_new.rslt2 .detail_result .list_div .list {
	position: relative;
	padding: 32px 0;
	border-top: 1px solid #eee
}

.survey_result_new.rslt2 .detail_result .list_div .list:first-child {
	border-top: none
}

.survey_result_new.rslt2 .detail_result .list_div .list .type {
	position: absolute;
	top: 16px;
	right: 0;
}

.survey_result_new.rslt2 .detail_result .list_div .list .type:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .detail_result .list_div .list .type span {
	float: left;
	margin-left: 4px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 18px;
	border-radius: 4px;
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.survey_result_new.rslt2 .detail_result .list_div .list .type span.red {
	padding: 3px 5px 1px;
	color: #e62423;
	border: 1px solid #e62423
}

.survey_result_new.rslt2 .detail_result .list_div .list .type span.yellow {
	padding: 3px 5px 1px;
	color: #ffa900;
	border: 1px solid #ffa900
}

.survey_result_new.rslt2 .detail_result .list_div .list .type span:first-child {
	margin-left: 0
}

.survey_result_new.rslt2 .detail_result .list_div .list .title {}

.survey_result_new.rslt2 .detail_result .list_div .list .title .icon {
	display: block;
	padding: 12px;
	width: 56px;
	border-radius: 100%;
	background: #5b1a7c
}

.survey_result_new.rslt2 .detail_result .list_div .list .title .icon img {
	width: 100%
}

.survey_result_new.rslt2 .detail_result .list_div .list .title .tit {
	margin-top: 16px;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.survey_result_new.rslt2 .detail_result .list_div .list .title .tit b {
	font-weight: 500
}

.survey_result_new.rslt2 .detail_result .list_div .list .noti_txt {
	margin-top: 8px;
	padding-left: 6px;
	border-left: 2px solid #7b23a8;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt2 .detail_result .list_div .list .noti_txt+.content {
	margin-top: 16px
}

.survey_result_new.rslt2 .detail_result .list_div .list .content {
	margin-top: 12px;
	font-size: 15px;
	line-height: 25px;
	color: #333
}

.survey_result_new.rslt2 .detail_result .list_div .list .content b {
	font-weight: 500;
	color: #000
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip {
	position: relative;
	margin-top: 30px;
	padding: 24px 18px;
	background: #f4f0ff;
	border-radius: 10px
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 21px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #f4f0ff
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip .txt {
	margin-top: 10px;
	font-size: 15px;
	line-height: 25px;
	color: #333
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip .txt b {
	font-weight: 500;
	color: #000
}

.survey_result_new.rslt2 .recommend_div {
	padding: 32px 0;
}

.survey_result_new.rslt2 .recommend_div .title {
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.survey_result_new.rslt2 .recommend_div .title span {
	font-weight: 500
}

.survey_result_new.rslt2 .recommend_div .text {
	margin-top: 8px;
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: #555
}

.survey_result_new.rslt2 .recommend_div .counsel_noti {
	margin-top: 20px;
	padding: 16px 50px 16px 16px;
	background: url('/resources/images/m_input_check.png') no-repeat right 16px top 50% #f7f4ff;
	background-size: 24px;
	border: 1px solid #c291dc;
	border-radius: 10px
}

.survey_result_new.rslt2 .recommend_div .counsel_noti .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt2 .recommend_div .counsel_noti .txt {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt2 .recommend_div .counsel_noti+.list_div {
	margin-top: 32px
}

.survey_result_new.rslt2 .recommend_div .all_chk {
	margin-top: 32px
}

.survey_result_new.rslt2 .recommend_div .all_chk+.list_div {
	position: relative;
	margin-top: 16px
}

.survey_result_new.rslt2 .recommend_div .all_chk+.list_div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -20px;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	height: 1px;
	background: #eee
}

.survey_result_new.rslt2 .recommend_div .all_chk+.list_div .list {
	padding: 20px 30px 20px 32px
}

.survey_result_new.rslt2 .recommend_div .list_div .list {
	display: block;
	position: relative;
	padding: 20px 30px 20px 0;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center #fff;
	background-size: 20px;
	border-bottom: 1px solid #eee;
}

.survey_result_new.rslt2 .recommend_div .list_div .list:first-child {
	margin-top: 0
}

.survey_result_new.rslt2 .recommend_div .list_div .list:last-child {
	border-bottom: none
}

.survey_result_new.rslt2 .recommend_div .list_div .list .chk_box {
	position: absolute;
	top: 20px;
	left: 0;
	width: 32px;
	height: 80px
}

.survey_result_new.rslt2 .recommend_div .list_div .list .chk_box label {
	height: 100%
}

.survey_result_new.rslt2 .recommend_div .list_div .list .link_area {
	display: block;
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info {
	width: 100%;
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .img {
	float: left;
	width: 80px;
	height: 80px;
	vertical-align: middle;
	border-radius: 6px;
	background: #f2f1f6
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .img img {
	width: 100%
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area {
	float: left;
	margin-left: 12px;
	width: calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name {
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name span {
	display: block;
	margin: 2px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: top
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name b {
	display: none;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .txt {
	display: -webkit-box;
	max-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type {
	margin-top: 14px
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span {
	float: left;
	margin-left: 4px;
	padding: 3px 5px 1px;
	font-size: 12px;
	line-height: 18px;
	border-radius: 4px;
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span.red {
	padding: 3px 5px 1px;
	color: #e62423;
	border: 1px solid #e62423
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span.yellow {
	padding: 3px 5px 1px;
	color: #ffa900;
	border: 1px solid #ffa900
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span.recomm {
	color: #e81d75;
	border: 1px solid #e81d75
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span.sugge {
	color: #06d200;
	border: 1px solid #06d200
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span:first-child {
	margin-left: 0
}

.survey_result_new.rslt2 .recommend_div .counsel_record {
	position: relative;
	margin-top: 8px;
	padding: 52px 28px 60px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-bottom: 20px;
}

.survey_result_new.rslt2 .recommend_div .counsel_record:before {
	content: '';
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translateX(-50%);
	width: 54px;
	height: 22px;
	background: url('/resources/images/m_ipu_comment.png') no-repeat;
	background-size: 54px 22px
}

.survey_result_new.rslt2 .recommend_div .counsel_record:after {
	content: '';
	position: absolute;
	bottom: 24px;
	right: 36px;
	width: 36px;
	height: 24px;
	background: url('/resources/images/m_ipu_sign.png') no-repeat;
	background-size: 36px 24px
}

.survey_result_new.rslt2 .recommend_div .counsel_record .tit {
	display: inline-block;
	position: relative;
	padding: 0 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	left: 50%;
	transform: translateX(-50%);
}

.survey_result_new.rslt2 .recommend_div .counsel_record .tit:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: rgba(253, 33, 137, 0.2)
}

.survey_result_new.rslt2 .recommend_div .counsel_record .tit span {
	position: relative
}

.survey_result_new.rslt2 .recommend_div .counsel_record .text {
	margin-top: 12px;
	font-size: 14px;
	line-height: 24px;
	color: #555;
	min-height: 96px;
	background: url('/resources/images/m_counsel_bg.png') repeat;
	background-size: 1px 24px
}

.survey_result_new.rslt2 .recommend_div+.recommend_div {
	border-top: 10px solid #f7f7f7
}

.survey_result_new.rslt2 .recommend_div.accor {
	padding: 0
}

.survey_result_new.rslt2 .recommend_div.accor .open {
	display: block;
	padding: 20px 50px 20px 20px;
	border-bottom: 1px solid #eee;
	background: url('/resources/images/m_icn_down_777_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.survey_result_new.rslt2 .recommend_div.accor .open .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.survey_result_new.rslt2 .recommend_div.accor .open .txt {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #777;
}

.survey_result_new.rslt2 .recommend_div.accor.on {
	padding-bottom: 32px
}

.survey_result_new.rslt2 .recommend_div.accor.on .open {
	background: url('/resources/images/m_icn_up_777_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.survey_result_new.rslt2 .recommend_div.accor .close {
	display: none
}

.survey_result_new.rslt2 .recommend_div.accor .list_div {}

.survey_result_new.rslt2 .notice_area {
	padding: 24px 20px;
	background: #f7f7f7
}

.survey_result_new.rslt2 .notice_area .txt {
	padding-left: 20px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	background: url('/resources/images/m_blk_noti_icon.png') no-repeat left top;
	background-size: 16px
}

.survey_result_new.rslt2 .notice_area .dot_indent {
	margin-top: 16px
}

.survey_result_new.rslt2 .notice_area .dot_indent p {
	font-weight: 300
}

.survey_result_new.rslt2 .notice_area .dot_indent p a {
	display: inline-block;
	padding-right: 18px;
	color: #7b23a8;
	background: url('/resources/images/m_result_notice_link.png') no-repeat right center;
	background-size: 14px
}

.survey_result_new.rslt2 .view_btn {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 25px);
	bottom: calc(env(safe-area-inset-bottom) + 25px);
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 0;
	width: 240px;
	border-radius: 28px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 5;
	text-align: center;
	background: #fff;
	border: 2px solid #7b23a8
}

.survey_result_new.rslt2 .view_btn span {
	display: inline-block;
	padding-right: 28px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8;
	text-align: center;
	background: url('/resources/images/m_icn_down_pur_40x40.png') no-repeat right center;
	background-size: 20px
}

.survey_result_new.rslt2 .cart_div {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 20px 20px calc(constant(safe-area-inset-bottom) + 20px) 20px;
	padding: 20px 20px calc(env(safe-area-inset-bottom) + 20px) 20px;
	width: 100%;
	z-index: 5;
	background: #fff
}

.survey_result_new.rslt2 .cart_div:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.01) 1%,
			rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.survey_result_new.rslt2 .cart_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .cart_div .title {
	float: left;
	margin-bottom: 12px;
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	color: #555
}

.survey_result_new.rslt2 .cart_div a {
	float: left;
	margin-left: 4px;
	width: calc(50% - 2px);
	width: -webkit-calc(50% - 2px);
	padding: 14px 0 16px;
	border-radius: 6px;
	text-align: center;
	background: #5b1a7c
}

.survey_result_new.rslt2 .cart_div a.bottle {
	margin-left: 0;
}

.survey_result_new.rslt2 .cart_div a.pack {}

.survey_result_new.rslt2 .cart_div a div {
	display: inline-block;
	text-align: left;
	padding-left: 32px
}

.survey_result_new.rslt2 .cart_div a.bottle div {
	background: url('/resources/images/m_ipu_rslt_bottle.png') no-repeat left center;
	background-size: 24px
}

.survey_result_new.rslt2 .cart_div a.pack div {
	background: url('/resources/images/m_ipu_rslt_pack.png') no-repeat left center;
	background-size: 24px
}

.survey_result_new.rslt2 .cart_div a .tit {
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.survey_result_new.rslt2 .cart_div a .tit span {
	font-weight: 700
}

.survey_result_new.rslt2 .cart_div a .txt {
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #fff
}

.survey_result_new.rslt2 .cart_btn {
	display: none;
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	padding: 18px 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 5
}

/* rslt3 최신버전 새설문 결과 */
.survey_result_new.rslt3 {
	/* padding-bottom: calc(constant(safe-area-inset-bottom) + 140px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 140px); */
}

.survey_result_new.rslt3 .head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 5
}

.survey_result_new.rslt3 .head .logo {
	position: absolute;
	top: 21px;
	left: 16px;
	width: 135px;
	height: 18px;
	background: url('/resources/images/m_head_logo.png') no-repeat center;
	background-size: auto 18px
}

.survey_result_new.rslt3 .head .xbt {
	position: absolute;
	top: 11px;
	right: 10px;
	width: 38px;
	height: 38px;
	background: url('/resources/images/m_bottom_pop_close.png') no-repeat center;
	background-size: 28px
}

.survey_result_new.rslt3 .top_area {
	position: relative;
}

.survey_result_new.rslt3 .top_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 146px;
	background: rgb(118, 40, 157);
	background: linear-gradient(292deg, #7f419e, #5b1a7c);
}

.survey_result_new.rslt3 .top_area .info_box_top {
	height: 146px;
	background: url('/resources/images/ipu/m_rslt_bg.svg') right top / 150px 114px no-repeat;
	padding: 32px 0 20px;
}

.survey_result_new.rslt3 .top_area .title {
	position: relative;
	font-weight: 300;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	z-index: 1
}

.survey_result_new.rslt3 .top_area .title span {
	font-weight: 500;
	word-break: break-all
}

.survey_result_new.rslt3 .top_area .text {
	position: relative;
	margin-top: 20px;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.6);
	z-index: 1
}

.survey_result_new.rslt3 .top_area .info_box {
	position: relative;
	padding: 20px 0 0px;
	background: #fff;
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .tit {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #777
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .list {
	display: flex;
	display: flex;
	align-items: center;
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .info {}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .info .list p {
	position: relative;
	margin-left: 6px;
	padding-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .info .list p:first-child {
	margin-left: 0;
	padding-left: 0
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .info .list p:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 10px;
	background: rgba(0, 0, 0, 0.15)
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .info .list p:first-child:before {
	display: none
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi {
	display: flex;
	align-items: center;
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .tit {
	position: relative;
	margin-right: 4px;
	color: #c291dc;
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .tit .tooltip {
	display: none;
	position: absolute;
	top: 29px;
	right: -38px;
	padding: 12px 10px;
	width: auto;
	height: auto;
	font-weight: 300;
	font-size: 12px;
	line-height: 17px;
	color: #777;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 1
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .tit .tooltip i {
	display: none;
	font-style: normal;
	white-space: nowrap
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .tit .tooltip b {
	font-weight: 300;
	color: #333
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .tit .tooltip b.red {
	font-weight: 300;
	color: #e62423
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .tit .tooltip b.top {
	display: block;
	margin-bottom: 6px;
	font-weight: 400;
	color: #777
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .list {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat right bottom 1px;
	background-size: 16px;
	padding-right: 18px;
}

.survey_result_new.rslt3 .top_area .info_box .mem_info_div .bmi .list a {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%
}

.survey_result_new.rslt3 .top_area .info_box .graph_info {
	display: flex;
	flex-direction: column-reverse;
	margin-top: 40px;
	text-align: center
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .tit {
	display: inline-block;
	padding-right: 18px;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: #777;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat right center;
	background-size: 16px auto
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .tit a {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .txt {
	display: inline-block;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	padding-left: 62px;
	background-position: bottom left;
	background-size: 52px;
	background-repeat: no-repeat;
	text-align: left;
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv1~.graph_info_txt .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv1.png');
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv2~.graph_info_txt .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv2.png');
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv3~.graph_info_txt .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv3.png');
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv4~.graph_info_txt .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv4.png');
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div {
	position: relative;
	margin-top: 20px
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .graph {
	position: relative;
	margin: 0 auto;
	width: 220px;
	height: 220px;
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .graph canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -440px 0 0 -440px
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .graph #canvas {
	transform: rotate(40deg) scale(0.25)
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .graph #canvas_line {
	transform: rotate(135deg) scale(0.25)
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .info {
	position: absolute;
	top: 33px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 38px;
	width: 154px;
	height: 154px;
	border-radius: 100%;
	background: #fff;
	/* box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); */
	text-align: center
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv1 .info {
	background: rgb(251, 60, 60);
	background: linear-gradient(209deg, rgba(251, 60, 60, 1) 0%, rgba(251, 60, 60, 1) 0%, rgba(255, 126, 145, 1) 100%);
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv2 .info {
	background: rgb(255, 132, 84);
	background: linear-gradient(209deg, rgba(255, 132, 84, 1) 0%, rgba(255, 132, 84, 1) 0%, rgba(255, 173, 110, 1) 100%);
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv3 .info {
	background: conic-gradient(from 0.27turn, #ffda09, #ffef76 0.32turn, #ffda09);
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv4 .info {
	background: conic-gradient(from 0.28turn, #04d09d, #64f29f 0.39turn, #04d09d);
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .info .grade {
	margin: 0 auto;
	width: 42px;
	height: 22px;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	border-radius: 13px
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .info .num {
	margin-top: 10px;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	color: #2a204e
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv1 .info .num,
.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv2 .info .num {
	color: #fff;
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div .info .num span {
	display: inline-block;
	font-weight: 700;
	font-size: 32px;
	vertical-align: top
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv1 .grade {
	color: #e62423;
	background: #fdefef
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv2 .grade {
	color: #ff6a45;
	background: #fff0e4
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv3 .grade {
	color: #ffa900;
	background: #fff6e8
}

.survey_result_new.rslt3 .top_area .info_box .graph_info .graph_div.lv4 .grade {
	color: #00b185;
	background: #e5f6ec
}

.survey_result_new.rslt3 .top_area .summary_div {
	padding: 40px 0
}

.survey_result_new.rslt3 .top_area .summary_div .line {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.survey_result_new.rslt3 .top_area .summary_div .line:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.survey_result_new.rslt3 .top_area .summary_div .line .title {}

.survey_result_new.rslt3 .top_area .summary_div .line .title p {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #e62423;
	background: url('/resources/images/icon/icn_siren_red.svg') no-repeat left center / 24px;
	padding-left: 30px;
}

.survey_result_new.rslt3 .top_area .summary_div .line .title span {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #333;
	margin-top: 4px;
}

.survey_result_new.rslt3 .top_area .summary_div .line .list_div {
	margin-top: 16px
}

.survey_result_new.rslt3 .top_area .summary_div .line .list_div .list {
	display: inline-block;
	position: relative;
	margin-top: 12px;
	margin-right: 16px;
	width: 48px;
	text-align: center;
	vertical-align: top
}

.survey_result_new.rslt3 .top_area .summary_div .line .list_div .list:last-child {
	margin-right: 0
}

.survey_result_new.rslt3 .top_area .summary_div .line .list_div .list .img {
	padding: 8px;
	width: 48px;
	height: 48px;
	border-radius: 100%
}

.survey_result_new.rslt3 .top_area .summary_div .line .list_div .list .img img {
	width: 100%
}

.survey_result_new.rslt3 .top_area .summary_div .line .list_div .list .txt {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 6px;
	width: 64px;
	font-size: 13px;
	line-height: 18px;
	color: #ee5353;
}

.survey_result_new.rslt3 .swiper_tab {
	width: 100%;
	height: 86px;
	background: #fff;
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a {
	position: relative;
	display: block;
	width: 88px;
	height: 76px;
	letter-spacing: -0.2px;
	padding: 48px 8px 14px 8px;
	/* margin: 0 auto; */
	border-radius: 10px;
	background-color: #f9f9f9;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: top 8px center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a p {
	opacity: 0.3;
	font-size: 14px;
	line-height: 20px;
	color: #5b1a7c;
	font-weight: 400;
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_eye {
	background-image: url('/resources/images/icon/health/icn_eye_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_liver {
	background-image: url('/resources/images/icon/health/icn_liver_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_stomach {
	background-image: url('/resources/images/icon/health/icn_stomach_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_intestine {
	background-image: url('/resources/images/icon/health/icn_intestine_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_fatigue {
	background-image: url('/resources/images/icon/health/icn_fatigue_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_diet {
	background-image: url('/resources/images/icon/health/icn_diet_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_blood_suga,
.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_blood_sugar {
	background-image: url('/resources/images/icon/health/icn_blood_sugar_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_blood_pressure {
	background-image: url('/resources/images/icon/health/icn_blood_pressure_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_blood_circul {
	background-image: url('/resources/images/icon/health/icn_blood_circul_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_skin {
	background-image: url('/resources/images/icon/health/icn_skin_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_bone_muscle {
	background-image: url('/resources/images/icon/health/icn_bone_muscle_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_bone {
	background-image: url('/resources/images/icon/health/icn_bone_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_articulation {
	background-image: url('/resources/images/icon/health/icn_articulation_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_protein {
	background-image: url('/resources/images/icon/health/icn_protein_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_brain {
	background-image: url('/resources/images/icon/health/icn_brain_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_immunity {
	background-image: url('/resources/images/icon/health/icn_immunity_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_stress {
	background-image: url('/resources/images/icon/health/icn_stress_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_woman {
	background-image: url('/resources/images/icon/health/icn_woman_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_nutritional {
	background-image: url('/resources/images/icon/health/icn_nutritional_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_prostate {
	background-image: url('/resources/images/icon/health/icn_prostate_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.icn_total {
	background-image: url('/resources/images/icon/health/icn_total_off.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_eye {
	background-image: url('/resources/images/icon/health/icn_eye.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_liver {
	background-image: url('/resources/images/icon/health/icn_liver.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_stomach {
	background-image: url('/resources/images/icon/health/icn_stomach.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_intestine {
	background-image: url('/resources/images/icon/health/icn_intestine.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_fatigue {
	background-image: url('/resources/images/icon/health/icn_fatigue.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_diet {
	background-image: url('/resources/images/icon/health/icn_diet.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_blood_suga,
.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_blood_sugar {
	background-image: url('/resources/images/icon/health/icn_blood_sugar.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_blood_pressure {
	background-image: url('/resources/images/icon/health/icn_blood_pressure.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_blood_circul {
	background-image: url('/resources/images/icon/health/icn_blood_circul.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_skin {
	background-image: url('/resources/images/icon/health/icn_skin.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_bone_muscle {
	background-image: url('/resources/images/icon/health/icn_bone_muscle.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_bone {
	background-image: url('/resources/images/icon/health/icn_bone.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_articulation {
	background-image: url('/resources/images/icon/health/icn_articulation.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_protein {
	background-image: url('/resources/images/icon/health/icn_protein.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_brain {
	background-image: url('/resources/images/icon/health/icn_brain.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_immunity {
	background-image: url('/resources/images/icon/health/icn_immunity.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_stress {
	background-image: url('/resources/images/icon/health/icn_stress.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_woman {
	background-image: url('/resources/images/icon/health/icn_woman.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_nutritional {
	background-image: url('/resources/images/icon/health/icn_nutritional.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_prostate {
	background-image: url('/resources/images/icon/health/icn_prostate.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active.icn_total {
	background-image: url('/resources/images/icon/health/icn_total.svg');
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active {
	position: relative;
	font-weight: 500;
	background-color: #d6c4ff;
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active::after {
	content: '';
	position: absolute;
	left: calc(50% - 7px);
	bottom: -9px;
	width: 14px;
	height: 10px;
	background: url('/resources/images/icon/ipu/result_tab_arrow_pur.svg') no-repeat center / 14px 10px;
}

.survey_result_new.rslt3 .swiper_tab .result_tab_nav>a.active p {
	opacity: 1;
	color: #5b1a7c;
	font-weight: 500;
}

.survey_result_new.rslt3 .swiper_tab .swiper-slide {
	padding: 8px 10px;
	width: auto;
	border-radius: 16px;
	font-size: 13px;
	line-height: 16px;
	text-align: center
}

/* .survey_result_new.rslt3 .swiper_tab .swiper-slide.red {
	color: #ee5353;
	background: #fdefef
}

.survey_result_new.rslt3 .swiper_tab .swiper-slide.red.on {
	color: #fff;
	background: #ee5353
}

.survey_result_new.rslt3 .swiper_tab .swiper-slide.yellow {
	color: #ffa900;
	background: #fff6e8
}

.survey_result_new.rslt3 .swiper_tab .swiper-slide.yellow.on {
	color: #fff;
	background: #ffa900
} */

.survey_result_new.rslt3 .detail_result {}

.survey_result_new.rslt3 .detail_result:after {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.survey_result_new.rslt3 .detail_result .list_div .list {
	position: relative;
	padding: 0 0 40px 0;
}

.survey_result_new.rslt3 .detail_result .list_div .list:first-child {
	border-top: none
}

.survey_result_new.rslt3 .detail_result .list_div .list .type span:first-child {
	margin-left: 0
}

.survey_result_new.rslt3 .detail_result .list_div .list .title {}

.survey_result_new.rslt3 .detail_result .list_div .list .title .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #7b23a8
}

.survey_result_new.rslt3 .detail_result .list_div .list .title .desc {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.survey_result_new.rslt3 .detail_result .list_div .list .noti_txt {
	margin-top: 8px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt3 .detail_result .list_div .list .noti_txt+.content {
	margin-top: 16px
}

.survey_result_new.rslt3 .detail_result .list_div .list .content {
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	word-break: break-all;
}

.survey_result_new.rslt3 .detail_result .list_div .list .content b {
	color: #7b23a8;
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip {
	position: relative;
	margin-top: 20px;
	padding: 20px 0 0 0;
	border-top: 1px dashed #ddd;
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8;
	background: url('/resources/images/icn_recommend.png') no-repeat left center;
	background-size: 31px 24px;
	padding-left: 39px;
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip .txt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	word-break: break-all;
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip .txt b {
	color: #7b23a8;
}

.survey_result_new.rslt3 .recommend_div {
	padding: 32px 0;
}

.survey_result_new.rslt3 .recommend_div_list .recommend_div:first-child:nth-last-child(1) .list .open {
	background: none !important;
	pointer-events: none;
}

.survey_result_new.rslt3 .recommend_div .title {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.survey_result_new.rslt3 .recommend_div .text {
	margin-top: 8px;
	font-weight: 300;
	font-size: 15px;
	line-height: 22px;
	color: #555
}

.survey_result_new.rslt3 .recommend_div .counsel_noti {
	margin-top: 20px;
	padding: 16px 50px 16px 16px;
	background: url('/resources/images/m_input_check.png') no-repeat right 16px top 50% #f7f4ff;
	background-size: 24px;
	border: 1px solid #c291dc;
	border-radius: 10px
}

.survey_result_new.rslt3 .recommend_div .counsel_noti .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt3 .recommend_div .counsel_noti .txt {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt3 .recommend_div .counsel_noti+.list_div {
	margin-top: 8px
}

.survey_result_new.rslt3 .recommend_div .list_div .list {
	display: flex;
	position: relative;
	width: 100%;
	padding: 24px 0 0 0;
}

.survey_result_new.rslt3 .recommend_div .list_div .list:first-child {
	margin-top: 0
}

.survey_result_new.rslt3 .recommend_div .list_div .list .swiper-slide {
	width: 80px;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .link_area {
	display: block;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info {
	width: 100%;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .img {
	width: 80px;
	height: 80px;
	vertical-align: middle;
	border-radius: 8px;
	background: #f7f7f7;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .img img {
	width: 100%
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .txt_area {
	margin-top: 6px;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .txt_area .name {
	display: -webkit-box;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all;
	height: 40px;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .txt_area .txt {
	display: -webkit-box;
	max-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span {
	padding: 5.5px 8px;
	font-size: 11px;
	line-height: 11px;
	color: #000;
	background: #fff;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span.red {
	color: #e62423;
	background: #ffeded;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span.yellow {
	color: #efa006;
	background: #fff4de;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span.blue {
	color: #6185f1;
	background: #f1f5ff;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span.grn {
	color: #3cc814;
	background: #e6fde0;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span.pur {
	color: #7b23a8;
	background: #f3eeff;
}

/* .survey_result_new.rslt3 .recommend_div .list_div .list .type span.recomm {
	color: #e81d75;
	border: 1px solid #e81d75
} */

.survey_result_new.rslt3 .recommend_div .list_div .list .type span.sugge {
	color: #3cc814;
	background: #e6fde0;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .type span:first-child {
	margin-left: 0
}

.survey_result_new.rslt3 .recommend_div .counsel_record {
	margin-top: 24px;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .refresh_txt {
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: -0.18px;
	color: #000;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .txt_box {
	position: relative;
	border-top: 1px dashed #ddd;
	padding-top: 32px;
	padding-bottom: 12px;
	margin: 14px auto 0 auto;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .tit {
	position: relative;
	display: flex;
	align-items: end;
	justify-content: center;
	width: 264px;
	margin: 0 auto;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .tit h4 {
	position: relative;
	width: fit-content;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	margin-left: 14px;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .tit h4:before {
	content: '';
	position: absolute;
	top: -6px;
	right: -11px;
	width: 22px;
	height: 22px;
	background: #d6c4ff;
	opacity: 0.57;
	border-radius: 50%;
	z-index: -1;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .tit h4:after {
	content: '';
	position: absolute;
	top: -26px;
	left: 0;
	width: 54px;
	height: 22px;
	background: url('/resources/images/m_ipu_comment.png') no-repeat;
	background-size: 52px 22px
}

.survey_result_new.rslt3 .recommend_div .counsel_record .text {
	width: 264px;
	margin: 22px auto 0 auto;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	word-break: break-all;
}

.survey_result_new.rslt3 .recommend_div+.recommend_div {
	border-top: 10px solid #f7f7f7
}

.survey_result_new.rslt3 .recommend_div.accor {
	padding: 0
}

.survey_result_new.rslt3 .recommend_div.accor .open {
	display: block;
	padding: 20px 50px 20px 20px;
	background: url('/resources/images/m_icn_down_777_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.survey_result_new.rslt3 .recommend_div.accor .list.on .open {
	background-image: url('/resources/images/m_icn_up_777_40x40.png');
}

.survey_result_new.rslt3 .recommend_div.accor .open .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.survey_result_new.rslt3 .recommend_div.accor .open .txt {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8;
	letter-spacing: -0.2px;
}

.survey_result_new.rslt3 .recommend_div.accor.on {
	padding-bottom: 32px
}

.survey_result_new.rslt3 .recommend_div.accor.on .open {
	background: url('/resources/images/m_icn_up_777_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.survey_result_new.rslt3 .recommend_div.accor .list .open .txt {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease;
}

.survey_result_new.rslt3 .recommend_div.accor .list.on .open .txt {
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.survey_result_new.rslt3 .recommend_div.accor .list .counsel_noti {
	display: none;
}

.survey_result_new.rslt3 .recommend_div.accor .list.on .counsel_noti {
	display: block;
}

.survey_result_new.rslt3 .recommend_div.accor .close {
	display: none;
	border-top: 1px solid #eee;
	padding-bottom: 24px;
}

.survey_result_new.rslt3 .recommend_div.accor .list_div {}

.survey_result_new.rslt3 .notice_area {
	padding: 24px 20px;
	background: #f7f7f7
}

.survey_result_new.rslt3 .notice_area .txt {
	padding-left: 20px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	background: url('/resources/images/m_blk_noti_icon.png') no-repeat left top;
	background-size: 16px
}

.survey_result_new.rslt3 .notice_area .dot_indent {
	margin-top: 16px
}

.survey_result_new.rslt3 .notice_area .dot_indent p {
	font-weight: 300
}

.survey_result_new.rslt3 .notice_area .dot_indent p a {
	display: inline-block;
	padding-right: 18px;
	color: #7b23a8;
	background: url('/resources/images/m_result_notice_link.png') no-repeat right center;
	background-size: 14px
}

.survey_result_new.rslt3 .view_btn {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 25px);
	bottom: calc(env(safe-area-inset-bottom) + 25px);
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 0;
	width: 240px;
	border-radius: 28px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 5;
	text-align: center;
	background: #fff;
	border: 2px solid #7b23a8
}

.survey_result_new.rslt3 .view_btn span {
	display: inline-block;
	padding-right: 28px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8;
	text-align: center;
	background: url('/resources/images/m_icn_down_pur_40x40.png') no-repeat right center;
	background-size: 20px
}

.survey_result_new.rslt3 .rslt_btn_div {
	display: flex;
	justify-content: center;
	padding: 20px 12px calc(constant(safe-area-inset-bottom) + 20px) 12px;
	padding: 20px 12px calc(env(safe-area-inset-bottom) + 20px) 12px;
	width: 100%;
	z-index: 5;
	background: #fff
}

/* .survey_result_new.rslt3 .cart_div:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
} */

.survey_result_new.rslt3 .rslt_btn_div .btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
	width: 100%;
	height: 56px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 18px 10px;
	border-radius: 6px;
	text-align: center;
	background: #5b1a7c;
}

.survey_result_new.rslt3 .rslt_btn_div .btn.wht {
	color: #7b23a8;
	border: solid 1px #7b23a8;
	background-color: #fff;
}

.survey_result_new.rslt3 .cart_btn {
	display: none;
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	padding: 18px 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 5
}

.survey_result_new.rslt3 .rslt_btn_div .join_advice_btn .coupon_txt {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	background-color: #e81d75;
	border-radius: 6px;
	padding: 4px 14px;
}

.survey_result_new.rslt3 .rslt_btn_div .join_advice_btn .coupon_txt::after {
	content: '';
	width: 6px;
	height: 6px;
	background: url(/resources/images/icon/ipu/icn_join_advice_btn_tail.svg) no-repeat center;
	display: block;
	position: absolute;
	bottom: -5.5px;
	left: 50%;
	transform: translateX(-50%);
}

/* 상품상세 */
.item_div {
	position: relative;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 80px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
	background: #f9f9f9
}

.item_div .puzzle_logo {
	position: absolute;
	top: -46px;
	left: 18px;
	width: 125px;
	height: 27px;
	background: url('/resources/images/ipu/m_item_div_top.png') no-repeat;
	background-size: 125px 27px
}

.item_div .puzzle_logo {
	display: block
}

.item_div .puzzle_logo img {
	display: none
}

.item_div>.close {
	position: absolute;
	top: -46px;
	right: 16px;
	width: 32px;
	height: 32px
}

.item_div>.close img {
	width: 100%
}

.item_div .top_thumb {
	position: relative
}

.item_div .top_thumb .img {
	position: relative
}

.item_div .top_thumb .img img {
	width: 100%
}

.item_div .top_thumb .txt_area {
	position: absolute;
	top: 40px;
	left: 32px;
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px)
}

.item_div .top_thumb .txt_area .title {
	display: inline-block;
	padding-bottom: 4px;
	font-weight: 700;
	font-size: 26px;
	line-height: 34px;
	color: #000;
	border-bottom: 4px solid #000
}

.item_div .top_thumb .txt_area .title span {
	color: #e81d75
}

.item_div .top_thumb .txt_area .price {
	margin-top: 10px;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.item_div .top_thumb .txt_area .counsel {
	margin-top: 2px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.item_div .suggest_div {
	padding: 60px 0 60px 32px;
	background: #fff
}

.item_div .suggest_div .tit {
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: #000
}

.item_div .suggest_div .img {
	margin-top: 36px
}

.item_div .suggest_div .img img {
	width: 100%
}

.item_div .suggest_div .txt {
	margin-top: 24px;
	padding-right: 32px;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.item_div .suggest_div .txt span {
	font-weight: 700
}

.item_div .item_info {
	margin-top: 10px;
	padding: 48px 0;
	background: #fff
}

.item_div .item_info .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: #000
}

.item_div .item_info .info {
	margin-top: 24px
}

.item_div .item_info .info .name {
	padding: 0 32px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000;
}

.item_div .item_info .info .name span {
	color: #e81d75
}

.item_div .item_info .info .list_div {
	margin-top: 12px;
	padding-left: 24px
}

.item_div .item_info .info .list_div .list {
	display: table;
	margin-top: 6px;
	padding: 14px 20px;
	width: 100%;
	background: #f5f5f5
}

.item_div .item_info .info .list_div .list:first-child {
	margin-top: 0
}

.item_div .item_info .info .list_div .list .img {
	display: table-cell;
	width: 40px;
	height: 40px;
	vertical-align: middle
}

.item_div .item_info .info .list_div .list .img img {
	width: 40px
}

.item_div .item_info .info .list_div .list .name {
	display: table-cell;
	padding: 0 0 0 12px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: middle
}

.item_div .item_info .detail {
	padding: 0 24px;
	margin-top: 48px
}

.item_div .item_info .detail .list {
	margin-top: 60px;
	border-top: 3px solid #000
}

.item_div .item_info .detail .list:first-child {
	margin-top: 0
}

.item_div .item_info .detail .list .top {
	display: table;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #e9e9e9
}

.item_div .item_info .detail .list .top .img {
	display: table-cell;
	width: 60px;
	height: 60px;
	vertical-align: middle
}

.item_div .item_info .detail .list .top .img img {
	width: 60px
}

.item_div .item_info .detail .list .top .name {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	vertical-align: middle
}

.item_div .item_info .detail .list .mid {
	margin-top: 20px
}

.item_div .item_info .detail .list .mid:after {
	content: '';
	display: block;
	clear: both
}

.item_div .item_info .detail .list .mid .txt {
	float: left;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.item_div .item_info .detail .list .mid .size {
	float: right;
	width: 100px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #e81d75;
	text-align: right
}

.item_div .item_info .detail .list .bot {
	margin-top: 16px
}

.item_div .item_info .detail .list .bot ul {}

.item_div .item_info .detail .list .bot ul li {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #555
}

.item_div .item_info .detail .list .bot ul li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #777;
	border-radius: 100%
}

.item_div .item_info .detail .list .bot .add_txt {
	margin-top: 8px;
	padding-left: 8px
}

.item_div .item_info .detail .list .bot .add_txt p {
	padding-left: 10px;
	text-indent: -10px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.item_div .item_info .detail .list .bot .add_txt p:before {
	content: '*';
	padding-right: 5px
}

.item_div .item_info .detail .list .bot .tag {
	margin-top: 23px
}

.item_div .item_info .detail .list .bot .tag:after {
	content: '';
	display: block;
	clear: both
}

.item_div .item_info .detail .list .bot .tag span {
	float: left;
	margin: 5px 5px 0 0;
	padding: 0 7px;
	font-size: 13px;
	line-height: 30px;
	color: #777;
	background: #f3f3f3
}

.item_div .item_info .detail .list .bot .tag span:before {
	content: '#';
	padding-right: 1px
}

.item_div .item_info .detail .list .bot .tag span:last-child {
	margin-right: 0
}

.item_div .item_info .detail .list .table_info {
	margin-top: 40px
}

.item_div .item_info .detail .list .table_info .text {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.item_div .item_info .detail .list .table_info .text span {
	text-decoration: underline
}

.item_div .item_info .detail .list .table_info .text+.tit {
	margin-top: 24px
}

.item_div .item_info .detail .list .table_info .tit {
	margin-top: 40px;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.item_div .item_info .detail .list .table_info .table {
	margin-top: 8px
}

.item_div .item_info .detail .list .table_info .table table {
	table-layout: fixed
}

.item_div .item_info .detail .list .table_info .table table thead th {
	padding: 4px 0;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #000
}

.item_div .item_info .detail .list .table_info .table table tbody th {
	padding: 6px 0;
	font-weight: 500;
	font-size: 11px;
	line-height: 16px;
	color: #e81d75;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.item_div .item_info .detail .list .table_info .table table tbody td {
	padding: 6px 0;
	font-weight: 400;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.item_div .item_info .detail .list .table_info .table table tbody td p {
	margin-top: 4px
}

.item_div .item_info .detail .list .table_info .table table tbody td p:first-child {
	margin-top: 0
}

.item_div .adjunct_div {
	margin-top: 10px;
	padding: 80px 0;
	background: #fff
}

.item_div .adjunct_div .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	color: #000
}

.item_div .adjunct_div .gallery {
	position: relative;
	margin-top: 32px;
	height: 288px
}

.item_div .adjunct_div .gallery .list {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2052px
}

.item_div .adjunct_div .gallery .list:nth-child(2) {
	top: 148px;
	left: calc(50% + 150px)
}

.item_div .adjunct_div .gallery .list:after {
	content: '';
	display: block;
	clear: both
}

.item_div .adjunct_div .gallery p {
	float: left;
	margin-left: 9px
}

.item_div .adjunct_div .gallery p:first-child {
	margin-left: 0
}

.item_div .adjunct_div .gallery p img {
	width: 220px
}

.item_div .adjunct_div .info {
	margin-top: 20px;
	padding: 0 32px;
}

.item_div .adjunct_div .info .list {
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9
}

.item_div .adjunct_div .info .list:last-child {
	border-bottom: none
}

.item_div .adjunct_div .info .list .name {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #555
}

.item_div .adjunct_div .info .list .txt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #777
}

.item_div .pz_intro_div {
	background: #fff
}

.item_div .pz_intro_div .pd_intro {
	position: relative;
	padding-top: 60px
}

.item_div .pz_intro_div .pd_intro:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vw + 92px);
	height: -webkit-calc(100vw + 92px);
	z-index: 0;
	background: #f3f3f3
}

.item_div .pz_intro_div .pd_intro .logo {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	height: 28px;
	background: url('/resources/images/ipu/m_item_intro_logo.png') no-repeat left center;
	background-size: 129px 28px
}

.item_div .pz_intro_div .pd_intro .txt {
	position: relative;
	margin-top: 16px;
	padding: 0 32px;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.item_div .pz_intro_div .pd_intro .img {
	position: relative;
	margin-top: 32px;
	padding-right: 32px
}

.item_div .pz_intro_div .pd_intro .img img {
	width: 100%
}

.item_div .pz_intro_div .pd_intro .left_line {
	margin-top: 24px;
	padding: 0 32px
}

.item_div .pz_intro_div .pd_intro .left_line p {
	padding-left: 12px;
	border-left: 4px solid #000;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.item_div .pz_intro_div .step_div {
	margin-top: 80px
}

.item_div .pz_intro_div .step_div .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	color: #000
}

.item_div .pz_intro_div .step_div .form_div {
	position: relative;
	margin-top: 32px;
	margin-left: 32px
}

.item_div .pz_intro_div .step_div .form_div .bg_area {
	margin-left: 72px;
	height: 330px;
	background: url('/resources/images/ipu/m_item_form_div_bg.png') no-repeat center;
	background-size: 690px 330px
}

.item_div .pz_intro_div .step_div .form_div .card {
	position: absolute;
	bottom: 38px;
	left: 0;
	padding: 60px 0 78px;
	width: 166px;
	height: 166px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center;
	background: url('/resources/images/ipu/m_item_form_div_card.png') no-repeat;
	background-size: 166px;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2)
}

.item_div .pz_intro_div .step_div .form_div .card span {
	font-weight: 700
}

.item_div .pz_intro_div .step_div .step_list {
	margin-top: 20px;
	padding-left: 32px
}

.item_div .pz_intro_div .step_div .step_list .step {
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9
}

.item_div .pz_intro_div .step_div .step_list .step:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.item_div .pz_intro_div .step_div .step_list .step .txt_area {
	padding: 0 92px 0 8px
}

.item_div .pz_intro_div .step_div .step_list .step .txt_area .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: #000
}

.item_div .pz_intro_div .step_div .step_list .step .txt_area .txt {
	margin-top: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.item_div .pz_intro_div .step_div .step_list .step:nth-child(1) .txt_area {
	background: url('/resources/images/ipu/m_step_icon1.png') no-repeat right 32px top 50%;
	background-size: 60px
}

.item_div .pz_intro_div .step_div .step_list .step:nth-child(2) .txt_area {
	background: url('/resources/images/ipu/m_step_icon2.png') no-repeat right 32px top 50%;
	background-size: 60px
}

.item_div .pz_intro_div .step_div .step_list .step:nth-child(3) .txt_area {
	background: url('/resources/images/ipu/m_step_icon3.png') no-repeat right 32px top 50%;
	background-size: 60px
}

.item_div .pz_intro_div .way_div {
	margin-top: 100px
}

.item_div .pz_intro_div .way_div .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #000
}

.item_div .pz_intro_div .way_div .img_area {
	margin-top: 32px
}

.item_div .pz_intro_div .way_div .img_area .img {}

.item_div .pz_intro_div .way_div .img_area .img img {
	width: 100%
}

.item_div .pz_intro_div .way_div .notice {
	margin-top: 40px;
	padding: 0 32px;
	font-size: 14px;
	line-height: 22px;
	color: #555
}

.item_div .pz_intro_div .special_div {
	margin-top: 100px
}

.item_div .pz_intro_div .special_div .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #000
}

.item_div .pz_intro_div .special_div .sub_txt {
	padding: 0 32px;
	margin-top: 16px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.item_div .pz_intro_div .special_div .img {
	padding-left: 32px;
	margin-top: 54px
}

.item_div .pz_intro_div .special_div .img img {
	width: 100%
}

.item_div .pz_intro_div .manage_div {
	margin-top: 100px
}

.item_div .pz_intro_div .manage_div .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #000
}

.item_div .pz_intro_div .manage_div .sub_txt {
	padding: 0 32px;
	margin-top: 16px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.item_div .pz_intro_div .manage_div .img {
	padding-left: 32px;
	margin-top: 32px
}

.item_div .pz_intro_div .manage_div .img img {
	width: 100%
}

.item_div .pz_intro_div .manage_div .mark_div {
	margin-top: 60px;
	padding: 0 32px;
	display: flex;
	flex-wrap: nowrap
}

.item_div .pz_intro_div .manage_div .mark_div div {
	margin: 0 20px;
	width: 100%
}

.item_div .pz_intro_div .manage_div .mark_div div:first-child {
	margin-left: 0
}

.item_div .pz_intro_div .manage_div .mark_div div:last-child {
	margin-right: 0
}

.item_div .pz_intro_div .manage_div .mark_div div img {
	width: 100%
}

.item_div .pz_intro_div .info_div {
	margin-top: 190px;
	padding-bottom: 80px
}

.item_div .pz_intro_div .info_div .logo {
	width: 100%;
	height: 28px;
	background: url('/resources/images/ipu/m_item_intro_logo.png') no-repeat center;
	background-size: 129px 28px
}

.item_div .pz_intro_div .info_div .sub_logo {
	margin-top: 7px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-align: center
}

.item_div .pz_intro_div .info_div .txt_area {
	margin-top: 80px;
	text-align: center
}

.item_div .pz_intro_div .info_div .txt_area p {
	margin-top: 6px;
	font-size: 11px;
	line-height: 16px;
	color: #555
}

.item_div .pz_intro_div .info_div .txt_area p:first-child {
	margin-top: 0
}

.item_div .pz_intro_div .info_div .txt_area div {
	margin-top: 6px;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: #555
}

.item_div .pz_intro_div .info_div .txt_area div:first-child {
	margin-top: 0
}

.item_div .pz_intro_div .info_div .txt_area b {
	padding-left: 4px;
	font-weight: 500
}

.item_div .pz_intro_div .info_div .txt_area .tel {
	margin-top: 8px
}

.item_div .pz_intro_div .info_div .txt_area a {
	color: #555
}

.item_div .inform_div {
	background: #fff
}

.item_div .inform_div .list {
	border-top: 1px solid #e9e9e9
}

.item_div .inform_div .list .open {
	display: block;
	padding: 21px 70px 21px 32px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: url('/resources/images/ipu/m_icn_arrow_down.png') no-repeat right 32px top 50%;
	background-size: 20px 12px
}

.item_div .inform_div .list .close {
	display: none;
	padding: 24px;
	background: #f9f9f9;
	border-top: 1px solid #e9e9e9;
}

.item_div .inform_div .list .close .tit:first-child {
	margin-top: 0
}

.item_div .inform_div .list .close .tit {
	margin-top: 25px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.item_div .inform_div .list .close .txt {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.item_div .inform_div .list .close .txt b {
	font-weight: 400;
	color: #333
}

.item_div .inform_div .list .close table {
	border-top: 1px solid #ddd;
	table-layout: fixed
}

.item_div .inform_div .list .close table th {
	padding: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd
}

.item_div .inform_div .list .close table td {
	padding: 8px 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.item_div .inform_div .list.on .open {
	background: url('/resources/images/ipu/m_icn_arrow_top.png') no-repeat right 32px top 50%;
	background-size: 20px 12px
}

.item_div .appli_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	;
	width: 100%;
}

.item_div .appli_btn .box {
	padding: 29px 32px calc(constant(safe-area-inset-bottom) + 29px) 32px;
	padding: 29px 32px calc(env(safe-area-inset-bottom) + 29px) 32px;
	height: calc(constant(safe-area-inset-bottom) + 80px);
	height: calc(env(safe-area-inset-bottom) + 80px);
	;
	background: #1f1646;
	cursor: pointer;
}

.item_div .appli_btn .box:after {
	content: '';
	display: block;
	clear: both
}

.item_div .appli_btn .box .left {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: #fff
}

.item_div .appli_btn .box .right {
	float: right;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: #ff439c
}

.item_div .appli_btn .box .center {
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	text-align: center
}

/* 남성 */
.item_div.male .puzzle_logo {
	background: url('/resources/images/ipu/m_item_div_male_top.png') no-repeat;
	background-size: 125px 27px
}

.item_div.male .top_thumb .title span {
	color: #19d3c5
}

.item_div.male .item_info .info .name span {
	color: #19d3c5
}

.item_div.male .item_info .detail .list .mid .size {
	color: #19d3c5
}

.item_div.male .item_info .detail .list .table_info .table table tbody th {
	color: #02bbb2
}

.item_div.male .pz_intro_div .pd_intro .logo {
	background: url('/resources/images/ipu/m_item_intro_male_logo.png') no-repeat left center;
	background-size: 130px 28px
}

.item_div.male .pz_intro_div .step_div .step_list .step:nth-child(1) .txt_area {
	background: url('/resources/images/ipu/m_step_male_icon1.png') no-repeat right 32px top 50%;
	background-size: 60px
}

.item_div.male .pz_intro_div .step_div .step_list .step:nth-child(2) .txt_area {
	background: url('/resources/images/ipu/m_step_male_icon2.png') no-repeat right 32px top 50%;
	background-size: 60px
}

.item_div.male .pz_intro_div .step_div .step_list .step:nth-child(3) .txt_area {
	background: url('/resources/images/ipu/m_step_male_icon3.png') no-repeat right 32px top 50%;
	background-size: 60px
}

.item_div.male .pz_intro_div .info_div .logo {
	background: url('/resources/images/ipu/m_item_intro_male_logo.png') no-repeat center;
	background-size: 130px 28px
}

.item_div.male .appli_btn .right {
	color: #19d3c5
}

/* 제품 리스트&상세 */
.all_count {
	padding: 12px 20px
}

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

.all_count p {
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.all_count p span {
	font-weight: 700;
	color: #7b23a8
}

.all_count .view_type {
	float: right
}

.all_count .view_type select {
	padding-right: 18px;
	height: 22px;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	color: #555;
	background: url('/resources/images/m_icn_down_777_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_list {
	padding: 12px 0 72px
}

.product_list .product_list_top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 10px solid #f7f7f7;
	padding: 15px 20px;
}

.product_list .banner {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 28px;
}

.product_list .banner .survey_ball_wrap.hide .survey_ball {
	width: 92px;
	animation: slide-out-right 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.product_list .banner .survey_ball .txt {
	width: 92px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	background: url('/resources/images/icon/product/icn_surcey_txt_bg.svg') no-repeat left center / 92px 28px;
	padding: 4px 9px;
	letter-spacing: -0.5px;
	animation: bounce-right 0.9s both;
	transition: all 0.8s;
}

.product_list .banner .survey_txt {
	display: flex;
	align-items: center;
	height: 28px;
	background: url('/resources/images/icon/product/icn_survey.svg') no-repeat left center / 24px;
	padding-left: 30px;
}

.product_list .banner .survey_txt .txt {
	display: inline-block;
	padding-right: 21px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: top;
	background: url('/resources/images/icon/icn_arrow_right.svg') no-repeat right 58%;
	background-size: 14px;
}

@keyframes slide-out-right {
	0% {
		transform: translateX(0);
		opacity: 1;
	}

	50% {
		opacity: 0.9;
	}

	100% {
		transform: translateX(48px);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes bounce-right {
	0% {
		transform: translateX(48px);
		animation-timing-function: ease-in;
		opacity: 1;
	}

	24% {
		opacity: 1;
	}

	40% {
		transform: translateX(26px);
		animation-timing-function: ease-in;
	}

	65% {
		transform: translateX(13px);
		animation-timing-function: ease-in;
	}

	82% {
		transform: translateX(6.5px);
		animation-timing-function: ease-in;
	}

	93% {
		transform: translateX(4px);
		animation-timing-function: ease-in;
	}

	25%,
	55%,
	75%,
	87%,
	98% {
		transform: translateX(0px);
		animation-timing-function: ease-out;
	}

	100% {
		transform: translateX(0px);
		animation-timing-function: ease-out;
		opacity: 1;
	}
}

.product_list .all_count {
	margin-top: 20px;
	border-top: 10px solid #f7f7f7
}

.product_list .product_list_top .all_count {
	margin-top: 0;
	border-top: none;
	padding: 0;
}

.product_list .list_div {
	/* margin-top: 6px; */
	border-top: 1px solid #eee;
	padding: 24px 20px 0;
}

.product_list .list_div .pd_list {
	position: relative;
	margin-top: 16px;
	background: #f9f9f9;
	border-radius: 85px;
	height: 170px;
	overflow: hidden;
}

.product_list .list_div .pd_list::before {
	content: '';
	width: 100%;
	height: 50%;
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.02);
}

.product_list .list_div .pd_list:first-child {
	margin-top: 0
}

.product_list .list_div .pd_list:nth-child(1n+0) {
	background-color: #fbf7fd;
}

.product_list .list_div .pd_list:nth-child(2n+0) {
	background-color: #f7f9fd;
}

.product_list .list_div .pd_list:nth-child(3n+0) {
	background-color: #f4fbff;
}

.product_list .list_div .pd_list:nth-child(4n+0) {
	background-color: #f2fcfa;
}

.product_list .list_div .pd_list:nth-child(5n+0) {
	background-color: #f9f9f9;
}

.product_list .list_div .pd_list:nth-child(6n+0) {
	background-color: #f7faf2;
}

.product_list .list_div .pd_list:nth-child(7n+0) {
	background-color: #fbf9eb;
}

.product_list .list_div .pd_list:nth-child(8n+0) {
	background-color: #fff6ed;
}

.product_list .list_div .pd_list:nth-child(9n+0) {
	background-color: #fef7f7;
}

.product_list .list_div .pd_list .link_area {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	align-items: center;
	padding: 30px 30px 30px 14px;
}

.product_list .list_div .pd_list .link_area .thumb {
	width: 100px;
	height: 100px;
	text-align: center;
	margin-right: 4px;
	overflow: hidden
}

.product_list .list_div .pd_list .link_area .thumb img {
	width: 100px;
	height: 100px;
}

.product_list .list_div .pd_list .link_area .info {
	position: relative;
	width: 66.5%;
}

.product_list .list_div .pd_list .link_area .info .desc {
	display: block;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	max-height: 36px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	margin-bottom: 4px;
}

.product_list .list_div .pd_list .link_area .info .name {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	max-height: 48px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.product_list .list_div .pd_list .link_area .info .price {
	margin-top: 20px
}

.product_list .list_div .pd_list .link_area .info .price p {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #000;
}

.product_list .list_div .pd_list .link_area .info .price .now {
	float: left;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #000
}

.product_list .list_div .pd_list .link_area .info .price .now span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
}

/*
.product_list .list_div .pd_list .link_area .info .price .dc {
	float: left;
	margin-right: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	color: #e81d75
}

.product_list .list_div .pd_list .link_area .info .price .past {
	float: left;
	margin-top: 6px;
	width: 100%;
	font-size: 16px;
	line-height: 15px;
	color: #bbb
}

.product_list .list_div .pd_list .link_area .info .price .past span {
	display: inline-block;
	vertical-align: top;
	text-decoration: line-through;
}

.product_list .list_div .pd_list .cart_btn {
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 12px 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center;
	background: #fff;
	border-radius: 12px
}

.product_list .list_div .pd_list .cart_btn span {
	display: inline-block;
	padding-left: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/m_pd_list_cart_btn.png') no-repeat left center;
	background-size: 24px
} */

.product_dtl {
	position: relative;
	padding-bottom: 120px
}

.product_dtl .thumb {}

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

.product_dtl .thumb .swiper-slide {
	/* padding: 20px 20px 40px; */
	background: #f7f7f7;
	height: auto
}

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

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

.product_dtl .thumb .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
	opacity: 0.1
}

.product_dtl .thumb .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.product_dtl .share {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 34px;
	height: 34px;
	background: url('/resources/images/m_icn_share_48x48.png') no-repeat center;
	background-size: 24px;
	z-index: 1
}

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

.product_dtl .scroll_area .healthy_icon {
	position: absolute;
	top: -20px;
	left: 20px
}

.product_dtl .scroll_area .healthy_icon:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .scroll_area .healthy_icon p {
	float: left;
	margin-left: 6px;
	width: 40px;
	height: 40px
}

.product_dtl .scroll_area .healthy_icon p:first-child {
	margin-left: 0
}

.product_dtl .scroll_area .healthy_icon p img {
	width: 100%
}

.product_dtl .scroll_area .info_div {
	position: relative;
	margin-top: -20px;
	padding: 28px 20px 0;
	border-bottom: 10px solid #f7f7f7
}

.product_dtl .scroll_area .info_div .name {
	padding-bottom: 16px;
	word-break: break-all;
}

.product_dtl .scroll_area .info_div .name .desc {
	color: #555;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 4px;
}

.product_dtl .scroll_area .info_div .name .tit {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}

.product_dtl .price_div .price .dc,
.product_dtl .price_div .price .won.sale,
.product_dtl .price_div .price_desc .grade {
	display: none;
}

.product_dtl .price_div.login .join_coupon,
.product_dtl .price_div.login .won.sale {
	display: none;
}

.product_dtl .price_div.login .price .dc,
.product_dtl .price_div.login .price .won.sale,
.product_dtl .price_div.login .price_desc .grade {
	display: block;
}

.product_dtl .scroll_area .info_div .price_div {
	border-top: 1px solid #ddd;
	padding: 20px 0;
}

.product_dtl .scroll_area .info_div .price_div .price {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.product_dtl .scroll_area .info_div .price_div .price .dc {
	font-size: 20px;
	color: #e81d75;
	line-height: 30px;
	margin-right: 8px;
}

.product_dtl .scroll_area .info_div .price_div .price .won {
	font-size: 20px;
	color: #000;
	line-height: 30px;
}

.product_dtl .scroll_area .info_div .price_div .price .won span {
	font-size: 22px;
	font-weight: bold;
}

.product_dtl .scroll_area .info_div .price_div .price .won.sale {
	font-size: 16px;
	color: #bbb;
	line-height: 18px;
	margin-left: 8px;
	text-decoration: line-through;
}

.product_dtl .scroll_area .info_div .price_div .price .won.sale span {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: inherit;
}

.product_dtl .scroll_area .info_div .price_div .price .join_coupon {
	position: relative;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	line-height: 18px;
	padding: 4px 8px;
	background-color: #7b23a8;
	border-radius: 6px;
	margin-left: 14px;
}

.product_dtl .scroll_area .info_div .price_div .price .join_coupon::before {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	left: -5px;
	width: 6px;
	height: 6px;
	background: url('/resources/images/icon/product/icn_join_coupon.svg') no-repeat center;
}

.product_dtl .scroll_area .info_div .price_div .price_desc {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	border-radius: 6px;
	background-color: #f4f0ff;
}

.product_dtl .scroll_area .info_div .price_div .price_desc .grade {
	font-size: 11px;
	color: #7b23a8;
	font-weight: 500;
	line-height: 16px;
	border: solid 1px #7b23a8;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 2px 8px;
	margin-right: 8px;
}

.product_dtl .scroll_area .info_div .price_div .price_desc .desc {
	font-size: 14px;
	color: #555;
	line-height: 27px;
}

.product_dtl .scroll_area .info_div .price_div .price_desc .desc .won {
	font-size: 16px;
	color: #7b23a8;
	font-weight: 500;
	line-height: 26px;
	margin: 0 6px;
	vertical-align: top;
}

.product_dtl .scroll_area .info_div .price_div .price_desc .desc .won strong {
	font-size: 18px;
	font-weight: bold;
}

.product_dtl .scroll_area .add_info_div {
	border-bottom: 10px solid #f7f7f7;
	padding: 0 20px;
}

.product_dtl .bot_benefit_div {
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-bottom: 1px solid #eee;
	padding: 30px 0 20px 0;
}

.product_dtl .bot_benefit_div .bot_benefit_item {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-width: 95px;
	background-image: url('/resources/images/icon/product/icn_bot_benefit_01.svg');
	background-size: 60px;
	padding-top: 66px;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}

.product_dtl .bot_benefit_div .bot_benefit_item:nth-of-type(2) {
	background-image: url('/resources/images/icon/product/icn_bot_benefit_02.svg');
}

.product_dtl .bot_benefit_div .bot_benefit_item:nth-of-type(3) {
	background-image: url('/resources/images/icon/product/icn_bot_benefit_03.svg');
}

.product_dtl .bot_benefit_div .tit {
	min-height: 66px;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	line-height: 20px;
}

.product_dtl .bot_benefit_div .tit a {
	display: block;
	color: #000;
	padding-bottom: 22px;
	background: url('/resources/images/icon/product/icn_bot_benefit_more.svg') bottom center no-repeat;
	background-size: 16px
}

.product_dtl .scroll_area .ingest_div {
	display: flex;
	align-items: start;
	justify-content: center;
	padding: 20px 0 30px 0;
}

.product_dtl .scroll_area .ingest_div .info {
	width: 90px;
	margin-left: 50px;
	text-align: center;
	word-break: break-all;
}

.product_dtl .scroll_area .ingest_div .info.two {
	width: 150px;
}

.product_dtl .scroll_area .ingest_div .info:nth-of-type(1) {
	margin-left: 0;
}

.product_dtl .scroll_area .ingest_div .info .ico {
	width: 90px;
	height: 90px;
	background-color: #f4f0ff;
	border-radius: 50%;
	padding: 15px;
	margin-bottom: 6px;
}

.product_dtl .scroll_area .ingest_div .info .tit {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #000;
}

.product_dtl .scroll_area .ingest_div .info .desc {
	font-size: 14px;
	line-height: 22px;
	color: #555;
}

.product_dtl .scroll_area .ingest_div .info .ico {
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: center;
}

.product_dtl .scroll_area .ingest_div .info .ico_wrap {
	overflow: hidden;
	padding: 15px;
	border-radius: 45px;
	background-color: #f4f0ff;
	margin: 0 auto 6px auto;
}

.product_dtl .scroll_area .ingest_div .info .ico_wrap .ico {
	background-color: none;
	padding: 0;
	width: 60px;
	height: 60px;
	margin-bottom: 0;
}

.product_dtl .scroll_area .ingest_div .info.two {
	margin-left: 30px;
}

.product_dtl .scroll_area .ingest_div .info.two .ico_wrap {
	display: flex;
	align-items: center;
}

.product_dtl .scroll_area .ingest_div .eat.cap_01 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_cap_01.svg')
}

.product_dtl .scroll_area .ingest_div .eat.cap_02 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_cap_02.svg')
}

.product_dtl .scroll_area .ingest_div .eat.tab_01 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_tab_01.svg')
}

.product_dtl .scroll_area .ingest_div .eat.tab_02 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_tab_02.svg')
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_eye {
	background-image: url('/resources/images/icon/health/icn_eye.svg')
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_liver {
	background-image: url('/resources/images/icon/health/icn_liver.svg')
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_stomach {
	background-image: url('/resources/images/icon/health/icn_stomach.svg')
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_intestine {
	background-image: url('/resources/images/icon/health/icn_intestine.svg')
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_fatigue {
	background-image: url('/resources/images/icon/health/icn_fatigue.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_diet {
	background-image: url('/resources/images/icon/health/icn_diet.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_blood_sugar,
.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_blood_suga {
	background-image: url('/resources/images/icon/health/icn_blood_circul.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_blood_pressure {
	background-image: url('/resources/images/icon/health/icn_blood_pressure.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_blood_circul {
	background-image: url('/resources/images/icon/health/icn_blood_circul.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_skin {
	background-image: url('/resources/images/icon/health/icn_skin.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_bone_muscle {
	background-image: url('/resources/images/icon/health/icn_bone_muscle.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_bone {
	background-image: url('/resources/images/icon/health/icn_bone.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_articulation {
	background-image: url('/resources/images/icon/health/icn_articulation.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_protein {
	background-image: url('/resources/images/icon/health/icn_protein.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_brain {
	background-image: url('/resources/images/icon/health/icn_brain.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_immunity {
	background-image: url('/resources/images/icon/health/icn_immunity.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_stress {
	background-image: url('/resources/images/icon/health/icn_stress.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_woman {
	background-image: url('/resources/images/icon/health/icn_woman.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_nutritional {
	background-image: url('/resources/images/icon/health/icn_nutritional.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_prostate {
	background-image: url('/resources/images/icon/health/icn_prostate.svg');
}

.product_dtl .scroll_area .ingest_div .info_effect .ico.icn_total {
	background-image: url('/resources/images/icon/health/icn_total.svg');
}

.product_dtl .scroll_area .content {}

.product_dtl .scroll_area .content .txt_div {
	padding: 80px 20px 40px;
	/* border-bottom: 10px solid #f7f7f7; */
	text-align: center;
}

.product_dtl .scroll_area .content .txt_div img {
	width: 100%;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont {
	margin-bottom: 80px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont:nth-last-of-type(1) {
	margin-bottom: 0;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont .fc_pur {
	color: #7b23a8;
	font-weight: bold;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont .fs_small {
	display: inline-block;
	font-size: 10px;
	line-height: 18px;
	margin-top: 15px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont h3 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont p {
	font-size: 16px;
	color: #555;
	line-height: 26px;
	letter-spacing: 0.2px;
	margin-bottom: 30px;
	word-break: break-all;
}

/* 230608 함량 정보 관리 추가 css*/
.product_dtl .scroll_area .content .pd_content_info_div {
	width: 100%;
	padding: 20px 20px 80px;
	border-bottom: 10px solid #f7f7f7;
	background: #fff;
}

.product_dtl .scroll_area .content .txt_div~.pd_content_info_div {
	padding-top: 0;
	/* margin-top: -10px; */
}

.product_dtl .scroll_area .content .pd_content_info_div .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table {
	margin-top: 20px;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table thead th {
	font-size: 11px;
	line-height: 22px;
	color: #999;
	background: #f7f7f7;
	padding: 9px 10px;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table thead th:nth-of-type(1) {
	border-radius: 17px 0 0 17px;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table thead th:nth-last-of-type(1) {
	border-radius: 0 17px 17px 0;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td {
	padding: 14px 10px;
	font-size: 13px;
	line-height: 22px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	word-break: break-all;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar {
	position: relative;
	width: 100%;
	height: 20px;
	border-radius: 10px;
	background-color: #f7f7f7;
	overflow: hidden;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar_color {
	width: 100%;
	height: 100%;
	background: #d6c4ff;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar_color.org {
	background: #ffbf86;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar .per {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 22px;
	padding: 0 10px;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc {
	margin-top: 10px;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc p {
	position: relative;
	font-size: 11px;
	color: #999;
	line-height: 16px;
	padding: 0 2px 0 10px;
	margin-top: 4px;
	word-break: break-all;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc p:nth-of-type(1) {
	margin-top: 0;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc p::before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 11px;
	color: #999;
	line-height: 16px;
}

.product_dtl .scroll_area .content .img_div {
	position: relative;
	padding-bottom: 8px
}

.product_dtl .scroll_area .content .img_div:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	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 .content .img_div img {
	width: 100%
}

.product_dtl .scroll_area .content .img_div .total {
	display: none
}

.product_dtl .scroll_area .content .img_div .more {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	padding: 13px 0;
	width: 270px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px
}

.product_dtl .scroll_area .content .img_div .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_down_blk_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_dtl .scroll_area .content .img_div.on {
	padding-bottom: 96px
}

.product_dtl .scroll_area .content .img_div.on:before {
	display: none
}

.product_dtl .scroll_area .content .img_div.on .total {
	display: block
}

.product_dtl .scroll_area .content .img_div.on .more span {
	background: url('/resources/images/m_icn_up_blk_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_dtl .scroll_area .content .accor_div {
	border-top: 1px solid #eee
}

.product_dtl .scroll_area .content .accor_div .list {
	border-bottom: 1px solid #eee
}

.product_dtl .scroll_area .content .accor_div .list .open {
	display: block;
	padding: 20px 60px 20px 20px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_down_777_40x40.png') no-repeat right 20px center;
	background-size: 20px
}

.product_dtl .scroll_area .content .accor_div .list .open h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #000;
}

.product_dtl .scroll_area .content .accor_div .list .close {
	display: none;
	padding: 24px 20px;
	background: #f7f7f7;
	border-top: 1px solid #eee
}

.product_dtl .scroll_area .content .accor_div .list .close .tr {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	letter-spacing: -0.2px;
	word-break: break-all;
}

.product_dtl .scroll_area .content .accor_div .list .close .tr:nth-last-of-type(1) {
	margin-bottom: 0;
}

.product_dtl .scroll_area .content .accor_div .list .close .tit {
	width: 107px;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	padding-right: 5px;
}

.product_dtl .scroll_area .content .accor_div .list .close .txt {
	width: 220px;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	word-break: break-word;
}

.product_dtl .scroll_area .content .accor_div .list .close.col .tr {
	flex-direction: column;
}

.product_dtl .scroll_area .content .accor_div .list .close.col .tr .tit {
	width: 100%;
	margin-bottom: 10px;
}

.product_dtl .scroll_area .content .accor_div .list .close.col .tr .txt {
	width: 100%;
}

.product_dtl .scroll_area .content .accor_div .list.on .open {
	background: url('/resources/images/m_icn_up_777_40x40.png') no-repeat right 20px center;
	background-size: 20px
}

.product_dtl .bottom_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 20px 20px calc(constant(safe-area-inset-bottom) + 20px);
	padding: 20px 20px calc(env(safe-area-inset-bottom) + 20px);
	width: 100%;
	z-index: 2;
	background: #fff
}

.product_dtl .bottom_fix .detail {
	display: none;
	position: relative
}

.product_dtl .bottom_fix .detail .close {
	position: absolute;
	top: -50px;
	left: -20px;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	height: 40px;
}

.product_dtl .bottom_fix .detail .choice_div {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.product_dtl .bottom_fix .detail .choice_div .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.product_dtl .bottom_fix .detail .choice_div .radio_list {
	margin-top: 16px
}

.product_dtl .bottom_fix .detail .choice_div .radio_list .radio_div {
	margin-top: 16px
}

.product_dtl .bottom_fix .detail .choice_div .radio_list .radio_div:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .detail .choice_div .radio_list .radio_box {
	position: relative
}

.product_dtl .bottom_fix .detail .choice_div .radio_list .radio_box input[type="radio"]+label {
	font-weight: 400;
	font-size: 15px
}

.product_dtl .bottom_fix .detail .choice_div .radio_list .radio_box .tool {
	position: absolute;
	top: -1px;
	left: calc(100% + 14px);
	left: -webkit-calc(100% + 14px);
	padding: 4px 8px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #7b23a8;
	border-radius: 6px;
	white-space: nowrap
}

.product_dtl .bottom_fix .detail .choice_div .radio_list .radio_box .tool:before {
	content: '';
	position: absolute;
	top: 9px;
	left: -6px;
	border-right: 6px solid #7b23a8;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.product_dtl .bottom_fix .detail .count_div {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.product_dtl .bottom_fix .detail .count_div:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .count_div .left {
	float: left;
	font-size: 14px;
	line-height: 32px;
	color: #000
}

.product_dtl .bottom_fix .detail .count_div .left.tool {
	position: relative;
	padding-right: 18px
}

.product_dtl .bottom_fix .detail .count_div .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.product_dtl .bottom_fix .detail .count_div .count {
	float: right
}

.product_dtl .bottom_fix .detail .total_div {
	padding-bottom: 24px
}

.product_dtl .bottom_fix .detail .total_div .line {
	margin-top: 10px
}

.product_dtl .bottom_fix .detail .total_div .line:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .detail .total_div .line:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total_div .line .left {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.product_dtl .bottom_fix .detail .total_div .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.product_dtl .bottom_fix .detail .total_div .line .right span {
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	vertical-align: top
}

.product_dtl .bottom_fix .detail .total_div .line.final .left {
	line-height: 24px
}

.product_dtl .bottom_fix .detail .total_div .line.final .right {
	font-size: 18px;
	line-height: 24px
}

.product_dtl .bottom_fix .detail .total_div .line.final .right span {
	font-size: 20px
}

.product_dtl .bottom_fix .btn {
	display: flex
}

.product_dtl .bottom_fix .btn a {
	display: block;
	padding: 18px 24px;
	margin-left: 4px;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px;
	background: #5b1a7c;
}

.product_dtl .bottom_fix .btn a.sct,
.product_dtl .bottom_fix .btn a.cart,
.product_dtl .bottom_fix .btn a.personal {
	margin-left: 0
}

.product_dtl .bottom_fix .btn a.sct {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.product_dtl .bottom_fix .btn a.once {
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.product_dtl .bottom_fix .btn a.cart,
.product_dtl .bottom_fix .btn a.personal {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.product_dtl .bottom_fix .btn a.buy {
	display: none;
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

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

.product_dtl .bottom_fix .btn a.buy span {
	background: url('/resources/images/m_bottomfix_buy.png') no-repeat left center;
	background-size: 24px
}

.product_dtl .bottom_fix .btn.on a.sct {
	display: none
}

.product_dtl .bottom_fix .btn.on a.once {
	display: none
}

.product_dtl .bottom_fix .btn.on a.cart {
	display: block
}

.product_dtl .bottom_fix .btn.on a.buy {
	display: block
}

.product_dtl .bottom_fix.on {
	padding-top: 50px;
	background: #fff;
	border-radius: 16px 16px 0 0;
	z-index: 12
}

.product_dtl .bottom_fix.on:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 48px;
	height: 24px;
	background: url('/resources/images/m_bottom_fix_close_icn.png') no-repeat center;
	background-size: 48px 24px;
	z-index: -1
}

.alert_pop.product_alert_pop .tit {
	color: #000;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 16px;
}

.alert_pop.product_alert_pop .pop_con .txt {
	color: #333;
	font-size: 13px;
	line-height: 18px;
}

.layer_pop.center_pop.use_guide_pop {
	background: none;
	padding: 0;
}

.layer_pop.use_guide_pop video {
	outline: none;
	border: 0;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.layer_pop.use_guide_pop video {
	outline: none;
	border: 0;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

/* 전체화면 버튼 */
.layer_pop.use_guide_pop video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}

/* 음소거 버튼 */
.layer_pop.use_guide_pop video::-webkit-media-controls-mute-button {
	display: none !important;
}

/* 볼륨 조절 슬라이드 */
.layer_pop.use_guide_pop video::-webkit-media-controls-volume-slider {
	display: none !important;
}

.layer_pop.use_guide_pop video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}


.layer_pop.use_guide_pop .swiper-button-prev,
.layer_pop.use_guide_pop .swiper-button-next {
	width: 40px;
	height: 40px;
	background-size: 40px;
	top: 35%;
}

.layer_pop.use_guide_pop .swiper-button-prev {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_left.svg');
	left: 0;
	right: auto;
}

.layer_pop.use_guide_pop .swiper-button-next {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_right.svg');
	right: 0;
	left: auto;
}

.layer_pop.use_guide_pop .swiper-button-prev.swiper-button-disabled {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_left_disable.svg');
}

.layer_pop.use_guide_pop .swiper-button-next.swiper-button-disabled {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_right_disable.svg');
}

.layer_pop.use_guide_pop .swiper-pagination {
	bottom: 24px;
	font-family: SUIT;
	font-size: 12px;
	color: #c291dc;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: -1.5px;
}

.layer_pop.use_guide_pop .pop_con {
	background: none;
	padding: 0;
	text-align: center;
	border-radius: 16px;
}

.layer_pop.use_guide_pop .pop_con .top {
	height: 334px;
	background: #fff;
	overflow: hidden;
	/* padding: 58px 14px 28px 14px; */
}

.layer_pop.use_guide_pop .pop_con .top .num {
	font-size: 22px;
	color: #d6c4ff;
	font-weight: 800;
	line-height: 24px;
	margin-bottom: 22px;
}

.layer_pop.use_guide_pop .pop_con .top .tit {
	font-size: 22px;
	color: #000;
	line-height: 30px;
	margin-bottom: 20px;
}

.layer_pop.use_guide_pop .pop_con .top .tit .pur {
	color: #7b23a8;
	font-weight: bold;
}

.layer_pop.use_guide_pop .pop_con .top .img img {
	width: 300px;
	height: 334px;
}

.layer_pop.use_guide_pop .pop_con .bot {
	height: 196px;
	font-size: 15px;
	color: #fff;
	line-height: 22px;
	background: #5b1a7c;
	overflow: hidden;
	padding: 24px 20px;
}

.layer_pop.use_guide_pop .pop_con .bot .tit {
	font-size: 19px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px;
}

.layer_pop.use_guide_pop .pop_con .bot .tit .pur {
	color: #c291dc;
	font-weight: bold;
}

.layer_pop.use_guide_pop .pop_con .bot .desc {
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

.layer_pop.use_guide_pop .close_btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/icn_close_40x40.png') center no-repeat;
	background-size: 24px;
	z-index: 1;
}

/* 장바구니 */
.cart_div {}

.cart_div .tabs {
	margin: 12px auto 10px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

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

.cart_div .tabs a {
	position: relative;
	float: left;
	margin-left: 10px;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	padding: 60px 10px 18px;
	text-align: center;
	border: 2px solid #ddd;
	border-radius: 10px
}

.cart_div .tabs a:nth-child(1) {
	background: url('/resources/images/m_cart_tab1.png') no-repeat center 8px;
	background-size: 44px;
	margin-left: 0
}

.cart_div .tabs a:nth-child(1).on {
	background: url('/resources/images/m_cart_tab1_on.png') no-repeat center 8px;
	background-size: 44px
}

.cart_div .tabs a:nth-child(2) {
	background: url('/resources/images/m_cart_tab2.png') no-repeat center 8px;
	background-size: 44px
}

.cart_div .tabs a:nth-child(2).on {
	background: url('/resources/images/m_cart_tab2_on.png') no-repeat center 8px;
	background-size: 44px
}

.cart_div .tabs a.on {
	border: 2px solid #7b23a8;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15)
}

.cart_div .tabs a .tit {
	font-size: 16px;
	line-height: 24px;
	color: #777
}

.cart_div .tabs a .tit span {
	margin-left: 2px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #777
}

.cart_div .tabs a .txt {
	margin-top: 8px;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #777
}

.cart_div .tabs a.on .tit {
	font-weight: 500;
	color: #000
}

.cart_div .tabs a.on .tit span {
	color: #7b23a8
}

.cart_div .tabs a.on .txt {
	color: #000
}

.cart_div .tabs a.on .txt b {
	font-weight: 500;
	color: #7b23a8
}

.cart_div .cont {
	padding-bottom: 20px
}

.cart_div .cont .info_area {
	position: relative;
	border-bottom: 10px solid #f7f7f7;
	padding: 12px 20px 32px 20px;
}

.cart_div .cont .info_area .text {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left
}

.cart_div .cont .info_area .text span {
	font-weight: 500;
	color: #7b23a8
}

.cart_div .cont .info_area .banner_txt .btn {
	display: inline-block;
	color: #7b23a8;
	font-size: 13px;
	line-height: 1.62;
	border-radius: 11px;
	background: url('/resources/images/icon/cart/m_icn_arrow_right_pur.svg') no-repeat right 10px center / 20px;
	background-color: #f4f0ff;
	padding: 2px 30px 2px 13px;
	margin-top: 8px;
}

.cart_div .cont .product_detail {
	padding-bottom: 32px;
	border-bottom: 10px solid #f7f7f7
}

.cart_div .cont .product_detail .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 20px 16px;
}

.cart_div .cont .product_detail .top .chk_box {
	padding: 1px 0
}

.cart_div .cont .product_detail .top .btn {
	display: flex;
	align-items: center;
}

.cart_div .cont .product_detail .top .btn a {
	padding: 4px 7px;
	margin-left: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px
}

.cart_div .cont .product_detail .top .btn a:first-child {
	margin-left: 0;
}

.cart_div .cont .product_detail .list_inner {
	display: flex;
	align-items: center;
}

.cart_div .cont .product_detail .pd_list_div.pack .list .info .period {
	margin-top: 2px
}

.cart_div .cont .product_detail .pd_list_div.pack .list .info .price {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.cart_div .cont .product_detail .pd_list_div.pack .list .info .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.cart_div .cont .product_detail .add_product {
	margin: 14px auto 0
}

.cart_div .cont .add_product {
	display: block;
	margin: 28px auto 0;
	padding: 13px 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px
}

.cart_div .cont .add_product span {
	display: inline-block;
	padding-left: 22px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_plus_40x40.png') no-repeat left center;
	background-size: 20px
}

.cart_div .cont .product_detail_txt {
	font-size: 12px;
	line-height: 16px;
	color: #999;
	padding: 0 20px;
	margin-top: 6px;
	text-align: center;
}

.cart_div .cont .price_detail {
	padding-top: 32px;
	padding-bottom: 104px
}

.cart_div .cont .price_detail .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.cart_div .cont .price_detail .title .error_msg {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-align: right;
	color: #e62423;
}

.cart_div .cont .price_detail .title .tool {
	position: relative;
	padding-right: 18px
}

.cart_div .cont .price_detail .title .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.cart_div .cont .price_detail .tooltip_div .tooltip {
	width: 260px;
	max-width: 260px;
}

.cart_div .cont .price_detail .tooltip_div .tooltip.txt_area .dot_indent p {
	white-space: inherit;
	word-break: break-all;
}

.cart_div .cont .price_detail .detail_view {
	margin-top: 12px;
	padding-top: 20px;
	border-top: 1px solid #000
}

.cart_div .cont .price_detail .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px
}

.cart_div .cont .price_detail .line:first-child {
	margin-top: 0
}

.cart_div .cont .price_detail .line .left>.tit {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.cart_div .cont .price_detail .line .left>.tit.tool {
	padding-right: 18px;
}

.cart_div .cont .price_detail .line .left>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.cart_div .cont .price_detail .line.highlight .left>.tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

.cart_div .cont .price_detail .line .right {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.cart_div .cont .price_detail .line .right span {
	display: inline-block;
	/* font-size: 18px; */
	vertical-align: top
}

.cart_div .cont .price_detail .detail .line .right span {

	font-weight: 500;
}

/* .cart_div .cont .price_detail .line .right.error {
	padding-left: 18px;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left center;
	background-size: 16px
} */

.cart_div .cont .price_detail .line .right.error {
	font-weight: 400;
	color: #e62423
}

.cart_div .cont .price_detail .line.highlight .right {
	color: #7b23a8;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}

.cart_div .cont .price_detail .line.highlight .right span {
	font-size: 18px;
	line-height: 24px;
}

.cart_div .cont .price_detail .final {
	margin-bottom: 20px
}

.cart_div .cont .price_detail .final:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cont .price_detail .final .left {
	float: left;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #000
}

.cart_div .cont .price_detail .final .right {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.cart_div .cont .price_detail .final .right span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.cart_div .cont .price_detail .final.highlight .right {
	color: #7b23a8
}

.cart_div .cont .price_detail .detail_view .box {
	margin-top: 20px;
}

.cart_div .cont .price_detail .detail_view .box+.box {
	margin-top: 12px
}

.cart_div .cont .price_detail .detail_view .box input[type="radio"] {
	display: none
}

.cart_div .cont .price_detail .detail_view .box label .left {
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #000
}

.cart_div .cont .price_detail .detail_view .box label .right {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.cart_div .cont .price_detail .detail_view .box label .right span {
	font-size: 18px
}

.cart_div .cont .price_detail .detail_view .box label .highlight .right {
	color: #7b23a8
}

.cart_div .cont .price_detail .detail_view .box input[type="radio"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/resources/images/common/m_radio_icon_48x48.png") no-repeat center;
	background-size: 24px;
	border-radius: 100%
}

.cart_div .cont .price_detail .detail_view .box input[type="radio"]:checked+label:after {
	background: url("/resources/images/common/m_radio_icon_on_48x48.png") no-repeat center;
	background-size: 24px;
}

.cart_div .cont .price_detail .detail_view .box .detail {
	/* display: none; */
	border-top: 1px dashed #ddd;
	padding-top: 22px;
	margin-top: 20px;
}

.cart_div .cont .price_detail .detail_view .box .detail:first-child {
	margin-top: 0;
}

.cart_div .cont .price_detail .detail_view .box_div .box .detail {
	display: block;
	padding-right: 0;
	width: auto;
}

.cart_div .cont .price_detail .detail_view .box .noti_tool {
	margin: 20px auto 0;
	width: 100%;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 16px;
	color: #7b23a8;
	text-align: center;
	background: #f4f0ff;
	border-radius: 11px
}

.cart_div .cont .price_detail .detail_view .box .noti_tool span {
	font-weight: 700
}

.cart_div .cont .price_detail .detail_view .noti_dot {
	background: #f4f0ff;
	border-radius: 11px;
	color: #7b23a8;
	padding: 4px;
	margin: 20px 18px 0 18px;
	text-align: center;
}

.cart_div .cont .price_detail .detail_view .noti_dot p {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	line-height: 16px;
	color: #7b23a8;
}

.cart_div .cont .price_detail .detail_view .noti_dot p:first-child {
	margin-right: 8px;
	margin-left: 0;
}

.cart_div .cont .dot_indent {
	margin-top: 12px
}

.cart_div .cont .dot_indent p {
	margin-top: 4px
}

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

.cart_div .cont .btn_div {
	margin: 48px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.cart_div .cont .btn_div a {
	display: block;
	margin-top: 8px;
	padding: 17px 15px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px
}

.cart_div .cont .btn_div a:first-child {
	margin-top: 0
}

.cart_div .cont .btn_div a.pur {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.cart_div .cont .btn_div a.wht {
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.cart_div .cont .btn_div.fixed {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	margin-top: 0;
	z-index: 3;
}

.cart_div .cont .no_data_div {
	margin-top: 40px
}

.cart_div .cont .pd_view {
	margin-top: 32px;
	text-align: center
}

.cart_div .cont .pd_view a {
	display: inline-block;
	padding-right: 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/m_icn_right_300.svg') no-repeat right bottom;
	background-size: 20px
}

.cart_div .cont .bottom_area {
	padding-top: 24px;
	margin-top: 40px;
	border-top: 10px solid #f7f7f7
}

.cart_div .cont .bottom_area .banner {
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	border-radius: 6px;
	overflow: hidden
}

.cart_div .cont .bottom_area .banner img {
	width: 100%
}

.cart_div .cont .info_area .counsel_noti {
	/* margin: 0 auto; */
	margin-top: 24px;
	padding: 16px 50px 16px 16px;
	/* width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px); */
	background: url('/resources/images/m_input_check.png') no-repeat right 16px top 50% #f7f4ff;
	background-size: 24px;
	border: 1px solid #c291dc;
	border-radius: 10px
}

.cart_div .cont .info_area .counsel_noti .tit {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.cart_div .cont .info_area .counsel_noti .txt {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8
}

.cart_div .cont .bottom_area .text {
	margin: 16px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.cart_div .cont .bottom_area .text span {
	color: #7b23a8;
	font-weight: 500
}


.count_div .count {
	width: 104px;
	border: 1px solid #eee;
	border-radius: 5px
}

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

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

.count_div .count input {
	float: left;
	padding: 0 5px;
	width: 42px;
	height: 30px;
	font-size: 16px;
	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('/resources/images/m_count_minus.png') no-repeat center;
	background-size: 16px
}

.count_div .count a.plus {
	background: url('/resources/images/m_count_plus.png') no-repeat center;
	background-size: 16px
}

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

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


.introduce_div {
	position: relative;
}

.introduce_div .intro_tabs {
	position: absolute;
	top: 36px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2
}

.introduce_div .intro_tabs a {
	display: inline-block;
	position: relative;
	margin: 0 12px;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}

.introduce_div .intro_tabs a.on {
	font-weight: 700
}

.introduce_div .intro_tabs a.on:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff
}

.introduce_div .content {}

.introduce_div .content .visual {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh
}

.introduce_div .content .scroll {
	position: absolute;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	transition: opacity 0.6s ease-out;
}

.introduce_div .content .scroll:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 22px;
	width: 60px;
	height: 52px;
	background: url('/resources/images/m_brand_scroll_arrow.png') no-repeat center top;
	background-size: 15px 36px;
	animation: scrollAni 1.4s infinite;
	animation-delay: 0.7s
}

.introduce_div .content .scroll_area {
	position: relative;
	z-index: 1;
}

.introduce_div .content .scroll_area .top {
	position: relative;
	padding: 200px 0 142px
}

.introduce_div .content .scroll_area .top .inner {
	z-index: 1
}

.introduce_div .content .scroll_area .top .tit1 {
	position: relative;
	top: 60px;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
	opacity: 0;
	transition: top 0.7s ease-out, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .top .tit2 {
	position: relative;
	top: 60px;
	margin-top: 300px;
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	text-align: left;
	opacity: 0;
	transition: top 1s ease-out, opacity 1s ease-out;
	z-index: 1
}

.introduce_div .content .scroll_area .top .txt {
	position: relative;
	top: 60px;
	margin-top: 32px;
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	text-align: left;
	opacity: 0;
	transition: top 1s ease-out 0.2s, opacity 1s ease-out 0.2s;
	z-index: 1
}

.introduce_div .content .scroll_area .top .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100vh
}

.introduce_div .content .scroll_area .bottom {
	position: relative;
	background: #fff;
	z-index: 1
}

.introduce_div .content .scroll_area .bottom .text {
	position: relative;
	padding-top: 56px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.introduce_div .content .scroll_area .bottom .text:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 0;
	background: #000;
	transition: height 0.6s ease-out 0.2s
}

.introduce_div .content .scroll_area .bottom .text p {
	opacity: 0
}

.introduce_div .content .scroll_area .bottom .text p:nth-child(1) {
	transition: opacity 1s ease
}

.introduce_div .content .scroll_area .bottom .text p:nth-child(2) {
	transition: opacity 1s ease 0.4s
}

.introduce_div .content .scroll_area .bottom .text p:nth-child(3) {
	transition: opacity 1s ease 0.8s
}

.introduce_div .content .scroll_area .bottom .text.active p {
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .text.active:after {
	height: 32px
}

.introduce_div .content .scroll_area .bottom .fix_con_div {
	position: relative
}

.introduce_div .content .scroll_area .bottom .fix_con_div .section {
	margin-top: 80px
}

.introduce_div .content .scroll_area .bottom .fix_con_div .section .title {
	position: relative;
	top: 60px;
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	color: #000;
	text-align: center;
	letter-spacing: -1px;
	opacity: 0;
	transition: top 0.7s ease-out, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .bottom .fix_con_div .section .title.active {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .fix_con_div .title+.line {
	margin-top: 28px
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line {
	position: relative;
	margin-top: 48px;
	width: 100%;
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right {}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .thumb {
	position: relative;
	top: 60px;
	opacity: 0;
	transition: top 0.7s ease-out 0.1s, opacity 0.7s ease-out 0.1s
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .thumb img {
	width: 100%
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area {
	position: relative;
	margin-top: 20px;
	top: 60px;
	opacity: 0;
	transition: top 0.7s ease-out 0.2s, opacity 0.7s ease-out 0.2s
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area .con {}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area .con .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	color: #000
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area .con .txt {
	margin-top: 4px;
	font-weight: 300;
	font-size: 15px;
	line-height: 25px;
	color: #333
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line.active .right .thumb {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line.active .right .txt_area {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .list_con {
	margin-top: 80px
}

.introduce_div .content .scroll_area .bottom .list_con .title {
	position: relative;
	top: 60px;
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	color: #000;
	text-align: center;
	letter-spacing: -1px;
	opacity: 0;
	transition: top 0.6s ease-out, opacity 0.6s ease-out
}

.introduce_div .content .scroll_area .bottom .list_con .list_div {
	margin-top: 16px
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list {
	position: relative;
	padding: 24px 0 21px 76px;
	text-align: left
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #eee;
	transition: width 0.6s linear 0.5s
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list:last-child:before {
	display: none
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .icon {
	position: absolute;
	top: 80px;
	left: 0;
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: top 0.6s ease-out, opacity 0.6s ease-out;
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .icon img {
	width: 100%
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .tit {
	position: relative;
	top: 60px;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	color: #000;
	opacity: 0;
	transition: top 0.6s ease-out 0.15s, opacity 0.6s ease-out 0.15s
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .txt {
	position: relative;
	top: 60px;
	margin-top: 4px;
	font-weight: 300;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	opacity: 0;
	transition: top 0.6s ease-out 0.15s, opacity 0.6s ease-out 0.15s
}

.introduce_div .content .scroll_area .bottom .list_con .title.active {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list.active:before {
	width: 100%
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list.active .icon {
	top: 20px;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list.active .tit {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list.active .txt {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .circle_con {
	position: relative;
	margin: 0 auto;
	max-width: 360px;
	width: 100%
}

.introduce_div .content .scroll_area .bottom .circle_con:before {
	content: '';
	position: absolute;
	top: 328px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 86px;
	opacity: 0;
	background: url('/resources/images/m_advi_circle_arrow.png') no-repeat;
	background-size: 14px 86px;
	transition: opacity 1s ease-out 0.8s
}

.introduce_div .content .scroll_area .bottom .circle_con:after {
	content: '';
	position: absolute;
	bottom: 194px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 86px;
	opacity: 1;
	background: #fff;
	transition: opacity 1s ease-out 0.8s, height 1s ease 0.8s;
	z-index: 2
}

.introduce_div .content .scroll_area .bottom .circle_con .list {
	display: table;
	position: relative;
	top: 80px;
	text-align: center;
	border-radius: 100%;
	opacity: 0
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c {
	display: table-cell;
	vertical-align: middle
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c .tit {
	margin-top: 12px;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	letter-spacing: -1px
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c .txt {
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.introduce_div .content .scroll_area .bottom .circle_con .one {
	top: -80px;
	margin: 0 auto 0 35px;
	width: 200px;
	height: 200px;
	background: rgba(148, 119, 216, 0.1);
	transition: top 0.7s ease-out, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .bottom .circle_con .two {
	margin: -64px 35px 0 auto;
	width: 180px;
	height: 180px;
	background: rgba(253, 33, 137, 0.06);
	transition: top 0.7s ease-out 0.4s, opacity 0.7s ease-out 0.4s
}

.introduce_div .content .scroll_area .bottom .circle_con .thr {
	margin: 112px auto 0;
	width: 180px;
	height: 180px;
	transition: top 0.7s ease-out 1.2s, opacity 0.7s ease-out 1.4s
}

.introduce_div .content .scroll_area .bottom .circle_con .thr:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(214, 196, 255, 0.6);
	width: 180px;
	height: 180px;
	animation: circleAni 4s infinite 1.7s linear;
	border-radius: 100%;
	z-index: -1
}

.introduce_div .content .scroll_area .bottom .circle_con .thr:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(214, 196, 255, 0.6);
	width: 180px;
	height: 180px;
	animation: circleAni 4s infinite 3.7s linear;
	border-radius: 100%;
	z-index: -1
}

.introduce_div .content .scroll_area .bottom .circle_con .thr .tb_c {
	box-shadow: 0 6px 50px 0 rgba(85, 40, 187, 0.5);
	background: #5b1a7c;
	background: -moz-linear-gradient(-45deg, #5b1a7c 0%, #9c33de 100%);
	background: -webkit-linear-gradient(-45deg, #5b1a7c 0%, #9c33de 100%);
	background: linear-gradient(135deg, #5b1a7c 0%, #9c33de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b1a7c', endColorstr='#9c33de', GradientType=1);
	border-radius: 100%
}

.introduce_div .content .scroll_area .bottom.type2 .circle_con .one {
	margin-left: 20px
}

.introduce_div .content .scroll_area .bottom.type2 .circle_con .one .tb_c {
	padding-bottom: 10px
}

.introduce_div .content .scroll_area .bottom.type2 .circle_con .two {
	margin-right: 20px
}

.introduce_div .content .scroll_area .bottom.type2 .bottom_text .hide {
	display: block
}

.introduce_div .content .scroll_area .bottom .circle_con.active:before {
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .circle_con.active:after {
	opacity: 0;
	height: 0
}

.introduce_div .content .scroll_area .bottom .circle_con.active .list {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .bottom_text {
	text-align: center
}

.introduce_div .content .scroll_area .bottom .bottom_text .tit {
	position: relative;
	top: 60px;
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	opacity: 0;
	transition: top 0.7s ease 0.2s, opacity 0.7s ease 0.2s
}

.introduce_div .content .scroll_area .bottom .bottom_text .tit span {
	font-weight: 500
}

.introduce_div .content .scroll_area .bottom .bottom_text .txt {
	position: relative;
	top: 60px;
	margin-top: 24px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	opacity: 0;
	transition: top 0.7s ease 0.4s, opacity 0.7s ease 0.4s
}

.introduce_div .content .scroll_area .bottom .bottom_text .hide {
	display: none
}

.introduce_div .content .scroll_area .bottom .bottom_text.active .tit {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .bottom_text.active .txt {
	top: 0;
	opacity: 1
}

.introduce_div .content.brand .visual {
	background: url('/resources/images/m_brand_visual.png') no-repeat center;
	background-size: cover;
}

.introduce_div .content.brand .scroll_area .top .bg {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(46, 18, 110, 0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(46, 18, 110, 0.4) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(46, 18, 110, 0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#662e126e', GradientType=0);
	opacity: 0
}

.introduce_div .content.brand .scroll_area .bottom {
	padding: 40px 0 0
}

.introduce_div .content.brand .scroll_area .bottom .bottom_text {
	margin: 60px auto 0;
	padding: 80px 20px 100px;
	background: url('/resources/images/m_brand_bottom.png') no-repeat center;
	background-size: cover
}

.introduce_div .content.advi .visual {
	background: url('/resources/images/m_advi_visual.png') no-repeat center;
	background-size: cover
}

.introduce_div .content.advi .scroll_area .top .bg {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0);
	opacity: 0
}

.introduce_div .content.advi .scroll_area .bottom {
	padding: 80px 0 0
}

.introduce_div .content.advi .scroll_area .bottom .bottom_text {
	margin: 150px auto 0;
	padding: 80px 20px 86px;
	background: url('/resources/images/m_advi_bottom.png') no-repeat center;
	background-size: cover
}

@keyframes scrollAni {
	0% {
		height: 52px
	}

	50% {
		height: 42px
	}

	100% {
		height: 52px
	}
}

@keyframes circleAni {
	0% {
		background: rgba(214, 196, 255, 0.6);
		width: 180px;
		height: 180px
	}

	100% {
		background: rgba(214, 196, 255, 0);
		width: 320px;
		height: 320px
	}
}


/* 후기 */

.best_review_div {
	width: 100%;
	padding-top: 32px;
	position: relative
}

.best_review_div:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 360px;
	background: #f4f0ff;
	top: 0;
	left: 0
}

.best_review_div .tit {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	margin-bottom: 16px
}

.best_review_div .tit span {
	font-weight: 300;
}

.best_review_div .best_review_list_wrap {
	padding: 0 20px 32px 20px
}

.best_review_div .best_review_list_wrap .swiper-wrapper {
	height: auto
}

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

.best_review_div .best_review_list_wrap .list {
	float: left;
	width: 292px;
	height: 354px;
	border-radius: 10px;
	background: #fff;
	padding: 16px 16px 24px 16px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.best_review_div .best_review_list_wrap .list .thumb {
	width: 260px;
	height: 180px
}

.best_review_div .best_review_list_wrap .list .thumb img {}

.best_review_div .best_review_list_wrap .list .star_div {
	margin-top: 16px
}

.best_review_div .best_review_list_wrap .list .service {
	margin-top: 6px;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

.best_review_div .best_review_list_wrap .list .dtl_box {
	margin-top: 8px;
}

.best_review_div .best_review_list_wrap .list .dtl_box .txt {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #555;
	height: 40px;
	max-height: 40px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.best_review_div .best_review_list_wrap .list .dtl_box .info {
	display: flex;
	align-items: center;
	margin-top: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.best_review_div .best_review_list_wrap .list .dtl_box .info p {
	position: relative;
	margin-right: 21px;
}

.best_review_div .best_review_list_wrap .list .dtl_box .info p:last-child {
	margin-right: 0;
}

.best_review_div .best_review_list_wrap .list .dtl_box .info p:not(:last-child):after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background: #d8d8d8;
	top: 4px;
	right: -10px
}

.best_review_div+.review_div {
	margin-top: 60px
}

.review_div {
	padding-bottom: 72px
}

.review_div .write_btn_area {
	margin: 0 auto;
	padding-bottom: 32px;
	text-align: center;
	border-bottom: 10px solid #f7f7f7
}

.review_div .write_btn_area .btn {
	display: block;
	padding: 13px 0;
	margin: 0 auto;
	max-width: 280px;
	width: calc(100% - 88px);
	width: -webkit-calc(100% - 88px);
	height: 48px;
	font-size: 14px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	pointer-events: none;
	border-radius: 6px
}

.review_div .write_btn_area .btn span {
	display: none;
	margin-left: 4px;
	font-weight: 500;
	font-size: 14px;
	color: #7b23a8
}

.review_div .write_btn_area .btn.on {
	pointer-events: auto;
	color: #000
}

.review_div .write_btn_area .btn.on span {
	display: inline
}

.review_div .write_btn_area .txt {
	display: inline-block;
	padding-right: 27px;
	margin-top: 12px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/m_ico_right_arrow_40x40.png') no-repeat right center;
	background-size: 20px
}

.review_div .write_btn_area .txt span {
	font-weight: 500;
	text-decoration: underline
}

.review_div .write_btn_area+.view_type_div:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.review_div .star {
	display: block;
	width: 100px;
	height: 20px;
	background: url('/resources/images/m_star_h40.png') no-repeat left center;
	background-size: auto 20px
}

.review_div .star:before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	height: 20px;
	background: url('/resources/images/m_star_h40_on.png') no-repeat left center;
	background-size: auto 20px;
	vertical-align: top;
	overflow: hidden
}

.review_div .star00:before {
	width: 0;
}

.review_div .star10:before {
	width: 20px;
}

.review_div .star20:before {
	width: 40px;
}

.review_div .star30:before {
	width: 60px;
}

.review_div .star40:before {
	width: 80px;
}

.review_div .star50:before {
	width: 100px;
}

.review_div .list_div {
	margin-top: 6px;
	border-top: 1px solid #eee
}

.review_div .list_div .list {
	display: block;
	position: relative;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.review_div .list_div .list .link_area {
	display: block
}

.review_div .list_div .list .top {
	position: relative;
	margin-top: 6px
}

.review_div .list_div .list .top .date {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	line-height: 20px;
	color: #999
}

.review_div .list_div .list .name {
	display: -webkit-box;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 400;
}

.review_div .list_div .list .name span {
	display: inline-block
}

.review_div .list_div .list .name span:after {
	content: ',';
	margin-right: 2px
}

.review_div .list_div .list .name span:last-child:after {
	display: none
}

.review_div .list_div .list .name span b {
	font-weight: 400;
}

.review_div .list_div .list .info {
	position: relative;
	display: block;
	margin-top: 10px
}

.review_div .list_div .list .info:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .info .member {
	position: relative;
	float: left;
	padding-right: 21px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.review_div .list_div .list .info .member:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 10px;
	width: 1px;
	height: 10px;
	background: #d8d8d8
}

.review_div .list_div .list .info .type {
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #333
}

.review_div .list_div .list .info .type b {
	display: inline-block;
	margin-left: 2px;
	font-weight: 700;
	color: #7b23a8
}

.review_div .list_div .list .content {
	display: table;
	margin-top: 20px;
	width: 100%
}

.review_div .list_div .list .content .text p {
	display: -webkit-box;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.review_div .list_div .list .content .img_area {}

.review_div .list_div .list .content .img_area:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .content .thumb {
	float: left;
	margin: 12px 8px 0 0;
	width: 88px;
	height: 88px;
	vertical-align: middle;
	border-radius: 8px
}

.review_div .list_div .list .content .thumb:last-child {
	margin-right: 0
}

.review_div .list_div .list .tag {
	margin-top: 20px
}

.review_div .list_div .list .tag .swiper-wrapper {
	height: auto
}

.review_div .list_div .list .tag .swiper-slide {
	padding: 0 6px;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 28px;
	color: #777;
	background: #f3f3f3;
	border-radius: 4px
}

.review_div .list_div .list .tag .swiper-slide:before {
	content: '#';
	padding-right: 1px
}

.review_div .list_div .list .etc {
	margin-top: 28px
}

.review_div .list_div .list .etc:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .etc span {
	float: left;
	padding-left: 22px;
	margin-left: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.review_div .list_div .list .etc span:first-child {
	margin-left: 0
}

.review_div .list_div .list .etc .heart {
	background: url('/resources/images/common/m_icn_heart_blk_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .list_div .list .etc .heart.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .list_div .list .etc .review {
	background: url('/resources/images/common/m_icn_review_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .list_div .list .btn {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 0
}

.review_div .list_div .list .btn:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .btn a {
	float: left;
	margin-left: 4px;
	width: 46px;
	height: 28px;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px
}

.review_div .list_div .list .btn a:first-child {
	margin-left: 0
}

.review_div .list_div .list .utill {
	position: absolute;
	top: 100px;
	right: 0
}

.review_div .list_div .list .utill:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .utill a {
	position: relative;
	margin-left: 13px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #bbb;
	z-index: 1;
	cursor: pointer;
}

.review_div .list_div .list .utill a:before {
	content: '';
	position: absolute;
	top: 4px;
	left: -7px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.review_div .list_div .list .utill a:first-child:before {
	display: none
}

.review_div .list_div .list.mine .btn {
	display: block
}

.review_div .list_div .list.mine .utill {
	display: none
}

.review_div .list_div .list.new .info:after {
	content: 'NEW';
	display: inline-block;
	margin-left: 8px;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #7b23a8
}

.review_div .view_div {
	padding: 32px 0 0
}

.review_div .view_div .top_area {
	position: relative;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.review_div .view_div .top_area .top {
	position: relative;
	margin-top: 6px
}

.review_div .view_div .top_area .star {}

.review_div .view_div .top_area .date {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	line-height: 20px;
	color: #999
}

.review_div .view_div .top_area .name {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.review_div .view_div .top_area .name span {
	display: inline-block
}

.review_div .view_div .top_area .name span:after {
	content: ',';
	margin-right: 2px
}

.review_div .view_div .top_area .name span:last-child:after {
	display: none
}

.review_div .view_div .top_area .name span b {
	font-weight: 500
}

.review_div .view_div .top_area .info {
	margin-top: 10px;
}

.review_div .view_div .top_area .info:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .top_area .info .member {
	position: relative;
	float: left;
	padding-right: 21px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.review_div .view_div .top_area .info .member:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 10px;
	width: 1px;
	height: 10px;
	background: #d8d8d8
}

.review_div .view_div .top_area .info .type {
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #333
}

.review_div .view_div .top_area .info .type b {
	display: inline-block;
	margin-left: 2px;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #7b23a8
}

.review_div .view_div .top_area .info .utill:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .top_area .info .utill a {
	position: relative;
	margin-left: 13px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #bbb;
	z-index: 1;
	cursor: pointer;
}

.review_div .view_div .top_area .info .utilla:before {
	content: '';
	position: absolute;
	top: 4px;
	left: -7px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.review_div .list_div .list .utill a:first-child:before {
	display: none
}

.review_div .view_div .top_area .more {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 20px;
	background: url('/resources/images/common/m_review_list_more_icon.png') no-repeat;
	background-size: 12px 20px
}

.review_div .view_div .top_area .utill {
	position: absolute;
	bottom: 24px;
	right: 0
}

.review_div .view_div .top_area .info .utill {
	position: relative;
	bottom: auto;
	right: auto;
	float: right;
	margin-left: 21px;
}

.review_div .view_div .top_area .info .utill:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .top_area .info .utill a:first-child {
	margin-left: 0;
}

.review_div .view_div .top_area .utill:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .top_area .utill a {
	position: relative;
	margin-left: 17px;
	float: left;
	font-size: 13px;
	line-height: 20px
}

.review_div .view_div .top_area .utill a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -7px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.review_div .view_div .top_area .utill a:first-child:before {
	display: none
}

.review_div .view_div .con_area {
	position: relative;
	padding: 24px 0
}

.review_div .view_div .con_area .txt_area {
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	word-break: break-all
}

.review_div .view_div .con_area .img_area {
	margin-top: 24px
}

.review_div .view_div .con_area .img_area img {
	margin-top: 16px;
	width: 100%
}

.review_div .view_div .con_area .img_area img:first-child {
	margin-top: 0
}

.review_div .view_div .con_area .etc {
	margin-top: 40px
}

.review_div .view_div .con_area .etc:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .con_area .etc a {
	float: left;
	padding-left: 22px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.review_div .view_div .con_area .etc .heart {
	background: url('/resources/images/common/m_icn_heart_blk_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .view_div .con_area .etc .heart.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .view_div .con_area .etc .review {
	margin-left: 20px;
	background: url('/resources/images/common/m_icn_review_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .view_div .con_area .etc span {
	float: left;
	margin-left: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.review_div .view_div .con_area .etc span b {
	color: #000;
	margin-right: 2px;
}

.review_div .view_div .con_area .btn_area {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 0;
}

.review_div .view_div .con_area .btn_area:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .con_area .btn_area a {
	float: left;
	margin-left: 4px;
	width: 46px;
	height: 28px;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px
}

.review_div .view_div .con_area .btn_area a:first-child {
	margin-left: 0
}

.review_div .view_div .tag_area {
	margin-top: 16px
}

.review_div .view_div .tag_area:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .tag_area span {
	float: left;
	padding: 0 6px;
	margin: 4px 4px 0 0;
	width: auto;
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	color: #777;
	background: #f3f3f3
}

.review_div .view_div .tag_area span:last-child {
	margin-right: 0
}

.review_div .view_div .tag_area span:before {
	content: '#';
	padding-right: 1px
}

.review_div .view_div.new .top_area .type:after {
	content: 'NEW';
	display: inline-block;
	margin-left: 8px;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #7b23a8
}

.review_div .view_div.mine .top_area .utill {
	/* display: none */
}

.review_div .view_div.mine .con_area .btn_area {
	display: block
}

.review_div .view_div .nutrient_area {
	padding: 28px 0 24px;
	border-top: 10px solid #f7f7f7
}

.review_div .view_div .nutrient_area .title {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.review_div .view_div .nutrient_area .title h3 {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.review_div .view_div .nutrient_area .nutrient_list {
	margin-top: 20px;
	border-top: 1px solid #eee
}

.review_div .view_div .nutrient_area .nutrient_list .list {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.review_div .view_div .nutrient_area .nutrient_list .list .link_area {
	display: flex;
	align-items: center;
}

.review_div .view_div .nutrient_area .nutrient_list .list .img {
	width: 80px;
	height: 80px;
	background: #f7f7f7;
	border-radius: 8px;
	overflow: hidden
}

.review_div .view_div .nutrient_area .nutrient_list .list .img img {
	width: 100%
}

.review_div .view_div .nutrient_area .nutrient_list .list .txt_area {
	padding: 0 0 0 12px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px)
}

.review_div .view_div .nutrient_area .nutrient_list .list .txt_area .name {
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	max-height: 48px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.review_div .view_div .nutrient_area .nutrient_list .list .txt_area .name span {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: top;
	margin-top: 2px;
}

.review_div .view_div .nutrient_area .nutrient_list .list .txt_area .name b {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top
}


.review_div .view_div .nutrient_area .nutrient_list .list .txt_area .price {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.review_div .view_div .nutrient_area .nutrient_list .list .txt_area .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.review_div .view_div .nutrient_area .nutrient_list .list .cart_btn {
	position: absolute;
	bottom: 15px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/resources/images/m_pd_list_cart_btn.png') no-repeat center;
	background-size: 24px
}

.review_div .view_div .nutrient_area .more_btn {
	margin: 32px auto 0;
}

.review_div .view_div .review_count {
	padding: 16px 20px;
	border-top: 10px solid #f7f7f7;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.review_div .view_div .review_count span {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
}

.review_div .view_div .review_area:before {
	content: '';
	display: block;
	height: 1px;
	background: #e9e9e9
}

.review_div .view_div .review_area .list {
	border-bottom: 1px solid #e9e9e9
}

.review_div .view_div .review_area .list:last-child {
	border-bottom: none
}

.review_div .view_div .review_area .list .content {
	padding: 20px 0 0
}

.review_div .view_div .review_area .list .content.my {
	background: #f9f9f9;
	border-top: 1px solid #eee;
}

.review_div .view_div .review_area .list .content:first-child {
	border-top: none;
}

.review_div .view_div .review_area .list .info {
	position: relative;
	padding: 0 20px;
}

.review_div .view_div .review_area .list .info:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .list .info .name {
	position: relative;
	float: left;
	font-weight: 500;
	font-size: 13px;
	line-height: 24px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review_div .view_div .review_area .list .info .name.writer {
	padding-left: 50px
}

.review_div .view_div .review_area .list .info .name.writer:before {
	content: '작성자';
	position: absolute;
	top: 0px;
	left: 0;
	width: 40px;
	height: 24px;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #000;
	border-radius: 4px;
}

.review_div .view_div .review_area .list .info .date {
	float: left;
	margin-left: 8px;
	font-size: 12px;
	line-height: 24px;
	color: #ccc
}

.review_div .view_div .review_area .list .info .more {
	position: absolute;
	top: 0;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/common/m_review_list_more_icon.png') no-repeat;
	background-size: 24px
}

.review_div .view_div .review_area .list .info .tool_pop {
	display: none;
	position: absolute;
	top: 26px;
	right: 20px;
	width: 90px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	border-radius: 4px;
}

.review_div .view_div .review_area .list .info .tool_pop a {
	display: block;
	font-size: 14px;
	line-height: 39px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.review_div .view_div .review_area .list .info .tool_pop a.type1 {
	display: none
}

.review_div .view_div .review_area .list .content.my .info .tool_pop a.type1 {
	display: block
}

.review_div .view_div .review_area .list .content .info .tool_pop a.type2 {
	border-radius: 4px;
}

.review_div .view_div .review_area .list .content.my .info .tool_pop a.type2 {
	border-radius: 4px;
	display: none
}

.review_div .view_div .review_area .list .con_box {
	margin-top: 10px;
	padding-bottom: 20px
}

.review_div .view_div .review_area .list .con_box .text {
	padding: 0 20px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.review_div .view_div .review_area .list .con_box .text b {
	font-weight: 500
}

.review_div .view_div .review_area .list .con_box .text_field {
	display: none;
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	padding: 14px 12px 45px;
	margin: 0 20px;
}

.review_div .view_div .review_area .list .con_box .text_field:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .list .con_box .text_field .byte {
	position: absolute;
	bottom: 16px;
	left: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.review_div .view_div .review_area .list .con_box .text_field .byte b {
	color: #000;
}

.review_div .view_div .review_area .list .con_box .text_field textarea {
	float: left;
	border: none;
	/* padding: 10px; */
	width: 100%;
	height: 74px;
	/* background: #f7f7f7; */
	/* border-radius: 10px; */
}

.review_div .view_div .review_area .list .content.my .con_box .text_field textarea {}

.review_div .view_div .review_area .list .con_box .text_field .btn {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.review_div .view_div .review_area .list .con_box .text_field .btn a {
	display: inline-block;
	margin-left: 2px;
	width: 46px;
	height: 28px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
	background-color: #fff;
}

.review_div .view_div .review_area .list .con_box .text_field .close {
	position: absolute;
	top: -5px;
	right: 19px;
	width: 26px;
	height: 26px;
	background: url('/resources/images/common/m_xbt_32x32.png') no-repeat center;
	background-size: 16px
}

.review_div .view_div .review_area .list .con_box .bottom {
	margin: 0 20px;
	margin-top: 16px
}

.review_div .view_div .review_area .list .con_box .bottom:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .list .con_box .bottom .heart {
	float: left;
	padding-left: 22px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/m_icn_heart_blk_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .view_div .review_area .list .con_box .bottom .heart.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat left center;
	background-size: 20px
}

.review_div .view_div .review_area .list .con_box .bottom .reply_btn {
	float: left;
	margin-left: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.review_div .view_div .review_area .list .con_box .reply_form {
	display: none;
	position: relative;
	margin-top: 20px;
	padding: 20px 0 0;
	border-top: 1px solid #e9e9e9;
	background: #fff;
}

.review_div .view_div .review_area .list .con_box.on .reply_form {
	padding: 20px 0;
}

.review_div .view_div .review_area .list .con_box .reply_form .byte {
	position: absolute;
	bottom: 16px;
	left: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc;
}

.review_div .view_div .review_area .list .con_box .reply_form .byte b {
	color: #000;
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom {
	position: relative;
	margin-top: 0;
	background: #f7f7f7;
	border-radius: 10px;
	padding: 14px 12px 45px;
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom textarea {
	float: left;
	border: none;
	/* padding: 10px */
	width: 100%;
	height: 74px;
	background: #f7f7f7;
	/* border-radius: 10px; */
	padding: 0;
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom .btn {
	position: absolute;
	right: 30px;
	bottom: 10px;
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom .btn a {
	display: inline-block;
	margin-left: 2px;
	width: 46px;
	height: 28px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
	background-color: #fff;
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	background: url('/resources/images/common/m_xbt_32x32.png') no-repeat center;
	background-size: 16px
}

.review_div .view_div .review_area .list .con_box.on {
	padding-bottom: 0
}

.review_div .view_div .review_area .list .reply_section {
	padding: 0 20px 0 40px;
}

.review_div .view_div .review_area .list .reply_section .content {
	padding-top: 20px;
	border-top: 1px solid #e9e9e9
}

.review_div .view_div .review_area .list .reply_section .reply_form .bottom {
	/* padding: 0 20px 0 0 */
}

.review_div .view_div .review_area .list .reply_section .info,
.review_div .view_div .review_area .list .reply_section .text,
.review_div .view_div .review_area .list .reply_section .bottom {
	padding: 0;
}

.review_div .view_div .review_area .list .reply_section .bottom {
	margin-right: 0;
	margin-left: 0;
}

.review_div .view_div .review_area .list .reply_section .info .more {
	right: 0;
}

.review_div .view_div .review_area .list .con_box .reply_form .bottom .btn {
	right: 10px;
}

.review_div .view_div .review_area .list.not_view .con_box .text {
	padding-left: 20px;
	color: #999
}

.review_div .view_div .review_area .list.not_view .bottom {
	display: none
}

.review_div .view_div .review_area .list.not_view .more {
	display: none
}

.review_div .view_div .review_area .write_form {
	padding: 12px 20px;
	border-bottom: 1px solid #e9e9e9
}

.review_div .view_div .review_area .write_form .bottom {
	position: relative;
}

.review_div .view_div .review_area .write_form .bottom:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .write_form .bottom textarea {
	float: left;
	border: none;
	width: calc(100% - 68px);
	width: -webkit-calc(100% - 68px);
	height: 42px;
	background: #f6f6f6;
	border-radius: 6px;
}

.review_div .view_div .review_area .write_form .bottom .byte {
	display: none;
	position: absolute;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.review_div .view_div .review_area .list .con_box .reply_form .byte b {
	color: #000;
}

.review_div .view_div .review_area .write_form .bottom .btn {
	float: right;
}

.review_div .view_div .review_area .write_form .bottom .btn a {
	display: inline-block;
	margin-left: 8px;
	width: 60px;
	height: 42px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.review_div .view_div .review_area .write_form .bottom.on textarea {
	height: 108px
}

.review_div .view_div .review_area .write_form .bottom.on .byte {
	display: block;
	top: 44px;
	right: 5px;
}

.review_div .view_div .review_area .write_form .bottom.on .btn {
	margin-top: 66px
}

.review_div .nutri_div {}

.review_div .nutri_div:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f9f9f9
}

.review_div .nutri_div .title {
	padding-top: 48px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.review_div .nutri_div .nutri_list_div {
	margin-top: 32px
}

.review_div .nutri_div .nutri_list_div:after {
	content: '';
	display: block;
	clear: both
}

.review_div .nutri_div .nutri_list_div .list {
	float: left;
	margin-left: 8px;
	width: calc(25% - 6px);
	width: -webkit-calc(25% - 6px);
	text-align: center
}

.review_div .nutri_div .nutri_list_div .list:first-child {
	margin-left: 0
}

.review_div .nutri_div .nutri_list_div .list .img img {
	width: 100%
}

.review_div .nutri_div .nutri_list_div .list .name {
	margin-top: 12px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}


/* 웹진 */
.mgz_div {}

.mgz_div .filter_div {
	margin-top: 12px;
}

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

.mgz_div .filter_div .type {
	float: left;
	width: 28px;
	height: 28px;
	background: url('/resources/images/magazine/m_magazine_filter_icon.png') no-repeat left center;
	background-size: 28px
}

.mgz_div .filter_div select {
	float: left;
	width: 108px;
	height: 44px
}

.mgz_div .filter_div .order {
	float: right;
	margin-top: 12px;
}

.mgz_div .filter_div .order:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .filter_div .order a {
	position: relative;
	float: left;
	margin-left: 21px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #ccc
}

.mgz_div .filter_div .order a:first-child {
	margin-left: 0
}

.mgz_div .filter_div .order a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -11px;
	width: 1px;
	height: 14px;
	background: #ccc;
}

.mgz_div .filter_div .order a:first-child:before {
	display: none;
}

.mgz_div .filter_div .order a.on {
	color: #000
}

.mgz_div .list_div {
	margin-top: 24px;
	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 .type {
	position: absolute;
	top: -44px;
	left: 12px
}

.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: 0 5px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	border-radius: 4px
}

.mgz_div .list_div .list .tit_area .type span:first-child {
	margin-left: 0
}

.mgz_div .list_div .list .tit_area .type .badge {
	background: #5b1a7c
}

.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 {
	font-size: 16px;
	line-height: 26px;
	color: #000;
}

.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 p {
	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 p:before {
	content: '#';
	padding-right: 1px;
}

.mgz_div .list_div .list .tit_area .tag p:last-child {
	margin-right: 0
}

.mgz_div .list_div .list .tit_area .heart {
	display: inline-block;
	margin-top: 10px;
	padding-left: 22px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/m_icn_heart_blk_40x40.png') no-repeat left center;
	background-size: 20px
}

.mgz_div .list_div .list .tit_area .heart.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat left center;
	background-size: 20px
}

.mgz_div .list_div .list.new .tit_area .type .new {
	display: block
}

.mgz_div .list_div .list.adv:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 12px;
	width: 76px;
	height: 30px;
	background: url('/resources/images/magazine/mgz_advisory.svg') no-repeat;
	background-size: 76px 30px;
	z-index: 1
}

.mgz_div .list_div .list.adv .thumb:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2)
}

.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('/resources/images/common/m_icn_heart_40x40.png') no-repeat;
	background-size: 20px
}

.mgz_div .list_div.on .list .tit_area .heart.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat;
	background-size: 20px
}

.mgz_div .view_div {
	padding-top: calc(66.66vw - 12px);
	padding-top: -webkit-calc(66.66vw - 12px);
	padding-bottom: 20px
}

.mgz_div .view_div .top_area {
	position: absolute;
	width: 100%;
	height: 66.66vw;
	top: 60px;
	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;
	display: flex;
	align-items: center;
	justify-content: 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;
	bottom: 0;
	left: 0;
	padding: 0 24px 36px; */
	width: 100%;
	padding: 0 24px 5px;
}

.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: 0 5px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	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: #5b1a7c
}

.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;
	word-break: break-all;
}

.mgz_div .view_div .top_area .btn {
	position: absolute;
	top: 14px;
	right: 24px;
	z-index: 1
}

.mgz_div .view_div .top_area .btn:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .top_area .btn a {
	float: left;
	margin-left: 12px;
	width: 28px;
	height: 28px;
}

.mgz_div .view_div .top_area .btn a:first-child {
	margin-left: 0
}

.mgz_div .view_div .top_area .btn a.share {
	background: url('/resources/images/common/m_icn_share_wht_56x56.png') no-repeat;
	background-size: 28px
}

.mgz_div .view_div.new .top_area .txt_area .type .new {
	display: block
}

.mgz_div .view_div .cont_area {
	position: relative;
	padding-top: 32px;
	z-index: 1;
	background: #fff;
	border-radius: 15px 15px 0 0
}

.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('/resources/images/magazine/mgz_top_title_icon.png') no-repeat center top
}

.mgz_div .view_div .cont_area .view .top_title p {
	margin-top: 10px
}

.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('/resources/images/magazine/mgz_guide_tit_icon.png') no-repeat center top
}

.mgz_div .view_div .cont_area .view .guide_tit u {
	position: relative;
	display: inline;
	text-decoration: none;
	background: url('/resources/images/magazine/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
}

.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: #7b23a8 !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: 20px;
	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 .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('/resources/images/magazine/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('/resources/images/magazine/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: 6px 6px 0 0;
	padding: 0 7px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	color: #777;
	background: #f3f3f3;
	border-radius: 2px
}

.mgz_div .view_div .cont_area .tag span:before {
	content: '#';
	padding-right: 1px
}

.mgz_div .view_div .cont_area .btn_info {
	margin-top: 20px
}

.mgz_div .view_div .cont_area .btn_info:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .btn_info a {
	float: left;
	margin-left: 16px;
	padding-left: 30px;
	font-size: 14px;
	line-height: 28px;
	color: #000
}

.mgz_div .view_div .cont_area .btn_info a:first-child {
	margin-left: 0
}

.mgz_div .view_div .cont_area .btn_info .share {
	background: url('/resources/images/common/m_icn_share_56x56.png') no-repeat left center;
	background-size: 28px
}

.mgz_div .view_div .cont_area .banner_zone {
	margin-top: 24px
}

.mgz_div .view_div .cont_area .banner_zone img {
	width: 100%
}

.mgz_div .view_div .cont_area .copyright {
	margin-top: 40px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #777
}

.mgz_div .view_div .cont_area .other_list {
	position: relative;
	padding-top: 24px
}

.mgz_div .view_div .cont_area .other_list .inner:before {
	content: '';
	position: absolute;
	bottom: 76px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eee
}

.mgz_div .view_div .cont_area .other_list a {
	display: block;
	margin-top: 41px;
	padding-right: 25px;
	width: 100%;
	background: url('/resources/images/common/m_ico_right_arrow_40x40.png') no-repeat right center;
	background-size: 20px;
}

.mgz_div .view_div .cont_area .other_list a:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .other_list a:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .other_list a .img_area {
	float: left;
	width: 56px;
	height: 56px;
	vertical-align: middle;
	border-radius: 4px
}

.mgz_div .view_div .cont_area .other_list a .txt_area {
	float: left;
	padding: 6px 0 6px 12px;
	width: calc(100% - 56px);
	width: -webkit-calc(100% - 56px);
	vertical-align: middle
}

.mgz_div .view_div .cont_area .other_list a .txt_area .type {
	font-size: 13px;
	line-height: 20px;
	color: #999
}

.mgz_div .view_div .cont_area .other_list a .txt_area .tit {
	margin-top: 2px;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

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

/* 약관 */
.term_div {
	position: relative;
	padding-top: 10px;
	padding-bottom: 90px
}

.term_div img {
	width: 100%;
}

.term_div .select {
	margin-top: 12px
}

.term_div .select select {
	width: 100%;
}

.term_div .anchor_div {
	margin-top: 12px
}

.term_div .anchor_div p {
	margin-top: 8px;
}

.term_div .anchor_div p:first-child {
	margin-top: 0
}

.term_div .anchor_div p a {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.term_div .cont {
	margin-top: 48px
}

.term_div .cont:first-child {
	margin-top: 0
}

.term_div .cont .title {
	margin-top: 60px;
	padding-bottom: 4px;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	border-bottom: 1px solid #999
}

.term_div .cont .title:first-child {
	margin-top: 12px
}

.term_div .cont .title+.tit {
	margin-top: 32px
}

.term_div .cont .title+.txt {
	margin-top: 32px
}

.term_div .cont .tit {
	margin-top: 50px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.term_div .cont .txt {
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	margin-top: 12px;
}

.term_div .cont .txt .num {
	margin-top: 20px;
	padding-left: 16px;
	text-indent: -16px
}

.term_div .cont .txt .num:first-child {
	margin-top: 0
}

.term_div .cont .txt .dot_indent p {
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.term_div .cont .txt .dot_indent p span {
	display: block;
	margin-top: 6px;
	text-indent: -7px;
	padding-left: 10px
}

.term_div .cont .indent {
	margin-top: 14px
}

.term_div .cont .indent:nth-of-type(1) {
	margin-top: 12px;
}

.term_div .cont .indent p {
	margin-top: 6px;
	padding-left: 13px;
	text-indent: -13px;
}

.term_div .cont .indent p:first-child {
	margin-top: 0
}

.term_div .cont .indent.dot .tit {
	position: relative;
	margin-left: 0px;
	font-size: 14px;
}

.term_div .cont .indent.dot .tit::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #bbb;
	border-radius: 50%;
	margin-bottom: 2px;
	margin-right: 5.5px;
	vertical-align: middle;
}

.term_div .cont .indent.dot p {
	margin-left: 10px;
	font-weight: 300;
}

.term_div .cont .txt a {
	text-decoration: underline;
	color: #000
}

.term_div .cont .txt a:hover {
	color: #777
}

.term_div .cont .txt table {
	margin: 20px 0
}

.term_div .cont .scroll {
	width: 100%;
	overflow-x: auto
}

.term_div .cont .tit~.table {
	margin-top: 12px;
}

.term_div .cont .scroll table {
	width: 800px;
	position: relative;
}

.term_div .cont .scroll table:before {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: 2px;
	height: 100%;
	background: #fff
}

.term_div .cont .scroll table th:first-child,
.term_div .cont .scroll table td:first-child {
	border-left: 1px solid #e9e9e9
}

.term_div .cont table thead th {
	padding: 8px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	border-top: 1px solid #000;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #999;
	background: #f3f3f3;
	text-align: left;
	vertical-align: top
}

.term_div .cont table tbody td {
	padding: 8px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: middle
}

.term_div .cont table .small {
	margin-top: 2px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	color: #777;
}



/* 마이페이지 */
.mypage_div {
	min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px);
	background: #f7f7f7
}

.mypage_div .tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #f3f3f3;
	background: #fff
}

.mypage_div .tabs a {
	display: table-cell;
	position: relative;
	width: 100%;
	padding: 13px 0 13px;
	font-size: 16px;
	line-height: 20px;
	color: #777;
	text-align: center;
	vertical-align: middle
}

.mypage_div .tabs a.on {
	font-weight: 700;
	color: #000
}

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

.mypage_div .tabs a span {
	margin-left: 2px;
	font-weight: 500;
	font-size: 16px;
	color: #7b23a8
}

.bottom_fix_btn {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 16px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px;
	z-index: 2;
}

.bottom_fix_btn.disabled_btn {
	color: #ccc;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	pointer-events: none
}


.point_div {
	padding: 16px 0 0;
	min-height: calc(100% - 106px);
	min-height: -webkit-calc(100% - 106px);
	background: #fff
}

.point_div .point_info {
	padding: 20px 24px;
	background: #f7f7f7;
	border-radius: 10px
}

.point_div .point_info dl {
	display: table;
	margin-top: 2px;
	width: 100%
}

.point_div .point_info dl:first-child {
	margin-top: 0
}

.point_div .point_info dl dt {
	display: table-cell;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-align: left
}

.point_div .point_info dl dd {
	display: table-cell;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	text-align: right
}

.point_div .point_info dl dd span {
	font-size: 14px
}

.point_div .chk_div {
	margin-top: 16px
}

.point_div .setting_area {
	margin-top: 16px;
	text-align: right
}

.point_div .setting_area p {
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	vertical-align: middle;
	background: url('/resources/images/common/m_notice_icon_32x32.png') no-repeat left center;
	background-size: 16px
}

.point_div .setting_area .switch {
	display: inline-block;
	position: relative;
	margin-left: 25px;
	width: 48px;
	height: 24px;
	background: #ccc;
	vertical-align: middle;
	transition: background 0.4s ease
}

.point_div .setting_area .switch span {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	background: #fff;
	transition: left 0.4s ease
}

.point_div .setting_area .switch.on {
	background: #5b1a7c
}

.point_div .setting_area .switch.on span {
	left: 27px
}

.point_div .detail {
	margin-top: 24px;
}

.point_div .detail .detail_top {
	padding: 12px 0;
	border-bottom: 1px solid #999;
}

.point_div .detail .detail_top:after {
	content: '';
	display: block;
	clear: both
}

.point_div .detail .detail_top .left {
	float: left;
	width: 50%;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: left
}

.point_div .detail .detail_top .right {
	float: right;
	width: 50%;
	font-size: 13px;
	line-height: 19px;
	color: #2f2f2f;
	text-align: right
}

.point_div .detail .detail_list .line {
	display: table;
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #eee
}

.point_div .detail .detail_list .line:after {
	content: '';
	display: block;
	clear: both
}

.point_div .detail .detail_list .line .left_d {
	display: table-cell;
	width: calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	vertical-align: middle
}

.point_div .detail .detail_list .line .top {
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.point_div .detail .detail_list .line .top a {
	color: #000
}

.point_div .detail .detail_list .line .left {
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.point_div .detail .detail_list .line .left a {
	color: #000
}

.point_div .detail .detail_list .line .right {
	display: table-cell;
	width: 110px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #7b23a8;
	text-align: right;
	vertical-align: middle
}

.point_div .detail .detail_list .line .right.minus {
	color: #000
}

.point_div .detail .detail_list .line .bottom {
	float: left;
	margin-top: 8px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.point_div .detail .detail_list .line .bottom a {
	color: #000
}

.point_div .detail+.bg_noti_area {
	margin-top: 48px
}

.point_div .no_data_div {
	margin-top: 20px;
	padding: 120px 0;
}

.bg_noti_area {
	margin: 0 auto;
	padding: 24px 20px;
	background: #f7f7f7
}

.bg_noti_area .tit {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.bg_noti_area .dot_indent {
	margin-top: 10px
}



/* 2022.06.29 수정 후 쿠폰 */
.coupon_div {
	padding: 20px 0 0;
	min-height: calc(100% - 106px);
	min-height: -webkit-calc(100% - 106px);
	background: #fff
}

.coupon_div .add_coupon .title {
	margin-bottom: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.coupon_div .add_coupon .info {
	display: flex;
	flex-wrap: nowrap
}

.coupon_div .add_coupon .info input {
	display: block;
	width: 100%;
	margin-right: 6px
}

.coupon_div .add_coupon .info .btn {
	display: inline-block;
	min-width: 110px;
	height: 48px;
	font-size: 14px;
	line-height: 46px;
	color: #ccc;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 6px
}

.coupon_div .add_coupon .info .btn.on {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.coupon_div .chk_div {
	margin-top: 16px
}

.coupon_div .notice_txt {
	margin-left: 32px;
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.coupon_div .detail .coupon_list {
	padding: 20px 0 0;
	margin-top: 24px;
	border-top: 1px solid #eee
}

.coupon_div .detail .coupon_list .list {
	position: relative;
	min-height: 152px;
	margin-top: 20px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px
}

.coupon_div .detail .coupon_list .list:first-child {
	margin-top: 0
}

.coupon_div .detail .coupon_list .list .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.coupon_div .detail .coupon_list .list .info .left {
	display: table-cell;
	padding-right: 10px;
	width: calc(100% - 105px);
	width: -webkit-calc(100% - 105px);
	vertical-align: middle
}

.coupon_div .detail .coupon_list .list .info .left .name {
	display: -webkit-box;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	color: #000;
	height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.coupon_div .detail .coupon_list .list .info .left .condition {
	margin-top: 6px;
	font-size: 14px;
	line-height: 16px;
	color: #777
}

.coupon_div .detail .coupon_list .list .info .left .date {
	margin-top: 2px;
	font-size: 14px;
	line-height: 16px;
	color: #777
}

.coupon_div .detail .coupon_list .list .info .right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	display: table-cell;
	font-weight: 700;
	font-size: 28px;
	line-height: 38px;
	color: #7b23a8;
	text-align: right;
	vertical-align: top
}

.coupon_div .detail .coupon_list .list .type {
	margin-top: 16px
}

.coupon_div .detail .coupon_list .list .type:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .detail .coupon_list .list .type span {
	float: left;
	margin-left: 4px;
	padding: 0 4px;
	font-size: 12px;
	line-height: 20px;
	color: #7b23a8;
	background: #f4f0ff;
	border-radius: 4px
}

.coupon_div .detail .coupon_list .list .type span:first-child {
	margin-left: 0
}

.coupon_div .detail .coupon_list .list.disabled .left .name {
	color: #777
}

.coupon_div .detail .coupon_list .list.disabled .left .date {
	color: #777
}

.coupon_div .detail .coupon_list .list.disabled .left .type span {
	color: #ccc;
	border: 1px solid #ccc
}

.coupon_div .detail .coupon_list .list.disabled .right {
	color: #ccc
}

.coupon_div .detail .noti {
	padding-bottom: 72px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-align: center
}

.coupon_div .detail+.bg_noti_area {
	margin-top: 48px
}

.coupon_div .no_data_div {
	padding: 80px 0 120px;
}


.coupon_div .detail .more_btn {
	display: block;
	margin: 24px auto 0;
	padding: 13px 0;
	width: 272px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 24px
}

.coupon_div .detail .more_btn span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_down_blk_32x32.png') no-repeat right center;
	background-size: 16px
}

/* // 2022.06.29 수정 후 쿠폰 */


/* 2022.06.29 수정 전 쿠폰 */
/* .coupon_div {
	padding: 20px 0 72px;
	min-height: calc(100% - 106px);
	min-height: -webkit-calc(100% - 106px);
	background: #fff
}

.coupon_div .add_coupon .title {
	margin-bottom: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.coupon_div .add_coupon .info {
	display: flex;
	flex-wrap: nowrap
}

.coupon_div .add_coupon .info input {
	display: block;
	width: 100%;
	margin-right: 6px
}

.coupon_div .add_coupon .info .btn {
	display: inline-block;
	min-width: 110px;
	height: 48px;
	font-size: 14px;
	line-height: 46px;
	color: #ccc;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 6px
}

.coupon_div .add_coupon .info .btn.on {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.coupon_div .chk_div {
	margin-top: 16px
}

.coupon_div .notice_txt {
	margin-left: 32px;
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.coupon_div .detail .coupon_list {
	padding: 20px 0 0;
	margin-top: 24px;
	border-top: 1px solid #eee
}

.coupon_div .detail .coupon_list .list {
	display: table;
	width: 100%;
	margin-top: 10px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px
}

.coupon_div .detail .coupon_list .list:first-child {
	margin-top: 0
}

.coupon_div .detail .coupon_list .list:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .detail .coupon_list .list .left {
	display: table-cell;
	padding-right: 10px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	vertical-align: middle
}

.coupon_div .detail .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.coupon_div .detail .coupon_list .list .left .date {
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.coupon_div .detail .coupon_list .list .left .type {
	margin-top: 14px
}

.coupon_div .detail .coupon_list .list .left .type:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .detail .coupon_list .list .left .type span {
	float: left;
	margin-left: 4px;
	padding: 0 4px;
	font-size: 12px;
	line-height: 20px;
	color: #7b23a8;
	background: #f4f0ff;
	border-radius: 4px
}

.coupon_div .detail .coupon_list .list .left .type span:first-child {
	margin-left: 0
}

.coupon_div .detail .coupon_list .list .right {
	display: table-cell;
	width: 100px;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #7b23a8;
	text-align: center;
	vertical-align: middle
}

.coupon_div .detail .coupon_list .list.disabled .left .name {
	color: #777
}

.coupon_div .detail .coupon_list .list.disabled .left .date {
	color: #777
}

.coupon_div .detail .coupon_list .list.disabled .left .type span {
	color: #ccc;
	border: 1px solid #ccc
}

.coupon_div .detail .coupon_list .list.disabled .right {
	color: #ccc
}

.coupon_div .detail .noti {
	padding-bottom: 72px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-align: center
}

.coupon_div .detail+.bg_noti_area {
	margin-top: 48px
}

.coupon_div .no_data_div {
	margin-top: 20px;
	padding: 120px 0;
	background: #f9f9f9
} */

/* // 2022.06.29 수정 전 쿠폰 */

.day_change {
	padding: 20px 0 96px;
	min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px);
	background: #fff
}

.day_change .prev_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 10px solid #f7f7f7;
	padding: 4px 20px 24px 20px;
}

.day_change .prev_info p {
	width: 50%;
}

.day_change .prev_info .tit {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: 500;
}

.day_change .prev_info .date {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: right;
}

.day_change .dot_indent {
	margin-top: 16px
}

.day_change .dot_indent p {
	color: #777;
	margin-top: 6px
}

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

.day_change .change_area {
	padding: 24px 20px 68px 20px;
}

.day_change .change_area .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.day_change .change_area .top .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.day_change .change_area .top .right {
	display: flex;
	align-items: center
}

.day_change .change_area .top span {
	position: relative;
	padding-left: 12px;
	font-size: 12px;
	line-height: 22px;
	color: #000
}

.day_change .change_area .top span:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 100%
}

.day_change .change_area .top span.today:before {
	background: #fff;
	border: 1px solid #e81d75
}

.day_change .change_area .top span.choice:before {
	background: #5b1a7c;
}

.day_change .change_area .top span.choice {
	margin-left: 12px;
}

.day_change .change_area #calendar {
	margin-top: 28px;
}

.review_wrt_div {
	padding-bottom: 96px;
	background: #fff
}

.review_wrt_div .wrt_title {
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: center
}

.review_wrt_div .wrt_title span {
	display: block;
	margin-top: 6px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.review_wrt_div .info_div {
	margin: 12px auto 0;
	padding: 20px 10px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	background: #f4f0ff;
	text-align: center;
	border-radius: 10px
}

.review_wrt_div .info_div .area {
	display: inline-block
}

.review_wrt_div .info_div .area:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .info_div .area .list {
	float: left;
	margin-left: 16px
}

.review_wrt_div .info_div .area .list:first-child {
	margin-left: 0
}

.review_wrt_div .info_div .area .list p {
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.review_wrt_div .info_div .area .list p span {
	display: inline-block;
	margin-left: 4px;
	font-weight: 700;
	font-size: 16px;
	color: #7b23a8;
	vertical-align: top
}

.review_wrt_div .pd_info {
	display: table;
	padding: 24px 20px;
	width: 100%;
	border-radius: 8px
}

.review_wrt_div .pd_info .img {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
	border-radius: 8px;
	background-color: #f7f7f7;
}

.review_wrt_div .pd_info .img img {
	width: 100%
}

.review_wrt_div .pd_info .info {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	vertical-align: middle
}

.review_wrt_div .pd_info .info .date {
	font-size: 12px;
	line-height: 14px;
	color: #999
}

.review_wrt_div .pd_info .info .name {
	display: -webkit-box;
	margin-top: 2px;
	max-height: 40px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.review_wrt_div .pd_info .info .name span:after {
	content: ',';
	margin-right: 2px
}

.review_wrt_div .pd_info .info .name span:last-child:after {
	display: none
}

.review_wrt_div .pd_info .info .name span b {
	font-weight: 400;
}

.review_wrt_div .pd_info .info .type {
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #333
}

.review_wrt_div .pd_info .info .type b {
	display: inline-block;
	margin-left: 2px;
	font-weight: 700;
	color: #7b23a8
}

.review_wrt_div .pd_info+.satisfaction {
	margin-top: 10px
}

.review_wrt_div .wrt_div {
	border-top: 10px solid #f7f7f7
}

.review_wrt_div .wrt_div .satisfaction {
	padding-bottom: 24px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.review_wrt_div .wrt_div .satisfaction .tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.review_wrt_div .wrt_div .satisfaction .star {
	display: inline-block;
	position: relative;
	margin-top: 24px;
	padding-top: 60px;
	width: 240px;
	height: 76px;
	background: url('/resources/images/m_review_wrt_star.png') no-repeat top center;
	background-size: 240px 48px
}

.review_wrt_div .wrt_div .satisfaction .star:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0;
	width: 0;
	height: 100%;
	background: url('/resources/images/m_review_wrt_star_on.png') no-repeat;
	background-size: 240px 48px;
	overflow: hidden
}

.review_wrt_div .wrt_div .satisfaction .star.star10:before {
	width: 48px
}

.review_wrt_div .wrt_div .satisfaction .star.star20:before {
	width: 96px
}

.review_wrt_div .wrt_div .satisfaction .star.star30:before {
	width: 144px
}

.review_wrt_div .wrt_div .satisfaction .star.star40:before {
	width: 192px
}

.review_wrt_div .wrt_div .satisfaction .star.star50:before {
	width: 240px
}

.review_wrt_div .wrt_div .satisfaction .star .click {
	position: absolute;
	top: 0;
	height: 48px;
	z-index: 1
}

.review_wrt_div .wrt_div .satisfaction .star .click.star10 {
	left: 0;
	width: 48px
}

.review_wrt_div .wrt_div .satisfaction .star .click.star20 {
	left: 48px;
	width: 48px
}

.review_wrt_div .wrt_div .satisfaction .star .click.star30 {
	left: 96px;
	width: 48px
}

.review_wrt_div .wrt_div .satisfaction .star .click.star40 {
	left: 144px;
	width: 48px
}

.review_wrt_div .wrt_div .satisfaction .star .click.star50 {
	left: 192px;
	width: 48px
}

.review_wrt_div .wrt_div .satisfaction .star .comment p {
	display: none;
	font-size: 14px;
	line-height: 16px;
	color: #7b23a8;
}

.review_wrt_div .wrt_div .satisfaction .star .comment p:nth-child(1) {
	display: block;
	color: #555;
}

.review_wrt_div .wrt_div .opinion_div {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.review_wrt_div .wrt_div .opinion_div .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.review_wrt_div .wrt_div .opinion_div .textarea_div {
	position: relative;
	margin-top: 24px;
	padding: 14px 12px 46px;
	background: #f7f7f7;
	border-radius: 10px
}

.review_wrt_div .wrt_div .opinion_div .textarea_div textarea {
	resize: none
}

.review_wrt_div .wrt_div .opinion_div .textarea_div span {
	position: absolute;
	bottom: 16px;
	right: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.review_wrt_div .wrt_div .opinion_div .textarea_div span b {
	font-weight: 400;
	color: #ccc
}

.review_wrt_div .wrt_div .opinion_div .textarea_div span b.cnt {
	color: #000
}

.review_wrt_div .wrt_div .pic_div {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.review_wrt_div .wrt_div .pic_div .upload_pic {
	margin-top: 24px;
	width: 100%
}

.review_wrt_div .wrt_div .radio_list_div {
	padding-bottom: 24px;
}

.review_wrt_div .wrt_div .radio_list_div .line {
	margin-top: 32px
}

.review_wrt_div .wrt_div .radio_list_div .line:first-child {
	margin-top: 28px
}

.review_wrt_div .wrt_div .radio_list_div .line .wrt_sub_tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left
}

.review_wrt_div .wrt_div .radio_list_div .line .radio_list {
	margin-top: 16px;
	text-align: left
}

.review_wrt_div .wrt_div .radio_list_div .line .radio_list .radio_div {
	margin-top: 16px
}

.review_wrt_div .wrt_div .radio_list_div .line .radio_list .radio_div:first-child {
	margin-top: 0
}

.review_wrt_div .wrt_div .radio_list_div .line .radio_list .radio_div .radio_box input[type="radio"]+label {
	padding: 2px 0 2px 32px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px
}

.review_wrt_div .wrt_div .hash_div {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.review_wrt_div .wrt_div .hash_div .hash_list {
	margin-top: 0;
	text-align: center
}

.review_wrt_div .wrt_div .hash_div .hash_list:nth-of-type(1) {
	margin-top: 24px;
}

.review_wrt_div .wrt_div .hash_div .hash_list:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .wrt_div .hash_div .hash_list a {
	display: inline-block;
	margin: 6px 4px 0 0;
	padding: 9px 16px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px
}

.review_wrt_div .wrt_div .hash_div .hash_list a:before {
	content: '#';
	padding-right: 2px
}

.review_wrt_div .wrt_div .hash_div .hash_list a.on {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c
}

.review_wrt_div .wrt_noti {
	padding-top: 24px
}

.review_wrt_div .wrt_noti .dot_indent_tit {
	font-weight: 500;
	font-size: 13px;
	line-height: 22px
}

.subscription_info {
	padding: 0 0 72px;
	min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px);
	background: #fff
}

.subscription_info .sct_list_div {}

.subscription_info .sct_list_div .list {
	padding: 24px 20px;
	border-bottom: 1px solid #eee
}

.subscription_info .sct_list_div .list:first-child {
	margin-top: 0
}

.subscription_info .sct_list_div .list .title {
	display: block;
	position: relative;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right top;
	background-size: 20px
}

.subscription_info .sct_list_div .list .title .type {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.subscription_info .sct_list_div .list .title .type:before {
	content: '정기구독';
	display: inline-block;
	margin-right: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: top
}

.subscription_info .sct_list_div .list .title .name {
	position: relative;
	margin-top: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.subscription_info .sct_list_div .list .title .name span {
	display: inline-block;
	padding-right: 2px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: top;
	max-width: calc(100% - 49px);
	max-width: -webkit-calc(100% - 49px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.subscription_info .sct_list_div .list .title .name b {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: top
}

.subscription_info .sct_list_div .list.pack .title .type:before {
	content: '정기구독 한 팩 서비스'
}

.subscription_info .sct_list_div .list.error .title:after {
	content: '결제오류';
	position: absolute;
	top: 0;
	right: 28px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #e62423;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left center;
	background-size: 16px
}

.subscription_info .sct_list_div .list .info {
	margin-top: 20px;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 10px
}

.subscription_info .sct_list_div .list .info .line {
	margin-top: 10px
}

.subscription_info .sct_list_div .list .info .line:first-child {
	margin-top: 0
}

.subscription_info .sct_list_div .list .info .line:after {
	content: '';
	display: block;
	clear: both
}

.subscription_info .sct_list_div .list .info .line .left {
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.subscription_info .sct_list_div .list .info .line .left.tool {
	position: relative;
	padding-right: 18px
}

.subscription_info .sct_list_div .list .info .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.subscription_info .sct_list_div .list .info .line .right {
	float: right
}

.subscription_info .sct_list_div .list .info .line .right:after {
	content: '';
	display: block;
	clear: both
}

.subscription_info .sct_list_div .list .info .line .right p {
	float: left;
	margin-left: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.subscription_info .sct_list_div .list .info .line .right p:first-child {
	margin-left: 0
}

.subscription_info .sct_list_div .list .info .line .right p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.subscription_info .sct_list_div .list .info .line .right .dc {
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #e81d75
}

.subscription_info .no_data_div {
	padding-top: 100px
}

.subscription_info.sct_no .no_data_div {
	padding-top: 32px;
}

.subscription_info .no_data_cont .tit {
	font-size: 24px;
	line-height: 34px;
	color: #000;
	margin-top: 32px;
	text-align: center;
}

.subscription_info .no_data_cont .tit span {
	color: #7b23a8;
	font-weight: 700;
}

.subscription_info .no_data_btn {
	padding: 0 20px;
	text-align: center
}

.subscription_info .no_data_btn .no_data_go_btn a {
	margin-top: 8px;
}

.subscription_info .no_data_btn .no_data_go_btn a:nth-child(1) {
	margin-top: 20px;
}

.subscription_info .no_data_btn .link_btn {
	display: inline-block;
	margin-top: 20px;
	padding: 6px 30px 6px 16px;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	background: url('/resources/images/icon/cart/m_icn_arrow_right_pur.svg') no-repeat right 10px bottom 45%;
	border-radius: 16px;
	background-color: #f4f0ff;
}

.subscription_info .sct_dtl {
	text-align: center
}

.subscription_info .sct_dtl .top {
	padding: 24px 20px;
	text-align: left;
	border-bottom: 10px solid #f7f7f7
}

/* .subscription_info .sct_dtl .top .type {
	float: left;
	margin-bottom: 12px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

 .subscription_info .sct_dtl .top .type:before {
	content: '정기구독';
	display: inline-block;
	margin-right: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: top
}

.subscription_info .sct_dtl.pack .top .type:before {
	content: '정기구독 한 팩 서비스'
} */

.subscription_info .sct_dtl .top .top_line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.subscription_info .sct_dtl .top .top_line:nth-last-of-type(1) {
	margin-bottom: 0;
}

.subscription_info .sct_dtl .top .left {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.subscription_info .sct_dtl .top .right {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.subscription_info .sct_dtl .list_div {
	padding: 0 20px;
	text-align: left
}

.subscription_info .sct_dtl .list_div .list {
	display: block;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right 24px;
	background-size: 20px
}

.subscription_info .sct_dtl .list_div .list .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.subscription_info .sct_dtl .list_div .list .con {
	margin-top: 12px;
}

.subscription_info .sct_dtl .list_div .list .con .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
}

.subscription_info .sct_dtl .list_div .list .con .line:nth-last-of-type(1) {
	margin-bottom: 0;
}

.subscription_info .sct_dtl .list_div .list .con .left {
	max-width: 200px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

.subscription_info .sct_dtl .list_div .list .con .left.w100p {
	width: 100%
}

.subscription_info .sct_dtl .list_div .list .con .right {
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	text-align: right
}

.subscription_info .sct_dtl .list_div .list .con .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.subscription_info .sct_dtl .list_div .list .con .right .error {
	display: none;
	padding-left: 18px;
	color: #e62423;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left center;
	background-size: 16px
}

.subscription_info .sct_dtl.error .list_div .list .con .right .error {
	display: inline-block
}

.subscription_info .sct_dtl .temi {
	display: inline-block;
	margin-top: 32px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
	text-decoration: underline
}

.subscription_pkg_mag {
	background-color: #fff;
}

.subscription_pkg_mag .sct_pkg_mag_inner {
	padding: 24px 20px 20px 20px;
}

.subscription_pkg_mag .sct_pkg_mag_inner .input_box {
	margin-bottom: 24px;
}

.subscription_pkg_mag .sct_pkg_mag_inner .input_form .sub_tit {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	margin-bottom: 12px;
}

.subscription_pkg_mag .sct_pkg_mag_inner .pkg_area .tit {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
}

.subscription_pkg_mag .sct_pkg_mag_inner .pkg_area .smaple_area {
	position: relative;
	margin: 12px 10px;
}

.subscription_pkg_mag .sct_pkg_mag_inner .pkg_area .smaple_area img {
	width: 100%;
}

.subscription_pkg_mag .sct_pkg_mag_inner .pkg_area .smaple_area .sample_txt {
	position: absolute;
	top: 6%;
	left: 4.5%;
}

.subscription_pkg_mag .sct_pkg_mag_inner .pkg_area .smaple_area .sample_txt span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
}

.subscription_pkg_mag .sct_pkg_btn {
	padding: 20px;
}

.subscription_pkg_mag .sct_pkg_btn .submit_btn {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	padding: 18px 11px;
	text-align: center;
}

.sct_pd_mgr {
	padding-bottom: 96px;
	background: #fff
}

.sct_pd_mgr .banner_div {
	padding: 12px 20px 20px;
	border-bottom: 10px solid #f7f7f7
}

.sct_pd_mgr .banner_div .banner {
	display: block;
	padding: 32px 24px;
	background: url('/resources/images/m_survey_banner_bg.png') no-repeat right center #5b1a7c;
	background-size: 116px 88px;
	border-radius: 8px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15)
}

.sct_pd_mgr .banner_div .banner .tit {
	display: inline-block;
	padding-right: 26px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: url('/resources/images/m_survey_banner_arrow.png') no-repeat right center;
	background-size: 24px;
}

.sct_pd_mgr .pd_mgr_div {
	padding-bottom: 32px;
	border-bottom: 10px solid #f7f7f7
}

.sct_pd_mgr .pd_mgr_div .top {
	padding: 20px;
	border-bottom: 1px solid #eee
}

.sct_pd_mgr .pd_mgr_div .top:after {
	content: '';
	display: block;
	clear: both
}

.sct_pd_mgr .pd_mgr_div .top .left {
	position: relative;
	float: left;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.sct_pd_mgr .pd_mgr_div .top .left .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.sct_pd_mgr .pd_mgr_div .top .right {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: right
}

.sct_pd_mgr .pd_mgr_div .top .right span {
	color: #7b23a8
}

.sct_pd_mgr .pd_mgr_div .top .right.error {
	padding-left: 18px;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left center;
	background-size: 16px
}

.sct_pd_mgr .pd_mgr_div .top .right.error span {
	color: #e62423
}

.sct_pd_mgr .pd_mgr_div .list_div {
	padding: 0 20px
}

.sct_pd_mgr .pd_mgr_div .no_data_div {
	padding: 40px 0 20px
}

/*  */

.sct_pd_mgr>.price_div {
	padding-top: 32px;
	padding-bottom: 38px;
}

.sct_pd_mgr .price_div .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.sct_pd_mgr .price_div .title .error_msg {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-align: right;
	color: #e62423;
}

.sct_pd_mgr .price_div .title .tool {
	position: relative;
	padding-right: 18px
}

.sct_pd_mgr .price_div .title .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.sct_pd_mgr .price_div .tooltip_div .tooltip {
	width: 260px;
	max-width: 260px;
}

.sct_pd_mgr .price_div .tooltip_div .tooltip.txt_area .dot_indent p {
	white-space: inherit;
	word-break: break-all;
}

.sct_pd_mgr .price_div .detail_view {
	margin-top: 12px;
	padding-top: 20px;
	border-top: 1px solid #000
}

.sct_pd_mgr .price_div .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px
}

.sct_pd_mgr .price_div .line:first-child {
	margin-top: 0
}

.sct_pd_mgr .price_div .line .left>.tit {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.sct_pd_mgr .price_div .line .left>.tit.tool {
	padding-right: 18px;
}

.sct_pd_mgr .price_div .line .left>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.sct_pd_mgr .price_div .line.highlight .left>.tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

.sct_pd_mgr .price_div .line .right {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.sct_pd_mgr .price_div .line .right span {
	display: inline-block;
	/* font-size: 18px; */
	vertical-align: top
}

.sct_pd_mgr .price_div .detail .line .right span {

	font-weight: 500;
}

/* .sct_pd_mgr .price_div .line .right.error {
	padding-left: 18px;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left center;
	background-size: 16px
} */

.sct_pd_mgr .price_div .line .right.error {
	font-weight: 400;
	color: #e62423
}

.sct_pd_mgr .price_div .line.highlight .right {
	color: #7b23a8;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}

.sct_pd_mgr .price_div .line.highlight .right span {
	font-size: 18px;
	line-height: 24px;
}

.sct_pd_mgr .price_div .final {
	margin-bottom: 20px
}

.sct_pd_mgr .price_div .final:after {
	content: '';
	display: block;
	clear: both
}

.sct_pd_mgr .price_div .final .left {
	float: left;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #000
}

.sct_pd_mgr .price_div .final .right {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.sct_pd_mgr .price_div .final .right span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.sct_pd_mgr .price_div .final.highlight .right {
	color: #7b23a8
}

.sct_pd_mgr .price_div .detail_view .box {
	margin-top: 20px;
}

.sct_pd_mgr .price_div .detail_view .box+.box {
	margin-top: 12px
}

.sct_pd_mgr .price_div .detail_view .box input[type="radio"] {
	display: none
}

.sct_pd_mgr .price_div .detail_view .box label .left {
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #000
}

.sct_pd_mgr .price_div .detail_view .box label .right {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.sct_pd_mgr .price_div .detail_view .box label .right span {
	font-size: 18px
}

.sct_pd_mgr .price_div .detail_view .box label .highlight .right {
	color: #7b23a8
}

.sct_pd_mgr .price_div .detail_view .box input[type="radio"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/resources/images/common/m_radio_icon_48x48.png") no-repeat center;
	background-size: 24px;
	border-radius: 100%
}

.sct_pd_mgr .price_div .detail_view .box input[type="radio"]:checked+label:after {
	background: url("/resources/images/common/m_radio_icon_on_48x48.png") no-repeat center;
	background-size: 24px;
}

.sct_pd_mgr .price_div .detail_view .box .detail {
	/* display: none; */
	border-top: 1px dashed #ddd;
	padding-top: 22px;
	margin-top: 20px;
}

.sct_pd_mgr .price_div .detail_view .box .detail:first-child {
	margin-top: 0;
}

.sct_pd_mgr .price_div .detail_view .box_div .box .detail {
	display: block;
	padding-right: 0;
	width: auto;
}

/* .sct_pd_mgr .price_div {
	padding: 32px 20px
}

.sct_pd_mgr .price_div .list .line {
	margin-top: 8px
}

.sct_pd_mgr .price_div .list .line:after {
	content: '';
	display: block;
	clear: both
}

.sct_pd_mgr .price_div .list .line .left {
	float: left;
	padding-left: 12px;
	width: 140px;
	font-size: 13px;
	line-height: 16px;
	color: #bbb;
	background: url('/resources/images/m_icn_subtext.png') no-repeat left 2px;
	background-size: 10px 11px
}

.sct_pd_mgr .price_div .list .line .left .tool {
	display: inline-block;
	position: relative;
	padding-right: 18px;
}

.sct_pd_mgr .price_div .list .line .left .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.sct_pd_mgr .price_div .list .line .right {
	float: right;
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	font-size: 12px;
	line-height: 16px;
	color: #bbb;
	text-align: right
}

.sct_pd_mgr .price_div .list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.sct_pd_mgr .price_div .list .line:first-child {
	margin-top: 0
}

.sct_pd_mgr .price_div .list .line:first-child .left {
	padding-left: 0;
	width: 100px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: none
}

.sct_pd_mgr .price_div .list .line:first-child .right {
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.sct_pd_mgr .price_div .final_list {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.sct_pd_mgr .price_div .final_list:first-child {
	padding-top: 0;
	margin-top: 0;
	border: none
}

.sct_pd_mgr .price_div .final_list .line:after {
	content: '';
	display: block;
	clear: both
}

.sct_pd_mgr .price_div .final_list .line .left {
	float: left;
	width: 130px;
	font-size: 14px;
	line-height: 24px;
	color: #000
} 

.sct_pd_mgr .price_div .final_list .line .left .tool {
	display: inline-block;
	position: relative;
	padding-right: 18px
}

.sct_pd_mgr .price_div .final_list .line .left .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.sct_pd_mgr .price_div .final_list .line .right {
	float: left;
	width: calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: right
}

.sct_pd_mgr .price_div .final_list .line .right span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
} */

.sct_pd_mgr .pd_mgr_div .no_data_div {}

.sct_pd_mgr .pd_mgr_div .add_btn {
	display: block;
	margin: 12px auto 0;
	padding: 13px 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 6px
}

.sct_pd_mgr .pd_mgr_div .add_btn span {
	display: inline-block;
	padding-left: 22px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_plus_40x40.png') no-repeat left center;
	background-size: 20px
}

/* 230608 함량 정보 관리 추가 css*/
.sct_pd_mgr .pd_content_info_div {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	background: #fff;
	border-top: 1px dashed #ddd;
	padding: 22px 0 38px;
}


.sct_pd_mgr .pd_content_info_div .tit_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sct_pd_mgr .pd_content_info_div .tit_wrap .right {
	display: flex;
	align-items: center;
}

.sct_pd_mgr .pd_content_info_div .tit_wrap .right p {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	margin-left: 8px;
}

.sct_pd_mgr .pd_content_info_div .tit_wrap .right p:nth-of-type(1) {
	margin-left: 0;
}

.sct_pd_mgr .pd_content_info_div .tit_wrap .right p::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #a257c8;
	margin-right: 2px;
}

.sct_pd_mgr .pd_content_info_div .tit_wrap .right p.org::before {
	background-color: #fe9a40;
}

.sct_pd_mgr .pd_content_info_div .tit_wrap .right p.pink::before {
	background-color: #f04992;
}

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

.sct_pd_mgr .pd_content_info_div .list .table {
	margin-top: 20px;
}

.sct_pd_mgr .pd_content_info_div .list .table table thead th {
	font-size: 11px;
	line-height: 22px;
	color: #999;
	background: #f7f7f7;
	padding: 9px 10px;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
}

.sct_pd_mgr .pd_content_info_div .list .table table thead th:nth-of-type(1) {
	border-radius: 17px 0 0 17px;
}

.sct_pd_mgr .pd_content_info_div .list .table table thead th:nth-last-of-type(1) {
	border-radius: 0 17px 17px 0;
}

.sct_pd_mgr .pd_content_info_div .list .table table td {
	padding: 14px 10px;
	font-size: 13px;
	line-height: 22px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	word-break: break-all;
}

.sct_pd_mgr .pd_content_info_div .list .table table tr td:nth-last-of-type(1) {
	padding-right: 0;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar {
	position: relative;
	width: 100%;
	height: 20px;
	border-radius: 10px;
	background-color: #f7f7f7;
	overflow: hidden;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #ffeef6;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg p {
	width: 43.83%;
	height: 20px;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg p:nth-of-type(1) {
	background-color: #f4f0ff;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg p:nth-of-type(2) {
	background-color: #fff8f0;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg p:nth-of-type(3) {
	width: 11.96%;
	background-color: #ffeef6;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg p.org {
	background-color: #fff8f0;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color {
	position: relative;
	width: 100%;
	height: 100%;
	/* background: #a257c8; */
	z-index: 1;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color .left_wrap {
	position: relative;
	width: 87.5%;
	height: 100%;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color .per_bar_color_inner {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color .per_bar_color_inner .color_inner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color.pur .per_bar_color_inner .color_inner {
	background: #a257c8;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color.org .per_bar_color_inner .color_inner {
	background: #fe9a40;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color .per_bar_color_inner.left {
	left: 0;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color .per_bar_color_inner.right {
	left: 50%;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar_color.pink::after {
	content: '';
	background: #f04992;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sct_pd_mgr .pd_content_info_div .desc {
	margin-top: 10px;
}

.sct_pd_mgr .pd_content_info_div .desc p {
	position: relative;
	font-size: 11px;
	color: #999;
	line-height: 16px;
	padding: 0 2px 0 10px;
	margin-top: 4px;
	word-break: break-all;
}

.sct_pd_mgr .pd_content_info_div .desc p:nth-of-type(1) {
	margin-top: 0;
}

.sct_pd_mgr .pd_content_info_div .desc p::before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 11px;
	color: #999;
	line-height: 16px;
}



.addr_div {
	min-height: calc(100% - 106px);
	min-height: -webkit-calc(100% - 106px)
}

.addr_div .list_tab {
	min-height: calc(100% - 106px);
	min-height: calc(100% - 106px)
}

.addr_div .list_tab .addr_list {
	padding: 4px 0 70px;
	min-height: calc(100% - 106px);
	min-height: calc(100% - 106px);
	background: #fff
}

.addr_div .list_tab .addr_list .list {
	display: block;
	position: relative;
	padding: 20px;
	border-top: 1px solid #eee
}

.addr_div .list_tab .addr_list .list:first-child {
	border-top: none
}

.addr_div .list_tab .addr_list .list input[type="radio"]+label {
	display: block;
	padding-left: 32px;
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px)
}

.addr_div .list_tab .addr_list .list input[type="radio"]+label:after {
	top: 0;
	transform: translateY(0)
}

.addr_div .addr_list .radio_box input[type="radio"]+label:after {
	background: url("/resources/images/chk_icon.png") no-repeat center / 24px;
}

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

.addr_div .list_tab .addr_list .list .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	color: #000
}

.addr_div .list_tab .addr_list .list .name span {
	display: none
}

.addr_div .list_tab .addr_list .list .name b {
	font-weight: 500;
	color: #7b23a8;
}

.addr_div .list_tab .addr_list .list .tel {
	margin-top: 6px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.addr_div .list_tab .addr_list .list .addr {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.addr_div .list_tab .addr_list .list .del {
	display: inline-block;
	margin: 16px 0 0 36px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-decoration: underline
}

.addr_div .list_tab .addr_list .list .edit {
	position: absolute;
	top: 22px;
	right: 0;
	width: 46px;
	height: 28px;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px
}

.addr_div .list_tab .addr_list .list input.default+label+.del {
	display: none
}

.addr_div .list_tab .addr_list .list input.default+label .name span {
	display: inline-block
}

.addr_div .list_tab .no_data_div {
	padding-top: 120px;
	height: calc(100% - 106px);
	height: -webkit-calc(100% - 106px)
}

.addr_div .add_btn {
	display: block;
	margin-top: 20px;
	height: 44px;
	font-size: 14px;
	line-height: 42px;
	color: #000;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd
}

.addr_div .add_tab {
	padding: 32px 0 124px;
	background: #fff
}

.addr_div .add_tab .input_form:first-child .tit {
	margin-top: 0
}

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

.addr_div .add_tab .input_form .tit {
	color: #000;
}

.addr_div .add_tab .chk_div {
	margin-top: 16px
}

.addr_div .add_tab .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.intake_div {
	padding-bottom: 96px;
	background: #fff
}

.intake_div.intake_no {
	padding-bottom: 0;
}

.intake_div .intake_area .intake_info {
	display: block;
	font-size: 13px;
	line-height: 16px;
	color: #7b23a8;
	margin-top: 32px;
	text-align: center;
}

.intake_div .intake_area .intake_info .tit {
	position: relative;
	display: inline-block;
	padding-right: 17px;
	margin-right: 9px;
}

.intake_div .intake_area .intake_info .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url(/resources/images/common/m_bmi_noti_icon.png) no-repeat center;
	background-size: 16px;
}

.intake_div .intake_area .intake_info .tooltip_div {
	text-align: left;
}

.intake_div .intake_area .intake_info span {
	font-size: 13px;
	line-height: 16px;
	color: #7b23a8;
	padding-right: 26px;
	background: url("/resources/images/icn_tooltip_16.png") right 9px top 60% no-repeat;
	background-size: 14px
}

.intake_div .intake_area .intake_info b {
	font-weight: 700
}

.intake_div .intake_area .rest {
	margin: 16px auto 0;
	max-width: 292px;
	width: calc(100% - 18px);
	width: -webkit-calc(100% - 18px);
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.intake_div .intake_area .rest span {
	font-weight: 700
}

.intake_div .intake_area .title {
	margin: 16px 0 32px 0;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: center;
}

.intake_div .intake_area .intake_btn {
	display: inline-block;
	margin-top: 20px;
	text-align: center
}

.intake_div .intake_area .intake_btn .motion {
	display: none;
	position: absolute;
	bottom: 0;
	left: -35px;
	width: 150px;
	opacity: 0;
	animation: sctMotion 1s;
	animation-timing-function: linear
}

.intake_div .intake_area .intake_btn .motion img {
	width: 100%
}

.intake_div .intake_area .intake_btn .btn {
	display: inline-block;
	position: relative;
	padding: 17px 15px;
	width: 200px;
	border: 1px solid #ddd;
	border-radius: 28px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 2
}

.intake_div .intake_area .intake_btn .btn:after {
	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: 2px solid #7b23a8;
	border-radius: 28px
}

.intake_div .intake_area .intake_btn .btn span {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/m_intake_won.png') no-repeat left center;
	background-size: 24px;
}

.intake_div .intake_area .intake_btn .btn span b {
	display: inline-block;
	margin-left: 4px;
	font-weight: 700;
}

.intake_div .intake_area .intake_btn .btn.on {
	box-shadow: none;
	pointer-events: none
}

.intake_div .intake_area .intake_btn .btn.on:after {
	display: none
}

.intake_div .intake_area .intake_btn .btn.on span {
	background: url('/resources/images/m_intake_success.png') no-repeat left center;
	background-size: 24px;
}

.intake_div .intake_area .point_state {
	display: block;
	position: relative;
	margin-top: 40px;
	padding: 20px 54px 20px 24px;
	background: url('/resources/images/mypage/m_icn_arrow_right.png') no-repeat right 36px top 50%;
	background-size: 12px 20px
}

.intake_div .intake_area .point_state:after {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 1px;
	background: #e9e9e9
}

.intake_div .intake_area .point_state p {
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.intake_div .intake_area .point_state p span {
	font-weight: 500;
	color: #7b23a8
}

.intake_div .no_intake {
	padding: 24px 0 32px;
	background: #fff
}

.intake_div .no_intake .title {
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: center;
	margin: 8px 0 0 0;
}

.intake_div .no_intake .title span {
	font-weight: 500
}

.intake_div .no_intake .text {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.intake_div .no_intake .btn_div {
	width: 100%;
	margin-top: 20px
}

.intake_div .no_intake .btn_div a {
	display: block;
	margin-top: 6px;
	padding: 15px 10px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	border-radius: 6px
}

.intake_div .no_intake .btn_div a:first-child {
	margin-top: 0
}

.intake_div .no_intake .btn_div a.pur {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8
}

.intake_div .no_intake .btn_div a.wht {
	color: #333;
	background: #fff;
	border: 1px solid #ccc
}

.intake_div .calendar_div {
	border-top: 10px solid #f7f7f7;
	padding-bottom: 32px;
	background: #fff
}

.intake_div .calendar_div .calendar {
	margin-top: 30px;
}

.intake_div .calendar_div .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 32px 0 12px;
	border-bottom: 1px solid #999
}

.intake_div .calendar_div .top .tit {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.intake_div .calendar_div .top .tit span {
	font-weight: 700
}

.intake_div .calendar_div .top .fl_r {
	display: flex;
	align-items: center;
}

.intake_div .calendar_div .top .fl_r span {
	position: relative;
	margin-left: 10px;
	padding-left: 12px;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	border-radius: 100%
}

.intake_div .calendar_div .top .fl_r span:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px
}

.intake_div .calendar_div .top .fl_r .yes:before {
	background: #ffd3e7;
	border-radius: 100%
}

.intake_div .calendar_div .top .fl_r .today:before {
	border: 1px solid #e81d75;
	border-radius: 100%
}

.intake_div .intro_div {
	border-top: 10px solid #f7f7f7;
	background: #fff
}

.intake_div .intro_div .point_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	min-height: auto;
	background: none;
	border-bottom: 1px solid #eee
}

.intake_div .intro_div .point_div .left {
	position: relative;
	padding-right: 18px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.intake_div .intro_div .point_div .left .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.intake_div .intro_div .point_div .left .tooltip_div .tooltip {
	min-width: 250px;
}

.intake_div .intro_div .point_div .left .tooltip_div .tooltip .txt {
	white-space: inherit;
	word-break: break-all;
}

.intake_div .intro_div .point_div .right {
	padding-right: 30px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center;
	background-size: 20px
}

.intake_div .intro_div .intake_point {
	padding: 28px 20px
}

.intake_div .intro_div .intake_point:after {
	content: '';
	display: block;
	clear: both
}

.intake_div .intro_div .intake_point .list {
	float: left;
	margin-left: 6px;
	padding: 20px 10px;
	width: calc(50% - 3px);
	width: -webkit-calc(50% - 3px);
	background: #f9f9f9;
	border-radius: 6px;
	text-align: center
}

.intake_div .intro_div .intake_point .list:nth-child(2n+1) {
	margin-left: 0;
	clear: both
}

.intake_div .intro_div .intake_point .list:nth-child(n+3) {
	margin-top: 6px
}

.intake_div .intro_div .intake_point .list .won {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.intake_div .intro_div .intake_point .list .won:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/resources/images/m_intake_won.png') no-repeat left center;
	background-size: 24px;
	border-radius: 100%
}

.intake_div .intro_div .intake_point .list .won span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.intake_div .intro_div .intake_point .list .txt {
	margin-top: 14px;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.intake_div .link_div {
	border-top: 10px solid #f7f7f7;
	background: #fff
}

.intake_div .link_div a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 50px 18px 20px;
	border-bottom: 1px solid #eee;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right 20px center;
	background-size: 20px
}

.intake_div .link_div a:last-child {
	border-bottom: none
}

.intake_div .link_div a p {
	padding-left: 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.intake_div .link_div a.alarm p {
	background: url('/resources/images/m_mypage_icn_alarm.png') no-repeat left center;
	background-size: 24px
}

.intake_div .link_div a.point p {
	background: url('/resources/images/m_mypage_icn_point.png') no-repeat left center;
	background-size: 24px
}

.intake_div .link_div a span {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #7b23a8
}

.intake_div .alarm_btn {
	display: block;
	margin-top: 10px;
	padding: 20px 40px 20px 24px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: url('/resources/images/mypage/m_icn_arrow_right.png') no-repeat right 24px top 50% #fff;
	background-size: 12px 20px;
	border-bottom: 1px solid #e9e9e9
}

.intake_div .dot_indent_tit {
	margin-top: 24px
}

.intake_div .btn_div {
	margin: 48px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
}

.intake_div .btn_div.fixed {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	margin-top: 0;
	z-index: 3;
}

.intake_div .btn_div .btn {
	display: block;
	margin-top: 8px;
	padding: 17px 15px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px;
}

.intake_div .btn_div .btn:first-child {
	margin-top: 0;
}

.intake_div .btn_div .btn.pur {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #7b23a8;
}

.mypage_div .no_intake .btn_div a.disabled_btn,
.mypage_div .intake_div a.disabled_btn,
.mypage_div .intake_div .btn.disabled_btn {
	color: #ccc;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	pointer-events: none
}

.layer_pop.sct_pop {
	overflow: hidden;
}

.layer_pop.sct_pop .pop_con {
	text-align: center;
}

#calendar {
	position: relative;
	margin-top: 36px
}

#calendar .ui-datepicker-title {
	padding: 0 30px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

#calendar .ui-datepicker-title .ui-datepicker-year:after {
	content: '.';
}

#calendar .ui-datepicker-prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/resources/images/mypage/m_calendar_prev.png') no-repeat;
	background-size: 24px
}

#calendar .ui-datepicker-next {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/resources/images/mypage/m_calendar_next.png') no-repeat;
	background-size: 24px
}

#calendar .ui-datepicker-calendar {
	margin-top: 24px;
	text-align: center
}

#calendar table tr th,
#calendar table tr td {
	width: 14.28%;
}

#calendar .ui-datepicker-calendar thead th {
	padding-bottom: 9px;
	font-size: 14px;
	line-height: 22px;
	color: #777;
	text-align: center;
}

#calendar .ui-datepicker-calendar tbody td {
	position: relative;
	padding: 9px 0;
	line-height: 30px
}

#calendar .ui-datepicker-calendar tbody td a {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	color: #555
}

#calendar .ui-datepicker-calendar tbody td span {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	color: #ddd
}

#calendar .ui-datepicker-calendar tbody td.yes a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -2px;
	width: 5px;
	height: 5px;
	background: #e81d75
}

#calendar .ui-datepicker-calendar tbody td.no a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -2px;
	width: 5px;
	height: 5px;
	background: #ccc
}

#calendar .ui-datepicker-calendar .ui-datepicker-today a,
#calendar .ui-datepicker-calendar .ui-datepicker-today span {
	border: 1px solid #e81d75;
	border-radius: 100%;
}

#calendar .ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day a {
	color: #fff;
	background: #5b1a7c;
}

#calendar .ui-datepicker-calendar .ui-datepicker-current-day a {
	color: #fff;
	background: #5b1a7c;
	border-radius: 50%;
}

#calendar .ui-datepicker-calendar .ui-datepicker-unselectable {
	color: #ccc
}

.calendar {
	margin-top: 36px
}

.calendar .month_div {
	position: relative;
	padding: 0 30px
}

.calendar .month_div .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.calendar .month_div .prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/resources/images/mypage/m_calendar_prev.png') no-repeat;
	background-size: 24px
}

.calendar .month_div .next {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/resources/images/mypage/m_calendar_next.png') no-repeat;
	background-size: 24px
}

.calendar .bottom {
	margin-top: 24px;
	text-align: center
}

.calendar .bottom .week {}

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

.calendar .bottom .week p {
	float: left;
	padding-bottom: 9px;
	width: 14.28%;
	font-size: 14px;
	line-height: 22px;
	color: #777;
	text-align: center;
}

.calendar .bottom .day {}

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

.calendar .bottom .day div {
	position: relative;
	float: left;
	width: 14.28%;
	padding: 9px 0
}

.calendar .bottom .day div p {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 28px;
	color: #555;
	border-radius: 100%;
	border: 1px solid #fff;
	z-index: 1
}

.calendar .bottom .day div.disabled p {
	color: #ddd
}

.calendar .bottom .day div.yes p:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e81d75;
	border: 1px solid #e81d75;
	border-radius: 100%;
	z-index: -1;
	opacity: 0.1
}

.calendar .bottom .day div.point1:after {
	content: '+500원';
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	font-size: 10px;
	line-height: 12px;
	color: #777;
	text-align: center
}

.calendar .bottom .day div.point2:after {
	content: '+1,000원';
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	font-size: 10px;
	line-height: 12px;
	color: #777;
	text-align: center
}

.calendar .bottom .day div.point3:after {
	content: '+1,500원';
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	font-size: 10px;
	line-height: 12px;
	color: #777;
	text-align: center
}

.calendar .bottom .day div.today p {
	border: 1px solid #e81d75
}


/* 섭취기록 챌린지용 */
.intake_div .challenge_info {
	position: relative;
	width: 100%;
	color: #7b23a8;
	background: #f7f4ff;
	text-align: left;
}

.intake_div .challenge_info a {
	display: block;
	padding: 16px 20px;
	background: url("/resources/images/icn_right_bbb.svg") right 20px center no-repeat;
	background-size: 24px;
}

.intake_div .challenge_info a p {
	width: 284px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.intake_div .challenge_info a .tit {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 2px;
}

/* end 섭취기록 챌린지용 */



/* 고객센터 */
.custom_div {}

.custom_div .tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #f3f3f3
}

.custom_div .tabs a {
	display: table-cell;
	position: relative;
	width: 100%;
	padding: 12px 0 5px;
	font-size: 16px;
	line-height: 28px;
	color: #777;
	text-align: center;
	vertical-align: middle
}

.custom_div .tabs a.on {
	font-weight: 700;
	color: #000
}

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

.custom_div .login_plz {
	display: table;
	position: relative;
	padding: 0 24px;
	width: 100%;
	height: calc(100% - 190px);
	height: -webkit-calc(100% - 190px);
	background: #f9f9f9
}

.custom_div .login_plz .txt {
	display: table-cell;
	padding-bottom: 80px;
	font-size: 16px;
	line-height: 24px;
	color: #777;
	text-align: center;
	vertical-align: middle
}

.custom_div .login_plz .btn {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 56px;
	font-size: 16px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px
}

.custom_div .custom_cont {
	padding-top: 20px
}

.custom_div .custom_cont .faq_tab {
	padding: 0 24px;
}

.custom_div .custom_cont .faq_tab .swiper-wrapper {
	height: auto
}

.custom_div .custom_cont .faq_tab .swiper-slide {
	height: auto
}

.custom_div .custom_cont .faq_tab a {
	padding: 0 12px;
	min-width: 62px;
	width: auto;
	margin-right: 8px;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	color: #c291dc;
	text-align: center;
	background: #f4f0ff;
	border-radius: 4px
}

.custom_div .custom_cont .faq_tab a:last-child {
	margin-right: 0
}

.custom_div .custom_cont .faq_tab a.on {
	color: #fff;
	background: #5b1a7c
}

.custom_div .custom_cont .faq_list {
	margin-top: 20px;
	padding-bottom: 70px
}

.custom_div .custom_cont .faq_list .list {
	border-bottom: 1px solid #e9e9e9
}

.custom_div .custom_cont .faq_list .list .question {
	display: block;
	padding: 20px 30px 20px 0;
	background: url('/resources/images/common/m_icn_down_40x40.png') no-repeat right 21px;
	background-size: 20px
}

.custom_div .custom_cont .faq_list .list .question:after {
	content: '';
	display: block;
	clear: both
}

.custom_div .custom_cont .faq_list .list .question .type {
	float: left;
	width: 65px;
	padding-right: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #555
}

.custom_div .custom_cont .faq_list .list .question .tit {
	float: left;
	width: calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.custom_div .custom_cont .faq_list .list.on .question {
	background: url('/resources/images/common/m_icn_up_40x40.png') no-repeat right 21px;
	background-size: 20px
}

.custom_div .custom_cont .faq_list .list .answer {
	display: none;
	padding-top: 16px;
	padding-bottom: 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	border-top: 1px solid #eee;
}

.custom_div .custom_cont .faq_list .list .answer img {
	max-width: 100%
}

.custom_div .custom_cont .faq_list .list .answer .pc {
	display: none
}

.custom_div .custom_cont .faq_list .list .answer .mob {
	display: inline-block
}

.custom_div .custom_cont .faq_list .list .answer .mob img {
	max-width: 100%
}

.custom_div .custom_cont .faq_list .list .answer b {
	font-weight: 500
}

.custom_div .custom_cont .inqu_btn {
	display: block;
	margin: 0 auto 20px;
	width: calc(100% - 88px);
	width: -webkit-calc(100% - 88px);
	height: 48px;
	font-size: 14px;
	line-height: 46px;
	color: #000;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px
}

.custom_div .custom_cont .inqu_list {
	padding-bottom: 70px;
	border-top: 1px solid #eee
}

.custom_div .custom_cont .inqu_list .list {
	border-bottom: 1px solid #eee
}

.custom_div .custom_cont .inqu_list .list .top {
	display: block;
	padding: 20px 36px 20px 0;
	background: url('/resources/images/common/m_icn_down_40x40.png') no-repeat right 35px;
	background-size: 20px
}

.custom_div .custom_cont .inqu_list .list .top:after {
	content: '';
	display: block;
	clear: both
}

.custom_div .custom_cont .inqu_list .list .top .state {
	float: left;
	width: 52px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #000;
	border-radius: 4px
}

.custom_div .custom_cont .inqu_list .list .top .date {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.custom_div .custom_cont .inqu_list .list .top .tit {
	float: left;
	margin-top: 6px;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	word-break: break-all
}

.custom_div .custom_cont .inqu_list .list.on .top {
	background: url('/resources/images/common/m_icn_up_40x40.png') no-repeat right 35px;
	background-size: 20px
}

.custom_div .custom_cont .inqu_list .list .bottom {
	display: none;
	padding: 16px 0 20px;
	border-top: 1px solid #eee
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .txt_area {
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	word-break: break-all
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .img_area {
	margin-top: 12px
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .img_area:after {
	content: '';
	display: block;
	clear: both
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .img_area .img {
	float: left;
	margin-left: 12px;
	width: calc(33.33% - 8px);
	width: -webkit-calc(33.33% - 8px)
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .img_area .img:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .img_area .img:first-child {
	margin-left: 0
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .reply_area {
	display: none;
	margin-top: 16px;
	padding: 14px 14px 16px 14px;
	background: #f7f7f7
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .reply_area .tit {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .reply_area .txt {
	margin-top: 5px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all;
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .reply_area .txt b {
	font-weight: 500
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .btn_area {
	margin-top: 32px
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .btn_area:after {
	content: '';
	display: block;
	clear: both
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .btn_area a {
	float: left;
	margin-left: 4px;
	width: 46px;
	height: 28px;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .btn_area a:first-child {
	margin-left: 0
}

.custom_div .custom_cont .inqu_list .list.complete .top .state {
	background: #bbb
}

.custom_div .custom_cont .inqu_list .list.complete .bottom .inqu_detail .reply_area {
	display: block
}

.custom_div .custom_cont .inqu_list .list.complete .bottom .inqu_detail .btn_area .edit {
	display: none
}

.custom_div .inqu_write {
	padding: 28px 0 130px
}

.custom_div .inqu_write .chk_div {
	margin-top: 12px
}

.custom_div .inqu_write .chk_div .chk_box input[type="checkbox"]+label {
	padding-left: 26px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
}

.custom_div .inqu_write .chk_div .chk_box input[type="checkbox"]+label:after {
	background: url("/resources/images/cs/m_inqu_wrt_chk.png") no-repeat left center;
	background-size: 20px
}

.custom_div .inqu_write .chk_div .chk_box.on input[type="checkbox"]+label:after {
	background: url("/resources/images/cs/m_inqu_wrt_chk_on.png") no-repeat left center;
	background-size: 20px
}

.custom_div .inqu_write .noti_text {
	margin-top: 12px;
	padding-left: 14px;
	text-indent: -14px;
	font-size: 13px;
	line-height: 20px;
	color: #555
}

.kakao_inqu {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 52px;
	height: 52px;
	z-index: 10;
	background: url('/resources/images/cs/m_kakao_icon_72x72.png') no-repeat 9px 8px #ffeb00;
	background-size: 36px;
	border-radius: 100%;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3)
}

.kakao_inqu.on {
	bottom: 100px
}

.custom_div .inqu_write .welcome_txt {
	color: #000;
	margin-bottom: 20px
}

.custom_div .inqu_write .welcome_txt .main_txt {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500
}

.custom_div .inqu_write .welcome_txt .sub_txt {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	margin-top: 12px
}

.custom_div .inqu_write .chk_div {
	margin-top: 28px
}

.custom_div .inqu_write .dot_indent {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.custom_div .inqu_write .input_type_file {}

.custom_div .inqu_write .input_type_file .upload_name {
	width: calc(100% - 118px);
	width: -webkit-calc(100% - 118px);
	overflow: hidden;
	text-overflow: ellipsis
}

.custom_div .inqu_write .input_type_file input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}


/* 이벤트, 공지사항 */
.board_list .notice_tab {
	padding: 0 24px;
	margin: 20px auto
}

.board_list .notice_tab .swiper-wrapper {
	height: auto
}

.board_list .notice_tab .swiper-slide {
	height: auto
}

.board_list .notice_tab a {
	padding: 0 12px;
	min-width: 62px;
	width: auto;
	margin-right: 8px;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	color: #c291dc;
	text-align: center;
	background: #f4f0ff;
	border-radius: 4px
}

.board_list .notice_tab a:last-child {
	margin-right: 0
}

.board_list .notice_tab a.on {
	color: #fff;
	background: #5b1a7c
}

.board_list {
	padding-bottom: 70px
}

.board_list .list {
	display: block;
	position: relative;
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #e9e9e9
}

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

.board_list .list .txt_area {
	position: relative;
	float: left;
	width: 100%
}

.board_list .list .txt_area .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.board_list .list .txt_area .txt {
	display: -webkit-box;
	margin-top: 2px;
	height: 44px;
	font-size: 13px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.board_list .list .txt_area .date {
	font-size: 12px;
	line-height: 18px;
	color: #999
}

.board_list .list .img_area {
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 10px;
}

.board_list.event .list .txt_area {
	padding-right: 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.board_list.event .list .txt_area .tit {
	width: 100%;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}


.board_list.event .list.ing .txt_area .tit::before {
	content: '진행';
	font-size: 12px;
	color: #7b23a8;
	border-radius: 4px;
	background-color: #f4f0ff;
	padding: 1px 4px;
	margin-right: 10px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_list.event .list.end .txt_area .tit::before {
	content: '종료';
	font-size: 12px;
	color: #cccccc;
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 1px 4px;
	margin-right: 10px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_list .list .txt_area .txt {
	font-weight: 300;
}

.board_list.event .list .txt_area .date {
	margin-top: 13px
}

.board_list.event .no_data_div {
	margin-top: 50px;
}

.board_list.noti .list.fix:before {
	content: '';
	position: absolute;
	z-index: 0;
	background: #f9f9f9;
	top: 0;
	left: -30px;
	width: calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	height: 100%;
	background: #f9f9f9
}

.board_list.noti .list .txt_area {
	padding-right: 24px;
	background: url('/resources/images/mypage/m_icn_arrow_right.png') no-repeat right center;
	background-size: 12px 20px
}

.board_list.noti .list .txt_area:after {
	content: '';
	display: block;
	clear: both
}

.board_list.noti .list .txt_area .type {
	float: left;
	width: 60px;
	font-size: 14px;
	line-height: 22px;
	color: #555
}

.board_list.noti .list .txt_area .tit {
	display: -webkit-box;
	float: left;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	max-height: 44px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.board_list.noti .list .txt_area .tit strong {
	display: none;
	margin-top: 1px;
	margin-right: 3px;
	width: 30px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #000;
	vertical-align: top;
	border-radius: 4px
}

.board_list.noti .list .txt_area .tit span {
	display: inline
}

.board_list.noti .list .txt_area .date {
	float: left;
	margin-top: 2px;
	padding-left: 60px;
	width: 100%
}

.board_list.noti .list .txt_area .date b {
	display: none;
	margin-left: 4px;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #7b23a8;
	vertical-align: top
}

.board_list.noti .list.new .txt_area .date b {
	display: inline-block
}

.board_list.noti .list.fix .txt_area .tit strong {
	display: inline-block
}

.board_view {
	padding-bottom: 24px
}

.board_view .tit_area {
	position: relative;
	padding: 24px 40px 12px 0;
	border-bottom: 1px solid #e9e9e9
}

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

.board_view .tit_area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.board_view .tit_area .date {
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
	color: #999
}

.board_view .tit_area .share {
	position: absolute;
	top: 19px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/resources/images/m_icn_share_48x48.png') no-repeat center;
	background-size: 24px
}

.board_view.event .tit_area .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	word-break: break-all;
}

.board_view.event.ing .tit_area .tit::before {
	content: '진행';
	font-size: 12px;
	color: #7b23a8;
	border-radius: 4px;
	background-color: #f4f0ff;
	padding: 1px 4px;
	margin-right: 8px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_view.event.end .tit_area .tit::before {
	content: '종료';
	font-size: 12px;
	color: #cccccc;
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 1px 4px;
	margin-right: 8px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_view.noti .tit_area {
	padding-right: 0
}

.board_view.noti .tit_area .type {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	color: #555
}

.board_view.noti .tit_area .tit {
	float: left;
	margin-top: 6px;
	width: 100%
}

.board_view.noti .tit_area .tit strong {
	display: none;
	margin-top: 1px;
	margin-right: 3px;
	width: 30px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #000;
	vertical-align: top;
	border-radius: 4px
}

.board_view.noti .tit_area .tit span {
	display: inline
}

.board_view.noti .tit_area .date {
	float: left;
	width: 100%
}

.board_view.noti .tit_area .date b {
	display: none;
	margin-left: 4px;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #7b23a8
}

.board_view.noti.new .tit_area .date b {
	display: inline-block;
	vertical-align: top
}

.board_view.noti.fix .tit_area .tit strong {
	display: inline-block
}

.board_view.noti .con_area {
	padding: 20px 0 60px 0
}

.board_view .con_area {
	padding: 20px 0 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.board_view .con_area .img {
	margin-top: 36px
}

.board_view .con_area .img:first-child {
	margin-top: 0
}

.board_view .con_area .img img {
	margin-top: 0
}

.board_view .con_area img {
	margin-top: 0;
	width: 100%
}

.board_view .con_area img:first-child {
	margin-top: 0
}

.board_view .con_area .pc {
	display: none
}

.board_view .con_area .mobile {
	display: inline-block
}

.board_view .con_area .noti_table {}

.board_view .con_area .noti_table .table_tit {
	padding: 10px 16px;
	font-size: 13px;
	color: #797979;
	background: #f8f8f8
}

.board_view .con_area .noti_table .table_div {
	margin-top: 14px;
	border-top: 1px solid #000
}

.board_view .con_area .noti_table table {
	width: 100%;
	overflow-x: auto
}

.board_view .con_area .noti_table table th {
	padding: 6px 12px;
	background: #f3f3f3;
	font-size: 13px;
	color: #797979;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	vertical-align: middle
}

.board_view .con_area .noti_table table td {
	padding: 6px 12px;
	font-size: 13px;
	color: #797979;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	vertical-align: middle
}

.board_view .con_area .noti_table table th:last-child,
.board_view .con_area .noti_table table td:last-child {
	border-right: none
}

.board_view.event .con_area {
	font-weight: 400;
}

.board_view.event .con_area .cont {
	max-width: 600px;
	margin: 0 auto;
	font-size: 16px;
}

.board_view.event .con_area .cont .cont_area_div {
	margin-top: 15px;
}

.board_view.event .con_area .cont .cont_area_div:first-child {
	margin-top: 0;
}

.board_view.event .con_area .cont .cont_area_div.txt {
	padding: 0 20px;
}

.board_view.event .comm_btn_wh {
	max-width: 600px;
	margin: 24px auto 0 auto
}

.board_view.event .comment_wrap {
	padding-bottom: 60px;
}

.board_view.event .no_data_div {
	margin-top: 20px;
}

.comment_wrap .comment_count {
	padding: 16px 20px;
	border-top: 10px solid #f7f7f7;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.comment_wrap .comment_count span {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
}

.comment_wrap .comment_area:before {
	content: '';
	display: block;
	height: 1px;
	background: #e9e9e9
}

.comment_wrap .comment_area .list {
	border-bottom: 1px solid #e9e9e9
}

.comment_wrap .comment_area .list .content {
	padding: 20px 0;
}

.comment_wrap .comment_area .list .content.my {
	background: #f9f9f9
}

.comment_wrap .comment_area .list .info {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.comment_wrap .comment_area .list .info .name {
	position: relative;
	font-weight: 500;
	font-size: 13px;
	line-height: 24px;
	color: #000
}

.comment_wrap .comment_area .list .info .name.writer {
	padding-left: 50px
}

.comment_wrap .comment_area .list .info .name.writer:before {
	content: '작성자';
	position: absolute;
	top: 0px;
	left: 0;
	width: 40px;
	height: 24px;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #000
}

.comment_wrap .comment_area .list .info .date {
	margin-left: 8px;
	font-size: 12px;
	line-height: 24px;
	color: #ccc
}

.comment_wrap .comment_area .list .info .more {
	position: absolute;
	top: 0;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/common/m_review_list_more_icon.png') no-repeat;
	background-size: 24px
}

.comment_wrap .comment_area .list .info .tool_pop {
	display: none;
	position: absolute;
	top: 26px;
	right: 20px;
	width: 90px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	border-radius: 6px;
}

.comment_wrap .comment_area .list .info .tool_pop a {
	display: block;
	font-size: 14px;
	line-height: 39px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-radius: 6px;
}

.comment_wrap .comment_area .list .info .tool_pop a.type1 {
	display: none
}

.comment_wrap .comment_area .list .content.my .info .tool_pop a.type1 {
	display: block
}

.comment_wrap .comment_area .list .content.my .info .tool_pop a.type2 {
	display: none
}

/* 230214 수정추가 */
.comment_wrap .comment_area .list .content.my .info .tool_pop {
	display: flex;
	align-items: center;
	justify-content: right;
	top: -1.5px;
	right: 20px;
	border: none;
	background: none;
}

.comment_wrap .comment_area .list .content.my .info .tool_pop a {
	line-height: 16px;
	border-radius: 6px;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 5px 10px;
	margin-left: 4px;
}

.comment_wrap .comment_area .list .content.my .info>.more {
	display: none;
}

.comment_wrap .comment_area .list .con_box {
	margin-top: 8px;
	padding-bottom: 20px
}

.comment_wrap .comment_area .list .con_box .text {
	padding: 0 20px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.comment_wrap .comment_area .list .con_box .text b {
	font-weight: 500
}

.comment_wrap .comment_area .list .con_box .text_field {
	display: none;
	position: relative;
	padding: 0 20px
}

.comment_wrap .comment_area .list .con_box .text_field:after {
	content: '';
	display: block;
	clear: both
}

.comment_wrap .comment_area .list .con_box .text_field .byte {
	position: absolute;
	top: 44px;
	right: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #777
}

.comment_wrap .comment_area .list .con_box .text_field textarea {
	float: left;
	border: none;
	padding: 10px;
	width: calc(100% - 68px);
	width: -webkit-calc(100% - 68px);
	height: 108px;
	background: #f6f6f6
}

.comment_wrap .comment_area .list .con_box .text_field .btn {
	float: right;
	margin-top: 66px
}

.comment_wrap .comment_area .list .con_box .text_field .btn a {
	display: inline-block;
	margin-left: 8px;
	width: 60px;
	height: 42px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd
}

.comment_wrap .comment_area .list .con_box .text_field .close {
	position: absolute;
	top: -5px;
	right: 19px;
	width: 26px;
	height: 26px;
	background: url('/resources/images/common/m_xbt_32x32.png') no-repeat center;
	background-size: 16px
}

.comment_wrap .comment_area .list .con_box .bottom {
	padding: 0 20px;
	margin-top: 16px
}

.comment_wrap .comment_area .list .con_box .bottom:after {
	content: '';
	display: block;
	clear: both
}

.comment_wrap .comment_area .list .con_box .bottom .heart {
	float: left;
	padding-left: 22px;
	font-size: 13px;
	line-height: 20px;
	color: #777;
	background: url('/resources/images/common/m_icn_heart_blk_40x40.png') no-repeat left center;
	background-size: 20px
}

.comment_wrap .comment_area .list .con_box .bottom .heart.on {
	background: url('/resources/images/common/m_icn_heart_on_40x40.png') no-repeat left center;
	background-size: 20px
}

.comment_wrap .comment_area .list .con_box .bottom .reply_btn {
	float: left;
	margin-left: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.comment_wrap .comment_area .list .con_box .reply_form {
	display: none;
	position: relative;
	margin-top: 20px;
	padding: 12px 0;
	border-top: 1px solid #e9e9e9;
	background: #fff
}

.comment_wrap .comment_area .list .con_box .reply_form .byte {
	position: absolute;
	top: 44px;
	right: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #777
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom {
	position: relative;
	margin-top: 0
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom:after {
	content: '';
	display: block;
	clear: both
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom textarea {
	float: left;
	border: none;
	padding: 10px;
	width: calc(100% - 68px);
	width: -webkit-calc(100% - 68px);
	height: 108px;
	background: #f6f6f6
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom .btn {
	float: right;
	margin-top: 66px
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom .btn a {
	display: inline-block;
	margin-left: 8px;
	width: 60px;
	height: 42px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom .close {
	position: absolute;
	top: -5px;
	right: 19px;
	width: 26px;
	height: 26px;
	background: url('/resources/images/common/m_xbt_32x32.png') no-repeat center;
	background-size: 16px
}

.comment_wrap .comment_area .list .con_box.on {
	padding-bottom: 0
}

.comment_wrap .comment_area .list .reply_section {
	padding-left: 20px;
	border-top: 1px solid #e9e9e9
}

.comment_wrap .comment_area .list .reply_section .content {
	padding-top: 20px;
	border-top: 1px solid #e9e9e9
}

.comment_wrap .comment_area .list .reply_section .content:first-child {
	border-top: none
}

.comment_wrap .comment_area .list .reply_section .reply_form .bottom {
	padding: 0 20px 0 0
}

.comment_wrap .comment_area .list.not_view .con_box .text {
	padding-left: 20px;
	color: #999
}

.comment_wrap .comment_area .list.not_view .bottom {
	display: none
}

.comment_wrap .comment_area .list.not_view .more {
	display: none
}

.board_view.event .chk_div {
	margin-top: 16px;
}

.board_view.event .chk_box input[type="checkbox"]+label {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #000;
}

.board_view.event .comment_wrap>.input_form.comment_form {
	margin-top: 0;
	padding: 20px 20px 24px;
}

.board_view.event .flex_btn_div {
	margin-top: 16px;
}

.board_view.event .other_list {
	display: block;
}

.board_view.event .other_list .thumb {
	display: inline-block;
	width: 56px;
	height: 56px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 12px;
}

.board_view.event .other_list .thumb img {
	width: 56px;
	height: 56px;
}

.board_view.event .other_list .right {
	display: inline-block;
	width: calc(100% - 82px);
	width: -webkit-calc(100% - 82px);
	padding: 6px 0;
}

.board_view.event .other_list a .right .tit {
	width: 100%;
}

.board_view.noti .other_list {
	display: block
}

.board_view .other_list {
	display: none;
	border-top: 10px solid #f9f9f9;
	padding-top: 8px
}

.board_view .other_list a {
	display: block;
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	padding: 16px 30px 15px 0;
	background: url('/resources/images/common/m_ico_right_arrow_40x40.png') no-repeat right center;
	background-size: 20px;
	border-bottom: 1px solid #f0f0f0;
}

.board_view .other_list a:after {
	content: '';
	display: block;
	clear: both
}

.board_view .other_list a:last-child {
	border-bottom: none
}

.board_view .other_list a .type {
	float: left;
	margin-bottom: 2px;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #999
}

.board_view .other_list a .type2 {
	float: left;
	width: 60px;
	font-size: 14px;
	line-height: 22px;
	color: #555
}

.board_view .other_list a .tit {
	float: left;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.board_view .other_list a .date {
	float: left;
	padding-left: 60px;
	margin-top: 2px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #999
}

.board_view .other_list+.inner .comm_btn_wh {
	margin-top: 32px
}

/* 230104 소식 noti nodata 추가 */
.board_list.noti .no_data_div {
	background: #f9f9f9;
	padding: 120px 0;
}

.board_list.noti .txt_area .txt {
	color: #000;
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/resources/images/common/loading.gif') no-repeat center rgba(255, 255, 255, 0.7);
	background-size: 120px;
	z-index: 20
}

/* 더보기 데이터 로딩용 */
.loading-box {
	display: none;
	padding: 20px;
	width: 100%;
	text-align: center;
}

.loading-box .circles {
	padding-top: 10px;
}

.loading-box .circles i {
	animation: scaleBounce .3s alternate infinite;
	display: inline-block;
	margin: 0 4px;
	width: 10px;
	height: 10px;
	background: #00a5e5;
	border-radius: 50em;
}

.loading-box .circles i:nth-child(2) {
	animation-delay: .1s;
}

.loading-box .circles i:nth-child(3) {
	animation-delay: .2s;
}

.loading-box p {
	margin-top: 20px;
	font-size: 18px;
}

@keyframes scaleBounce {
	from {
		transform: scale(.7)
	}

	to {
		transform: scale(1.3)
	}
}

/* 앱정보 */
.app_info {
	padding-top: 20px
}

.app_info .version {
	padding: 20px 30px;
	background: #f7f7f7;
	border-radius: 10px
}

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

.app_info .version .left {
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.app_info .version .right {
	float: right
}

.app_info .version .right span {
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.app_info .version .right span b {
	display: inline-block;
	margin-left: 8px;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	vertical-align: top
}

.app_info .list_div {
	margin-top: 20px
}

.app_info .list_div .list {
	display: block;
	padding: 18px 35px 18px 8px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center;
	background-size: 20px
}

.biz_info {
	padding-top: 32px
}

.biz_info .title {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.biz_info .cont {
	margin-top: 12px
}

.biz_info .cont p {
	margin-top: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.biz_info .cont p:first-child {
	margin-top: 0
}

.update_info {
	position: relative;
	padding: 40px 20px 0;
	height: calc(100% - 60px);
	height: -webkit-calc(100% - 60px);
	text-align: center
}

.update_info .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.update_info .txt {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.update_info .btn_div {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.update_info .btn_div a {
	display: block;
	margin-top: 8px;
	height: 56px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	border-radius: 6px
}

.update_info .btn_div a:first-child {
	margin-top: 0
}

.update_info .btn_div a.no {
	line-height: 54px;
	color: #7b23a8;
	border: 1px solid #7b23a8;
	background: #fff
}

.update_info .btn_div a.ok {
	line-height: 56px;
	color: #fff;
	background: #5b1a7c
}


/* 팝업 */
.layer_pop {
	display: none;
	position: fixed;
	z-index: 11
}

.layer_pop.full_pop {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff
}

.layer_pop.full_pop .pop_tit {
	height: 60px;
	font-weight: 500;
	font-size: 16px;
	line-height: 60px;
	color: #000;
	text-align: center;
}

.layer_pop.full_pop .pop_thumb {}

.layer_pop.full_pop .pop_con {
	padding: 24px 20px;
	height: calc(100% - 60px);
	height: -webkit-calc(100% - 60px);
	overflow-y: auto
}

.layer_pop.full_pop .pop_con.btn_has {
	padding-bottom: 108px
}

.layer_pop.full_pop .fixed_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 0 16px;
	width: 100%;
	height: calc(constant(safe-area-inset-bottom) + 60px);
	height: calc(env(safe-area-inset-bottom) + 60px);
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #2a204e
}

.layer_pop.full_pop .fixed_btn_div {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 20px;
	width: 100%;
	height: calc(constant(safe-area-inset-bottom) + 96px);
	height: calc(env(safe-area-inset-bottom) + 96px)
}

.layer_pop.full_pop .fixed_btn_div a {
	display: block;
	padding: 17px 10px;
	width: 100%;
	margin-left: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px
}

.layer_pop.full_pop .fixed_btn_div a:first-child {
	margin-left: 0
}

.layer_pop.full_pop .fixed_btn_div a.small {
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8;
	width: calc(35% - 4px);
	width: -webkit-calc(35% - 4px)
}

.layer_pop.full_pop .fixed_btn_div a.big {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
	width: calc(65% - 4px);
	width: -webkit-calc(65% - 4px)
}

.layer_pop.full_pop .fixed_btn_div a:first-child {
	margin-left: 0
}

.layer_pop.full_pop .close_btn {
	position: absolute;
	top: 11px;
	right: 10px;
	width: 38px;
	height: 38px;
	background: url('/resources/images/m_bottom_pop_close.png') no-repeat center;
	background-size: 28px
}

.layer_pop.mid_pop {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 300px;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	background: #fff;
	border-radius: 16px
}

.layer_pop.mid_pop .pop_tit {
	padding: 16px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.layer_pop.mid_pop .pop_con {
	padding: 4px 30px 40px 30px;
}

.layer_pop.mid_pop .pop_con .bmi_tit {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.layer_pop.mid_pop .pop_con .bmi_tit span {
	font-weight: 700;
	color: #7b23a8
}

.layer_pop.mid_pop .pop_con .bmi_txt {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	word-break: break-all;
}

.layer_pop.mid_pop .pop_con .img {
	position: relative
}

.layer_pop.mid_pop .pop_con .img img {
	position: relative;
	width: 100%;
	max-width: 300px
}

.layer_pop.mid_pop .pop_con .img img.behind {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) rotate(0deg);
	margin: 0 auto;
	animation: sctPopMotion 24s infinite;
	animation-timing-function: linear;
	transform-origin: 50% 50%
}

.layer_pop.mid_pop .pop_con .title {
	margin-top: 8px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #7b23a8
}

.layer_pop.mid_pop .pop_con .txt {
	margin-top: 4px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.layer_pop.mid_pop .pop_con .count {
	margin-top: 16px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.layer_pop.mid_pop .pop_con .count span {
	margin-left: 8px;
	font-weight: 700
}

.layer_pop.mid_pop .pop_con .link_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.layer_pop.mid_pop .pop_con .link_btn a {
	margin-left: 16px;
	width: 48px;
	height: 48px
}

.layer_pop.mid_pop .pop_con .link_btn a:nth-of-type(1) {
	margin-left: 0;
}

.layer_pop.mid_pop .pop_con .link_btn a.kakao {
	background: url('/resources/images/m_linkBtn_kakao.png') no-repeat;
	background-size: 48px
}

.layer_pop.mid_pop .pop_con .link_btn a.facebook {
	background: url('/resources/images/m_linkBtn_facebook.png') no-repeat;
	background-size: 48px
}

.layer_pop.mid_pop .pop_con .link_btn a.blog {
	background: url('/resources/images/m_linkBtn_blog.png') no-repeat;
	background-size: 48px
}

.layer_pop.mid_pop .pop_con .link_btn a.twitter {
	background: url('/resources/images/m_linkBtn_twitter.png') no-repeat;
	background-size: 48px
}

.layer_pop.mid_pop .pop_con .link_btn a.cafe {
	background: url('/resources/images/m_linkBtn_cafe.png') no-repeat;
	background-size: 48px
}

.layer_pop.mid_pop .pop_con .link_btn a.link {
	background: url('/resources/images/m_linkBtn_link.png') no-repeat;
	background-size: 48px
}

.layer_pop.mid_pop .pop_btn {
	display: flex;
	text-align: center;
	border-top: 1px solid #ddd;
	background: #fff
}

.layer_pop.mid_pop .pop_btn a {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 55px;
	text-align: center
}

.layer_pop.mid_pop .pop_btn .no_btn {
	color: #555
}

.layer_pop.mid_pop .pop_btn .ok_btn {
	color: #7b23a8
}

.layer_pop.mid_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 12px;
	width: 28px;
	height: 28px;
	background: url('/resources/images/m_bottom_pop_close.png') no-repeat center;
	background-size: 28px
}

.layer_pop.center_pop {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	background: #fff;
	border-radius: 16px
}

@keyframes sctPopMotion {
	100% {
		transform: translateX(-50%) rotate(360deg)
	}
}

.alert_pop {
	position: fixed;
	z-index: 13;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	max-width: 300px;
	text-align: center;
	border-radius: 16px;
	background: #fff
}

.alert_pop .pop_con {
	padding: 40px 16px;
	text-align: center
}

.alert_pop .pop_con .txt {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.alert_pop .pop_con .txt:first-child {
	margin-top: 0
}

.alert_pop .pop_con .msg {
	margin-top: 16px;
	font-size: 13px;
	line-height: 18px;
	color: #333
}

.alert_pop .pop_btn {
	margin: 0 auto 16px;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	display: flex;
	text-align: center;
}

.alert_pop .pop_btn a {
	display: block;
	margin-left: 8px;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 48px;
	text-align: center;
	border-radius: 6px
}

.alert_pop .pop_btn a:first-child {
	margin-left: 0
}

.alert_pop .pop_btn a.no_btn {
	color: #333;
	background: #eee
}

.alert_pop .pop_btn a.ok_btn {
	color: #fff;
	background: #5b1a7c
}

.alert_pop.danger .pop_con {
	padding-top: 120px;
	background: url('/resources/images/m_alert_pop_danger.png') no-repeat center 40px;
	background-size: 64px
}

.toast_pop {
	position: fixed;
	z-index: 11;
	bottom: -200px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	padding: 14px 20px;
	font-size: 14px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	border-radius: 10px
}

.toast_pop .pop_con {
	padding: 0
}

.bottom_pop {
	border-radius: 16px 16px 0 0
}

.bottom_pop {
	position: fixed;
	z-index: 11;
	display: none;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: #fff;
}

.bottom_pop .pop_con {
	position: relative;
	padding: 56px 0 calc(constant(safe-area-inset-bottom) + 20px) 0;
	padding: 56px 0 calc(env(safe-area-inset-bottom) + 20px) 0;
	text-align: left;
}

.bottom_pop .pop_con .pop_tit {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	letter-spacing: -1px
}

.bottom_pop .pop_con .select_btn {}

.bottom_pop .pop_con .select_btn a {
	display: block
}

.bottom_pop .pop_con .input_form {}

.bottom_pop .pop_con .input_form .tit {
	margin-top: 0
}

.bottom_pop .pop_con .input_form .input_area input {
	margin-right: 0
}

.bottom_pop .pop_con .input_form .input_area .txt {
	min-width: 26px;
	text-align: right;
	font-size: 16px;
	line-height: 48px;
	color: #000
}

.bottom_pop .pop_con .input_form .input_area.type2 .delete {
	right: 37px
}

.bottom_pop .pop_con .input_form+.comm_btn {
	margin-top: 24px
}

.bottom_pop .input_tit {
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.bottom_pop .gender_radio .radio_div {
	margin-top: 16px
}

.bottom_pop .gender_radio .radio_div:first-child {
	margin-top: 0
}

.bottom_pop .gender_radio .radio_div label {
	font-weight: 400
}

.bottom_pop .gender_radio+.comm_btn {
	margin-top: 24px
}

.bottom_pop .radio_area {
	border-top: 1px solid #eee
}

.bottom_pop .radio_area .radio_div {
	border-bottom: 1px solid #eee
}

.bottom_pop .radio_area .radio_div .radio_box {
	display: block
}

.bottom_pop .radio_area .radio_div .radio_box label {
	display: table;
	padding: 20px 0 20px 32px;
	width: 100%
}

.bottom_pop .radio_area .radio_div .radio_box label .img {
	display: table-cell;
	width: 80px;
	height: 80px;
	vertical-align: middle;
	background-color: #f7f7f7;
	border-radius: 8px;
}

.bottom_pop .radio_area .radio_div .radio_box label .img img {
	width: 100%
}

.bottom_pop .radio_area .radio_div .radio_box label .info {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	vertical-align: middle
}

.bottom_pop .radio_area .radio_div .radio_box label .info .top {}

.bottom_pop .radio_area .radio_div .radio_box label .info .top:after {
	content: '';
	display: block;
	clear: both
}

.bottom_pop .radio_area .radio_div .radio_box label .info .top .date {
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #999
}

.bottom_pop .radio_area .radio_div .radio_box label .info .top .noti {
	float: left;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	color: #7b23a8;
	margin-left: 5px;
}

.bottom_pop .radio_area .radio_div .radio_box label .info .name {
	display: -webkit-box;
	margin-top: 6px;
	font-weight: 400;
	max-height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.bottom_pop .radio_area .radio_div .radio_box label .info .name span:after {
	content: ',';
	margin-right: 2px
}

.bottom_pop .radio_area .radio_div .radio_box label .info .name span:last-child:after {
	display: none
}

.bottom_pop .radio_area .radio_div .radio_box label .info .name span b {
	font-weight: 400;
}

.bottom_pop .radio_area .radio_div .radio_box label .info .type {
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #333
}

.bottom_pop .radio_area .radio_div .radio_box label .info .type b {
	display: inline-block;
	margin-left: 2px;
	font-weight: 700;
	color: #7b23a8
}

.bottom_pop .radio_area .radio_div .radio_box label .info .bottom {
	margin-top: 6px
}

.bottom_pop .radio_area .radio_div .radio_box label .info .bottom:after {
	content: '';
	display: block;
	clear: both
}

.bottom_pop .radio_area .radio_div .radio_box label .info .bottom .date {
	position: relative;
	float: left;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.bottom_pop .radio_area .radio_div .radio_box label .info .bottom .num {
	position: relative;
	float: left;
	margin-left: 17px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.bottom_pop .radio_area .radio_div .radio_box label .info .bottom .num:before {
	content: '';
	position: absolute;
	top: 2px;
	left: -9px;
	width: 1px;
	height: 14px;
	background: #ddd
}

.bottom_pop .check_area {}

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

.bottom_pop .swiper-container {
	margin: 0 auto;
	width: 100%
}

.bottom_pop .swiper-container.select {
	height: 188px
}

.bottom_pop .swiper-container.select:before {
	content: '';
	position: absolute;
	top: 60px;
	left: -10px;
	width: calc(100% + 20px);
	width: -webkit-calc(100% + 20px);
	height: 68px;
	border: 1px solid #ddd
}

.bottom_pop .swiper-container.select .swiper-wrapper {
	height: auto
}

.bottom_pop .swiper-container.select .swiper-slide {
	height: 68px;
	font-weight: 500;
	font-size: 22px;
	line-height: 68px;
	color: #ddd;
	text-align: center
}

.bottom_pop .swiper-container.select .swiper-slide-active {
	color: #7b23a8
}

.bottom_pop .comm_btn {
	margin-top: 32px;
}

.bottom_pop .dot_text {
	margin-top: 16px
}

.bottom_pop .dot_text p {
	padding-left: 8px;
	text-indent: -8px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.bottom_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 28px;
	height: 28px;
	background: url('/resources/images/m_bottom_pop_close.png') center no-repeat;
	background-size: 28px;
}

.bottom_pop.recomm_pop .pop_desc {
	font-size: 13px;
	line-height: 18px;
	color: #7b23a8;
}

.bottom_pop.recomm_pop .pop_desc~.input_form {
	margin-top: 6px;
}

.bottom_pop.pd_selector {
	padding-bottom: 100px
}

.bottom_pop.pd_selector .comm_btn {
	position: absolute;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	margin: 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	z-index: 1
}

.bottom_pop.selector_pop {
	max-height: calc(100% - 100px);
	max-height: -webkit-calc(100% - 100px);
}

.bottom_pop.selector_pop:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	background: #fff;
	border-radius: 16px 16px 0 0;
	z-index: 1
}

.bottom_pop.selector_pop .pop_con {
	padding: 56px 0 calc(constant(safe-area-inset-bottom) + 100px) 0;
	padding: 56px 0 calc(env(safe-area-inset-bottom) + 100px) 0;
	max-height: 100%;
	overflow-y: auto
}

.bottom_pop.selector_pop .pop_con .scroll {
	height: 100%;
	overflow-y: scroll;
}

.bottom_pop.selector_pop .comm_btn {
	position: absolute;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	margin: 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	z-index: 1
}

.bottom_pop.selector_pop .close_btn {
	z-index: 2
}

.bottom_pop.selector_pop .comm_btn .count {
	display: inline-block;
	margin-right: 4px
}

.bottom_pop.selector_pop .comm_btn.disabled_btn .count {
	display: none;
}

.layer_pop.nutrient_pop {}

.layer_pop.nutrient_pop .pop_con .thumb {
	position: relative
}

.layer_pop.nutrient_pop .pop_con .thumb img {
	width: 100%
}

.layer_pop.nutrient_pop .pop_con .thumb span {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 10px;
	min-width: 80px;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.6)
}

.layer_pop.nutrient_pop .pop_con .thumb+.thumb {
	margin-top: 12px
}

.layer_pop.nutrient_pop .pop_con {
	padding: 0
}

.layer_pop.nutrient_pop .pop_con:after {
	content: '';
	display: block;
	height: 80px;
}

.layer_pop.nutrient_pop .pop_con .name {
	margin-top: 36px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .name span {
	display: inline;
	position: relative;
	background: url('/resources/images/m_nutrient_name_bg.png') repeat-x bottom left;
	background-size: 1px 16px
}

.layer_pop.nutrient_pop .pop_con .detail {
	margin-top: 32px
}

.layer_pop.nutrient_pop .pop_con .detail .title {
	margin-top: 32px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .detail .tit {
	margin-top: 14px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .detail .txt {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.layer_pop.nutrient_pop .pop_con .detail .title+.tit {
	margin-top: 16px
}

.layer_pop.nutrient_pop .pop_con .detail .title+.txt {
	margin-top: 6px
}

.layer_pop.nutrient_pop .pop_con .detail .txt+.txt {
	margin-top: 14px
}

.layer_pop.nutrient_pop.old .pop_con:after {
	display: none
}

.layer_pop.nutrient_pop.old .pop_con .name {
	margin-top: 30px;
	padding-bottom: 6px;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	color: #000;
	border-bottom: 2px solid #000
}

.layer_pop.nutrient_pop .pop_con .tag {
	margin-top: 10px;
}

.layer_pop.nutrient_pop .pop_con .tag:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop.nutrient_pop .pop_con .tag span {
	float: left;
	margin: 6px 6px 0 0;
	padding: 0 7px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	color: #777;
	background: #f3f3f3
}

.layer_pop.nutrient_pop .pop_con .tag span:before {
	content: '#';
	padding-right: 1px
}

.layer_pop.nutrient_pop .pop_con .tag span:last-child {
	margin-right: 0
}

.layer_pop.nutrient_pop .pop_con .detail {
	margin-top: 40px
}

.layer_pop.nutrient_pop .pop_con .detail .title {
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .detail .tit {
	margin-top: 24px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .detail .tit:first-child {
	margin-top: 0
}

.layer_pop.nutrient_pop .pop_con .detail .title+.txt {
	margin-top: 12px
}

.layer_pop.nutrient_pop .pop_con .detail .txt {
	margin-top: 6px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .detail .txt:first-child {
	margin-top: 0
}

.layer_pop.nutrient_pop .pop_con .notice_area {
	position: relative;
	margin-top: 60px;
	padding: 18px 24px;
	background: #f9f9f9
}

.layer_pop.nutrient_pop .pop_con .notice_area p {
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/m_nutripop_notice.png') no-repeat left 2px;
	background-size: 16px
}


.layer_pop.addr_pop .pop_con {
	padding: 0;
	height: calc(100% - 106px);
	height: -webkit-calc(100% - 106px)
}

.layer_pop.addr_pop .pop_con.btn_has {
	padding-bottom: 108px
}

.layer_pop.addr_pop .tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #f3f3f3;
	background: #fff
}

.layer_pop.addr_pop .tabs a {
	display: table-cell;
	position: relative;
	width: 100%;
	padding: 13px 20px;
	font-size: 16px;
	line-height: 20px;
	color: #777;
	text-align: center;
	vertical-align: middle
}

.layer_pop.addr_pop .tabs a.on {
	font-weight: 700;
	color: #000
}

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

.layer_pop.addr_pop .tabs a span {
	margin-left: 2px;
	font-weight: 500;
	font-size: 16px;
	color: #e81d75
}

.layer_pop.addr_pop .addr_div .list_tab .addr_list {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 100px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 100px);
}

.layer_pop.addr_pop .addr_div .list_tab .addr_list .inner {
	width: 100%;
}

.layer_pop.addr_pop .addr_div .add_tab {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 100px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 100px);
}

.layer_pop.sample_pop .pop_tit {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
	padding: 18px 0;
	text-align: center;
}

.layer_pop.sample_pop .pop_con {
	padding: 4px 30px 30px 30px;
}

.layer_pop.sample_pop .pop_con .smaple_area {
	position: relative;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

.layer_pop.sample_pop .pop_con .smaple_area img {
	width: 300px;
}

.layer_pop.sample_pop .smaple_area .sample_txt {
	position: absolute;
	top: 20px;
	left: 14px;
	text-align: left;
}

.layer_pop.sample_pop .smaple_area .sample_txt span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
}

.layer_pop.mid_pop.share_pop {
	width: 300px
}

.addr_edit_pop {
	padding-bottom: 100px
}

.addr_edit_pop .chk_div {
	margin-top: 24px
}

.addr_edit_pop .chk_div .chk_box input[type="checkbox"]+label {
	font-size: 16px
}

.alarm_pop .swiper-container {
	float: left;
	margin-left: 12px;
	width: calc(33.33% - 8px);
	width: -webkit-calc(33.33% - 8px)
}

.alarm_pop .swiper-container:first-child {
	margin-left: 0
}

.alarm_pop .swiper-container .swiper-wrapper {
	height: auto
}

.alarm_pop .swiper-container .swiper-slide {
	height: auto
}

.layer_pop.main_pop.on {
	height: 100%;
	top: 0;
	transform: translate(-50%, 0)
}

.layer_pop.main_pop.on .pop_con {
	height: 100%;
	overflow-y: auto
}

/* 메인 중앙에 뜨는 팝업 */
.layer_pop.main_pop.center_pop {
	width: 304px;
	border-radius: 16px;
	background: transparent
}

.layer_pop.main_pop.center_pop .pop_con {
	border-radius: 16px 16px 0 0;
}

.layer_pop.main_pop.center_pop .pop_con .swiper-wrapper {
	border-radius: 16px;
	background: #fff
}

.layer_pop.main_pop.center_pop.dv_main_pop .pop_con .swiper-wrapper {
	background: none;
}

.layer_pop.main_pop.center_pop img {
	width: 100%;
}

.layer_pop.main_pop.center_pop .btn {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #2a204e;
	padding: 20px 0;
	background: #fff;
	border-radius: 0 0 16px 16px
}

.layer_pop.main_pop.center_pop .close.today {
	position: absolute;
	bottom: -42px;
	left: 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff
}

.layer_pop.main_pop.center_pop .close_btn {
	position: absolute;
	bottom: -42px;
	right: 0;
	width: 30px;
	height: 30px;
	background: url('/resources/images/m_icn_xbt_wht.svg') no-repeat;
	background-size: 30px
}

.layer_pop.main_pop.center_pop .swiper-pagination {
	bottom: 68px;
}

.layer_pop.main_pop.center_pop .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.4
}

.layer_pop.main_pop.center_pop .swiper-pagination-bullet-active {
	opacity: 1
}

/* end 메인 중앙에 뜨는 팝업 */

/* 섭취기록 챌린지 성공 팝업 */
.layer_pop.intake_chall_pop {
	padding-top: 50px;
	margin-top: 40px;
	border-radius: 16px;
	padding-bottom: 16px;
}

.layer_pop.intake_chall_pop:before {
	content: '';
	position: absolute;
	top: -78px;
	left: 50%;
	margin-left: -62px;
	width: 125px;
	height: 125px;
}

.layer_pop.intake_chall_pop .pop_con {
	overflow-y: visible;
	padding: 0 16px;
	text-align: center;
}

.layer_pop.intake_chall_pop .pop_con .tit {
	font-size: 20px;
	line-height: 26px;
}

.layer_pop.intake_chall_pop .pop_con .tit span {
	display: inline-block;
	position: relative;
	padding: 0 5px;
}

.layer_pop.intake_chall_pop .pop_con .tit span b {
	position: relative;
	font-weight: 700;
	z-index: 1
}

.layer_pop.intake_chall_pop .pop_con .tit span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	z-index: 0
}

.layer_pop.intake_chall_pop .pop_con .img {
	margin-top: 12px
}

.layer_pop.intake_chall_pop .pop_con .img img {
	width: 100%
}

.layer_pop.intake_chall_pop .pop_con .txt {
	margin-top: 16px;
	font-size: 16px;
	line-height: 22px;
}

.layer_pop.intake_chall_pop .pop_con .btn {
	display: block;
	margin-top: 32px;
	padding: 14px 15px;
	border-radius: 6px;
	text-align: center
}

.layer_pop.intake_chall_pop .pop_con .btn span {
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
}

.layer_pop.intake_chall_pop .today {
	position: absolute;
	bottom: -42px;
	left: 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff
}

.layer_pop.intake_chall_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 12px;
	width: 28px;
	height: 28px;
	background: url('/resources/images/m_icn_xbt_56x56.png') no-repeat;
	background-size: 28px
}

/* end 섭취기록 챌린지 성공 팝업 */

/* 섭취기록 챌린지1 성공 팝업 */
.layer_pop.challenge1_pop {
	background: #ffe6de
}

.layer_pop.challenge1_pop:before {
	background: url('/resources/images/m_challenge_pop_icon.png') no-repeat;
	background-size: 125px 125px
}

.layer_pop.challenge1_pop .pop_con .tit {
	color: #3f0300;
}

.layer_pop.challenge1_pop .pop_con .tit span b {
	color: #3f0300;
}

.layer_pop.challenge1_pop .pop_con .tit span:after {
	background: #ffccc8;
}

.layer_pop.challenge1_pop .pop_con .txt {
	color: #3f0300
}

.layer_pop.challenge1_pop .pop_con .btn {
	background: #fff;
}

.layer_pop.challenge1_pop .pop_con .btn span {
	color: #000;
	background: url('/resources/images/m_icn_right_40x40.png') no-repeat right center;
	background-size: 20px
}

/* end 섭취기록 챌린지1 성공 팝업 */

/* 섭취기록 챌린지2 성공 팝업 */
.layer_pop.challenge2_pop {
	background: #b8efee
}

.layer_pop.challenge2_pop:before {
	background: url('/resources/images/evt_chall/2206/m_challenge_pop_icon.png') no-repeat;
	background-size: 125px 125px
}

.layer_pop.challenge2_pop .pop_con .tit {
	color: #222;
}

.layer_pop.challenge2_pop .pop_con .tit span b {
	color: #222;
}

.layer_pop.challenge2_pop .pop_con .tit span:after {
	background: rgba(26, 51, 245, 0.2);
}

.layer_pop.challenge2_pop .pop_con .txt {
	color: #222
}

.layer_pop.challenge2_pop .pop_con .btn {
	background: #001b73;
}

.layer_pop.challenge2_pop .pop_con .btn span {
	color: #fff;
	background: url('/resources/images/icn_right_wht_20x20.png') no-repeat right center;
	background-size: 20px
}

/* end 섭취기록 챌린지2 성공 팝업 */

.layer_pop.full_pop .term_div {
	padding-bottom: 0
}


/* 공통 */
.disabled_btn {
	pointer-events: none
}

.disabled_btn {
	color: #ccc;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	pointer-events: none
}

.btn_group {
	position: absolute;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	left: 20px;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	text-align: center;
	font-weight: 500;
}

.btn_group.relative {
	position: relative;
}

.btn_group.fixed {
	position: fixed;
	z-index: 3;
}

.btn_group a {
	margin-top: 8px
}

.btn_group a:first-child {
	margin-top: 0
}

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

.btn_group.col a {
	width: 100%;
	margin-top: 0;
	margin-left: 8px;
}

.btn_group.col a:first-child {
	margin-left: 0;
}

.submit_btn {
	display: block;
	color: #fff;
	padding: 15px 0;
	background: #5b1a7c;
	border: 1px solid #7b23a8;
	border-radius: 6px
}

.submit_btn_wh {
	display: block;
	color: #fff;
	padding: 15px 0;
	background: #fff;
	border: 1px solid #7b23a8;
	color: #7b23a8;
	border-radius: 6px
}

.submit_btn.disabled_btn {
	border: 1px solid #ddd;
	background: #fff;
	color: #ccc
}

.radio_box input[type="radio"] {
	width: 24px;
	height: 24px;
}

.square_btn {
	padding: 14px 12px;
	white-space: nowrap;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.5px;
	color: #ccc;
	border: 1px solid #ccc;
}

.comm_btn {
	display: block;
	margin: 48px auto 0;
	height: 56px;
	font-size: 16px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
	border-radius: 6px
}

.comm_btn.disabled_btn {
	color: #ccc;
	background: #fff;
	border: 1px solid #ddd
}

.comm_btn_wh {
	display: block;
	margin: 48px auto 0;
	height: 48px;
	font-size: 14px;
	line-height: 16px;
	padding: 15px 0;
	color: #000;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px
}

.comm_btn_sm {
	height: 44px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
	padding: 10px 0;
	margin-top: 0;
	border-radius: 6px
}

.arrow_btn {
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	margin-top: 18px;
	color: #000;
}

.arrow_btn img {
	width: 20px;
	height: 20px;
}

.arrow_btn span {
	font-weight: 500;
	margin-left: 8px;
}

#text_counter {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #777;
}

.info_txt {
	font-weight: 300;
}

.no_data_div .txt_area .main_txt {
	color: #000;
	font-weight: 500;
	margin-bottom: 8px;
}

.layer_pop input[type="number"] {
	width: 100%;
}

.bottom_pop small {
	display: block;
	margin-top: 4px;
	color: #7b23a8;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
}

.d_none {
	display: none;
}

.d_block {
	display: block;
}



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

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

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

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

.textarea_div {
	position: relative;
	width: 100%;
	height: 144px;
	background: #f7f7f7;
	border-radius: 10px;
	padding: 10px;
}

.textarea_div textarea {
	width: 100%;
	height: 96px;
	background: #f7f7f7;
	border: none;
	padding: 0;
	word-break: break-all;
}

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

.textarea_div span b {
	color: #ccc
}

.textarea_div span b.cnt {
	color: #000
}


/* input 에 들어가는 check, success, timer */
.input_form.chk_input,
.input_form .input_area.chk_input,
.tit.chk_input {
	display: none;
	position: relative;
}

.input_form .input_area input.chk {
	background: url("/resources/images/common/m_icn_success.png") right 12px top 50% no-repeat #f7f7f7;
	background-size: 24px;
}

.input_form .input_area input.chk_fail {
	border: 1px solid #e62423
}

.chk_fail_txt {
	font-size: 13px;
	letter-spacing: 18px;
	letter-spacing: -0.5px;
	color: #e62423;
	margin-top: 6px;
}

.chk_pass_txt {
	font-size: 13px;
	letter-spacing: 18px;
	letter-spacing: -0.5px;
	color: #06D200;
	margin-top: 6px;
}

.chk_fail_txt.type2 {
	color: #999
}

.chk_fail_txt.type3 {
	color: blue
}

.chk_input .chk_time,
.chk_time {
	position: absolute;
	bottom: 14px;
	right: 12px;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #777;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	background: none
}



/* selectbox */
/*
select option[selected] {
	color: #ddd;
}
*/

.select_box select {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
}


/* 토글 btn */
.toggle_btn {
	float: right;
	width: 48px;
	height: 24px;
	background: #ccc;
	transition: background 0.4s ease;
	border-radius: 4px
}

.toggle_btn.on {
	width: 48px;
	height: 24px;
	background: #5b1a7c;
}

.toggle_btn:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	line-height: 24px;
	background: #fff;
	margin: 3px 0 3px 4px;
	transition: margin 0.4s ease;
	border-radius: 4px
}

.toggle_btn.on:after {
	margin: 3px 4px 3px 26px;
}

/* 회원가입 */
.join_form .input_form.on {
	display: block;
}

.join_form .input_form:not(on) {
	display: none;
}

.join_div {
	padding-top: 48px;
	padding-bottom: 104px;
	/* min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px); */
}

.join_div.comp {
	padding-top: 60px;
	min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px);
}

.join_div .join_intro_desc {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #000;
	text-align: center;
}

.join_div .top_join {
	margin-top: 28px;
}

.join_div .top_join a {
	display: block;
	margin-top: 8px;
	width: 100%;
	height: 52px;
	font-size: 16px;
	line-height: 52px;
	text-align: center;
	border-radius: 6px
}

.join_div .top_join a.apple>div {
	max-width: 100% !important
}

.join_div .top_join a:first-child {
	margin-top: 0
}

.join_div .top_join a.kakao_join {
	color: #000;
	background: url("/resources/images/common/m_icn_kakao_40.png") left 12px top 50% no-repeat #ffeb00;
	background-size: 40px
}

.join_div .top_join a.mail_join {
	color: #fff;
	background: #5b1a7c
}

.join_div .top_join a.naver {
	color: #fff;
	background: url(/resources/images/common/m_icn_naver_40.png) left 12px top 50% no-repeat #00c539;
	background-size: 40px;
}

.join_div .top_join a.naver {
	color: #fff;
	background: url("/resources/images/common/m_icn_naver_40.png") left 12px top 50% no-repeat #00c539;
	background-size: 40px
}

.join_div .top_join a.apple {
	color: #fff;
	background: url("/resources/images/common/m_icn_apple_40.png") left 12px top 50% no-repeat #1d1d1d;
	background-size: 40px
}

.join_div.no_btn {
	padding-bottom: 92px;
}

.joun.div.join_intro {
	padding-top: 32px;
}

.join_div .inner {
	/* min-height: calc(100% - 212px);
	min-height: -webkit-calc(100% - 212px) */
}

.join_div.comp .inner {
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	min-height: calc(100% - 272px);
	min-height: -webkit-calc(100% - 272px);
	text-align: center;
}

.join_div.comp .icn {
	margin: 0 auto;
}

.join_div .intro_logo {
	text-align: center;
	margin-bottom: 64px
}

.join_div .intro_logo img {
	width: 145px
}

.join_div .top+.inner {
	min-height: auto
}

.join_div .top {
	margin-top: -48px;
	width: 100%;
	margin-bottom: 48px;
	background: url("/resources/images/member/m_join_tit.png") center / cover no-repeat;
	text-align: center;
	padding: 76px 0 78px 0;
}

.join_div .top .logo {
	width: 148px;
	height: 27px;
	margin-bottom: 5px;
}

.join_div .top .sub_tit {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
}

.join_div .bottom_banner {
	display: block;
	margin-top: 32px;
	padding-bottom: 28px;
}

.join_div .bottom_banner img {
	width: 100%;
	border-radius: 10px;
}

.join_div .bottom_banner.swiper-container .swiper-wrapper {
	height: auto !important;
}

.join_div .bottom_banner.swiper-container .swiper-pagination {
	bottom: 0;
	display: none;
}

.join_div .bottom_banner.swiper-container .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 8px;
	height: 8px;
	background: #eee;
	opacity: 1
}

.join_div .bottom_banner.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #5b1a7c
}

.join_div .join_txt {
	text-align: center;
}

.join_div .join_txt p:first-child {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -1.5px;
	color: #000;
	font-weight: 500;
	margin-bottom: 4px;
}

.join_div .join_txt p:last-child {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #777;
}

.join_div .join_next {
	margin-top: 0;
}

.join_div .join_form {
	margin-top: 48px;
}

.join_div .join_form:first-child {
	margin-top: 0
}

.join_div .join_form .join_txt {
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #000;
	text-align: left;
}

.join_div .icn {
	margin-top: 60px;
}

.join_div .icn,
.join_div .icn img {
	width: 48px;
	height: 48px;
}

.join_div .join_desc p {
	color: #000;
}

.join_div .join_desc p:first-child {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -0.5px;
	margin-top: 16px;
}

.join_div .join_desc p:nth-child(2) {
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -1px;
	font-weight: 500;
}

.join_div .join_desc p:last-child {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	margin: 12px 0 60px 0;
}

.join_div .join_agree {}

.join_div .join_agree .tit {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #000;
	margin-bottom: 34px;
}

.join_div .join_agree .desc .chk_box {
	width: 100%;
	margin-bottom: 18px;
}

.join_div .join_agree .desc .chk_box.all_chk {
	padding-bottom: 16px;
	border-bottom: 1px solid #e9e9e9;
	width: 100%;
	margin-bottom: 22px;
}

.join_div .join_agree .desc .chk_box.all_chk input[type="checkbox"]+label {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
}

.join_div .join_agree .desc .chk_box:not(.all_chk) input[type="checkbox"]+label {
	font-size: 13px;
	line-height: 22px;
	color: #333;
	letter-spacing: -0.5px;
}

.join_div .join_agree .desc .chk_box:not(.all_chk) input[type="checkbox"]+label:after {
	background: url("/resources/images/cs/m_inqu_wrt_chk.png") no-repeat left center;
	background-size: 24px
}

.join_div .join_agree .desc .chk_box:not(.all_chk).on input[type="checkbox"]+label:after {
	background: url("/resources/images/cs/m_inqu_wrt_chk_on.png") no-repeat left center;
	background-size: 24px
}

.join_div .join_agree .desc .chk_box .agr_view {
	float: right;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #ccc;
	text-decoration: underline;
}

.join_div .join_agree .desc .chk_box .agr_view:after {
	content: "";
	display: block;
	clear: both;
}

.join_div .join_agree .desc .marketing_agr_div {
	position: relative;
}

.join_div .join_agree .desc .chk_box p.tooltip {
	display: inline-block;
	position: relative;
	top: 8px;
	left: 30px;
	padding: 4px 10px;
	width: auto;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #7b23a8;
	background: #f0edf9;
	white-space: nowrap;
	border-radius: 4px
}

.join_div .join_agree .desc .chk_box p.tooltip:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: -6px;
	left: 6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: none;
	border-bottom: 10px solid #f0edf9;
}

.join_div .answer_div .input_box {}

.join_div .answer_div .radio_div {
	margin-top: 16px
}

.join_div .answer_div .radio_div:first-child {
	margin-top: 0
}

.join_div .answer_div .radio_div .radio_box {
	display: block
}

.join_div .answer_div .radio_div .radio_box label {
	font-weight: 300;
	font-size: 14px
}

.join_div .answer_div .error_txt {
	margin-top: 16px;
}

.join_div .arrow_btn {
	margin-top: 20px;
}


.bottom_pop .pop_con.join_form .tit {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #111;
	font-weight: 400;
	margin-bottom: 16px;
}

.bottom_pop .pop_con.join_form small {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
	text-align: left;
	color: #7b23a8;
	font-weight: 400;
}

.bottom_pop .pop_con.join_form .input_area {
	margin-bottom: 4px;
}


/* 로그인 */
.login_div {
	padding: 28px 0 36px 0;
}

.login_div .logo {
	text-align: center
}

.login_div .logo a {
	display: inline-block
}

.login_div .logo img {
	width: 145px
}

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

.login_div .comm_btn {
	margin-top: 48px;
}

.login_div .chk_div {
	margin-top: 20px
}

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

.login_div .chk_fail_txt {
	margin-top: 8px;
}

.sns_list_div .tit_div {
	position: relative;
	margin: 36px auto 0;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	text-align: center;
	overflow: hidden
}

.sns_list_div .tit {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: #fff
}

.sns_list_div .tit:before {
	content: '';
	position: absolute;
	top: 9px;
	right: calc(100% + 15px);
	right: -webkit-calc(100% + 15px);
	width: 200%;
	height: 1px;
	background: #ddd
}

.sns_list_div .tit:after {
	content: '';
	position: absolute;
	top: 9px;
	left: calc(100% + 15px);
	left: -webkit-calc(100% + 15px);
	width: 200%;
	height: 1px;
	background: #ddd
}

.sns_list_div .list_div {
	margin-top: 24px;
	display: flex;
	justify-content: center
}

.sns_list_div .list_div a {
	display: block;
	margin: 0 12px;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	border-radius: 100%
}

.sns_list_div .list_div a.kakao {
	background: url('/resources/images/common/m_ios_kakao.png') no-repeat;
	background-size: 48px
}

.sns_list_div .list_div a.naver {
	background: url('/resources/images/common/m_ios_naver.png') no-repeat;
	background-size: 48px
}

.sns_list_div .list_div a.apple {
	display: block;
	background: url('/resources/images/common/m_ios_apple.png') no-repeat;
	background-size: 48px
}

.sns_list_div .list_div a.apple div {
	min-width: 0 !important
}

.login_div .utill {
	margin: 36px auto 0;
	text-align: center
}

.login_div .utill a {
	position: relative;
	display: inline-block;
	margin: 0 12px;
	font-size: 13px;
	line-height: 20px;
	color: #555
}

.login_div .utill a:not(:last-child):after {
	content: '';
	position: absolute;
	top: 5px;
	right: -13px;
	width: 1px;
	height: 10px;
	background: #ddd
}

/* 로그인 - 비밀번호 변경 팝업 */
.chg_info_pop .pop_con .title,
.chg_pw_pop .pop_con .title {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.5px;
	color: #000;
	margin: 24px 0 28px 0;
}

.chg_info_pop .pop_con .input_form .input_area,
.chg_pw_pop .pop_con .input_form .input_area {
	display: block;
}

.chg_info_pop .pop_con .input_area .chk_point,
.chg_pw_pop .pop_con .input_area .chk_point {
	float: left;
	margin: 12px 0 32px 0;
	width: 100%
}

.chg_info_pop .pop_con .input_area .chk_point:after,
.chg_pw_pop .pop_con .input_area .chk_point:after {
	content: '';
	display: block;
	clear: both
}

.chg_info_pop .pop_con .input_area .chk_point p,
.chg_pw_pop .pop_con .input_area .chk_point p {
	float: left;
	margin-left: 12px;
	padding-left: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #ddd;
	background: url('/resources/images/common/check_point_icn.png') no-repeat left center
}

.chg_info_pop .pop_con .input_area .chk_point p:first-child,
.chg_pw_pop .pop_con .input_area .chk_point p:first-child {
	margin-left: 0
}

.chg_info_pop .pop_con .input_area .chk_point p.on,
.chg_pw_pop .pop_con .input_area .chk_point p.on {
	color: #555;
	background: url('/resources/images/common/check_point_icn_on.png') no-repeat left center
}

.chg_info_pop .comm_btn_wh,
.chg_pw_pop .comm_btn_wh {
	margin-top: 8px;
}

.chg_info_pop .comm_btn,
.chg_pw_pop .comm_btn {
	margin-top: 72px;
}

.chg_info_pop .col,
.chg_pw_pop .col {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 72px;
}

.chg_info_pop .col a,
.chg_pw_pop .col a {
	width: 100%;
	height: 56px;
	padding: 18px 5px;
	margin-top: 0;
}

.chg_info_pop .col .comm_btn_wh,
.chg_pw_pop .col .comm_btn_wh {
	color: #7b23a8;
	border: solid 1px #7b23a8;
}

.chg_info_pop .answer_div .tit {
	margin-bottom: 16px;
}

.chg_info_pop .answer_div .radio_div {
	margin-top: 16px
}

.chg_info_pop .answer_div .radio_div:first-child {
	margin-top: 0
}

.chg_info_pop .answer_div .radio_div .radio_box {
	display: block
}

.chg_info_pop .answer_div .radio_div .radio_box label {
	font-weight: 300;
	font-size: 14px
}

.chg_info_pop .answer_div .error_txt {
	margin-top: 16px;
}


/* id찾기, 비밀번호 찾기 */
.find_div {
	min-height: calc(100vh - 200px);
	min-height: -webkit-calc(100vh - 200px);
	margin-top: 48px;
}

.find_div .find_desc {
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #000;
	text-align: left;
}

.find_div .id_box {
	padding: 31px 20px;
	background: #f0edf9;
	color: #7b23a8;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	width: 100%;
	font-weight: 700;
	margin-top: 28px;
	border-radius: 6px;
}

.find_div .find_sec.on {
	display: block;
}

.find_div .find_sec:not(on) {
	display: none;
}

.find_div .radio_box input[type="radio"]+label {
	font-weight: 400;
	margin-bottom: 18px;
}

.find_div .radio_box label span {
	color: #999;
	margin-left: 6px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px
}

.find_div .find_form .number {
	border-bottom: 1px solid #777;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2;
	color: #000;
	margin-right: 8px;
	padding-top: 11px;
	display: flex;
	flex: auto;
}

.find_div.set_pw .find_form .input_form .input_area {
	display: block;
}

.find_div .input_form .input_area .chk_point {
	float: left;
	margin: 12px 0 32px 0;
	width: 100%
}

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

.find_div .input_form .input_area .chk_point p {
	float: left;
	margin-left: 12px;
	padding-left: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #ddd;
	background: url('/resources/images/common/check_point_icn.png') no-repeat left center
}

.find_div .input_form .input_area .chk_point p:first-child {
	margin-left: 0
}

.find_div .input_form .input_area .chk_point p.on {
	color: #555;
	background: url('/resources/images/common/check_point_icn_on.png') no-repeat left center
}

.find_div .clear_has .delete {
	top: 4px;
	margin-top: 0
}


/* 마이페이지 중복 사용 */
.set_noti_div,
.set_pw_div,
.ord_cnl_div {
	min-height: calc(100% - 60px);
	min-height: -webkit-calc(100% - 60px)
}

.myinfo_div .tit {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
	padding: 12px 0;
}

.set_noti_div .tit p {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -0.4px;
	color: #333;
	font-weight: 300;
	margin-top: 2px;
}

.myinfo_div .setting_div .alert_setting span {
	color: #7b23a8;
	font-weight: 400;
}

/* 마이페이지 메인 */
.mypage_main_div {
	background: #fff;
	padding-bottom: 72px;
	padding-top: 24px;
}

.mypage_main_div .info {
	position: relative;
	padding-bottom: 16px;
}

.mypage_main_div .info p {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -1px;
	color: #000;
}

.mypage_main_div .info p span {
	display: inline-block;
	vertical-align: top;
	word-break: break-all
}

.mypage_main_div .info .name {
	width: 250px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -1px;
	color: #000;
	margin-bottom: 10px;
}

.mypage_main_div .info .name a {
	display: flex;
	align-items: center;
	width: fit-content;
	color: #000;
	padding-right: 26px;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center;
	background-size: 20px;
}

.mypage_main_div .info .name span {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.mypage_main_div .info .mem_type {}

.mypage_main_div .info .mem_type:after {
	content: '';
	display: block;
	clear: both
}

.mypage_main_div .info .mem_type a {
	display: flex;
	align-items: center;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center;
	background-size: 20px;
	padding-right: 26px;
}

.mypage_main_div .info .mem_type span {
	position: relative;
	float: left;
	margin-left: 7px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
}

.mypage_main_div .info .mem_type span.type {
	padding: 1px 7px;
	font-size: 11px;
	line-height: 16px;
	color: #e81d75;
	border: 1px solid #e81d75;
	border-radius: 13px
}

.mypage_main_div .info .mem_type span:first-child {
	margin-left: 0
}

.mypage_main_div .info .setting {
	position: absolute;
	top: 3px;
	right: 0;
	width: 24px;
	height: 24px;
	color: #000;
	background: url('/resources/images/m_icn_setting.png') no-repeat left center;
	background-size: 24px
}

.mypage_main_div .benefit_div {
	display: flex;
	padding: 24px 28px;
	background: #5b1a7c;
	border-radius: 8px
}

.mypage_main_div .benefit_div .benefit {
	position: relative
}

.mypage_main_div .benefit_div .benefit:nth-child(1) {
	padding-right: 33px;
	width: 60%
}

.mypage_main_div .benefit_div .benefit:nth-child(1):after {
	content: '';
	position: absolute;
	top: 10px;
	right: -1px;
	width: 2px;
	height: 28px;
	background: rgba(255, 255, 255, 0.15)
}

.mypage_main_div .benefit_div .benefit:nth-child(2) {
	padding-left: 33px;
	width: 40%
}

.mypage_main_div .benefit_div .benefit .txt {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}

.mypage_main_div .benefit_div .benefit .count {
	margin-top: 2px;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
}

.mypage_main_div .list_div {
	margin-top: 24px
}

.mypage_main_div .list_div a {
	display: block;
	padding: 16px 32px 16px 0;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right center;
	background-size: 20px
}

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

.mypage_main_div .list_div a .icon {
	float: left;
	width: 24px;
	height: 24px
}

.mypage_main_div .list_div a .icon img {
	width: 100%
}

.mypage_main_div .list_div a .tit {
	float: left;
	margin-left: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.mypage_main_div .list_div a .state {
	float: right;
	font-size: 14px;
	line-height: 24px;
	color: #333
}

.mypage_main_div .list_div a .state b {
	font-weight: 500;
	color: #e81d75
}

.mypage_main_div .list_div a .error {
	float: right;
	padding-left: 18px;
	font-size: 14px;
	line-height: 24px;
	color: #e62423;
	background: url('/resources/images/m_red_noti_icon.png') no-repeat left center;
	background-size: 16px
}

.mypage_main_div .list_div a .tool {
	position: relative;
	float: left;
	margin-left: 11px;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 16px;
	color: #7b23a8;
	background: #f4f0ff;
	border-radius: 4px
}

.mypage_main_div .list_div a .tool:before {
	content: '';
	position: absolute;
	top: 8px;
	left: -8px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 8px solid #f4f0ff
}

/*
.mypage_main_div .list_div a span.pay_error{color: #e62423; font-size: 14px; letter-spacing: -0.2px; font-weight: 500;}
.mypage_main_div .list_div a:first-child div.mem_sct{background: url("/resources/images/mypage/m_mem_sct.png") no-repeat right center #f8f8f8;  background-size: 80px;  width: calc(100% + 18px); width:-webkit-calc(100% + 18px);  padding:28px 90px 28px 24px; margin-top: 18px;}
.mypage_main_div .list_div a:first-child div.mem_sct.male{background: url("/resources/images/mypage/m_mem_sct_male.png") no-repeat right center #f8f8f8;  background-size: 80px}
.mypage_main_div .list_div a:first-child div.mem_sct .error_txt{color: #e62423;}
.mypage_main_div .list_div a:first-child div.mem_sct .sct_cost{font-weight: 700;}
.mypage_main_div .list_div a:first-child div.mem_sct .sct_cost span{display:inline-block; position:relative; font-weight:400; color:#777; margin-right:6px;}
.mypage_main_div .list_div a:first-child div.mem_sct .sct_cost span:before{content:''; position:absolute; bottom:50%; left:0; width:100%; height:1px; background:#777; transform:rotate(-11deg);}
.mypage_main_div .list_div a:first-child div.mem_sct p{margin-bottom:3px}
.mypage_main_div .list_div a:first-child div.mem_sct p.dc{font-size:12px; line-height:18px; color:#e62423}
.mypage_main_div .list_div a:first-child div.mem_sct p:first-child{font-size: 14px; line-height: 1; letter-spacing: -0.2px; margin-bottom: 8px;}
.mypage_main_div .list_div a:first-child div.mem_sct p:last-child{margin-bottom:0}
.mypage_main_div .list_div>a>span{float: right; font-size: 14px; line-height: 24px; letter-spacing: -0.7px; color:#7b23a8;}
.mypage_main_div .list_div div.mem_not_sct{background:  #f8f8f8; padding: 24px;}
.mypage_main_div .list_div div.mem_not_sct .tit{font-size: 16px; line-height: 30px; letter-spacing: -0.8px; color: #000; font-weight: 700; padding-bottom: 0;}
.mypage_main_div .list_div div.mem_not_sct .desc{font-size: 14px; line-height: 22px; letter-spacing: -0.5px; color: #000; font-weight: 400; margin-bottom: 12px;}
.mypage_main_div .list_div div.mem_not_sct a:last-child{margin-top: 8px;}
.mypage_main_div .list_div div.mem_not_ipu{background:  #f8f8f8; padding: 24px;}
.mypage_main_div .list_div div.mem_not_ipu .tit{font-size: 16px; line-height: 24px; letter-spacing: -0.8px; color: #000; padding-bottom: 16px;}
*/

/* 마이페이지 내 정보 관리 */
.myinfo_div .list_div {
	margin-top: 8px
}

.myinfo_div .list_div a,
.myinfo_div .list_div p {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #555;
	padding: 13px 20px 13px 0;
	background: url("/resources/images/m_icn_right_bbb_32x32.png") no-repeat right center;
	background-size: 16px;
}

.myinfo_div .list_div a:first-child,
.myinfo_div .list_div p:first-child {
	margin-top: 0
}

.myinfo_div .list_div p {
	background: none;
}

.myinfo_div {
	background: #fff;
	padding-bottom: 0;
}

.myinfo_etc_div {
	padding: 34px 0 70px 0;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	text-align: center;
	background: #f9f9f9;
}

.myinfo_etc_div a {
	position: relative;
	display: inline-block;
	margin: 0 9px;
	color: #000;
}

.myinfo_etc_div a:not(:last-child):after {
	content: '';
	position: absolute;
	top: 8px;
	right: -11px;
	width: 1px;
	height: 8px;
	background: #d8d8d8;
}

.myinfo_div .info_list {
	padding: 0 0 24px
}

.myinfo_div .info_list .tit {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
	padding: 12px 0;
}

.myinfo_div .info_list:first-child {
	padding-top: 12px
}

.myinfo_div .info_list:nth-child(2) {
	border-bottom: 10px solid #f9f9f9
}

.myinfo_div .info_list:nth-child(2) .tit {
	border-top: 1px solid #e9e9e9;
	padding-top: 28px;
}

.myinfo_div .setting_div .list_div {
	padding: 8px 0;
	margin: 0;
}

.myinfo_div .setting_div .list_div a {
	padding: 12px 20px;
	padding-left: 0;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-top: 12px;
}

.myinfo_div .setting_div .list_div a:first-child {
	margin-top: 0;
}

.myinfo_div .list_div a span,
.myinfo_div .list_div p span {
	color: #000;
	float: right;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.7px;
}

.mypage_div .etc_div {
	padding: 24px 0 60px 0;
	text-align: center;
}

.mypage_div .etc_div a {
	display: inline-block;
	padding: 10px 20px;
	color: #000;
	font-weight: 400;
}

.chg_div {
	min-height: calc(100vh - 200px);
	min-height: -webkit-calc(100vh - 200px);
	margin-top: 40px;
}

.chg_div .chg_desc {
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #000;
}

/* 마이페이지 알림 수신 설정 */
.set_noti_div {
	background: #fff;
	padding-bottom: 60px;
}

.set_noti_div .set_div a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.set_noti_div .set_div a:nth-last-of-type(1) {
	border-bottom: none;
}

.set_noti_div .tit {
	padding: 24px 0 20px 0;
	border-bottom: 1px solid #e9e9e9;
}

.set_noti_div .tit p:first-child {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
	padding-bottom: 4px;
	margin-top: 0
}

.set_noti_div .tit p.info_txt {
	font-size: 13px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 400;
	background-position: top 5px left;
}

.set_noti_div .tit p.info_txt span {
	color: #7b23a8;
	font-weight: 500;
}

.set_noti_div .noti_area {
	padding: 24px 20px;
	background: #f7f7f7
}

.set_noti_div .noti.dot_indent p {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.set_noti_div .set_div .title {
	padding-top: 24px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.set_noti_div .set_div .txt {
	margin-top: 48px;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #000
}

.set_noti_div .set_div .txt span {
	font-weight: 500;
	color: #7b23a8
}

.set_noti_div .set_div .list_div {
	margin-top: 28px;
	border-top: 1px solid #e9e9e9
}

.set_noti_div .set_div .push_alrm {
	margin-top: 20px;
}

.set_noti_div .set_div .push_alrm a {
	font-weight: 700;
	padding: 12px 20px 12px 0;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/m_icn_right_bbb_32x32.png') no-repeat right center;
	background-size: 16px;
	border-bottom: none;
}

.set_noti_div .set_div .push_alrm span {
	float: right;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #999
}

.set_noti_div .set_div .push_alrm .noti {
	margin-top: 4px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.set_noti_div .set_div .push_alrm .noti p {
	margin-top: 8px
}

.set_noti_div .set_div .push_alrm .noti p:first-child {
	margin-top: 0
}

.set_noti_div .bg_noti_area .tit {
	padding: 0;
	border: none;
}


/* 마이페이지 비밀번호 변경 */
.set_pw_div {
	background: #fff;
	padding: 48px 0 60px 0;
}

.set_pw_div .pw_div .title {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #000;
	padding-bottom: 28px;
}

.set_pw_div .chg_form .sub_tit {
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -0.5px;
	color: #555;
	font-weight: 400;
}

.set_pw_div .chg_form .input_area {
	margin-top: 0;
}

.pw_div.on {
	display: block;
}

.pw_div:not(on) {
	display: none;
}

.set_pw_div .pw_div#chg_pw2 .input_area {
	display: block;
}

.set_pw_div .chg_form .clear_has .delete {
	top: 4px;
	margin-top: 0
}

.set_pw_div .input_form .input_area .chk_point {
	float: left;
	margin: 12px 0 0 0;
	width: 100%
}

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

.set_pw_div .input_form .input_area .chk_point p {
	float: left;
	margin-left: 12px;
	padding-left: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #ddd;
	background: url('/resources/images/common/check_point_icn.png') no-repeat left center
}

.set_pw_div .input_form .input_area .chk_point p:first-child {
	margin-left: 0
}

.set_pw_div .input_form .input_area .chk_point p.on {
	color: #555;
	background: url('/resources/images/common/check_point_icn_on.png') no-repeat left center
}


/* 마이페이지 정기구독 해지 */
.temi_div .top_info {
	padding: 48px 0 32px 0;
	text-align: center;
	background: #f3f3f3;
}

.temi_div .top_info .tit {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
}

.temi_div .top_info .tit span {
	color: #7b23a8;
	font-weight: 500;
}

.temi_div .top_info .desc p {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #333;
	font-weight: 300;
	padding: 32px 0 16px 0;
}

.temi_div .top_info .desc .benefit_div {
	padding: 13px 18px;
	background: #fff;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: -0.1px;
	color: #000;
	font-weight: 500;
}

.temi_div .top_info .desc .benefit_div span:first-child {
	border-right: 1px solid #d8d8d8;
	padding-right: 14px
}

.temi_div .top_info .desc .benefit_div span:last-child {
	padding-left: 14px
}

.temi_div .top_info .desc .benefit_div span a {
	font-size: 16px;
	line-height: 38px;
	color: #7b23a8;
	margin-left: 24px;
}

.temi_div .date_chg_div {
	background: #fff;
	padding: 34px 0 72px;
	text-align: center
}

.temi_div .date_chg_div .tit {
	padding-top: 80px;
	font-weight: 500;
	font-size: 21px;
	line-height: 30px;
	color: #000;
	background: url('/resources/images/m_temi_icn.png') no-repeat center top;
	background-size: 48px
}

.temi_div .date_chg_div .tit span {
	font-weight: 700;
	color: #7b23a8;
}

.temi_div .date_chg_div .desc {
	margin-top: 16px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.temi_div .date_chg_div .desc b {
	font-weight: 400
}

.temi_div .date_chg_div .btn {
	margin-top: 32px
}

.temi_div .date_chg_div .btn a {
	display: block;
	margin-top: 12px;
	height: 56px;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	text-align: center;
	border-radius: 6px
}

.temi_div .date_chg_div .btn a:first-child {
	margin-top: 0
}

.temi_div .date_chg_div .btn a.pur {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
}

.temi_div .date_chg_div .btn a.wht {
	color: #7b23a8;
	border: 1px solid #7b23a8
}

.temi_div .date_chg_div .temi_tit {
	margin-top: 32px;
}

.temi_div .date_chg_div .temi_tit p {
	font-size: 21px;
	line-height: 30px;
	color: #000;
}

.temi_div .date_chg_div .cancel {
	margin-top: 12px;
}

.temi_div .text_div {
	padding: 34px 20px 0;
	background: #fff;
	text-align: center
}

.temi_div .text_div.text_div_bot {
	padding-top: 24px;
}

.temi_div .text_div .tit {
	font-weight: 500;
	font-size: 21px;
	line-height: 30px;
	color: #000
}

.temi_div .text_div .tit span {
	font-weight: 700;
	color: #7b23a8;
}

.temi_div .text_div .tit2 {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	text-align: left
}

.temi_div .text_div .txt {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.temi_div .text_div .txt2 {
	margin-top: 12px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left
}

.temi_div .text_div .benefit_div {
	margin: 32px auto 24px;
	padding: 24px;
	background: #f9f9f9;
	border-radius: 10px
}

.temi_div .text_div .benefit_div div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px
}

.temi_div .text_div .benefit_div div:first-child {
	margin-top: 0
}

.temi_div .text_div .benefit_div div span {
	width: 24px;
	height: 24px;
	margin-right: 4px
}

.temi_div .text_div .benefit_div div span img {
	width: 100%
}

.temi_div .text_div .benefit_div div p {
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	text-align: left
}

.temi_div .text_div .benefit_div div p b {
	font-weight: 400
}

.temi_div .text_div .btn {
	margin-top: 16px
}

.temi_div .text_div .btn a {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
	border-radius: 6px
}

.temi_div .cancel {
	display: inline-block;
	margin-top: 32px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
	text-decoration: underline
}

.temi_div .textarea_div {
	display: none;
	margin-top: 16px;
	padding: 14px 12px 46px;
}

.temi_div .textarea_div textarea {
	resize: none
}

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

.temi_div .textarea_div span b {
	font-weight: 400;
	color: #ccc
}

.temi_div .textarea_div span b.cnt {
	color: #000;
}

.temi_div.temi_reason {
	padding-bottom: 88px;
	background: #fff;
}

.temi_div.temi_reason .info_top {
	padding: 34px 20px 0 20px;
	background-color: #fff;
}

.temi_div.temi_reason .info_top .tit {
	font-size: 14px;
	line-height: 20px;
	color: #5b1a7c;
	font-weight: 400;
	border-radius: 6px;
	background-color: #f8f6ff;
	padding: 16px;
	text-align: center;
}

.temi_div.temi_reason.coupon {
	padding-bottom: 88px;
	background-color: #fff;
}

.temi_div.temi_reason.coupon .coupon_text_div {
	border-bottom: 10px solid #f7f7f7;
	padding: 34px 20px 32px;
}

.temi_div.temi_reason.coupon .coupon_text_div>.tit {
	font-size: 21px;
	line-height: 30px;
	font-weight: 700;
	color: #7b23a8;
	margin-bottom: 16px;
}

.temi_div.temi_reason.coupon .coupon_text_div>.desc {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #000;
}

.temi_div .coupon_div {
	padding: 32px 0 0;
	background: #fff;
	min-height: auto
}

.temi_div .coupon_div .coupon {
	position: relative;
	padding: 16px 0;
	background: rgb(118, 40, 157);
	background: -moz-linear-gradient(left, rgba(118, 40, 157, 1) 0%, rgba(91, 26, 124, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(118, 40, 157, 1) 0%, rgba(91, 26, 124, 1) 100%);
	background: linear-gradient(to right, rgba(118, 40, 157, 1) 0%, rgba(91, 26, 124, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76289d', endColorstr='#5b1a7c', GradientType=1);
	border-radius: 6px
}

.temi_div .coupon_div .coupon:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 10px;
	height: 21px;
	background: url('/resources/images/m_temi_coupon_icn.png') no-repeat right center;
	background-size: 10px 21px
}

.temi_div .coupon_div .coupon:after {
	content: '';
	display: block;
	clear: both
}

.temi_div .coupon_div .coupon .left {
	float: left;
	padding: 18px 0;
	width: 75%;
	text-align: center;
	background: url('/resources/images/m_temi_line.png') repeat-y right center;
	background-size: 1px 6px
}

.temi_div .coupon_div .coupon .left .tit {
	font-size: 13px;
	line-height: 20px;
	color: #fff
}

.temi_div .coupon_div .coupon .left .txt {
	margin-top: 4px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #fff
}

.temi_div .coupon_div .coupon .left .txt span {
	display: inline-block;
	font-size: 60px;
	line-height: 60px
}

.temi_div .coupon_div .coupon .right {
	float: right;
	width: 25%;
	height: 120px;
	background: url('/resources/images/m_temi_coupon_txt.png') no-repeat center;
	background-size: 11px 103px
}

.temi_div .coupon_div .btn {
	display: block;
	margin-top: 10px;
	padding: 13px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-align: center
}

.temi_div .coupon_div .btn span {
	display: inline-block;
	padding-right: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_download_blk_40x40.png') no-repeat right center;
	background-size: 20px
}

.temi_div .coupon_div+.content_div {
	margin-top: 10px;
	padding: 28px 0 130px 0;
}

.temi_div .content_div {
	padding: 20px 0;
	background: #fff
}

.temi_div .content_div .radio_div {
	margin-top: 16px
}

.temi_div .content_div .radio_div:first-child {
	margin-top: 0
}

.temi_div .content_div .radio_box input[type="radio"]+label {
	font-weight: 400
}

/* 마이페이지 결제 수단 변경 */
.pay_chg_div .top_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 20px;
	border-bottom: 10px solid #f7f7f7;
}

.pay_chg_div .top_info p {
	width: 50%;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: 500;
}

.pay_chg_div .top_info p:first-child {
	text-align: left;
}

.pay_chg_div .top_info p:last-child {
	text-align: right;
	white-space: nowrap
}

.pay_chg_div .info_div {
	margin-top: 16px;
}

.pay_chg_div .info_div .info_txt {
	font-size: 13px;
	line-height: 18px;
	font-weight: 300;
	color: #000;
}

.pay_chg_div .dot_indent {
	margin-top: 16px
}

.pay_chg_div .content_div {
	position: relative;
	padding-bottom: 96px;
	min-height: calc(100% - 160px);
	min-height: -webkit-calc(100% - 160px);
	background: #fff;
}

.pay_chg_div .content_div>.tit {
	padding: 24px 0 28px 0;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	font-weight: 500;
	color: #000;
}

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

.pay_way_div .pay_way {
	position: relative;
	padding: 16px 0 16px 0;
	border: 1px solid #ddd;
	text-align: center;
	float: left;
	width: calc(33.333% - 4px);
	width: -webkit-calc(33.333% - 4px);
	border-radius: 6px
}

.pay_way_div .pay_way.disabled_btn {}

.pay_way_div .pay_way.disabled_btn .logo img {
	filter: grayscale(1);
	opacity: 0.5
}

.pay_way_div .pay_way.disabled_btn p {
	color: #555
}

.pay_way_div .pay_way.on:after {
	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: 3px solid #7b23a8;
	border-radius: 6px
}

.pay_way_div .pay_way.card .logo {
	display: table;
	padding: 7px 7px 0 7px;
	text-align: center;
	vertical-align: middle;
	width: 64px;
	height: 40px;
	margin: 0 auto
}

.pay_way_div .pay_way.card .logo img {
	width: 64px;
	height: 32px;
}

.pay_way_div .pay_way.naver .logo {
	display: table;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 40px;
	margin: 0 auto;
	padding-top: 12px;
}

.pay_way_div .pay_way.naver .logo img {
	width: 57px;
	height: 20px;
}

.pay_way_div .pay_way.kakao .logo {
	display: table;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 40px;
	margin: 0 auto;
	padding-top: 12px;
}

.pay_way_div .pay_way.kakao .logo img {
	width: 57px;
	height: 24px;
}

.pay_way_div .pay_way .logo span {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.pay_way_div .pay_way:not(:nth-child(3n)) {
	margin-right: 6px;
}

.pay_way_div .pay_way:nth-child(n+4) {
	margin-top: 10px;
}

.pay_way_div .pay_way:last-child:after {
	content: "";
	display: block;
	clear: both;
}

.pay_way_div .pay_way p:last-child {
	margin-top: 10px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
}

.pay_chg_div .card_content {
	margin: 24px 0 38px 0;
}

.pay_chg_div .card_content .input_form {
	margin-top: 16px
}

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

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

/* 마이페이지 섭취 알람 설정 */
.set_alrm_div {
	background: #fff;
	padding-top: 20px;
}

.set_alrm_div .tit {}

.set_alrm_div .tit .title {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	font-weight: 700;
	color: #000;
	margin-bottom: 4px;
}

.set_alrm_div .tit .desc {
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	margin-top: 12px;
	letter-spacing: -0.2px;
	color: #000;
}

.set_alrm_div .tit .desc span {
	color: #7b23a8;
	font-weight: 500
}

.set_alrm_div .list_div {
	position: relative;
	margin-top: 20px;
	border-top: 1px solid #eee;
}

.set_alrm_div .list_div .list {
	display: block;
	border-bottom: 1px solid #eee;
	position: relative;
	font-size: 20px;
	line-height: 37px;
	width: 100%;
	letter-spacing: -0.2px;
	color: #000;
	padding: 28px 0 24px 0;
}

.set_alrm_div .list_div .list a {
	color: #000;
}

.set_alrm_div .list_div .list a span {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.set_alrm_div .list_div .list a strong {
	display: inline-block;
	font-size: 38px;
	line-height: 48px;
	letter-spacing: -0.2px;
	font-weight: 500;
}

.set_alrm_div .list_div .list,
.set_alrm_div .list_div .alnum {
	float: left;
}

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

.set_alrm_div .list_div .alnum {
	top: 0;
	position: absolute;
	right: 0;
	padding: 39px 10px
}

.set_alrm_div .list_div a.alnum span:first-child {
	vertical-align: top;
	margin-right: 9px;
}

.set_alrm_div .info {
	margin-top: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8;
	font-weight: 300
}

.set_alrm_div .etc_div {
	padding: 0;
	text-align: left
}

.set_alrm_div .etc_div .push_set_btn {
	display: block;
	margin-top: 24px;
	padding: 12px 20px 12px 0;
	background: url("/resources/images/m_icn_right_bbb_32x32.png") center right no-repeat;
	background-size: 16px;
}

.set_alrm_div .etc_div .push_set_btn:after {
	content: '';
	display: block;
	clear: both
}

.set_alrm_div .etc_div .push_set_btn span {
	float: left;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 24px;
}

.set_alrm_div .etc_div .push_set_btn b {
	float: right;
	font-size: 16px;
	line-height: 24px;
	color: #999
}

.set_alrm_div .etc_div .noti {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-weight: 300;
	margin-top: 4px;
}

.web_noti {
	min-height: calc(100% - 199px);
	min-height: -webkit-calc(100% - 199px);
	background: #fff;
	padding: 24px 20px 28px 20px;
}

.web_noti .wrap {
	background: #f4f0ff;
	border-radius: 10px;
	padding: 32px 20px 0 20px;
}

.web_noti .tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.web_noti .txt {
	margin-top: 12px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.web_noti .txt span {
	font-weight: 500;
	color: #7b23a8
}

.web_noti .btn_div {}

.web_noti .btn_div .comm_btn {
	line-height: 20px;
	height: 48px;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 0;
	margin-top: 24px;
}

.web_noti .btn_div .comm_btn span {
	padding-right: 24px;
	line-height: 20px;
	background: url("/resources/images/m_icn_download_wh.png") center right no-repeat;
	background-size: 20px;
}

.web_noti .app_img {
	margin-top: 38px;
}

.web_noti .app_img img {
	width: 100%;
}

.info_txt_arrow {
	margin-top: 30px;
}

/* 마이페이지 주문공통 */
.order_div .textarea_div {
	display: none;
}

.order_div .btn_div,
.order_dtl_div .btn_div {
	margin-top: 12px;
	display: flex;
	flex-wrap: nowrap
}

.order_div .btn_div .btn,
.order_dtl_div .btn_div .btn {
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	line-height: 16px;
	font-size: 14px;
	letter-spacing: -0.2px;
	color: #333;
	padding: 15px 0;
	width: 100%;
	margin-left: 4px;
	border-radius: 6px
}

.order_div .btn_div .btn.type2,
.order_dtl_div .btn_div .btn.type2 {
	color: #7b23a8;
	border: 1px solid #7b23a8
}

.order_div .btn_div .btn:first-child,
.order_dtl_div .btn_div .btn:first-child {
	margin-left: 0
}

.order_div .btn_div.type2,
.order_dtl_div .btn_div.type2 {
	display: block
}

.order_div .btn_div.type2:after,
.order_dtl_div .btn_div.type2:after {
	content: '';
	display: block;
	clear: both
}

.order_div .btn_div.type2 .btn,
.order_dtl_div .btn_div.type2 .btn {
	float: left;
	width: calc(50% - 2px);
	width: -webkit-calc(50% - 2px);
	margin-left: 4px;
}

.order_div .btn_div.type2 .btn:nth-child(2n-1),
.order_dtl_div .btn_div.type2 .btn:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.order_div .btn_div.type2 .btn:nth-child(n+3),
.order_dtl_div .btn_div.type2 .btn:nth-child(n+3) {
	margin-top: 4px
}

/* 마이페이지 주문조회 */
.mypage_div.wh_bg {
	background: #fff;
}

.order_div {
	background: #fff;
}

.order_div .banner_area {
	color: #000;
	font-size: 14px;
	letter-spacing: -0.2px;
	padding: 14px 0;
	background: url("/resources/images/mypage/m_order_banner_icn.png") no-repeat right 24px top 50% #eeeefe;
	background-size: 48px
}

.order_div .banner_area p {
	padding-right: 50px
}

.order_div .banner_area p:not(:last-child) {
	margin-bottom: 8px;
}

.order_div .banner_area p a {
	font-weight: 700;
	color: #7b23a8;
}

.order_div:not(.chg_div) .list {
	padding: 26px 0 32px 0;
	border-bottom: 1px solid #e9e9e9;
}

.order_div .search_area {
	padding-bottom: 24px;
	border-bottom: 10px solid #f7f7f7;
	padding-top: 32px;
}

.order_div .search_area .detail .btn_div {
	display: flex;
	margin-top: 0;
}

.order_div .search_area .detail .btn_div a {
	display: block;
	margin-right: 4px;
	padding: 15px 0;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #ccc;
	border: 1px solid #ddd;
	border-radius: 6px;
	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: #7b23a8;
	border: 1px solid #7b23a8
}

.order_div .search_area .detail .select_date {
	display: flex;
	align-items: center;
	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 select {
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 46px;
	background: url('/resources/images/m_select_date_icon.png') no-repeat right 6px top 50%;
	background-size: 20px
}

.order_div .search_area .detail .select_date input {
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 46px;
	background: url('/resources/images/m_select_date_icon.png') no-repeat right 6px top 50%;
	background-size: 20px;
	text-align: left
}

.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 input:first-child {
	margin-left: 0
}

.order_div .search_area .detail .select_date.on {
	border: 1px solid #7b23a8
}

.order_div .search_area .txt {
	margin-top: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #bbb
}

.order_div .search_area .btn {
	display: block;
	margin-top: 16px;
	padding: 18px 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px
}

.order_div .order_list_div {
	padding-bottom: 48px
}

.order_div .order_list_div .list {
	padding: 24px 20px
}

.order_div .order_list_div .list:last-child {
	border-bottom: none
}

.order_div .order_list_div .list .link_area {
	display: block
}

.order_div .order_list_div .list .top {
	display: flex;
	align-items: center;
	padding-right: 30px;
	background: url('/resources/images/m_icn_right_bbb_40x40.png') no-repeat right top;
	background-size: 20px
}

.order_div .order_list_div .list .top .flag {
	width: 60px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 4px
}

.order_div .order_list_div .list .top .date {
	margin-left: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .info_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 24px;
}

.order_div .order_list_div .list .info_div .info {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_div .order_list_div .list .info_div .info span {
	color: #7b23a8
}

.order_div .order_list_div .list .info_div .price {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_div .order_list_div .list .info_div .price span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.order_div .order_list_div .list .detail {
	margin-top: 20px;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	background: #f7f7f7;
	border-radius: 4px;
	word-break: break-all;
}

.order_div .order_list_div .list .detail .name_box {
	display: -webkit-box;
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.order_div .order_list_div .list .detail span:after {
	content: ',';
	margin-right: 2px
}

.order_div .order_list_div .list .detail span:last-child:after {
	display: none
}

.order_div .order_list_div .list .detail span b {
	font-weight: 500;
}

.order_div .order_list_div .list .btn_div {
	margin-top: 20px
}

.order_div .no_data_div {
	padding-top: 72px;
	background: #fff
}


/*.order_div .list:first-child{border: none;}*/
.order_div .list .tit_div {
	display: flex;
	background: url("/resources/images/mypage/m_icn_arrow_right.png") no-repeat right center #fff;
	background-size: 12px 20px;
	margin-bottom: 24px;
}

.order_div .list .tit_div .flag {
	width: 67px;
	height: 24px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: -0.2px;
	background: #000;
}

.order_div .list .tit_div .tit {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	margin-left: 8px;
	color: #000;
	font-weight: 700;
}

.order_div .list .desc {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
}

.order_div .list .desc .price {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #7b23a8;
	font-weight: 500;
	margin-top: 12px;
}

.order_div .etc_div {
	background: #fff;
	padding: 0 0 70px 0;
	border: none;
}

.order_div .no_data_div {
	background: #fff
}

/*마이페이지 주문상세 */
.order_dtl_div .order_dtl_list {
	margin-top: 12px;
	padding-bottom: 48px;
	background: #fff
}

.order_dtl_div .order_dtl_list .list {
	border-top: 10px solid #f7f7f7;
	color: #000;
}

.order_dtl_div .order_dtl_list .list:first-child {
	border-top: none
}

.order_dtl_div .order_dtl_list .list .top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 50px 20px 20px;
	border-bottom: 1px solid #eee;
}

.order_dtl_div .order_dtl_list .list .top .tit {
	width: 110px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_dtl_div .order_dtl_list .list .summary {
	width: calc(100% - 106px);
	width: -webkit-calc(100% - 106px);
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: right
}

.order_dtl_div .order_dtl_list .list .summary b {
	font-weight: 500;
	color: #7b23a8
}

.order_dtl_div .order_dtl_list .list .button {
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	text-decoration: underline
}

.order_dtl_div .order_dtl_list .list .open {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url("/resources/images/m_icn_down_777_40x40.png") no-repeat center;
	background-size: 20px
}

.order_dtl_div .order_dtl_list .list.on .open {
	background: url("/resources/images/m_icn_up_777_40x40.png") no-repeat center;
	background-size: 20px
}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div {}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div .pd_list .link_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: none;
	padding: 0;
}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div .pd_list .link_area .price {
	margin-top: 0;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div {
	padding: 20px 20px 24px;
}

.order_dtl_div .order_dtl_list .list.refund .bottom .txt_list_div {
	padding-bottom: 32px;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list {
	margin-top: 8px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list:first-child {
	margin-top: 0
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-top: 8px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line .left {
	padding-left: 12px;
	width: 150px;
	font-size: 13px;
	line-height: 16px;
	color: #bbb;
	background: url('/resources/images/m_icn_subtext.png') no-repeat left 2px;
	background-size: 10px 11px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line .left .tool {
	display: inline-block;
	position: relative;
	padding-right: 18px;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line .left .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line .right {
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	font-size: 12px;
	line-height: 16px;
	color: #bbb;
	text-align: right
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line.addr .right {
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line:first-child {
	margin-top: 0
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line:first-child .left {
	padding-left: 0;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: none
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line:first-child .right {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list .line:first-child .right span {
	font-size: 14px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list:first-child {
	padding-top: 0;
	margin-top: 0;
	border: none
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .line {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .line .left {
	width: 130px;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .line .right {
	width: calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: right
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .line .right span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .line .right .pay_option {
	margin-top: 2px;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .line .right .pay_option span {
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
}

.order_dtl_div .order_dtl_list .list .bottom .radio_list {
	padding: 20px 20px 24px;
}

.order_dtl_div .order_dtl_list .list .bottom .radio_list .radio_div {
	margin-top: 18px
}

.order_dtl_div .order_dtl_list .list .bottom .radio_list .radio_div .radio_box label {
	font-weight: 400;
	font-size: 14px;
}

.order_dtl_div .order_dtl_list .list .bottom .radio_list .radio_div:first-child {
	margin-top: 0
}

.order_dtl_div .order_dtl_list .list .bottom .input_form .input_area+.input_area {
	margin-top: 8px
}

.order_dtl_div .order_dtl_list .list .bottom .input_form .input_area select {
	min-width: 102px;
	width: auto
}

.order_dtl_div .order_dtl_list .list .bottom .gry_txt {
	font-size: 12px;
	line-height: 20px;
	color: #bbb
}

.order_dtl_div .order_dtl_list .list .bottom .text {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_dtl_div .order_dtl_list .list .bottom .btn_div {
	margin-top: 0;
	padding: 0px 20px 24px 20px;
}

.order_dtl_div .order_dtl_list .list .textarea_div {
	display: none;
	position: relative;
	margin-top: 20px;
	padding: 14px 12px 46px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_dtl_div .order_dtl_list .list .textarea_div textarea {
	resize: none
}

.order_dtl_div .order_dtl_list .list .textarea_div span {
	position: absolute;
	bottom: 16px;
	right: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #ccc
}

.order_dtl_div .order_dtl_list .list .textarea_div span b {
	font-weight: 400;
	color: #ccc
}

.order_dtl_div .order_dtl_list .list .textarea_div span b.cnt {
	color: #000
}

.order_dtl_div .order_dtl_list .list .textarea_div.show {
	display: block
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc div {
	font-size: 14px;
	line-height: 28px;
	letter-spacing: -0.2px
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc div:after {
	content: '';
	display: block;
	clear: both
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc div:first-child {
	margin-top: 0
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc div span {
	float: left
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc div span:first-child {
	width: 100px
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc div span:last-child {
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	text-align: right;
	word-break: break-all
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc .final_cost {
	font-size: 16px;
	margin-top: 12px;
	font-weight: 400;
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc .final_cost span:first-child {
	width: 110px
}

.order_dtl_div .order_dtl_list .list .ord_dtl .desc .final_cost span:last-child {
	width: calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	font-weight: 700;
	color: #000
}

.order_dtl_div .etc_div {
	border-top: none;
	padding: 0 0 70px 0;
}

/* 주문취소 */
.order_dtl_div.ord_cnl_div .order_dtl_list {
	padding-bottom: 0;
}

.ord_cnl_div~.bottom_select_btn {
	padding: 20px;
}

.bottom_notice {
	padding: 24px 20px;
	background: #f7f7f7
}

.bottom_notice p {
	position: relative;
	margin-top: 6px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	word-break: break-all;
}

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

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

.bottom_select_btn {
	display: flex;
	padding: 0 20px 20px;
	background: #fff
}

.bottom_select_btn a {
	display: block;
	padding: 17px 10px;
	margin-left: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px
}

.bottom_select_btn a.small {
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8;
	width: calc(35% - 4px);
	width: -webkit-calc(35% - 4px)
}

.bottom_select_btn a.big {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
	width: calc(65% - 4px);
	width: -webkit-calc(65% - 4px)
}

.bottom_select_btn a:first-child {
	margin-left: 0
}

/* 마이페이지 주문상세 교환신청, 취소신청, 반품신청 */
.order_dtl_div .input_form .txt.addr {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #999;
	margin-top: 6px;
	word-break: break-all;
}

.order_div.chg_div .info {
	margin-top: 20px;
	background: #fff;
	padding: 0 24px;
}

.order_div.chg_div .info .desc {
	background: #f3f3f3;
	padding: 20px 30px;
}

.order_div.chg_div .info .desc p span {
	display: inline-block;
}

.order_div.chg_div .info .desc p span:first-child {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
	width: 50px;
}

.order_div.chg_div .info .desc p span:last-child {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #333;
	text-align: right;
	font-weight: 700;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
}

.order_div .chg_sts_list .list {
	padding: 40px 0 36px 0;
}

.order_div .chg_sts_list .list:not(:last-child) {
	border-bottom: 10px solid #f9f9f9;
}

.order_div .chg_sts_list .tit {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	font-weight: 700;
	color: #000;
	margin-bottom: 32px;
}

.order_div .chg_sts_list .radio_list .radio_box {
	display: block;
}

.order_div .chg_sts_list .radio_list .radio_box input[type="radio"]+label {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	font-weight: 400;
	margin-bottom: 18px;
}

.order_div .chg_sts_list textarea {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	margin-top: 4px;
}

.order_div .chg_sts_list textarea:read-only {
	background: #f9f9f9;
}

.order_div .chg_sts_list .desc .desc_dtl {
	padding: 17px 0;
	border-bottom: 1px solid #e9e9e9;
}

.order_div .chg_sts_list .desc .desc_dtl:last-child {
	border: none;
}

.order_div .chg_sts_list .desc .desc_dtl span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
}

.order_div .chg_sts_list .desc .desc_dtl span:first-child {
	width: 78px;
	margin-right: 24px;
	color: #555;
}

.order_div .chg_sts_list .desc .desc_dtl span:last-child {
	width: calc(100% - 102px);
	width: -webkit-calc(100% - 102px);
	color: #000;
}

.order_div .chg_sts_list .btn {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 400;
	padding: 6px 12px;
	border: 1px solid #ddd;
	float: right;
}

.order_div.chg_div .etc_div {
	padding: 24px 0;
}

.order_div.chg_div .etc_div .tit {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #555;
	font-weight: 500;
	margin-bottom: 6px;
	text-align: left
}

.order_div.chg_div .etc_div .comm_btn {
	margin-top: 48px;
}

.order_div .chg_sts_list .rtn_charge_list .rtn_charge {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	border-bottom: 2px solid #000;
	padding-bottom: 12px;
}

.order_div .chg_sts_list .rtn_charge_list .rtn_charge span:first-child {
	width: 78px;
}

.order_div .chg_sts_list .rtn_charge_list .rtn_charge span:last-child {
	font-weight: 500;
	color: #7b23a8;
	text-align: right;
	width: calc(100% - 78px);
	width: -webkit-calc(100% - 78px);
	text-align: right;
	display: inline-block;
}

.order_div .chg_sts_list .rtn_charge_list .desc_dtl {
	border: none;
}

.order_div .chg_sts_list .rtn_charge_radio .radio_box {
	display: inline-block;
	margin-right: 20px;
}

.order_div .rtn_get_addr,
.order_div .rtn_addr {
	display: none;
	margin-bottom: 0;
}

.ord_cnl_div {
	background: #fff;
}

.ord_cnl_div .top_info {
	background: #f3f3f3;
	padding: 24px 0;
}

.ord_cnl_div .chg_sts_list .list {
	border: none;
	padding-bottom: 100px;
}

.chg_req_div .order_dtl_list {
	padding-bottom: 0px;
}

.chg_req_div .order_dtl_list .list .textarea_div {
	margin-top: 20px;
}

.chg_req_div .order_dtl_list .list .top {
	padding: 20px;
}

.chg_req_div .order_dtl_list .list.product .top {
	padding: 20px 50px 20px 20px;
}

.chg_req_div .upload_pic {
	margin: 20px 20px 24px;
}

.chg_req_div .order_dtl_list .list .bottom.inner {
	margin: 20px 20px 24px;
}

.chg_req_div .bottom_notice {
	margin-top: 32px;
}

.chg_req_div~.bottom_select_btn {
	padding: 20px;
}

/* 반품 */
.rtn_req_div .order_dtl_list {
	padding-bottom: 0;
}

.rtn_req_div .upload_pic {
	margin: 20px 20px 24px;
}

.rtn_req_div .order_dtl_list .list .bottom.inner {
	margin: 20px 20px 24px;
}

.rtn_req_div .order_dtl_list .list .top {
	padding: 20px;
}

.rtn_req_div .order_dtl_list .list.product .top {
	padding: 20px 50px 20px 20px;
}

.rtn_req_div~.bottom_select_btn {
	padding: 20px;
}

/* 배송조회, 회수조회 팝업 */
.dlv_pop {
	color: #000;
}

.dlv_pop .pop_con .tit {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -1px;
	font-weight: 700;
}

.dlv_pop .pop_con .desc {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	border-bottom: 2px solid #000;
	padding: 12px 0;
}

.dlv_pop .pop_con .detail_box {
	padding-top: 24px;
}

.dlv_pop .pop_con .detail_box .detail {
	padding-bottom: 24px;
	position: relative;
}

.dlv_pop .pop_con .detail_box .detail:before {
	content: "";
	position: absolute;
	height: 100%;
	border-left: 1px dashed #999;
	top: 10px;
	left: 3px;
	z-index: -1;
}

.dlv_pop .pop_con .detail_box .detail:last-child:before {
	display: none;
}

.dlv_pop .pop_con .detail_box .detail div:not(.tit) {
	padding-left: 24px;
}

.dlv_pop .pop_con .detail_box .detail .tit:before {
	content: "";
	vertical-align: super;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #ddd;
	margin-right: 12px;
	z-index: 2;
}

.dlv_pop .pop_con .detail_box .detail.on .tit:before {
	background: #5b1a7c
}

.dlv_pop .pop_con .detail_box .detail div:not(.place) {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
}

.dlv_pop .pop_con .detail_box .tit {
	font-weight: 500;
}

.dlv_pop .pop_con .detail_box .place {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #555;
}

/* 마이페이지 회원탈퇴 */
.memout_div {
	background: #fff;
	padding-top: 48px;
	min-height: calc(100% - 168px);
	min-height: -webkit-calc(100% - 168px);
}

.memout_div .inner {
	padding-bottom: 24px;
}

.memout_div .chk_box {
	margin-bottom: 40px;
}

.memout_div select {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	letter-spacing: -0.2px;
}

.memout_div .agree_div {
	padding-top: 24px;
}

.memout_div .comm_btn {
	margin-top: 48px;
}

.memout_div .title {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1px;
	color: #000;
	font-weight: 700
}

.memout_div .desc {
	/* margin-top: 12px; */
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 400
}

.memout_div .sec_tit {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 12px;
}

.memout_div .txt {
	margin-top: 40px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.memout_div .txt p {
	position: relative;
	margin-top: 6px;
	font-size: 13px;
	line-height: 20px;
	padding-left: 10px;
	color: #000
}

.memout_div .txt p:first-child {
	margin-top: 0
}

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

.memout_div .textarea_div {
	display: none;
	position: relative;
	margin-top: 16px;
	padding: 14px 12px 46px;
	background: #f7f7f7;
	border-radius: 10px
}

.memout_div .textarea_div textarea {
	resize: none
}

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

.memout_div .textarea_div span b {
	font-weight: 400;
	color: #ccc
}

.memout_div .textarea_div span b.cnt {
	color: #000
}

.memout_div .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.memout_div .chk_box input[type="checkbox"]+label:after {
	top: 4px;
	transform: translateY(0%)
}

.memout_pw .tit {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #000;
	margin-bottom: 28px
}

.memout_pw .sub_tit {
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -0.5px;
	color: #555;
	margin-bottom: 6px
}

.memout_comp_div {
	padding-top: 60px;
	text-align: center
}

.memout_comp_div .icn {}

.memout_comp_div .icn img {
	width: 48px
}

.memout_comp_div .memout_desc {
	margin-top: 26px;
}

.memout_comp_div .memout_desc p:first-child {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: #000;
}

.memout_comp_div .memout_desc p:last-child {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	margin-top: 16px;
	color: #000;
}

/* 마이페이지 설문관리 */
.ipu_manager {
	background: #fff
}

.ipu_manager .top_info {
	padding: 12px 20px 20px
}

.ipu_manager .top_info .banner {
	display: block;
	margin: 0 auto;
	padding: 20px 24px;
	background: url('/resources/images/m_survey_banner_bg.png') no-repeat right center #5b1a7c;
	background-size: 116px 88px;
	border-radius: 8px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15)
}

.ipu_manager .top_info .banner .tit {
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.ipu_manager .top_info .banner .txt {
	display: inline-block;
	margin-top: 4px;
	padding-right: 26px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: url('/resources/images/m_survey_banner_arrow.png') no-repeat right center;
	background-size: 24px;
}

.ipu_manager .list_div {
	padding-bottom: 72px;
	border-top: 10px solid #f7f7f7
}

.ipu_manager .list {
	display: block;
	position: relative;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.ipu_manager .list .title:after {
	content: '';
	display: block;
	clear: both
}

.ipu_manager .list .title span {
	float: left;
	margin-left: 6px;
	border-radius: 4px
}

.ipu_manager .list .title span:first-child {
	margin-left: 0
}

.ipu_manager .list .title .subs_flag {
	background: #5b1a7c;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	padding: 0 4px;
	border: 1px solid #5b1a7c
}

.ipu_manager .list .title .counsel_flag {
	background: #fff;
	color: #7b23a8;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	padding: 0 4px;
	border: 1px solid #7b23a8
}

.ipu_manager .list .title .date {
	float: left;
	margin-left: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.ipu_manager .list .title .date:first-child {
	margin-left: 0
}

.ipu_manager .list .con {
	margin-top: 20px
}

.ipu_manager .list .con .effect {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.ipu_manager .list .con .ingredient {
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-height: 36px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.ipu_manager .list .con .dc_info {
	color: #7b23a8
}

.ipu_manager .list .counsel_noti {
	margin-top: 16px;
	padding: 16px 50px 16px 16px;
	background: url('/resources/images/m_input_check.png') no-repeat right 16px top 50% #f7f4ff;
	background-size: 24px;
	border: 1px solid #c291dc;
	border-radius: 10px
}

.ipu_manager .list .counsel_noti .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.ipu_manager .list .counsel_noti .txt {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #7b23a8
}

.ipu_manager .list .img {
	position: absolute;
	top: 20px;
	right: 28px;
	width: 76px;
	height: 76px
}

.ipu_manager .list .view_btn {
	display: block;
	margin: 20px auto 0;
	padding: 13px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	text-align: center;
	background: #fff;
	border: 1px solid #7b23a8;
	border-radius: 6px
}

.ipu_manager .list .delete_btn {
	position: absolute;
	top: 19px;
	right: -5px;
	width: 30px;
	height: 30px;
	background: url('/resources/images/m_icn_xbt_40x40.png') no-repeat center;
	background-size: 20px
}

.ipu_manager .no_data_div {
	padding-top: 120px;
	height: calc(100% - 180px);
	height: -webkit-calc(100% - 180px);
	background: #f9f9f9
}

.ipu_manager .comm_btn {
	margin-top: 16px;
	height: 44px;
	line-height: 44px;
}

.pay_fail {
	margin: 80px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: calc(100% - 60px);
	height: -webkit-calc(100% - 60px)
}

.pay_fail .title {
	padding-top: 64px;
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #000;
	text-align: center;
	background: url('/resources/images/m_temi_icn.png') no-repeat center top;
	background-size: 48px
}

.pay_fail .txt {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #e62423;
	font-weight: 500;
	text-align: center
}

.pay_fail .desc {
	margin-top: 8px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	text-align: center;
}

.pay_fail .flex_btn_div {
	margin-top: 48px
}

/* footer */
footer {
	position: relative;
	z-index: 1;
	border-top: 1px solid rgba(153, 153, 153, 0.2)
}

footer .foot_area {
	padding: 0 0px 40px;
}

footer .foot_area .foot_top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 20px 18px 20px;
	border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}

footer .foot_area .foot_top .logo img {
	height: 18px;
}

footer .foot_area .foot_top .sns_div {
	display: flex;
	align-items: center;
	gap: 0 14px;
}

footer .foot_area .foot_top .sns_div a {
	width: 28px;
	height: 28px;
	background-size: 28px;
	background-position: center;
	background-repeat: no-repeat;
}

footer .foot_area .foot_top .sns_div a.facebook {
	background-image: url('/resources/images/icon/footer/facebook.svg');
}

footer .foot_area .foot_top .sns_div a.insta {
	background-image: url('/resources/images/icon/footer/insta.svg');
}

footer .foot_area .foot_top .sns_div a.kakao {
	background-image: url('/resources/images/icon/footer/kakao.svg');
}

footer .foot_area .foot_top .sns_div a.facebook:hover {
	background-image: url('/resources/images/icon/footer/facebook_on.svg');
}

footer .foot_area .foot_top .sns_div a.insta:hover {
	background-image: url('/resources/images/icon/footer/insta_on.svg');
}

footer .foot_area .foot_top .sns_div a.kakao:hover {
	background-image: url('/resources/images/icon/footer/kakao_on.svg');
}

footer .foot_area .inquiry_div {
	margin: 32px 20px 0;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(153, 153, 153, 0.2)
}

footer .foot_area .inquiry_div .tit {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #333;
	background: url('/resources/images/m_icn_right_40x40.png') no-repeat right top 1px;
	background-size: 20px;
	padding-right: 20px;
}

footer .foot_area .inquiry_div .tel {
	display: inline-block;
	padding-left: 22px;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	color: #333;
	background: url('/resources/images/m_footer_tel.png') no-repeat left center;
	background-size: 20px;
	margin-top: 12px;
}

footer .foot_area .inquiry_div .info {
	margin-top: 8px;
}

footer .foot_area .inquiry_div .info p {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #777
}

footer .foot_area .inquiry_div .info p a {
	color: #777
}

footer .foot_area .inquiry_div .info p:nth-child(n+2) {
	margin-top: 2px;
}

footer .foot_area .foot_menu {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	gap: 8px 16px;
	padding: 14px 20px 0;
}

footer .foot_area .foot_menu a {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #777;
	text-decoration: underline;
}

footer .foot_area .foot_menu a:nth-child(n+4) {
	clear: both
}

footer .foot_area .foot_menu a:last-child {
	margin-right: 0
}

footer .foot_area .foot_menu a.fw_m {
	color: #555
}

footer .foot_area .info_div {
	margin-top: 24px;
	padding: 0 20px;
}

/* footer .foot_area .info_div .list .open {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #777;
	background: url('/resources/images/m_foot_accor_down.png') no-repeat right center;
	background-size: 16px;
	padding-right: 18px;
} 

footer .foot_area .info_div .list.on .open {
	background: url('/resources/images/m_foot_accor_up.png') no-repeat right center;
	background-size: 16px
}*/

/* footer .foot_area .info_div .list.on .close {
	margin-bottom: 14px;
} */

footer .foot_area .info_div .info,
footer .foot_area .info_div .copyright {
	font-size: 12px;
	line-height: 18px;
	color: #bbb;
	word-break: break-all;
}

footer .foot_area .info_div .info .name {
	display: inline-block;
	margin-right: 13px;
}

footer .foot_area .info_div .ccm_div {
	margin-top: 24px;
}

footer .foot_area .info_div .ccm_div p {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #999;
	background: url('/resources/images/icon/footer/ico_ccm.svg') no-repeat left center / 40px;
	padding: 4px 0 4px 48px;
}

.floating_btn {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 50px);
	bottom: calc(env(safe-area-inset-bottom) + 50px);
	right: 20px;
	width: 80px;
	z-index: 9
}

.floating_btn a {
	display: block;
	float: right;
	margin-top: 12px;
	padding: 10px;
	width: 52px;
	height: 52px;
	border-radius: 100%;
}

.floating_btn a:first-child {
	margin-top: 0
}

.floating_btn a.top {
	display: none;
	background: url('/resources/images/icon/icn_top.png') no-repeat center;
	background-size: 52px;
}

/* .floating_btn a.product {
	position: relative;
	padding: 0;
	transition: width 0.3s ease, height 0.3s ease, transform 0.3s ease;
	perspective: 500px;
	transform-style: preserve-3d;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2)
}

.floating_btn a.product p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	background: url('/resources/images/m_floating_product.png') no-repeat;
	background-size: cover;
	border-radius: 100%;
	transition: border 0.3s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.floating_btn a.product span {
	position: absolute;
	padding: 10px 14px;
	top: 50%;
	left: 50%;
	width: 52px;
	height: 52px;
	margin: -26px 0 0 -26px;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: center;
	background: #fff;
	border-radius: 100%;
	transform: rotateY(180deg);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.floating_btn a.product.on {
	transform: rotateY(180deg)
}

.floating_btn a.product.big {
	width: 180px;
	height: 180px
}

.floating_btn a.product.big p {
	border: 3px solid #fff
}

.floating_btn a.quick {
	background: url('/resources/images/m_floating_quick.png') no-repeat center #fff;
	background-size: 32px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
} */

.floating_btn.top_show .top {
	display: block
}

#wrap.main .floating_btn {
	bottom: calc(constant(safe-area-inset-bottom) + 100px);
	bottom: calc(env(safe-area-inset-bottom) + 100px)
}

.floating_btn.type2 {
	bottom: calc(constant(safe-area-inset-bottom) + 100px);
	bottom: calc(env(safe-area-inset-bottom) + 100px);
}

.quick_menu {
	display: none;
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 100px);
	bottom: calc(env(safe-area-inset-bottom) + 100px);
	right: 20px;
	white-space: nowrap;
	z-index: 11;
}

.quick_menu a {
	display: block;
	position: relative;
	margin-top: 12px;
	padding: 10px;
	width: 52px;
	height: 52px;
	border-radius: 100%;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2)
}

.quick_menu a:first-child {
	margin-top: 0
}

.quick_menu a.kakao {
	background: url('/resources/images/m_floating_kakao.png') no-repeat center #fff;
	background-size: 32px
}

.quick_menu a.faq {
	background: url('/resources/images/m_floating_faq.png') no-repeat center #fff;
	background-size: 32px
}

.quick_menu a.close {
	background: url('/resources/images/m_icn_xbt_64x64.png') no-repeat center #fff;
	background-size: 32px
}

.quick_menu a span {
	position: absolute;
	right: 64px;
	top: 0;
	font-size: 16px;
	line-height: 52px;
	color: #fff;
	text-align: right;
}

/*.q_1on1:before{content: "1:1문의"; font-size: 16px; line-height: 24px; letter-spacing: - 0.5px; margin-right: 12px;}*/


/* 체험단 이벤트 */
/*.board_view.event .etc_div{background: #f9f9f9; padding: 18px 24px 48px 24px; margin: 0 -24px; font-size: 13px; line-height: 20px; letter-spacing: -0.2px; font-weight: 300;}*/
/*.board_view.event .etc_div .dot_indent_tit{background: url("/resources/images/mypage/m_icn_info.png") left center no-repeat; background-size: 12px; padding-left: 18px;}*/
/*.board_view.event .etc_div .dot_indent{margin-bottom: 12px;}*/
/*.board_view.event .etc_div .warn_tit{font-weight: 400; margin-bottom: 4px;}*/
.board_view.event .fixed {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	width: 100%;
	z-index: 1;
	background: #2a204e
}

.submit_evt_pop .title {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
	margin-bottom: 20px;
	margin-top: 24px;
	font-weight: 500;
}

.submit_evt_pop .title:not(:first-child) {
	margin-top: 48px
}

.submit_evt_pop .tit {
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -0.5px;
	color: #555;
	margin-bottom: 12px;
}

.submit_evt_pop .agr_title {
	margin-bottom: 2px;
}

.submit_evt_pop .desc {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #555;
	margin-bottom: 24px;
}

.submit_evt_pop .desc.etc_div {
	padding: 18px;
	background: #f9f9f9;
}

.submit_evt_pop .desc .dot_indent p.warning {
	text-indent: -16px;
}

.submit_evt_pop .radio_div .radio_box:not(:last-child) {
	margin-right: 32px;
}

.submit_evt_pop .radio_box input[type="radio"]+label {
	line-height: 20px;
}

.layer_pop.mid_pop.img_down_pop .pop_con {
	padding: 60px 24px;
}

.layer_pop.mid_pop.img_down_pop .title {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
}

.layer_pop.mid_pop.img_down_pop .desc {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
	text-align: left;
}

.layer_pop.mid_pop.img_down_pop .swiper-wrapper {
	height: auto
}

.layer_pop.mid_pop.img_down_pop .swiper-slide {
	width: 100%;
	height: auto;
}

.layer_pop.mid_pop.img_down_pop .swiper-slide img {
	width: 100%
}

.layer_pop.mid_pop.img_down_pop .swiper-pagination-bullets {
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	margin-top: 16px;
}

.layer_pop.mid_pop.img_down_pop .swiper-pagination-bullet {
	border-radius: 0;
	opacity: 1;
	background: #ddd;
}

.layer_pop.mid_pop.img_down_pop .swiper-pagination-bullet:not(:last-child) {
	margin-right: 6px;
}

.layer_pop.mid_pop.img_down_pop .swiper-pagination-bullet-active {
	background: #5b1a7c;
}

.layer_pop.mid_pop.img_down_pop .comm_btn_wh {
	margin-top: 0;
	border: none;
	border-top: 1px solid #ddd;
	color: #7b23a8
}

.layer_pop.mid_pop.img_down_pop .close_btn {
	position: absolute;
	top: 14px;
	right: 16px;
	width: 32px;
	height: 32px;
	background: url('/resources/images/common/m_icn_close_bk.png') no-repeat left center;
	background-size: auto 32px;
}


/* 앱 온보딩 */
.onboard_div {
	width: 100%;
	height: 100vh;
	position: relative;
	text-align: center;
	background: #efe9fb
}

.onboard_div .btn_close {
	padding: 5px;
	width: 42px;
	height: 42px;
	position: absolute;
	right: 15px;
	top: 9px;
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 2
}

.onboard_div .btn_close img {
	width: 100%
}

.onboard_div .onboard_box {
	position: relative;
	height: 100%;
	opacity: 0;
	transition: opacity 0.8s ease
}

.onboard_div .onboard_box .swiper-wrapper {
	height: 100%
}

.onboard_div .onboard_box .swiper-wrapper .swiper-slide {
	height: 100%
}

.onboard_div .onboard_box .swiper-wrapper .swiper-slide .img_area {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 280px;
	max-width: calc(100% - 80px);
	max-width: -webkit-calc(100% - 80px);
	box-shadow: 0 2px 36px 10px rgba(0, 0, 0, 0.08);
	border-radius: 42px
}

.onboard_div .onboard_box .swiper-wrapper .swiper-slide .img_area img {
	width: 100%
}

.onboard_div .onboard_box .swiper-wrapper .swiper-slide .tit {
	position: absolute;
	bottom: ;
	left: 0;
	width: 100%;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -0.5px;
	font-weight: 500;
	color: #000
}

.onboard_div .onboard_box .swiper-pagination {
	bottom: 90px;
}

.onboard_div .onboard_box .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #fff;
	opacity: 1;
	borde-radius: 100%
}

.onboard_div .onboard_box .swiper-pagination .swiper-pagination-bullet-active {
	background: #2a204e;
}

.onboard_div .btn_div {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	padding: 20px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
	z-index: 1;
	opacity: 0;
	transition: opacity 0.4s ease
}

.onboard_div .btn_div a {
	display: block;
	padding: 17px 15px;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #7b23a8
}

.onboard_div .btn_div a.wht {
	color: #7b23a8
}

.onboard_div .btn_div a.pur {
	color: #fff;
	background: #5b1a7c
}

.onboard_div .btn_div a.join {
	margin-left: 4px
}

.onboard_div .btn_div a.start {
	display: none
}

.onboard_div .btn_div.on a.login {
	display: none
}

.onboard_div .btn_div.on a.join {
	display: none
}

.onboard_div .btn_div.on a.start {
	display: block
}

.onboard_div.active .btn_close {
	opacity: 1
}

.onboard_div.active .onboard_box {
	opacity: 1
}

.onboard_div.active .btn_div {
	opacity: 1
}


.ticket_div {
	padding: 96px 24px 48px;
	margin: 0 auto;
	max-width: 400px
}

.ticket_div .title {
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: left
}

.ticket_div .title span {
	font-weight: 700
}

.ticket_div .img {
	position: relative;
	height: 162px;
	margin-top: 28px;
	text-align: center
}

.ticket_div .img img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -148px;
	height: 162px
}

.ticket_div .text {
	margin-top: 30px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.ticket_div .text span {
	font-weight: 700
}

.ticket_div .step_div {
	margin-top: 40px;
	padding-top: 50px;
	border-top: 1px solid #000
}

.ticket_div .step_div .step {
	margin-top: 60px
}

.ticket_div .step_div .step:first-child {
	margin-top: 0
}

.ticket_div .step_div .step .tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.ticket_div .step_div .step .tit span {
	color: #7b23a8
}

.ticket_div .step_div .step .txt {
	margin: 20px 0 24px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.ticket_div .step_div .step .btn_div {
	display: flex
}

.ticket_div .step_div .step .btn_div a {
	display: block;
	margin-left: 6px;
	width: 100%;
	height: 56px;
	font-size: 16px;
	text-align: center
}

.ticket_div .step_div .step .btn_div a:first-child {
	margin-left: 0;
}

.ticket_div .step_div .step .btn_div .login {
	line-height: 54px;
	color: #000;
	background: #fff;
	border: 1px solid #ddd
}

.ticket_div .step_div .step .btn_div .join {
	line-height: 56px;
	color: #fff;
	background: #2a204e
}

.ticket_div .step_div .step .input_div .top:after {
	content: '';
	display: block;
	clear: both
}

.ticket_div .step_div .step .input_div .top input {
	float: left;
	width: calc(100% - 97px);
	width: -webkit-calc(100% - 97px);
	height: 44px
}

.ticket_div .step_div .step .input_div .top .regi_btn {
	float: left;
	margin-left: 8px;
	width: 89px;
	height: 44px;
	font-size: 14px;
	line-height: 42px;
	color: #ccc;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc
}

.ticket_div .step_div .step .input_div .top .regi_btn.on {
	color: #000;
	border: 1px solid #000
}

.ticket_div .step_div .step .input_div .add_txt {
	margin-top: 12px
}

.ticket_div .step_div .step .input_div .add_txt p {
	position: relative;
	padding-left: 7px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.ticket_div .step_div .step .input_div .add_txt p:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 2px;
	height: 2px;
	background: #777;
	border-radius: 100%
}

.ticket_div .step_div .step .survey_move {
	display: block;
	margin: 0 auto;
	height: 56px;
	font-size: 16px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	background: #2a204e
}

.ticket_div .close {
	position: absolute;
	top: 14px;
	right: 16px;
	width: 32px;
	height: 32px;
	background: url('/resources/images/common/m_bottom_pop_close.png') no-repeat;
	background-size: 32px
}


.error_page {
	margin: 80px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center
}

.error_page .tit {
	padding-top: 64px;
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #000;
	background: url('/resources/images/m_temi_icn.png') no-repeat center top;
	background-size: 48px
}

.error_page .txt {
	margin-top: 8px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #555;
}

/* 앱 설치 유도 팝업 */
.layer_pop.mid_pop.install_app_pop {
	text-align: center;
}

.layer_pop.mid_pop.install_app_pop .pop_con {
	padding: 0;
}

.layer_pop.mid_pop.install_app_pop .title {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
}

.layer_pop.mid_pop.install_app_pop .desc {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
	text-align: left;
}

.layer_pop.mid_pop.install_app_pop .swiper-wrapper {
	height: auto
}

.layer_pop.mid_pop.install_app_pop .swiper-slide {
	width: 100%;
	height: auto;
}

.layer_pop.mid_pop.install_app_pop .swiper-slide img {
	width: 100%
}

.layer_pop.mid_pop.install_app_pop .swiper-pagination-bullets {
	width: 100%;
	margin-top: 20px;
}

.layer_pop.mid_pop.install_app_pop .swiper-pagination-bullet {
	border-radius: 0;
	opacity: 1;
	background: #999;
}

.layer_pop.mid_pop.install_app_pop .swiper-pagination-bullet:not(:last-child) {
	margin-right: 6px;
}

.layer_pop.mid_pop.install_app_pop .swiper-pagination-bullet-active {
	background: #fff;
}

.layer_pop.mid_pop.install_app_pop .comm_btn {
	margin-top: 0;
	border: none;
}

.layer_pop.mid_pop.install_app_pop .close_btn {
	display: inline-block;
	text-align: center;
	color: #f8f8f8;
	margin-top: 60px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.5px;
	border-bottom: 2px solid #fff;
}



/* 이벤트 관련 */
.hundred_event {
	margin-bottom: 60px
}

.hundred_event .accor_div {}

.hundred_event .accor_div .list {
	position: relative
}

.hundred_event .accor_div .list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.hundred_event .accor_div .list:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .open {
	display: block;
	padding: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/m_icn_down_777_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px;
	border-bottom: 1px solid #eee
}

.hundred_event .accor_div .list .open span {
	color: #7b23a8
}

.hundred_event .accor_div .list.on .open {
	background: url('/resources/images/m_icn_up_777_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.hundred_event .accor_div .list.on .close {
	display: block
}

.hundred_event .accor_div .list .close {
	display: none;
	padding: 16px 20px 40px
}

.hundred_event .accor_div .list .close .hundred_tab {
	margin-top: 12px
}

.hundred_event .accor_div .list .close .hundred_tab a {
	display: block;
	margin-top: 12px;
	padding: 23px 19px 23px 49px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: url("/resources/images/common/m_radio_icon_48x48.png") no-repeat 19px center;
	background-size: 24px
}

.hundred_event .accor_div .list .close .hundred_tab a:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .close .hundred_tab a:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb {
	float: left;
	padding: 4px;
	width: 52px;
	height: 52px;
	background: #f7f7f7;
	border-radius: 8px;
	text-align: center
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb img {
	width: auto;
	height: 44px
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb img:nth-child(1) {
	display: inline
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb img:nth-child(2) {
	display: none
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area {
	float: left;
	padding: 5px 0 5px 6px;
	width: calc(100% - 52px);
	width: -webkit-calc(100% - 52px)
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #777
}

.hundred_event .accor_div .list .close .hundred_tab a:first-child .txt_area .tit {
	padding-top: 11px
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area .txt {
	margin-top: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #777
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area .noti {
	margin-top: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #777
}

.hundred_event .accor_div .list .close .hundred_tab a.on {
	border: 1px solid #7b23a8;
	background: url("/resources/images/common/m_radio_icon_on_48x48.png") no-repeat 19px center;
	background-size: 24px
}

.hundred_event .accor_div .list .close .hundred_tab a.on .thumb img:nth-child(1) {
	display: none
}

.hundred_event .accor_div .list .close .hundred_tab a.on .thumb img:nth-child(2) {
	display: inline
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .tit {
	color: #000
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .txt {
	color: #000
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .txt span {
	font-weight: 700;
	color: #7b23a8
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .noti {
	color: #7b23a8
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a {
	padding: 18px 19px 18px 49px
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a .thumb {
	margin: 5px 0
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a .txt_area {
	padding: 0 0 0 6px
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a .txt_area .noti {
	margin-top: 2px
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a:first-child .txt_area .tit {
	padding-top: 10px
}

.hundred_event .accor_div .list .close .noti_text {
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.hundred_event .accor_div .list .close .choice_pd {
	margin-top: 16px
}

.hundred_event .accor_div .list .close .choice_pd:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_pd .pd_list {
	position: relative;
	float: left;
	margin-left: 16px;
	width: calc(50% - 8px);
	width: -webkit-calc(50% - 8px)
}

.hundred_event .accor_div .list .close .choice_pd .pd_list:nth-child(2n+1) {
	clear: both;
	margin-left: 0
}

.hundred_event .accor_div .list .close .choice_pd .pd_list:nth-child(n+3) {
	margin-top: 32px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 42px;
	height: 42px;
	z-index: 1
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box label {
	padding-left: 0;
	width: 42px;
	height: 42px;
	border-radius: 100%
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box label:after {
	top: 9px;
	left: 9px;
	transform: translate(0, 0)
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box+.thumb {
	border: 1px solid #f7f7f7
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box.on+.thumb {
	border: 1px solid #7b23a8
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb {
	display: block;
	position: relative;
	background: #f7f7f7;
	border-radius: 8px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb:after {
	content: '';
	display: block;
	padding-bottom: 100%
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px)
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb img:nth-child(2) {
	display: none;
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb:before {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 3px 5px 1px;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	border-radius: 4px;
	background: #fff;
	z-index: 1
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.red .thumb:before {
	content: '추천';
	color: #e62423;
	border: 1px solid #e62423
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.yellow .thumb:before {
	content: '권장';
	color: #ffa900;
	border: 1px solid #ffa900
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.recomm .thumb:before {
	content: '전문가 추천';
	color: #e81d75;
	border: 1px solid #e81d75
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.sugge .thumb:before {
	content: '기초 영양 제안';
	color: #06d200;
	border: 1px solid #06d200
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area {
	display: block;
	margin-top: 8px;
	font-weight: 400
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name {
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name span {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name span:before {
	content: '';
	display: block;
	margin-top: 2px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name strong {
	display: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #7b23a8;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div {
	margin-top: 8px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price {
	display: inline-block;
	margin-left: 4px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price:nth-child(1) {
	margin-left: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #e81d75
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price:nth-child(1) span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price:nth-child(2) {
	font-size: 16px;
	line-height: 20px;
	color: #bbb;
	text-decoration: line-through
}

.hundred_event .accor_div .list .close .choice_info_area {
	margin-top: 12px;
	font-weight: 400
}

.hundred_event .accor_div .list .close .choice_info_area:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area {
	position: relative
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .pack {
	display: none
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top {}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top>.tit {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top>.tit.tool {
	position: relative;
	padding-right: 18px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top .count {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top .count.error {
	color: #e62423
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top .count span {
	display: inline-block;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list {
	margin-top: 8px;
	padding: 12px 24px 20px;
	background: #f7f7f7;
	border-radius: 10px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list .check {
	float: left;
	margin-top: 8px;
	padding-left: 20px;
	width: 50%;
	font-size: 13px;
	line-height: 20px;
	color: #ccc;
	background: url('/resources/images/m_hundred_event_checklist.png') no-repeat left center;
	background-size: 16px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list .check.on {
	color: #000;
	background: url('/resources/images/m_hundred_event_checklist_on.png') no-repeat left center;
	background-size: 16px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info {
	margin-top: 20px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line {
	margin-top: 8px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line .tit {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line .price {
	float: right;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line .price span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .right_area {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top {}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top .tit {
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top .price {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info {
	margin-top: 16px;
	padding: 20px 24px;
	background: #f7f7f7;
	border-radius: 10px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line {
	margin-top: 8px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line .tit {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #555
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line .right {
	float: right;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .chk_div {
	position: relative;
	padding-top: 20px;
	margin-top: 24px;
	border-top: 1px solid #eee
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .chk_div .view {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 14px;
	line-height: 24px;
	color: #7b23a8;
	text-decoration: underline
}

.hundred_event .last_btn {
	display: block;
	margin: 32px auto 0;
	padding: 18px 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px
}

.hundred_event.pack .accor_div .list .close .choice_pd .pd_list .thumb img:nth-child(1) {
	display: none
}

.hundred_event.pack .accor_div .list .close .choice_pd .pd_list .thumb img:nth-child(2) {
	display: block
}

.hundred_event.pack .accor_div .list .close .choice_pd .pd_list .txt_area .name strong {
	display: inline-block
}

.hundred_event.pack .accor_div .list .close .choice_info_area .left_area .bottle {
	display: none
}

.hundred_event.pack .accor_div .list .close .choice_info_area .left_area .pack {
	display: block
}

.hundred_event.already .accor_div {
	position: relative
}

.hundred_event.already .accor_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 148px);
	height: -webkit-calc(100% + 148px);
	background: rgba(0, 0, 0, 0.7);
	z-index: 1
}

.hundred_event.already .accor_div:after {
	content: '';
	position: absolute;
	bottom: 9px;
	left: 50%;
	transform: translateX(-50%);
	width: 320px;
	height: 92px;
	background: url('/resources/images/m_event_hundred_time_open.png') no-repeat;
	background-size: 320px 92px;
	z-index: 1
}

.wadiz_event {
	text-align: center
}

.wadiz_event .top {
	padding: 60px 0;
	background: #3b164f
}

.wadiz_event .top img {
	width: 304px
}

.wadiz_event .code {
	padding: 78px 20px 60px;
}

.wadiz_event .code .box {
	position: relative;
	padding: 46px 20px 40px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15)
}

.wadiz_event .code .box .type {
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 112px
}

.wadiz_event .code .box .txt {
	padding: 4px 0;
	height: 48px;
}

.wadiz_event .code .box .txt img {
	width: auto;
	height: 100%
}

.wadiz_event .code .box .code_input {
	margin-top: 20px
}

.wadiz_event .code .box .code_input:after {
	content: '';
	display: block;
	clear: both
}

.wadiz_event .code .box .code_input .tit {
	float: left;
	padding: 11px 0;
	width: 78px;
	height: 40px;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	background: #eee;
	border: 1px solid #ddd;
	border-right: none;
	border-radius: 6px 0 0 6px
}

.wadiz_event .code .box .code_input input {
	float: left;
	padding: 11px 12px;
	width: calc(100% - 78px);
	width: -webkit-calc(100% - 78px);
	height: 40px;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-left: none;
	border-radius: 0 6px 6px 0;
	caret-color: #000
}

.wadiz_event .code .box .won {
	margin-top: 12px;
	height: 48px
}

.wadiz_event .code .box .won img {
	width: auto;
	height: 100%
}

.wadiz_event .code .box .dday {
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	color: #777
}

.wadiz_event .code .box .btn {
	display: block;
	margin-top: 40px;
	padding: 18px 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background: #5b1a7c;
	border-radius: 6px
}

.wadiz_event .bottom {
	padding: 60px 0;
	background: #f2f2f2
}

.wadiz_event .bottom .tit {
	padding: 5px 0;
	height: 64px
}

.wadiz_event .bottom .tit img {
	width: auto;
	height: 100%
}

.wadiz_event .bottom .list_div {
	margin-top: 48px
}

.wadiz_event .bottom .list_div .list {
	margin: 60px auto 0;
	width: 320px
}

.wadiz_event .bottom .list_div .list:first-child {
	margin-top: 0;
}

.wadiz_pop {
	padding: 40px 16px 16px;
	text-align: center
}

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

.wadiz_pop .won {
	margin-top: 10px;
	height: 48px
}

.wadiz_pop .won img {
	height: 100%
}

.wadiz_pop .dday {
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	color: #777
}

.wadiz_pop .btn {
	display: block;
	margin-top: 40px;
	padding: 14px 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background: #5b1a7c;
	border-radius: 6px
}

.page_bottom_noti {
	margin-top: 60px;
	padding: 24px 20px;
	background: #f9f9f9
}

.page_bottom_noti .tit {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: left
}

.page_bottom_noti .dot_indent {
	margin-top: 10px
}

.page_bottom_noti .dot_indent p {
	font-weight: 400
}

.page_bottom_noti .txt {
	margin-top: 20px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #777
}

/* 섭취기록 챌린지 */
.evt_challenge_wrap {}

.evt_challenge_wrap .calendar_div {
	margin-top: 36px;
	margin-bottom: 29px;
}

.evt_challenge_wrap .calendar_div .title {
	display: none;
	font-size: 16px;
	line-height: 24px;
}

.evt_challenge_wrap .calendar_div .top {
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}

.evt_challenge_wrap .calendar_div .top:after {
	content: '';
	display: block;
	clear: both;
}

.evt_challenge_wrap .calendar_div .top .tit {
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.evt_challenge_wrap .calendar_div .top .info {
	float: right;
}

.evt_challenge_wrap .calendar_div .top .info:after {
	content: '';
	display: block;
	clear: both;
}

.evt_challenge_wrap .calendar_div .top .info p {
	float: left;
	padding-left: 18px;
	font-size: 12px;
	line-height: 24px;
	margin-left: 10px;
}

.evt_challenge_wrap .calendar_div .top .info p:first-child {
	margin-left: 0
}

.evt_challenge_wrap .calendar_div .top .info .today {
	background: url("/resources/images/evt_chall/2206/m_sec2_top_today.png") left center no-repeat;
	background-size: 14px;
}

.evt_challenge_wrap .calendar_div .top .info .comp {
	background: url("/resources/images/evt_chall/2206/m_sec2_top_chk.png") left center no-repeat;
	background-size: 14px;
}

.evt_challenge_wrap.ing .calendar_div .title {
	display: block
}

.evt_challenge_wrap.ing .calendar_div .top .tit {
	font-size: 22px;
	line-height: 30px;
}

.evt_challenge_wrap.ing .calendar_div .top .info p {
	font-size: 12px;
	line-height: 30px;
}

.evt_challenge_wrap .calendar_div .calendar {
	margin: 24px 0;
	position: relative
}

.evt_challenge_wrap .calendar_div .state_div {
	position: absolute;
	width: 100%;
	height: 330px;
	top: 30px;
	text-align: center;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.7);
	padding-top: 32px;
	z-index: 1
}

.evt_challenge_wrap .calendar_div .state_div.fail_div {
	padding-top: 62px;
}

.evt_challenge_wrap .calendar_div .state_div .tit_div {
	position: relative;
	display: inline-block;
}

.evt_challenge_wrap .calendar_div .state_div .tit_div:before {
	content: '';
	display: block;
	z-index: -1;
	position: absolute;
	width: calc(100% + 6px);
	width: -webkit-calc(100% + 6px);
	height: 10px;
	bottom: 0;
	left: -3px;
	background: #00ae62
}

.evt_challenge_wrap .calendar_div .state_div .tit {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
}

.evt_challenge_wrap .calendar_div .state_div .cont {
	margin-top: 18px;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: 700
}

.evt_challenge_wrap .calendar_div .state_div .cont img {
	width: 210px;
}

.evt_challenge_wrap .calendar_div .state_div .cont .txt {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: 700;
}

.evt_challenge_wrap .calendar_div .state_div .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(287deg, #f3a200, #ffb800);
	border-radius: 0 0 15px 15px;
	padding: 22px
}

.evt_challenge_wrap .calendar_div .state_div .bottom .txt {
	font-size: 17px;
	line-height: 22px;
	color: #fff;
	font-weight: 700
}

.evt_challenge_wrap .calendar_div .state_div .bottom img {
	margin-top: 2px;
	width: 150px;
}

.evt_challenge_wrap .calendar_div .calendar .day {}

.evt_challenge_wrap .calendar_div .calendar .day:after {
	content: '';
	display: block;
	clear: both;
}

.evt_challenge_wrap .calendar_div .calendar .day p {
	float: left;
	width: calc(100% / 7);
	width: -webkit-calc(100% / 7);
	font-size: 14px;
	line-height: 22px;
	color: #333;
	font-weight: 500;
	text-align: center
}

.evt_challenge_wrap .calendar_div .calendar .date {
	margin-top: 16px;
}

.evt_challenge_wrap .calendar_div .calendar .date:after {
	content: '';
	display: block;
	clear: both;
}

.evt_challenge_wrap .calendar_div .calendar .date p {
	position: relative;
	margin-top: 9px;
	float: left;
	width: calc(100% / 7);
	width: -webkit-calc(100% / 7);
	font-size: 13px;
	line-height: 40px;
	height: 40px;
	color: #777;
	text-align: center
}

.evt_challenge_wrap .calendar_div .calendar .date p:nth-child(-n+7) {
	margin-top: 0
}

.evt_challenge_wrap .calendar_div .calendar .date p.today:after {
	content: '';
	display: block;
	position: absolute;
	width: 38px;
	height: 38px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid #0237e7;
	border-radius: 100%;
}

.evt_challenge_wrap .calendar_div .calendar .date p.comp:after {
	content: '';
	display: block;
	position: absolute;
	width: 38px;
	height: 38px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("/resources/images/evt_chall/2206/m_chk_ok.png") center no-repeat;
	background-size: 38px;
}

.evt_challenge_wrap .calendar_div .calendar .date p.success:after {
	content: '';
	display: block;
	position: absolute;
	width: 46px;
	height: 46px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("/resources/images/evt_chall/2208/m_sec2_success.png") center no-repeat;
	background-size: 46px
}

.evt_challenge_wrap .calendar_div .calendar .date p.no_chk:after {
	content: '';
	display: block;
	position: absolute;
	width: 38px;
	height: 38px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("/resources/images/evt_chall/2206/m_chk_no.png") center no-repeat;
	background-size: 38px;
}

.evt_challenge_wrap .calendar_div .btn_div {}

.evt_challenge_wrap .calendar_div .btn_div a.btn {
	display: block;
	position: relative;
	margin: 0 auto;
}

.evt_challenge_wrap .calendar_div .btn_div a.btn.intake_btn {
	width: 100%;
	height: 60px;
	background: url("/resources/images/evt_chall/2206/m_intake_txt.png") center no-repeat #001b73;
	background-size: 128px 24px;
	border-radius: 10px;
}

.evt_challenge_wrap .calendar_div .btn_div a.btn.intake_btn.disabled_btn {
	pointer-events: none;
	background: url("/resources/images/evt_chall/2206/m_intake_txt_disabled.png") center no-repeat #fff;
	border: 1px solid #ddd;
	background-size: 70px 24px;
}

.evt_challenge_wrap .calendar_div .btn_div a.btn.go_intake_btn {
	width: 170px;
	height: 30px;
	background: url("/resources/images/evt_chall/2206/m_go_intake_txt.png") center no-repeat;
	background-size: 161px 24px;
	margin-top: 21px;
}

.evt_challenge_wrap .sec4.swiper-container {
	background: #5ededb;
	padding: 24px 24px 30px 24px;
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper {
	height: auto
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper .swiper-slide {
	width: 260px;
	height: 380px;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 20px;
	padding-top: 36px;
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper .swiper-slide .tit {
	height: 36px;
	text-align: center
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper .swiper-slide .tit img {
	height: 36px;
	width: auto
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper .swiper-slide .cont {
	margin-top: 24px;
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper .swiper-slide .btn {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 60px;
	padding: 18px 0;
	text-align: center;
	background: #001b73;
	border-radius: 0 0 15px 15px
}

.evt_challenge_wrap .sec4.swiper-container .swiper-wrapper .swiper-slide .btn img {
	height: 24px;
	width: auto
}

.evt_challenge_wrap .sec4.swiper-container .swiper-pagination {
	bottom: 0;
	line-height: 10px;
}

.evt_challenge_wrap .sec4.swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 0.5
}

.evt_challenge_wrap .sec4.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .top .info .today {
	background-image: url("/resources/images/evt_chall/2208/m_sec2_top_today.png")
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .top .info .comp {
	background-image: url("/resources/images/evt_chall/2208/m_sec2_top_chk.png")
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .calendar .date p.today:after {
	border-color: #00d477
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .calendar .date p.comp:after {
	background-image: url("/resources/images/evt_chall/2208/m_chk_ok.png")
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .btn_div a.btn.intake_btn {
	background-color: #00331d
}

.evt_challenge_wrap.evt_chall_2208 .sec4.swiper-container {
	background-color: #00d477
}

.evt_challenge_wrap.evt_chall_2208 .sec4.swiper-container .swiper-wrapper .swiper-slide .btn {
	background-color: #00331d
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .state_div.success_div {
	padding-top: 82px;
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .state_div.fail_div {
	padding-top: 112px;
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .state_div .tit_div:before {
	background: #ff6811;
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .top .info .today {
	background-image: url("/resources/images/evt_chall/2209/m_sec2_top_today.png")
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .top .info .comp {
	background-image: url("/resources/images/evt_chall/2209/m_sec2_top_chk.png")
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .calendar .date p.today:after {
	border-color: #ff6811
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .calendar .date p.comp:after {
	background-image: url("/resources/images/evt_chall/2209/m_chk_ok.png")
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .btn_div a.btn.intake_btn {
	background-color: #ff6811
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .btn_div a.btn.intake_btn.disabled_btn {
	pointer-events: none;
	background: url("/resources/images/evt_chall/2206/m_intake_txt_disabled.png") center no-repeat #fff;
	border: 1px solid #ddd;
	background-size: 70px 24px;
}

.evt_challenge_wrap.evt_chall_2209 .sec4.swiper-container {
	background-color: #ffefca
}

.evt_challenge_wrap.evt_chall_2209 .sec4.swiper-container .swiper-wrapper .swiper-slide .btn {
	background-color: #ff6811
}

/* 221025 섭취 기록 챌린지 시즌1 */
.evt_challenge_wrap.evt_chall_2211 .sec1 {
	position: relative;
}

.evt_challenge_wrap.evt_chall_2211 .sec1 a {
	position: absolute;
	bottom: 10%;
	left: 9%;
	width: 82%;
	height: 9%;
	border-radius: 10px;
}

.evt_challenge_wrap.evt_chall_2211 .sec1 a.disabled_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ccc;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	pointer-events: none;
}

.evt_challenge_wrap.evt_chall_2211 .sec1 a.disabled_btn img {
	width: auto;
}

.evt_challenge_wrap.evt_chall_2211 .sec4.swiper-container {
	margin-top: -3px;
	background-color: #ffe7ee;
}

.evt_challenge_wrap.evt_chall_2211 .sec4.swiper-container .swiper-wrapper .swiper-slide .btn {
	background-color: #ea1f75
}

/* 221124 연말정산 보너스 이벤트 */
.evt_challenge_wrap.evt_year_tax {
	overflow: hidden;
}

.evt_challenge_wrap.evt_year_tax .sec2 {
	background: #7b23a8;
	box-shadow: 0 2px 20px 0 rgba(123, 35, 168, 0.5);
	padding: 0;
}

.evt_challenge_wrap.evt_year_tax .sec2 .sec2_tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background-color: #5b1a7c;
}

.evt_challenge_wrap.evt_year_tax .sec2 .sec2_tit img {
	width: 197px;
}

.evt_challenge_wrap.evt_year_tax .sec2 .sec2_tit::before {
	content: '';
	background: url("/resources/images/event/evt_year_tax/sec2_arrow.svg");
	position: absolute;
	left: calc(50% - 10px);
	bottom: -10px;
	width: 20px;
	height: 10px;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_default {
	position: relative;
	width: 100%;
	height: 344px;
	background: url("/resources/images/event/evt_year_tax/m_sec2_bg.svg") no-repeat center top 54px;
	margin: 0 auto;
	text-align: center;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_default a {
	display: inline-block;
	width: 176px;
	height: 176px;
	background: url("/resources/images/event/evt_year_tax/sec2_btn.png"),
		linear-gradient(133deg, #ffec40 1%, #ffc200 102%);
	background-repeat: no-repeat, no-repeat;
	background-position: top 45% center, center;
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 40%);
	border-radius: 50%;
	margin-top: 54px;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_default a img {
	height: 120.1px;
	vertical-align: middle;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_completed,
.evt_challenge_wrap.evt_year_tax .sec2 .case_none {
	padding: 30px 0 40px 0;
	text-align: center;
}

.evt_challenge_wrap.evt_year_tax .sec2 p.text {
	line-height: 22px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 26px;
	padding-top: 32px;
	margin-bottom: 16px;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_completed p.text {
	background-image: url("/resources/images/event/evt_year_tax/sec2_ico_completed.png");
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_none p.text {
	background-image: url("/resources/images/event/evt_year_tax/sec2_ico_none.png");
}

.evt_challenge_wrap.evt_year_tax .sec2 .text_box {
	width: 288px;
	font-size: 22px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: -0.5px;
	color: #fff;
	padding: 20px;
	background-color: #9f2fd9;
	border-radius: 25px;
	margin: 0 auto;
}

.evt_challenge_wrap.evt_year_tax .sec2 .text_box b {
	color: #ffd200;
	font-weight: bold;
}

.evt_challenge_wrap.evt_year_tax .noti {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.47px;
	text-align: center;
	color: #cb79f6;
	margin-top: 16px;
}

/* 230407 리뉴얼 친구초대 이벤트 */
.evt_renewal_invite .sec {
	position: relative;
}

.evt_renewal_invite .sec2,
.evt_renewal_invite .sec3 {
	text-align: center;
}

.evt_renewal_invite .sec2 {
	padding: 50px 30px;
	background-color: #F0EAFF
}

.evt_renewal_invite .sec2 .txt {
	position: relative;
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #333;
	background: #fff;
	padding: 34px 28px;
	margin-top: 42px;
	border-radius: 10px;
}

.evt_renewal_invite .sec2 .txt b {
	font-size: 18px;
	font-weight: 700;
}

.evt_renewal_invite .sec2 .txt b em {
	color: #9C00EB;
	font: inherit;
}

.evt_renewal_invite .sec2 .txt:before {
	content: '';
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 76px;
	height: 36px;
	background-size: cover;
}

.evt_renewal_invite .sec2 .txt:nth-of-type(1) {
	margin-top: 0;
}

.evt_renewal_invite .sec2 .txt:nth-of-type(1):before {
	background-image: url('/resources/images/event/evt_renewal/invite/m_step_01.png');
}

.evt_renewal_invite .sec2 .txt:nth-of-type(2):before {
	background-image: url('/resources/images/event/evt_renewal/invite/m_step_02.png');
}

.evt_renewal_invite .sec2 .txt:nth-of-type(3):before {
	background-image: url('/resources/images/event/evt_renewal/invite/m_step_03.png');
}

.evt_renewal_invite .sec3 {
	padding: 50px 30px;
	background-color: #E3D7FF;
}

.evt_renewal_invite .sec3>.tit {
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color: #5b1a7c;
	background: url('/resources/images/event/evt_renewal/invite/m_sec_ico.png') no-repeat top center / 100px 86px;
	padding-top: 110px;
}

.evt_renewal_invite .sec3 .cont {
	position: relative;
	width: 100%;
	margin-top: 24px !important;
	padding: 40px 20px 20px;
	border-radius: 10px;
	background: linear-gradient(93deg, #E7F2FF 0%, #F4FAFF 50%);
}

.evt_renewal_invite .sec3 .cont .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 24px;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #7B23A8;
	text-align: center;
	margin: 0 auto;
}

.evt_renewal_invite .sec3 .cont .badge:before,
.evt_renewal_invite .sec3 .cont .badge:after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #7B23A8;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_info {
	padding: 20px 0 24px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_info .name {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #7B23A8;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_info .coupon_num {
	font-size: 32px;
	line-height: 32px;
	font-weight: 700;
	color: #7B23A8;
	margin-top: 6px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .tit {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: #5b1a7c;
	padding: 38px 0 44px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .share a {
	display: block;
	width: 100%;
	height: 56px;
	font-size: 16px;
	line-height: 54px;
	font-weight: 400;
	color: #fff;
	background-color: #7b23a8;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: 10px center;
	border-radius: 6px;
	margin-top: 14px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .share .copy {
	background-image: url('/resources/images/event/evt_renewal/invite/m_ico_copy.png');
	margin-top: 0;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .share .kakao {
	background-color: #ffeb00;
	background-image: url('/resources/images/event/evt_renewal/invite/m_ico_kakao.png');
	color: #000;
}

/* 230412 리뉴얼 혜택퍼즐 이벤트 */
.evt_renewal_benefit .sec {
	position: relative;
	background: #FFF3D5;
}

.evt_renewal_benefit .sec1_cont {
	position: absolute;
	top: 86.5%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: start;
	justify-content: center;
	width: 100%;
	height: 13.2%;
}

.evt_renewal_benefit .sec1_cont li {
	flex: 1;
}

.evt_renewal_benefit .sec2 {
	padding: 40px 27px 20px;
}

.evt_renewal_benefit .sec2 .sec2_tit {
	width: 215px;
	height: auto;
	margin: 0 auto;
}

.evt_renewal_benefit .sec2 .sec2_cont {
	display: flex;
	align-items: start;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 14px;
	width: 306px;
	margin: 28px auto 0 auto;
}

.evt_renewal_benefit .sec2 .sec2_cont li {
	display: flex;
	flex-direction: column;
	width: calc(50% - 14px);
}

.evt_renewal_benefit .sec2 .sec2_cont li:nth-child(n+3) {
	margin-top: 14px;
}

.evt_renewal_benefit .sec3 {
	padding: 40px 27px 20px;
}

.evt_renewal_benefit .sec3 .sec3_tit {
	width: 195px;
	height: auto;
	margin: 0 auto;
}

.evt_renewal_benefit .sec3 .sec3_cont {
	width: 100%;
	margin: 28px auto 0 auto;
}

.evt_renewal_benefit .sec3 .sec3_cont table tbody tr {
	border-bottom: 1px solid #eaeaea;
}

.evt_renewal_benefit .sec3 .sec3_cont table tbody tr:nth-last-of-type(1) {
	border-bottom: none;
}

.evt_renewal_benefit .sec3 .sec3_cont table th {
	position: relative;
	height: 39px;
	font-size: 11px;
	font-weight: 500;
	background: #F4F0FF;
	text-align: center;
}

.evt_renewal_benefit .sec3 .sec3_cont table th::after {
	content: '';
	position: absolute;
	top: 12px;
	right: 0;
	width: 1px;
	height: 15px;
	color: #F4F0FF;
	background: #ddd;
}

.evt_renewal_benefit .sec3 .sec3_cont table th:nth-last-of-type(1)::after {
	content: none;
}

.evt_renewal_benefit .sec3 .sec3_cont table tr td {
	height: 39px;
	font-size: 11px;
	font-weight: 400;
	color: #0d0058;
	background-color: #fff;
	border-right: 1px solid #eee;
	text-align: center;
}

.evt_renewal_benefit .sec3 .sec3_cont table tr td:nth-last-of-type(1) {
	border-right: none;
}

.evt_renewal_benefit .sec3 .sec3_cont .etc {
	margin-top: 16px;
}

.evt_renewal_benefit .sec3 .sec3_cont .etc p {
	font-size: 12px;
	line-height: 19px;
	color: #999;
}

.evt_renewal_benefit .sec4 {
	padding: 40px 27px 60px;
}

.evt_renewal_benefit .sec4 .sec4_tit {
	width: 265px;
	height: auto;
	margin: 0 auto;
}

.evt_renewal_benefit .sec4 .sec4_cont {
	display: flex;
	align-items: start;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 14px;
	width: 306px;
	margin: 28px auto 0 auto;
}

.evt_renewal_benefit .sec4 .sec4_cont li {
	display: flex;
	flex-direction: column;
	width: calc(50% - 14px);
}

.evt_renewal_benefit .sec4 .sec4_cont li:nth-child(n+3) {
	margin-top: 14px;
}

/* 230818 2023 체험팩 이벤트 - 1차 구독중 회원 대상 */
.evt_free_experience .sec2 {
	background-color: #9cf4a0;
	padding: 30px 20px;
}

.evt_free_experience .sec2 li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	width: 100%;
	background-color: #fff;
	border-radius: 24px;
	padding: 24px 30px;
}

.evt_free_experience .sec2 li:nth-child(n+2) {
	margin-top: 20px;
}

.evt_free_experience .sec2 li .txt {
	display: flex;
	align-items: center;
	min-height: 68px;
	background-size: 68px;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 86px;
}

.evt_free_experience .sec2 li:nth-of-type(1) .txt {
	background-image: url('/resources/images/event/evt_free_experience/sec2_01.svg');
}

.evt_free_experience .sec2 li:nth-of-type(2) .txt {
	background-image: url('/resources/images/event/evt_free_experience/sec2_02.svg');
}

.evt_free_experience .sec2 li:nth-of-type(3) .txt {
	background-image: url('/resources/images/event/evt_free_experience/sec2_03.svg');
}

.evt_free_experience .sec2 li .txt .tit {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #3b3b3b;
	padding-top: 32px;
	background-size: 59px 15px;
	background-position: center top 6px;
	background-repeat: no-repeat;
	text-align: center;
}

.evt_free_experience .sec2 li:nth-of-type(1) .txt .tit {
	background-image: url('/resources/images/event/evt_free_experience/m_sec2_tit_01.png');
}

.evt_free_experience .sec2 li:nth-of-type(2) .txt .tit {
	background-image: url('/resources/images/event/evt_free_experience/m_sec2_tit_02.png');
}

.evt_free_experience .sec2 li:nth-of-type(3) .txt .tit {
	background-image: url('/resources/images/event/evt_free_experience/m_sec2_tit_03.png');
}

.evt_free_experience .sec2 li .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	height: 60px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	border-radius: 37px;
	margin-top: 18px;
}

.evt_free_experience .sec2 li .btn.pink {
	background-color: #f568cf;
}

.evt_free_experience .sec2 li .btn.grn {
	background-color: #25c66c;
}

.evt_free_experience .sec2 li .btn.blue {
	background-color: #5770ff;
}

/* 230913 2023 체험팩 이벤트 - 2차 주문이력 없는 대상 */
.evt_free_experience_ver2 .sec1 {
	position: relative;
}

.evt_free_experience_ver2 .sec1 .sec1_btn {
	position: absolute;
	top: 37%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45.28%;
	height: 44px;
	border-radius: 3.1px;
	background: rgb(130, 63, 246);
	background: linear-gradient(270deg, rgba(130, 63, 246, 0.88) 0%, rgba(96, 0, 174, 1) 100%);
}

.evt_free_experience_ver2 .sec1 .sec1_btn a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 13px;
	text-align: center;
}

.evt_free_experience_ver2 .sec1 .sec1_btn a img {
	height: 100%;
	object-fit: contain;
}

.evt_free_experience_ver2 .sec2 {
	background: #6000b7;
}

/* 240401 건강검진 및 투약정보 연동 */
.bottom_btn {
	height: 56px;
	border-radius: 6px;
}

.bottom_btn.wht {
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.bottom_btn.pur {
	color: #fff;
	line-height: 54px;
	background: #5b1a7c;
	border: 1px solid transparent
}

.bottom_btn.disable {
color: #ccc;
line-height: 54px;
border: 1px solid #ccc;
}

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 최초 안내 */
.layer_pop.checkup_intro_pop .pop_con {
	padding-bottom: 0;
}

.layer_pop.checkup_intro_pop:not(:has(.close_btn)) .pop_con {
	padding-top: 32px;
}

.layer_pop.checkup_intro_pop .pop_con .term {
	color: #000;
	font-size: 18px;
	line-height: 26px;
}

.layer_pop.checkup_intro_pop .pop_con .desc {
	padding-top: 20px;
	color: #000;
	font-size: 14px;
	line-height: 20px;
}

.layer_pop.checkup_intro_pop .pop_btn {
	display: flex;
	align-items: center;
	padding: 20px 0;
	gap: 0 8px;
	background-color: #fff;
}

.layer_pop.checkup_intro_pop .pop_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	font-size: 16px;
	font-weight: 500;
}

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 인증 로딩 */
.checkup-loading {
	margin-top: 10px;
	text-align: center;
}

.checkup-loading .ing {
	position: relative;
	margin: 0 auto;
	width: 218px;
	height: 218px;
	box-shadow: 0 0 30px 0 rgba(214, 196, 255, 0.4);
	background-color: #fff;
	border-radius: 50%;
}

.checkup-loading .ing canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(-90deg) scale(0.25);
	margin: -360px 0 0 -360px
}

.checkup-loading .ing .per {
	position: absolute;
	top: 89px;
	left: 0;
	width: 100%;
	color: #000;
	text-align: center
}

.checkup-loading .ing .per span {
	display: inline-block;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	vertical-align: top
}

.checkup-loading .ing .per b {
	display: inline-block;
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	vertical-align: top
}

.checkup-loading .desc {
	color: #000;
	margin-top: 36px;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.5px;
}

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 인증 완료 */
.checkup .auth-end {
	display: flex;
	flex-direction: column;
	width: calc(100% - 40px);
	height: calc(100vh - 155px);
	margin: 92px 20px 0;
	text-align: center;
}

.checkup .auth-end .term {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.5px;
}

.checkup .auth-end .desc {
	padding: 24px 14px 0;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.5px;
}

.checkup .auth-end .bottom_btn {
	margin-top: auto;
	margin-bottom: 20px;
	width: 100%;
}

/* 240401 건강검진 및 투약정보 연동: 설문결과>건강검진연동추가영역 */
.survey_result_new.rslt3 .checkup-info {
	padding-bottom: 32px;
	border-top: 10px solid #F7F7F7;
}

.survey_result_new.rslt3 .checkup-info .term {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 20px 0 46px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	background: url(/resources/images/common/connection.svg) no-repeat 20px 50% / 24px;
	border-bottom: 1px solid #eee;
}

.survey_result_new.rslt3 .checkup-info .desc {
	margin: 12px 20px 0;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
}

.survey_result_new.rslt3 .checkup-info .bottom_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 40px);
	margin: 20px 20px 0;
}

/* 240401 건강검진 및 투약정보 연동: 내정보>간편인증 팝업 */
.checkup-auth input {
	width: 100%;
}

.checkup-auth .desc {
	padding-bottom: 28px;
	color: #000;
	font-size: 20px;
	line-height: 28px;
}

.checkup-auth .sub-desc {
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.checkup-auth .scr-wrap {
	padding-top: 48px;
	padding-bottom: 96px;
	overflow-y: auto;
}

.checkup-auth .form-wrap {
	display: flex;
	flex-direction: column;
	gap: 26px 0;
	/* padding-bottom: 48px; */
}

.checkup-auth .form-wrap .term {
	display: inline-block;
	padding-bottom: 6px;
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.checkup-auth .form-wrap .select-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
}

.checkup-auth .form-wrap .select-list+.input_area {
	margin-top: 6px;
}

.checkup-auth .form-wrap .input_area.error input {
	border: 1px solid #e62423
}

.checkup-auth .form-wrap .method .select-list button {
	width: calc(50% - 4px);
}

.checkup-auth .form-wrap .phone .select-list button {
	flex: 1;
}

.checkup-auth .form-wrap .select-list button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	color: #000;
	font-size: 14px;
	border: 1px solid #eee;
	border-radius: 6px;
}

.checkup-auth .form-wrap .select-list button.on {
	border: 3px solid #7B23A8;
}

.checkup-auth .auth-img {
	width: 100%;
	margin-top: 28px;
}

.checkup-auth .btn-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	background-color: #fff;
}

.checkup-auth .btn-wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 6px;
}

/* 240401 건강검진 및 투약정보 연동: 내정보>건강검진 정보 */
.mypage_div.checkup {
	padding-top: 48px;
	padding-bottom: 32px;
	background-color: #fff;
}

.mypage_div.checkup .menu_tit_div {
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
}

.mypage_div.checkup .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 46px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.mypage_div.checkup .tit .view-btn {
	display: block;
	width: 16px;
	height: 16px;
	background: url(/resources/images/common/arrow-next-bbb.svg) no-repeat 100% 50%;
}

.mypage_div.checkup .menu_tit {
	position: relative;
	height: 56px;
}

.mypage_div.checkup .menu_tit span {
	display: inline-block;
	line-height: 28px;
}

.mypage_div.checkup .menu_tit span:nth-last-child(1) {
	margin-left: 98px;
}

.mypage_div.checkup .menu_tit .select-year-btn {
	position: absolute;
	padding-right: 18px;
	color: #000;
	font-size: 20px;
	line-height: 28px;
	background: url(/resources/images/common/arrow-down-bbb.svg) no-repeat 100% 50%;
}

.mypage_div.checkup .list_div {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	margin-top: 8px;
	margin-bottom: 28px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.mypage_div.checkup .list_div:nth-last-child(1) {
	border-bottom: none;
}

.mypage_div.checkup .list_div li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48px;
}

.mypage_div.checkup .list_div .term {
	width: 100px;
	color: #555;
	font-size: 14px;
	line-height: 22px;
}

.mypage_div.checkup .list_div .desc {
	flex: 1;
	color: #000;
	font-size: 14px;
	line-height: 22px;
	text-align: right;
}

.select_year_pop .year-list {
	height: 176px;
	overflow: hidden;
}

.select_year_pop .year-list .wslot-item {
	display: flex;
	align-items: center;
	padding-left: 22px;
	color: #ddd;
	font-size: 22px;
	font-weight: 500;
	/* border-bottom: 1px solid #eee; */
}

.select_year_pop .year-list .wslot-item-selected {
	color: #7B23A8;
}

.mypage_div.checkup .checkup-info {
	margin-top: -36px;
}

.mypage_div.checkup .checkup-info li {
	padding: 0 20px;
}

.mypage_div.checkup .checkup-info li+li {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 10px solid #F7F7F7;
}

.mypage_div.checkup .checkup-info .term {
	display: flex;
	align-items: center;
	height: 46px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 700;
}

.mypage_div.checkup .checkup-info .graph-wrap {
	position: relative;
	width: 100%;
}

.mypage_div.checkup .checkup-info .graph-wrap canvas {
position: relative;
z-index: 2;
}

.mypage_div.checkup .checkup-info .graph-wrap .tooltipbox {
	position: absolute;
display: flex;
align-items: center;
	height: 30px;
	padding: 5px 13px;
	color: #7B23A8;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #7B23A8;
	border-radius: 20px;
	pointer-events: none;
	transform: translate(-50%, 0px);
	transition: all 0.1s ease 0s;
	opacity: 0;
	z-index: 1;
}

.mypage_div.checkup .checkup-info .graph-wrap .tooltipbox:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: calc(50% - 5px);
	display: block;
	width: 10px;
	height: 5px;
	background: url(/resources/images/icon/speech-bubble.svg) no-repeat 50% 100%;
}

.mypage_div.checkup .checkup-info+.bottom_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 40px);
	height: 48px;
	margin: 32px 20px 0;
	font-size: 14px;
	font-weight: 400;
}