@charset "utf-8";
@import url(puzzle2.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: 16px;
	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;
	border: 1px solid transparent;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #000;
	letter-spacing: -0.6px;
	border-radius: 6px;
	font-weight: 400;
	font-size: 16px;
}

input {
	padding: 3px 12px;
}

option {
	padding: 10px 4px
}

option.gray {
	color: #AAAAAA;
}

input:focus {
	outline: none;
	border: 1px solid #7b23a8;
	border-radius: 6px;
}

input[type="radio"],
input[type="checkbox"] {
	border: none;
	border-radius: 6px;
	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"],
input[type="number"] {
	width: 100%;
	background: #f7f7f7;
	border-radius: 6px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	caret-color: #e81d75
}

input[type="number"] {
	-moz-appearance: textfield;
}

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

/*input[type="text"].on, input[type="password"].on, input[type="email"].on, input[type="number"].on{border-bottom:1px solid #f0f0f0}*/
/*input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus{border-bottom:1px solid #e81d75;}*/
input::-ms-reveal,
input::-ms-clear {
	display: none;
}

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

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

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

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

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: 16px;
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif
}

button:active {
	outline: none
}

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

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

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

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

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

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

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

:placeholder-shown {
	font-size: 16px;
	line-height: 22px;
	color: #bbb;
	letter-spacing: -0.2px;
}

input:not(.dv_input)[readonly],
input:not(.dv_input)[readonly="readonly"],
input:not(.dv_input)[readonly]:focus,
input:not(.dv_input)[readonly="readonly"]:focus {
	border: 1px solid transparent;
	background: #f7f7f7;
	cursor: default
}

#wrap.dimd .layer_pop {
	display: block
}

#wrap.dimd .dimd_bg {
	display: block
}



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

.skip:focus {
	top: 0;
}

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

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

.fl_l {
	float: left
}

.fl_r {
	float: right
}

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

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

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

.va_t {
	vertical-align: top
}

.va_m {
	vertical-align: middle
}

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

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

.fw_t {
	font-weight: 100 !important
}

.fw_l {
	font-weight: 300 !important
}

.fw_r {
	font-weight: 400 !important
}

.fw_m {
	font-weight: 500 !important
}

.fw_b {
	font-weight: 700 !important
}

.fz_12 {
	font-size: 12px;
}

.w25p {
	width: 25% !important
}

.w33p {
	width: 33.33% !important
}

.w50p {
	width: 50% !important
}

.w100p {
	width: 100% !important
}

.col_pur {
	color: #7b23a8 !important
}

.col_blk {
	color: #000 !important
}

.col_111 {
	color: #111 !important
}

.col_333 {
	color: #333 !important
}

.col_wht {
	color: #fff !important
}

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

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

.cont_con {
	display: none
}

.cont_con:first-child {
	display: block
}

.img_resize {
	position: relative;
	overflow: hidden
}

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

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

map area {
	cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb16 {
	margin-bottom: 16px;
}

.mb20 {
	margin-bottom: 20px;
}

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

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

.pt0 {
	padding-top: 0 !important
}

.pb0 {
	padding-bottom: 0 !important
}

.pl0 {
	padding-left: 0 !important
}

.pr0 {
	padding-right: 0 !important
}


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

body {
	width: 100%;
}

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

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

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

#wrap.main #content {
	padding: 174px 0 120px;
	transition: padding 0.2s ease;
}

#wrap.main.out #content {
	padding-bottom: 120px
}

#content {
	position: relative;
	padding: 180px 0 120px;
	min-height: calc(100vh - 276px);
	min-height: -webkit-calc(100vh - 276px)
}

#content.survey {
	padding: 144px 0 0;
}

.indicator {
	margin: 0 auto 40px;
	width: 1080px
}

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

.indicator h2 {
	float: left;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	letter-spacing: -0.5px
}

.indicator .path {
	float: right;
	display: none
}

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

.indicator .path span {
	position: relative;
	float: left;
	padding-left: 31px;
	height: 28px;
	font-weight: 400;
	font-size: 13px;
	line-height: 32px;
	color: #777
}

.indicator .path span:before {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
	left: 12px;
	width: 7px;
	height: 7px;
	background: url('/resources/images/common/indicator_path_arrow.png') no-repeat
}

.indicator .path span.home {
	padding-left: 0;
	width: 11px;
	background: url('/resources/images/common/indicator_path_home.png') no-repeat center 8px
}

.indicator .path span.home:before {
	display: none
}

.indicator .path span:last-child {
	font-weight: 400
}

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

.tabs a {
	display: table-cell;
	position: relative;
	padding: 0 40px;
	height: 68px;
	font-size: 16px;
	color: #777;
	border-bottom: 1px solid #ddd;
	text-align: center;
	vertical-align: middle
}

.tabs a span {
	margin-left: 2px;
	font-size: 16px;
	color: #7b23a8;
	font-weight: 500
}

.tabs a.on {
	font-weight: 700;
	color: #000;
	border-bottom: none
}

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

.tabs a.on span {
	font-weight: 500
}

.bottom_btn {
	display: block;
	border-radius: 6px;
	margin: 72px auto 0;
	width: 200px;
	height: 56px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
}

.bottom_btn.w100 {
	width: 100%;
}

.bottom_btn.wht {
	color: #7b23a8;
	line-height: 54px;
	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;
}


.paging {
	margin: 60px auto 0;
	text-align: center;
}

.paging a {
	border-radius: 4px;
	display: inline-block;
	margin: 0 2px;
	width: 40px;
	height: 40px;
	font-weight: 300;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-align: center;
	vertical-align: middle
}

.paging a.on {
	color: #fff;
	background: #5b1a7c
}

.paging .prev {
	background: url("/resources/images/common/paging_prev.png") no-repeat center
}

.paging .prev.off {
	pointer-events: none;
	background: url("/resources/images/paging_prev_off.png") no-repeat center
}

.paging .next {
	background: url("/resources/images/common/paging_next.png") no-repeat center
}

.paging .next.off {
	pointer-events: none;
	background: url("/resources/images/paging_next_off.png") no-repeat center
}

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

.star:before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	height: 24px;
	background: url('/resources/images/common/star_h24_on.png') no-repeat left center;
	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;
}

.star_div .star.h32 {
	width: 160px;
	height: 32px;
	position: relative;
	background: none
}

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

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

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

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

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

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

.disabled_btn.on {
	background: #5b1a7c !important;
	color: #fff !important;
	border: none !important;
}


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

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

.input_form .tit {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #555;
	margin-bottom: 12px;
}

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

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

.input_form .input_area {
	position: relative
}

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

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

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

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

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

.input_form .input_area .textarea_div {
	position: relative;
	margin-top: 12px;
	width: 100%
}

.input_form .input_area .textarea_div textarea {
	padding: 16px;
	width: 100%;
	height: 134px;
	resize: none
}

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

.input_form .input_area .btn {
	float: left;
	margin-left: 8px;
	width: 110px;
	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.w104 {
	min-width: 104px
}

.input_form .input_area .upload_pic {
	margin-top: 12px
}

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

.input_form .add_txt {}

.sm_wrap .input_form {
	margin-top: 20px
}

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

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

.upload_pic {
	position: relative;
	width: 380px;
	overflow: hidden
}

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

.upload_pic .file {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	border-radius: 10px;
}

.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: 2px;
	right: 2px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/icn_delete_24x24.png') no-repeat center;
	background-size: 24px
}

.upload_pic .file.on {}

.upload_pic .file.on .img {
	display: block;
	border-radius: 6px;
}

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

.upload_pic .upload {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	background: url('/resources/images/btn_add_img_24x24.png') no-repeat center #f9f9f9;
	background-size: 24px;
	cursor: pointer;
	border-radius: 10px;
}

.upload_pic .upload.one {
	left: 130px
}

.upload_pic .upload.two {
	left: 260px
}

.upload_pic .upload.thr {
	left: 380px
}

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

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

.clear_has .delete {
	display: none;
	position: absolute;
	top: 7px;
	right: 7px;
	width: 34px;
	height: 34px;
	background: url('/resources/images/common/clear_delete.png') no-repeat center;
	background-size: 16px;
	cursor: pointer
}

.clear_has .delete img {
	width: 100%
}

.has_left .delete {
	right: 128px
}

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

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

.chk_box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 32px;
	font-size: 16px;
	line-height: 20px;
	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/chk_icon.png") center no-repeat;
	border-radius: 100%;
	background-size: 24px
}

.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/chk_icon_on.png") center no-repeat;
	background-size: 24px
}

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

.chk_box.nobg.on input[type="checkbox"]+label:after {
	background: url("/resources/images/common/chk_icon_nobg_on.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;
	letter-spacing: -0.5px;
	color: #000
}

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

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

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

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

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

/* 데이터없음 */
.no_data_div {
	display: table;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #777;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
}

.no_data_div.no_bor_b {
	border-bottom: none
}

.no_data_div .txt_area {
	display: table-cell;
	padding: 120px 24px;
	vertical-align: middle;
	text-align: center
}

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

.no_data_div .txt_area .txt {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	color: #777;
	font-weight: 300;
}

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

.no_data_div .txt_area .btn {
	display: block;
	margin: 30px auto 0;
	width: 360px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background: #5b1a7c
}

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

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

.dot_indent p {
	position: relative;
	padding-left: 10px;
	margin-top: 6px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	text-align: left
}

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

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


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

.tooltip_div.opener {
	cursor: pointer;
}

.tooltip {
	position: absolute;
	display: none;
	background: #fff;
	width: 280px;
	border: 1px solid #eee;
	z-index: 2
}

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

.tooltip_div>.tit {
	display: inline-block;
	padding-right: 18px;
	background: url("/resources/images/icn_tooltip_bbb.png") center right no-repeat;
	background-size: 16px;
}

.tooltip.txt_area {
	padding: 16px;
	border-radius: 4px;
	font-weight: 400;
}

.tooltip.txt_area .center_tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	text-align: center;
	white-space: nowrap;
	background: none;
}

.tooltip.txt_area .sub_tit {
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000
}

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

.tooltip.txt_area .center_tit+.txt {
	margin-top: 20px;
}

.tooltip.txt_area .txt {
	margin-top: 8px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	word-break: break-all;
}

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

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

.tooltip.txt_area .tit {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #555;
	font-weight: 500
}

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

.tooltip.txt_area .dot_indent p {
	position: relative;
	margin-top: 2px;
	padding-left: 8px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	word-break: break-all;
	font-weight: 400;
	letter-spacing: -0.2px;
}

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

/* 버튼 */
.btn {
	cursor: pointer
}

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

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


/* 약관 */
.term_div {
	position: relative
}

.term_div img {
	width: 100%;
}

.term_div .select {
	margin-top: 8px;
}

.term_div .select select {
	padding-right: 30px;
	width: 469px;
	height: 48px;
	background: url('/resources/images/common/icn_down_blk.png') no-repeat right center #f7f7f7;
}

.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: 16px;
	line-height: 22px;
	color: #000
}

.term_div .anchor_div p a:hover {
	color: #777
}

.term_div .cont {
	margin-top: 60px
}

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

.term_div .cont .title+.tit {
	margin-top: 32px
}

.term_div .cont .title+.txt {
	margin-top: 32px
}

.term_div .cont .tit {
	margin-top: 48px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.term_div .cont .txt {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.term_div .cont .txt .num {
	margin-top: 30px;
	padding-left: 19px;
	text-indent: -19px
}

.term_div .cont .txt .num:first-child {
	margin-top: 0
}

.term_div .cont .txt .num.inner {
	margin-left: 20px;
	margin-top: 8px;
}

.term_div .cont .indent {
	margin-top: 12px
}

.term_div .cont .indent p {
	margin-top: 8px;
	padding-left: 15px;
	text-indent: -15px
}

.term_div .cont .indent p:first-child {
	margin-top: 0
}

.term_div .cont .indent.dot .tit {
	margin-left: 0px;
}

.term_div .cont .indent.dot .tit::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #777;
	border-radius: 50%;
	margin-bottom: 2px;
	margin-right: 6px;
	vertical-align: middle;
}

.term_div .cont .indent.dot p {
	margin-left: 10px;
}

.term_div .cont .txt a {
	text-decoration: underline;
	color: #000
}

.term_div .cont .txt a:hover {
	color: #777
}

.term_div .cont .txt table {
	position: relative;
	margin: 25px 0
}

.term_div .cont .txt table:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 2px;
	height: calc(100% + 2px);
	height: -webkit-calc(100% + 2px);
	background: #fff
}

.term_div .cont table {
	margin-bottom: 25px
}

.term_div .cont table thead th {
	padding: 8px 24px;
	font-size: 16px;
	line-height: 22px;
	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 24px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: middle
}

.term_div .cont table tbody td .small {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	color: #777;
	margin-top: 6px;
}




/* 웹진 */
.mgz_div {}

.mgz_div .filter_div {}

.mgz_div .filter_div select {
	width: 172px;
	height: 42px;
	padding-left: 12px;
	background: url('/resources/images/common/icn_down_blk.png') no-repeat right 14px top 50% #f7f7f7;
	border: none
}

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

.mgz_div .filter_div .type {
	float: left;
	width: 130px;
	height: 42px;
	border-bottom: 3px solid #000;
	background: url('/resources/images/common/icn_down_blk.png') no-repeat right center
}

.mgz_div .filter_div .right {
	float: right
}

.mgz_div .filter_div .right:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .filter_div .order {
	float: left;
	padding: 6px 0
}

.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: 28px;
	color: #ccc
}

.mgz_div .filter_div .order a:first-child {
	margin-left: 0
}

.mgz_div .filter_div .order a:before {
	content: '';
	position: absolute;
	top: 9px;
	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 {
	font-weight: 500;
	color: #000
}

.mgz_div .filter_div .layout {
	float: left;
	margin-left: 34px;
	padding: 6px 0
}

.mgz_div .filter_div .layout:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .filter_div .layout a {
	position: relative;
	float: left;
	margin-left: 12px;
	width: 28px;
	height: 28px
}

.mgz_div .filter_div .layout a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.mgz_div .filter_div .layout a img:nth-child(1) {
	opacity: 0
}

.mgz_div .filter_div .layout a img:nth-child(2) {
	opacity: 1
}

.mgz_div .filter_div .layout a.on img:nth-child(1) {
	opacity: 1
}

.mgz_div .filter_div .layout a.on img:nth-child(2) {
	opacity: 0
}

.mgz_div .filter_div .layout a:first-child {
	margin-left: 0;
}

.mgz_div .list_div {
	margin-top: 30px
}

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

.mgz_div .list_div .list {
	display: block;
	float: left;
	margin-left: 30px;
	width: 340px;
	position: relative;
	cursor: pointer;
}

.mgz_div .list_div .list:nth-child(3n+1) {
	margin-left: 0;
	clear: both
}

.mgz_div .list_div .list:nth-child(n+4) {
	margin-top: 60px
}

.mgz_div .list_div .list .thumb {
	border-radius: 10px;
}

.mgz_div .list_div .list .thumb:before {
	content: '';
	display: block;
	padding-bottom: 60%
}

.mgz_div .list_div .list .thumb img {
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.6s ease
}

.mgz_div .list_div .list .thumb:hover img {
	transform: translate(-50%, -50%) scale(1.1)
}

.mgz_div .list_div .list .tit_area {
	display: block;
	position: relative;
	padding: 0;
	bottom: auto;
	left: auto;
	margin-top: 16px;
	width: 100%;
	z-index: 2
}

.mgz_div .list_div .list .tit_area .type {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: -60px;
	left: 12px;
}

.mgz_div .list_div .list .tit_area .type .badge {
	text-align: center;
	border-radius: 4px;
	float: left;
	padding: 0 8px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #5b1a7c
}

.mgz_div .list_div .list .tit_area .type .new {
	display: none;
	margin-left: 4px;
	text-align: center;
	border-radius: 4px;
	float: left;
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6)
}

.mgz_div .list_div .list .tit_area .tit {
	margin-top: 16px;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	font-weight: 500;
	min-height: 52px;
}

.mgz_div .list_div .list .tit_area .txt {
	margin-top: 10px;
	font-size: 18px;
	line-height: 20px;
	color: #000
}

.mgz_div .list_div .list .tit_area .tag {
	margin-top: 10px;
}

.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;
	margin: 6px 6px 0 0;
	padding: 0 10px;
	font-size: 14px;
	line-height: 36px;
	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;
	position: relative;
	bottom: auto;
	left: auto;
	margin-top: 13px;
	padding-left: 26px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/icn_heart.png') no-repeat left center;
	background-size: 24px
}

.mgz_div .list_div .list .tit_area .heart.on {
	background: url('/resources/images/icn_heart_on.png') no-repeat left center;
	background-size: 24px
}

.mgz_div .list_div .list.new .tit_area .type .new {
	display: block
}

.mgz_div .list_div .list.adv .thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1
}

.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;
	z-index: 1
}


.mgz_div .view_div {
	position: relative
}

.mgz_div .view_div .top_area {
	position: relative;
	width: 100%;
	height: 400px;
	border-radius: 20px;
	overflow: hidden
}

.mgz_div .view_div .top_area .txt_area {
	position: relative;
	/* padding: 140px 116px 0; */
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 116px 0;
}

.mgz_div .view_div .top_area .txt_area:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
	/* IE6-9 */
	;
	z-index: 0
}

.mgz_div .view_div .top_area .txt_area .type {
	display: inline-block;
	position: relative
}

.mgz_div .view_div .top_area .txt_area .type:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .top_area .txt_area .type .badge {
	border-radius: 4px;
	float: left;
	width: auto;
	min-width: 37px;
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #5b1a7c
}

.mgz_div .view_div .top_area .txt_area .type .new {
	border-radius: 4px;
	margin-left: 4px;
	display: none;
	float: left;
	width: auto;
	width: 37px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6)
}

.mgz_div .view_div .top_area .txt_area .tit {
	position: relative;
	margin-top: 16px;
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
	color: #fff;
}

.mgz_div .view_div .top_area .txt_area .txt {
	position: relative;
	margin-top: 14px;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
}

.mgz_div .view_div .btn {
	position: absolute;
	top: 348px;
	right: 24px;
	z-index: 1
}

.mgz_div .view_div .btn:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .btn>a {
	float: left;
	margin-left: 24px;
	width: 32px;
	height: 32px;
}

.mgz_div .view_div .btn>a:first-child {
	margin-left: 0
}

.mgz_div .view_div .share_div {
	float: left;
	margin-left: 24px;
	width: 32px;
	height: 32px;
}

.mgz_div .view_div .share_div .share {
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	background: url('/resources/images/common/icn_share_wht.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div .link_btn {
	display: none;
	position: absolute;
	top: 32px;
	right: 0;
	padding: 23px 31px;
	width: 210px;
	z-index: 1;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px
}

.mgz_div .view_div .share_div .link_btn:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .share_div .link_btn a {
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 24px
}

.mgz_div .view_div .share_div .link_btn a:nth-child(3n+1) {
	margin-left: 0;
	clear: both
}

.mgz_div .view_div .share_div .link_btn a:nth-child(n+4) {
	margin-top: 24px
}

.mgz_div .view_div .share_div .link_btn a.kakao {
	background: url('/resources/images/shareBtn_kakao.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div .link_btn a.facebook {
	background: url('/resources/images/shareBtn_facebook.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div .link_btn a.blog {
	background: url('/resources/images/shareBtn_blog.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div .link_btn a.link {
	background: url('/resources/images/shareBtn_link.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div .link_btn a.cafe {
	background: url('/resources/images/shareBtn_cafe.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div .link_btn a.twitter {
	background: url('/resources/images/shareBtn_twitter.png') no-repeat;
	background-size: 32px
}

.mgz_div .view_div .share_div:hover .link_btn {
	display: block
}


.mgz_div .view_div.new .top_area .txt_area .type .new {
	display: block
}

.mgz_div .view_div .cont_area {}

.mgz_div .view_div .cont_area .view {
	padding: 60px 0 0;
	text-align: center
}

.mgz_div .view_div .cont_area .view>br {
	display: none
}

.mgz_div .view_div .cont_area .view .top_title {
	padding-top: 40px;
	font-weight: 500;
	font-size: 24px;
	line-height: 40px;
	color: #000;
	text-align: center;
	background: url('/resources/images/magazine/mgz_top_title_icon.png') no-repeat center top
}

.mgz_div .view_div .cont_area .view .guide_tit {
	display: block;
	margin-top: 100px;
	padding-top: 40px;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	color: #000;
	text-align: center;
	background: url('/resources/images/magazine/mgz_guide_tit_icon.png') no-repeat center top
}

.mgz_div .view_div .cont_area .view .guide_tit u {
	position: relative;
	text-decoration: none
}

.mgz_div .view_div .cont_area .view .guide_tit u:before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 6px;
	background: #a489e3;
	z-index: -1
}

.mgz_div .view_div .cont_area .view .guide_tit+.guide_txt {
	margin-top: 40px
}

.mgz_div .view_div .cont_area .view .guide_txt {
	margin-top: 60px;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	text-align: left
}

.mgz_div .view_div .cont_area .view .guide_txt p {
	margin-top: 40px
}

.mgz_div .view_div .cont_area .view .guide_txt p:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view .guide_txt b {
	font-weight: 400
}

.mgz_div .view_div .cont_area .view .guide_txt b u {
	font-weight: 400;
	color: #7b23a8 !important;
}

.mgz_div .view_div .cont_area .view>.guide_tit:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view>.guide_txt:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .view img {
	margin-top: 50px;
	text-align: center
}

.mgz_div .view_div .cont_area .view .end_txt {
	display: none;
	margin-top: 40px;
	padding: 20px 30px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #555;
	text-align: center;
	border: 1px solid #eee
}

.mgz_div .view_div .cont_area .view .end_txt b {
	font-weight: 300;
	color: #000
}

.mgz_div .view_div .cont_area .view .write {
	margin-top: 32px;
	font-weight: 300;
	font-size: 16px;
	line-height: 32px;
	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 {
	text-align: left
}

.mgz_div .view_div .cont_area .view .qna .q {
	margin-top: 40px;
	padding-left: 28px;
	text-indent: -28px;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #7b23a8
}

.mgz_div .view_div .cont_area .view .qna .a {
	margin-top: 20px;
	padding-left: 28px;
	text-indent: -28px;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.mgz_div .view_div .cont_area .view .qna .a span {
	font-weight: 500;
	margin-right: 15px
}

.mgz_div .view_div .cont_area .view .recipe_div {
	margin-top: 50px;
	padding: 90px 40px 40px;
	width: 100%;
	text-align: left;
	border: 1px solid #ddd;
	background: url('/resources/images/magazine/mgz_recipe_icn.png') no-repeat center 40px
}

.mgz_div .view_div .cont_area .view .recipe_div .list {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ddd
}

.mgz_div .view_div .cont_area .view .recipe_div .list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.mgz_div .view_div .cont_area .view .recipe_div .tit {
	margin-top: 0;
	margin-bottom: 40px;
	padding-bottom: 24px;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	text-align: center;
	background: url('/resources/images/magazine/mgz_recipe_tit.png') no-repeat center bottom
}

.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 {
	margin-top: 0;
	line-height: 24px
}

.mgz_div .view_div .cont_area .view .recipe_div p {
	margin-top: 20px;
	font-weight: 300;
	font-size: 16px;
	line-height: 32px;
	color: #000
}

.mgz_div .view_div .cont_area .view .recipe_div p b {
	font-weight: 700;
	color: #7b23a8
}

.mgz_div .view_div .cont_area .view_info {
	margin-top: 40px
}

.mgz_div .view_div .cont_area .view_info:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .view_info .tag {
	float: left;
	margin-top: -8px;
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px)
}

.mgz_div .view_div .cont_area .view_info .tag:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .view_info .tag span {
	border-radius: 4px;
	float: left;
	margin: 8px 8px 0 0;
	padding: 0 10px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #777;
	background: #f3f3f3
}

.mgz_div .view_div .cont_area .view_info .tag span:before {
	content: '#';
	padding-right: 1px
}

.mgz_div .view_div .cont_area .view_info .btn_info {
	float: right;
	display: flex;
	align-items: center;
}

.mgz_div .view_div .cont_area .view_info .btn_info .share_div {
	position: relative;
	width: inherit;
}

.mgz_div .view_div .cont_area .view_info .btn_info:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .view_info .btn_info .heart,
.mgz_div .view_div .cont_area .view_info .btn_info .share {
	float: left;
	margin-left: 24px;
	padding-left: 36px;
	font-size: 18px;
	line-height: 40px;
	color: #000
}

.mgz_div .view_div .cont_area .view_info .btn_info a:first-child {
	margin-left: 0
}

.mgz_div .view_div .cont_area .view_info .btn_info .share {
	width: inherit;
	line-height: 32px;
	background: url('/resources/images/common/icn_share.png') no-repeat left center;
	background-size: 32px
}

.mgz_div .view_div .cont_area .copyright {
	margin-top: 48px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #777;
}

.mgz_div .view_div .cont_area .banner_zone {
	margin-top: 32px;
	border-radius: 10px;
	overflow: hidden
}

.mgz_div .view_div .cont_area .banner_zone img {
	width: 100%
}

.mgz_div .view_div .cont_area .other_list {
	margin-top: 40px;
	border-top: 1px solid #eee
}

.mgz_div .view_div .cont_area .other_list a {
	display: block;
	position: relative;
	padding: 13px 20px 13px 95px;
	width: 100%;
	border-bottom: 1px solid #eee
}

.mgz_div .view_div .cont_area .other_list a:after {
	content: '';
	display: block;
	clear: both
}

.mgz_div .view_div .cont_area .other_list a:first-child {
	margin-top: 0
}

.mgz_div .view_div .cont_area .other_list a .img_area {
	float: left;
	width: 56px;
	height: 56px;
	border-radius: 6px;
	overflow: hidden
}

.mgz_div .view_div .cont_area .other_list a .txt_area {
	float: left;
	padding-left: 24px;
	width: calc(100% - 56px);
	width: -webkit-calc(100% - 56px)
}

.mgz_div .view_div .cont_area .other_list a .txt_area .type {
	position: absolute;
	top: 13px;
	left: 20px;
	font-weight: 300;
	font-size: 16px;
	line-height: 56px;
	color: #999
}

.mgz_div .view_div .cont_area .other_list a .txt_area .tit {
	width: 100%;
	font-size: 16px;
	line-height: 56px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mgz_div .view_div .cont_area .guide_txt .conversation p {
	margin-top: 8px;
	padding-left: 37px;
}

.mgz_div .view_div .cont_area .guide_txt .conversation p.woman {
	background: url("/resources/images/emoji-woman.png") left top no-repeat;
	background-size: 22px 32px;
}

.mgz_div .view_div .cont_area .guide_txt .conversation p.man {
	background: url("/resources/images/emoji-man.png") left top no-repeat;
	background-size: 22px 32px;
}

/* 230202추가 공통 상품 리스트 */
/* 체크박스, xbtn 없음 */
.pd_list_div {}

.pd_list_div .pd_list {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.pd_list_div .pd_list .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 550px;
	padding-left: 12px;
}

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

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

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

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

/* .pd_list_div .pd_list .info .name b {display: inline-block; font-size: 16px; line-height: 20px; color: #999; vertical-align: middle} */
.pd_list_div .pd_list .info .name strong.count {
	display: inline-block;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	vertical-align: middle
}

.pd_list_div .pd_list .info .price {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: right;
	vertical-align: middle;
}

.pd_list_div .pd_list .info .price span {
	font-size: 20px;
	line-height: 24px;
}

.pd_list_div .pd_list .info .price .dc {
	display: inline-block;
	margin-right: 6px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #e81d75
}

.pd_list_div .pd_list .info .price .now {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

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

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

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

.pd_list_div.w670 .pd_list .info {
	width: 670px;
}

/* xbtn 있음 */
.xbt .pd_list_div {
	border-top: 1px solid #eee
}

.xbt .pd_list_div .pd_list {
	position: relative;
	padding: 20px 72px 20px 0px;
	border-bottom: 1px solid #eee
}

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

.xbt .list_inner {
	display: flex;
	align-items: center;
}

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

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

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

.xbt .pd_list_div .pd_list .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 598px
}

.xbt .pd_list_div .pd_list .info .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	vertical-align: top;
	max-width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

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

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

.xbt .pd_list_div .pd_list .bottom {}

.xbt .pd_list_div .pd_list .bottom .count_div {
	vertical-align: middle
}

.xbt .pd_list_div .pd_list .bottom .price_div {
	vertical-align: middle
}

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

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

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

.xbt .pd_list_div .pd_list .bottom .price_div .line .price span {
	display: inline-block;
	vertical-align: baseline;
	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: 28px
}

.xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .price {
	width: auto;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	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: 24px;
	height: 24px;
	background: url('/resources/images/icn_xbt_bbb_24x24.png') no-repeat center;
	background-size: 24px
}

.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-bottom: 12px
}

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

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

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

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

.chk_xbt .pd_list_div {
	border-top: 1px solid #eee
}

.chk_xbt .pd_list_div .pd_list {
	position: relative;
	padding: 20px 72px 20px 40px;
	border-bottom: 1px solid #eee
}

.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: calc(100% - 40px);
	height: -webkit-calc(100% - 40px)
}

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

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

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

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

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

.chk_xbt .pd_list_div .pd_list .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 29px 0 29px 12px;
	width: 418px
}

.chk_xbt .pd_list_div .pd_list .info .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	vertical-align: top;
	max-width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

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

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

.chk_xbt .pd_list_div .pd_list .bottom {}

.chk_xbt .pd_list_div .pd_list .bottom .count_div {
	vertical-align: middle
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div {
	vertical-align: middle
}

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

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

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

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line .price span {
	display: inline-block;
	vertical-align: baseline;
	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: 28px
}

.chk_xbt .pd_list_div .pd_list .bottom .price_div .line:first-child .price {
	width: auto;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	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: 24px;
	height: 24px;
	background: url('/resources/images/icn_xbt_bbb_24x24.png') no-repeat center;
	background-size: 24px
}

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

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

.layer_pop .chk_xbt .pd_list_div .pd_list:nth-last-of-type(1) {
	border-bottom: none;
}

.layer_pop .chk_xbt .pd_list_div .pd_list .thumb {
	width: 75px;
	height: 75px;
}

.layer_pop .chk_xbt .pd_list_div .pd_list .info {
	width: 282px;
	padding: 0;
}

.layer_pop .chk_xbt .pd_list_div .pd_list .info .name {
	width: 170px;
	padding: 0 12px;
}

.layer_pop .chk_xbt .pd_list_div .pd_list {
	padding: 20px 0 19px 32px;
}

/* 고객센터 */
.custom_div {}

.custom_div .tabs {
	margin-top: -22px;
}

.custom_cont .no_data_div {
	border-bottom: none;
}

.custom_cont .no_data_div .txt_area {
	padding-top: 40px;
	padding-bottom: 280px;
}

.custom_div .login_plz {
	display: block;
	position: relative;
	padding-top: 40px;
	padding-bottom: 140px;
	width: 100%
}

.custom_div .login_plz .txt {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #777;
	text-align: center
}

.custom_div .login_plz .btn {
	display: block;
	font-size: 16px;
	line-height: 56px;
	margin: 80px auto 0 auto;
	width: 320px;
	height: 56px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
	border-radius: 6px
}

.custom_div .custom_cont {
	padding-top: 30px
}

.custom_div .custom_cont .faq_tab .swiper-wrapper {
	height: auto
}

.custom_div .custom_cont .faq_tab a {
	border-radius: 4px;
	padding: 0 20px;
	min-width: 80px;
	width: auto;
	margin-right: 6px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	color: #c291dc;
	text-align: center;
	background: #f4f0ff
}

.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: 30px;
	border-top: 1px solid #eee
}

.custom_div .custom_cont .faq_list .list {
	border-bottom: 1px solid #eee
}

.custom_div .custom_cont .faq_list .list .question {
	display: block;
	padding: 30px 64px 30px 20px;
	background: url('/resources/images/common/icn_down.png') no-repeat right 20px top 50%;
	background-size: 24px
}

.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: 70px;
	font-size: 16px;
	line-height: 22px;
	color: #555
}

.custom_div .custom_cont .faq_list .list .question .tit {
	float: left;
	padding-left: 25px;
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.custom_div .custom_cont .faq_list .list.on .question {
	background: url('/resources/images/common/icn_up.png') no-repeat right 24px top 50%;
	background-size: 24px
}

.custom_div .custom_cont .faq_list .list .answer {
	display: none;
	padding: 24px 20px;
	font-weight: 300;
	font-size: 16px;
	line-height: 32px;
	color: #000;
	border-top: 1px solid #f0f0f0
}

.custom_div .custom_cont .faq_list .list .answer img {
	max-width: 100%
}

.custom_div .custom_cont .faq_list .list .answer .pc {
	display: inline-block
}

.custom_div .custom_cont .faq_list .list .answer .pc img {
	max-width: 100%
}

.custom_div .custom_cont .faq_list .list .answer .mob {
	display: none
}

.custom_div .custom_cont .faq_list .list .answer b {
	font-weight: 500
}

.custom_div .custom_cont .inqu_btn {
	display: block;
	margin: 10px auto 40px auto;
	width: 320px;
	height: 56px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px
}

.custom_div .custom_cont .inqu_btn span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	color: #000;
}

.custom_div .custom_cont .inqu_list {
	margin-top: 40px;
	border-top: 1px solid #f0f0f0
}

.custom_div .custom_cont .inqu_list .list {
	border-bottom: 1px solid #f0f0f0
}

.custom_div .custom_cont .inqu_list .list .top {
	display: table;
	padding: 30px 64px 30px 20px;
	width: 100%;
	background: url('/resources/images/common/icn_down.png') no-repeat right 24px top 50%;
	background-size: 24px
}

.custom_div .custom_cont .inqu_list .list .top .state_div {
	display: table-cell;
	width: 50px;
	vertical-align: middle
}

.custom_div .custom_cont .inqu_list .list .top .state_div .state {
	border-radius: 4px;
	display: block;
	width: 100%;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #000
}

.custom_div .custom_cont .inqu_list .list .top .tit {
	display: table-cell;
	padding: 0 25px 0 12px;
	width: calc(100% - 142px);
	width: -webkit-calc(100% - 142px);
	font-size: 16px;
	line-height: 22px;
	color: #000;
	vertical-align: middle;
	word-break: break-all
}

.custom_div .custom_cont .inqu_list .list .top .date {
	display: table-cell;
	width: 80px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	vertical-align: middle
}

.custom_div .custom_cont .inqu_list .list.on .top {
	background: url('/resources/images/common/icn_up.png') no-repeat right 24px top 50%;
	background-size: 24px
}

.custom_div .custom_cont .inqu_list .list .bottom {
	display: none;
	padding: 24px 20px;
	border-top: 1px solid #f0f0f0
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail {
	text-align: right
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .txt_area {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: left;
	word-break: break-all
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .img_area {}

.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: 24px 0 0 10px;
	width: 120px;
	height: 120px;
	border-radius: 6px;
}

.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;
	border-radius: 10px;
	margin-top: 30px;
	padding: 24px 20px;
	background: #f7f7f7;
	text-align: left
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .reply_area .tit {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.custom_div .custom_cont .inqu_list .list .bottom .inqu_detail .reply_area .txt {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.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 {
	display: inline-block;
	margin-top: 30px
}

.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: 6px;
	width: 60px;
	height: 32px;
	font-size: 13px;
	line-height: 30px;
	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_div .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-top: 40px
}

.custom_div .inqu_write .input_form {
	margin-top: 30px
}

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

.custom_div .inqu_write .input_form .tit {
	margin-bottom: 12px;
	line-height: 20px
}

.custom_div .inqu_write .input_form .tit span {
	font-size: 14px
}

.custom_div .inqu_write .info_div {
	margin-top: 14px
}

.custom_div .inqu_write .txt {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
}

.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 {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	margin-bottom: 40px
}

.custom_div .inqu_write .chk_div {
	margin-top: 32px
}

.custom_div .inqu_write .dot_indent {
	margin-top: 12px;
	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: 412px;
	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;
}


/* 이벤트, 공지사항 */
.notice_tab .swiper-wrapper {
	height: auto
}

.notice_tab .swiper-slide {
	height: auto
}

.notice_tab a {
	padding: 0 20px;
	min-width: 80px;
	width: auto;
	margin-right: 6px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	color: #c291dc;
	text-align: center;
	background: #f4f0ff;
	border-radius: 4px;
}

.notice_tab a:last-child {
	margin-right: 0
}

.notice_tab a.on {
	color: #fff;
	background: #5b1a7c
}

.notice_tab+.board_list {
	margin-top: 40px
}

.board_list {
	border-top: 1px solid #f0f0f0
}

.board_list .list {
	display: block;
	padding: 30px 20px;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
}

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

.board_list .list .txt_area {
	position: relative;
	float: left;
}

.board_list .list .txt_area .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.board_list .list .txt_area .date {
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.board_list .list .txt_area .txt {
	margin-top: 12px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.board_list .list .img_area {
	float: right;
	width: 160px;
	height: 160px;
	vertical-align: top;
	border-radius: 10px;
}

.board_list .list .img_area img {
	border-radius: 10px;
}

.board_list_event .no_data_div {
	background: url('/resources/images/icn_nodata_64px.png') top left 50% no-repeat;
	border-bottom: none;
	background-size: 64px;
}

.board_list_event .no_data_div .txt_area {
	padding-top: 80px;
}

.board_list.event .list {
	display: flex;
	align-items: center;
	min-height: 221px
}

.board_list.event .list .txt_area {
	padding: 20px 30px 20px 0;
	padding-right: 30px;
	width: 880px;
	/* height: 160px; */
}

.board_list.event .list .txt_area .tit {
	width: 100%;
	line-height: 28px;
	font-weight: 500;
	padding-right: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.board_list.event .list .txt_area .txt {
	margin-top: 16px;
	word-break: break-all;
}

.board_list.event .list .txt_area .date {
	/* position: absolute;
	bottom: 20px;
	left: 0; */
	padding-top: 36px;
}

.board_list.event .list.ing .txt_area .tit::before {
	content: '진행';
	font-size: 13px;
	line-height: 28px;
	color: #7b23a8;
	border-radius: 4px;
	background-color: #f4f0ff;
	padding: 1.5px 4px;
	margin-right: 10px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_list.event .list.end .txt_area .tit::before {
	content: '종료';
	font-size: 13px;
	line-height: 28px;
	color: #cccccc;
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 1.5px 4px;
	margin-right: 10px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_list.noti .list {
	display: block;
	padding: 30px 20px
}

.board_list.noti .list .txt_area {
	display: block;
	position: relative;
	width: 100%
}

.board_list.noti .list .txt_area:after {
	content: '';
	display: block;
	clear: both
}

.board_list.noti .list .txt_area .type {
	float: left;
	padding-right: 24px;
	width: 94px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #555
}

.board_list.noti .list .txt_area .tit {
	float: left;
	width: calc(100% - 194px);
	width: -webkit-calc(100% - 194px);
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	vertical-align: middle
}

.board_list.noti .list .txt_area .tit span {
	display: inline
}

.board_list.noti .list .txt_area .tit b {
	display: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	color: #7b23a8
}

.board_list.noti .list .txt_area .txt {
	display: none
}

.board_list.noti .list .txt_area .date {
	float: right;
	width: 100px;
	line-height: 22px;
	color: #999;
	text-align: right;
	vertical-align: middle
}

.board_list.noti .list.new .txt_area .tit span {
	display: inline;
	margin-right: 10px
}

.board_list.noti .list.new .txt_area .tit b {
	display: inline-block;
	vertical-align: top
}

.board_list.noti .list.fix {
	background: #f9f9f9
}

.board_list.noti .list .txt_area .tit strong {
	display: none;
	margin-top: 2px;
	margin-right: 10px;
	width: 30px;
	height: 22px;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #000;
	vertical-align: top;
	border-radius: 4px
}

.board_list.noti .list.fix .txt_area .tit strong {
	display: inline-block
}

.board_view {}

.board_view .tit_area {
	position: relative;
	display: flex;
	align-items: center;
	padding: 30px 20px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

.board_view.event .tit_area {
	display: block;
}

.board_view.event .tit_area .top_wrap {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.board_view .tit_area .type {
	width: 94px;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #555
}

.board_view .tit_area .type+.tit {
	width: calc(100% - 249px);
	width: -webkit-calc(100% - 249px);
}

.board_view .tit_area .tit {
	padding-right: 15px;
	width: calc(100% - 155px);
	width: -webkit-calc(100% - 155px);
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.board_view.event.ing .tit_area .tit::before {
	content: '진행';
	font-size: 13px;
	line-height: 28px;
	color: #7b23a8;
	border-radius: 4px;
	background-color: #f4f0ff;
	padding: 1.5px 4px;
	margin-right: 10px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_view.event.end .tit_area .tit::before {
	content: '종료';
	font-size: 13px;
	line-height: 28px;
	color: #cccccc;
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 1.5px 4px;
	margin-right: 10px;
	vertical-align: bottom;
	letter-spacing: -0.2px;
}

.board_view.event.ing .tit_area .tit_left .tit {
	width: calc(100% - 155px);
	width: -webkit-calc(100% - 155px);
}

.board_view.event.ing .tit_area .desc {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 12px;
	color: #000;
	word-break: break-all;
}

.board_view .tit_area .tit span {
	display: inline
}

.board_view .tit_area .tit b {
	display: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	color: #7b23a8
}

.board_view .tit_area .date {
	width: 155px;
	font-size: 14px;
	line-height: 28px;
	color: #999;
	text-align: right
}

.board_view .tit_area .share_div {
	position: absolute;
	/* top: calc(100% + 24px);
	top: -webkit-calc(100% + 24px); */
	top: -75px;
	right: 20px;
	z-index: 1
}

.board_view .tit_area .share_div .share {
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	background: url('/resources/images/common/icn_share.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div .link_btn {
	display: none;
	position: absolute;
	top: 32px;
	right: 0;
	padding: 23px 32px;
	width: 210px;
	z-index: 1;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px
}

.board_view .tit_area .share_div .link_btn:after {
	content: '';
	display: block;
	clear: both
}

.board_view .tit_area .share_div .link_btn a {
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 24px
}

.board_view .tit_area .share_div .link_btn a:nth-child(3n+1) {
	margin-left: 0;
	clear: both
}

.board_view .tit_area .share_div .link_btn a:nth-child(n+4) {
	margin-top: 24px
}

.board_view .tit_area .share_div .link_btn a.kakao {
	background: url('/resources/images/shareBtn_kakao.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div .link_btn a.facebook {
	background: url('/resources/images/shareBtn_facebook.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div .link_btn a.blog {
	background: url('/resources/images/shareBtn_blog.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div .link_btn a.link {
	background: url('/resources/images/shareBtn_link.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div .link_btn a.cafe {
	background: url('/resources/images/shareBtn_cafe.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div .link_btn a.twitter {
	background: url('/resources/images/shareBtn_twitter.png') no-repeat;
	background-size: 32px
}

.board_view .tit_area .share_div:hover .link_btn {
	display: block;
}

.board_view.new .tit_area .tit span {
	margin-right: 10px
}

.board_view.new .tit_area .tit b {
	display: inline-block;
	vertical-align: top
}

.board_view .tit_area .tit strong {
	display: none;
	margin-top: 3px;
	margin-right: 10px;
	width: 30px;
	height: 22px;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #000;
	vertical-align: top;
	border-radius: 4px;
}

.board_view.fix .tit_area .tit strong {
	display: inline-block
}

.board_view .con_area {
	padding: 60px 20px;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.board_view .con_area .img {
	margin-top: 40px
}

.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: 40px;
	max-width: 100%
}

.board_view.event .con_area .cont_area_div {
	margin-top: 20px;
}

.board_view.event .con_area .cont_area_div:first-child {
	margin-top: 0;
}

.board_view.event .con_area a {
	display: block;
}

.board_view.event .con_area img {
	margin-top: 0
}

.board_view .con_area img:first-child {
	margin-top: 0
}

.board_view .con_area .pc {
	display: block
}

.board_view .con_area .mobile {
	display: none
}

.board_view .con_area .noti_table {}

.board_view .con_area .noti_table .table_tit {
	padding: 16px 30px;
	font-size: 16px;
	color: #797979;
	background: #f8f8f8
}

.board_view .con_area .noti_table .table_div {
	margin-top: 20px;
	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: 10px 15px;
	background: #f3f3f3;
	font-size: 16px;
	color: #797979;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	vertical-align: middle
}

.board_view .con_area .noti_table table td {
	padding: 10px 12px;
	font-size: 16px;
	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 {
	position: relative;
	padding: 80px 54px;
	/*border-bottom: 1px solid #eee;*/
}

.board_view.event .other_list a .tit {
	width: calc(100% - 73px);
	width: -webkit-calc(100% - 73px);
}

.board_view.event .btn_div .bottom_btn {
	margin-top: 20px;
}

.board_view.event .textarea_div .byte {
	color: #ccc;
}

.board_view.event .chk_div {
	margin-top: 12px;
}

.board_view.event .chk_box input[type="checkbox"]+label {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #000;
}

.board_view.event .no_data_div {
	background: url(/resources/images/icn_nodata_64px.png) top 80px left 50% no-repeat;
	border-bottom: none;
	background-size: 64px;
}

.board_view.event .no_data_div .txt_area {
	padding: 160px 24px 80px;
}

.board_view.noti .other_list {
	display: block
}

.board_view .other_list {
	/*display:none; */
	border-top: 1px solid #eee
}

.board_view .other_list a {
	display: block;
	padding: 30px 20px;
	width: 100%;
	border-bottom: 1px solid #eee
}

.board_view .other_list a:after {
	content: '';
	display: block;
	clear: both
}

.board_view .other_list a .type {
	float: left;
	width: 73px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #999
}

.board_view .other_list a .type2 {
	float: left;
	width: 94px;
	font-size: 16px;
	line-height: 22px;
	color: #555;
}

.board_view .other_list a .type2+.tit {
	width: calc(100% - 367px);
	width: -webkit-calc(100% - 367px)
}

.board_view .other_list a .tit {
	float: left;
	width: calc(100% - 277px);
	width: -webkit-calc(100% - 273px);
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.board_view .other_list a .date {
	float: left;
	width: 200px;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	text-align: right
}

/* 230214 리스트 댓글영역 */
.board_view.event .comment_wrap {
	padding-bottom: 80px;
}

.board_view.event .comment_wrap .comment_form {
	margin: 0 54px 80px;
}

.comment_wrap .comment_count {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	border-bottom: 1px solid #ddd;
	padding: 15px 22px;
}

.comment_wrap .comment_area {}

.comment_wrap .comment_area .list .content {
	padding: 32px 0 24px 0;
	border-bottom: 1px solid #eee;
}

.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: 18px;
	line-height: 28px;
	color: #000
}

.comment_wrap .comment_area .list .info .name.writer {
	padding-left: 60px
}

.comment_wrap .comment_area .list .info .name.writer:before {
	content: '작성자';
	position: absolute;
	top: 1px;
	left: 0;
	width: 50px;
	height: 26px;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	background: #000
}

.comment_wrap .comment_area .list .info .date {
	margin-left: 12px;
	font-size: 16px;
	line-height: 28px;
	color: #ccc
}

.comment_wrap .comment_area .list .info .more {
	position: absolute;
	top: 0;
	right: 24px;
	width: 16px;
	height: 28px;
	background: url('/resources/images/common/review_list_more_icon.png') no-repeat
}

.comment_wrap .comment_area .list .info .tool_pop {
	display: none;
	position: absolute;
	top: 34px;
	right: 24px;
	width: 92px;
	background: #fff;
	border: 1px solid #ccc;
	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 #eee
}

.comment_wrap .comment_area .list .info .tool_pop a:last-child {
	border-bottom: none
}

.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: -2px;
	right: 20px;
	width: 150px;
	border: none;
	background: none;
}

.comment_wrap .comment_area .list .content.my .info .tool_pop a {
	width: 60px;
	line-height: 34px;
	border-radius: 6px;
	border: solid 1px #ccc;
	background-color: #fff;
	margin-left: 6px;
}

.comment_wrap .comment_area .list .content.my .info>.more {
	display: none;
}

.comment_wrap .comment_area .list .con_box {
	margin-top: 12px
}

.comment_wrap .comment_area .list .con_box .text {
	padding: 0 52px 0 20px;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	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;
	margin: 0 auto;
	padding: 16px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-size: 18px;
	line-height: 26px;
	color: #000;
	word-break: break-all;
	border: 1px solid #d7d7d7
}

.comment_wrap .comment_area .list .con_box .text_field .byte {
	position: absolute;
	top: -40px;
	right: 40px;
	font-size: 13px;
	line-height: 28px;
	color: #ccc
}

.comment_wrap .comment_area .list .con_box .text_field .byte b {
	color: #333
}

.comment_wrap .comment_area .list .con_box .text_field textarea {
	border: none;
	width: 100%;
	height: 88px;
	background: #f7f7f7
}

.comment_wrap .comment_area .list .con_box .text_field .btn {
	margin-top: 12px;
	text-align: right
}

.comment_wrap .comment_area .list .con_box .text_field .btn a {
	display: inline-block;
	margin-left: 4px;
	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 .bottom {
	margin-top: 24px;
	padding: 0 20px 32px;
}

.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: 36px;
	font-size: 18px;
	line-height: 32px;
	color: #000
}

.comment_wrap .comment_area .list .con_box .bottom .reply_btn {
	float: left;
	margin-left: 32px;
	font-size: 18px;
	line-height: 32px;
	color: #777
}

.comment_wrap .comment_area .list .con_box .reply_form {
	display: none;
	padding: 32px 20px 32px 60px;
	border-top: 1px solid #eee;
	background: #fff
}

.comment_wrap .comment_area .list .con_box .reply_form .top:after {
	content: '';
	display: block;
	clear: both
}

.comment_wrap .comment_area .list .con_box .reply_form .top .name {
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.comment_wrap .comment_area .list .con_box .reply_form .top .byte {
	float: right;
	font-size: 13px;
	line-height: 28px;
	color: #ccc
}

.comment_wrap .comment_area .list .con_box .reply_form .top .byte b {
	color: #333
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom {
	margin-top: 12px;
	padding: 12px;
	background: #f7f7f7;
	border-radius: 6px
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom textarea {
	border: none;
	width: 100%;
	height: 88px;
	background: #f7f7f7
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom .btn {
	margin-top: 12px;
	text-align: right
}

.comment_wrap .comment_area .list .con_box .reply_form .bottom .btn a {
	display: inline-block;
	margin-left: 6px;
	width: 60px;
	height: 36px;
	font-size: 14px;
	line-height: 34px;
	color: #000;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff
}

.comment_wrap .comment_area .list .reply_section {
	padding-left: 40px;
	border-top: 1px solid #eee
}

.comment_wrap .comment_area .list .reply_section .content {
	border-top: 1px solid #eee
}

.comment_wrap .comment_area .list .reply_section .content:first-child {
	border-top: none
}

.comment_wrap .comment_area .list .reply_section .reply_form {
	padding: 32px 20px 32px 20px;
	border-top: 1px solid #eee
}

.comment_wrap .comment_area .list.not_view .con_box .text {
	padding: 0 20px 32px;
	color: #999
}

.comment_wrap .comment_area .list.not_view .con_box .text {
	padding: 0 20px 0;
}

.comment_wrap .comment_area .list.not_view .bottom {
	display: none
}

.comment_wrap .comment_area .list.not_view .more {
	display: none
}

/* 230104 소식 noti nodata 추가 */
.pz_noti_div .no_data_div {
	background: url(/resources/images/icn_nodata_64px.png) top 120px left 50% no-repeat;
	border-bottom: none;
	background-size: auto 64px;
}

.pz_noti_div .no_data_div .txt_area {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 200px 0 140px 0;
}

.pz_noti_div .no_data_div .txt_area .txt {
	color: #000;
}

/* LNB */
.lnb_div {
	margin: 0 auto;
	width: 1080px
}

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

.lnb_div .lnb {
	position: relative;
	float: left;
	margin-right: 50px;
	padding: 36px 12px;
	width: 280px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15)
}

.lnb_div .lnb .member_info {
	padding: 0 12px;
}

.lnb_div .lnb .member_info .name {
	display: flex;
	align-items: center;
	font-size: 20px;
	line-height: 32px;
	color: #000;
	font-weight: 700;
	word-break: break-all;
}

.lnb_div .lnb .member_info .name .lnb_name {
	width: auto;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}

.lnb_div .lnb .member_info .name:after {
	content: '님';
	display: inline;
	font-weight: 400
}

.lnb_div .lnb .member_info .mem_type {
	margin-top: 8px
}

.lnb_div .lnb .member_info .mem_type:after {
	content: '';
	display: block;
	clear: both
}

.lnb_div .lnb .member_info .mem_type span {
	float: left;
	margin-left: 4px;
	font-size: 13px;
	line-height: 22px;
	color: #555
}

.lnb_div .lnb .member_info .mem_type span:first-child {
	margin-left: 0
}

.lnb_div .lnb .member_info .mem_type span.type {
	padding: 3px 7px;
	line-height: 14px;
	color: #e81d75;
	border: 1px solid #e81d75;
	border-radius: 13px
}

.lnb_div .lnb .member_info .myinfo_setting {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/mypage/myinfo_setting.png') no-repeat left center
}

.lnb_div .lnb .point_info {
	margin-top: 20px;
	padding: 16px;
	background: #f9f9f9;
	border-radius: 8px
}

.lnb_div .lnb .point_info:after {
	content: '';
	display: block;
	clear: both
}

.lnb_div .lnb .point_info .list {
	position: relative;
	float: left;
	padding-left: 33px;
}

.lnb_div .lnb .point_info .list:nth-child(1) {
	padding-left: 0;
	width: 116px
}

.lnb_div .lnb .point_info .list:nth-child(2) {
	width: 108px
}

.lnb_div .lnb .point_info .list:nth-child(2):before {
	content: '';
	position: absolute;
	top: 9px;
	left: 16px;
	width: 1px;
	height: 36px;
	background: #ddd
}

.lnb_div .lnb .point_info .list .tit {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.lnb_div .lnb .point_info .list .count {
	margin-top: 10px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.lnb_div .lnb .menu_div {
	margin-top: 24px
}

.lnb_div .lnb .menu_div p {
	margin-top: 26px;
	padding: 0 12px
}

.lnb_div .lnb .menu_div p:first-child {
	margin-top: 0
}

.lnb_div .lnb .menu_div p a {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.lnb_div .lnb .menu_div p a .tooltip {
	width: auto;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	padding: 0 6px;
	font-size: 14px;
	line-height: 24px;
	color: #7b23a8;
	background: #f0edf9;
	border-radius: 6px;
	white-space: nowrap;
	vertical-align: top
}

.lnb_div .lnb .menu_div p a .tooltip:before {
	content: '';
	position: absolute;
	top: 9px;
	left: -6px;
	border-right: 6px solid #f0edf9;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent
}

.lnb_div .lnb .menu_div p a:hover {
	font-weight: 700;
}

.lnb_div .lnb .menu_div p a:hover .tooltip {
	font-weight: 400
}

.lnb_div .lnb .menu_div p a.on {
	font-weight: 700
}

.lnb_div .lnb .utill {
	margin-top: 40px;
	padding: 0 12px
}

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

.lnb_div .lnb .utill a {
	position: relative;
	float: left;
	padding-left: 21px;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.lnb_div .lnb .utill a:first-child {
	padding-left: 0
}

.lnb_div .lnb .utill a:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 10px;
	width: 1px;
	height: 10px;
	background: #ddd
}

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

/* 마이페이지 */
.mypage_div {
	float: left;
	width: 750px
}

.mypage_div .menu_tit_div {
	height: 43px;
	margin-top: 10px;
	border-bottom: 1px solid #ddd
}

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

.mypage_div .menu_tit {
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.mypage_div .menu_tit_div .btn {
	float: right;
	width: 60px;
	height: 32px;
	font-size: 13px;
	line-height: 30px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 5px;
}

.mypage_div .menu_tit_div .btn:first-child {
	margin-left: 0;
}

.mypage_div .menu_tit_div .btn_save {
	color: #7b23a8;
}

.mypage_div a.menu_tit {
	padding-left: 42px;
	background: url('/resources/images/mypage/menu_tit_prev.png') no-repeat left center
}

.point_div {
	padding-top: 20px
}

.point_div .point_info {
	padding: 30px 40px;
	background: #f7f7f7;
	border-radius: 10px
}

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

.point_div .point_info dl {
	float: left;
	width: 270px;
	margin-right: 80px
}

.point_div .point_info dl:last-child {
	margin-right: 0
}

.point_div .point_info dl:after {
	content: '';
	display: block;
	clear: both
}

.point_div .point_info dl dt {
	float: left;
	margin-right: 20px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left
}

.point_div .point_info dl dd {
	float: left;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.point_div .point_info dl dd span {
	font-size: 14px
}

.point_div .setting_area {
	margin-top: 16px;
}

.point_div .setting_area.chk_box input[type="checkbox"]+label {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.5px;
}

.point_div .detail {
	margin-top: 55px
}

.point_div .detail .detail_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px;
	border-bottom: 1px solid #ddd
}

.point_div .detail .detail_top .left {
	width: 50%;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	text-align: left
}

.point_div .detail .detail_top .right {
	width: 50%;
	font-size: 13px;
	line-height: 19px;
	color: #2f2f2f;
	text-align: right
}

.point_div .detail .detail_list .line {
	display: table;
	padding: 30px 0;
	width: 100%;
	border-bottom: 1px solid #e9e9e9
}

.point_div .detail .detail_list .line:first-child {
	border-top: none
}

.point_div .detail .detail_list .line .left {
	display: table-cell;
	width: calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: middle
}

.point_div .detail .detail_list .line .left .date {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.point_div .detail .detail_list .line .left .bottom {
	margin-top: 12px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.point_div .detail .detail_list .line .left .bottom .desc {
	margin-top: 6px;
}

.point_div .detail .detail_list .line .left .bottom a {
	color: #000;
	display: inline-block
}

.point_div .detail .detail_list .line .right {
	display: table-cell;
	width: 300px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8;
	text-align: right;
	vertical-align: middle
}

.point_div .detail .detail_list .line .right.minus {
	color: #000
}


.point_div .bg_noti_area {
	margin-top: 60px;
}

.point_div .no_data_div,
.coupon_div .no_data_div {
	background: url("/resources/images/icn_nodata_64px.png") top 120px left 50% no-repeat;
	border-bottom: none;
	background-size: auto 64px
}

.point_div .no_data_div .txt_area,
.coupon_div .no_data_div .txt_area {
	padding: 200px 0 140px 0;
}

.point_div .no_data_div .txt_area .txt,
.coupon_div .no_data_div .txt_area .txt {
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.point_div .no_data_div .txt_area .tit {
	font-size: 16px;
	line-height: 20px;
}

/* 2022.06.29 수정 후 쿠폰 */

.coupon_div .no_data_div {
	margin-top: 20px;
	border-top: 1px solid #eee;
}

.coupon_div .bg_noti_area {
	margin-top: 60px;
}

.coupon_div {
	padding-top: 20px
}

.coupon_div .setting_area {
	margin-top: 16px;
}

.coupon_div .setting_area.chk_box input[type="checkbox"]+label {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.5px;
}

.coupon_div .setting_area.chk_box .notice_txt {
	font-size: 13px;
	line-height: 18px;
	color: #999;
	margin-left: 4px;
}

.coupon_div .add_coupon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 29px 24px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.coupon_div .add_coupon .title {
	font-size: 16px;
	line-height: 48px;
	color: #555;
	padding-right: 20px;
}

.coupon_div .add_coupon .info {
	display: flex;
	align-items: center;
}

.coupon_div .add_coupon .info input {
	padding: 3px 10px;
	width: 502px;
	margin-right: 8px;
}

.coupon_div .add_coupon .info .btn {
	display: inline-block;
	width: 110px;
	height: 48px;
	font-size: 14px;
	line-height: 46px;
	color: #999;
	background: #eee;
	border: none;
	text-align: center;
	border-radius: 6px;
}

.coupon_div .add_coupon .info .btn.on {
	background: #5b1a7c;
	color: #fff
}

.coupon_div .detail {
	padding-top: 24px;
	margin-top: 20px;
	border-top: 1px solid #eee;
}

.coupon_div .detail .coupon_list {
	display: flex;
	flex-wrap: wrap;
}

.coupon_div .detail .coupon_list .list {
	position: relative;
	margin-left: 12px;
	padding: 24px 20px;
	width: 369px;
	height: 168px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px
}

.coupon_div .detail .coupon_list .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.coupon_div .detail .coupon_list .list:nth-child(n+3) {
	margin-top: 12px
}

.coupon_div .detail .coupon_list .list .info {
	width: 100%;
}

.coupon_div .detail .coupon_list .list .info .left {
	padding-right: 5px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	vertical-align: top
}

.coupon_div .detail .coupon_list .list .info .left .name {
	max-width: 240px;
	height: 44px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	display: -webkit-box;
	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: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.coupon_div .detail .coupon_list .list .info .left .date {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.coupon_div .detail .coupon_list .list .info .right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 100px;
	font-weight: 700;
	font-size: 24px;
	line-height: 46px;
	color: #7b23a8;
	text-align: right;
	vertical-align: top
}

.coupon_div .detail .coupon_list .list .type {
	display: flex;
	align-items: center;
	margin-top: 8px
}

.coupon_div .detail .coupon_list .list .type span {
	border-radius: 4px;
	margin-left: 6px;
	padding: 0 4px;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #7b23a8;
	background: #f4f0ff
}

.coupon_div .detail .coupon_list .list .type span:first-child {
	margin-left: 0
}

.coupon_div .detail .coupon_list .list.disabled .left .name {
	color: #ddd
}

.coupon_div .detail .coupon_list .list.disabled .left .date {
	color: #ddd
}

.coupon_div .detail .coupon_list .list.disabled .left .type span {
	color: #ddd;
	background: #f9f9f9
}

.coupon_div .detail .coupon_list .list.disabled .right {
	color: #ddd
}

.coupon_div .detail .notice_txt {
	margin-top: 16px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background: url('/resources/images/common/icn_notice_blk.png') no-repeat left center
}


/* // 2022.06.29 수정 후 쿠폰 */



/* 2022.06.29 수정 전 쿠폰 */
/* .coupon_div .no_data_div {
	margin-top: 20px;
	border-top: 1px solid #eee;
}

.coupon_div .bg_noti_area {
	margin-top: 60px;
}

.coupon_div {
	padding-top: 20px
}

.coupon_div .setting_area {
	margin-top: 16px;
}

.coupon_div .setting_area.chk_box input[type="checkbox"]+label {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.5px;
}

.coupon_div .setting_area.chk_box .notice_txt {
	font-size: 13px;
	line-height: 18px;
	color: #999;
	margin-left: 4px;
}

.coupon_div .add_coupon {
	padding: 29px 24px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

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

.coupon_div .add_coupon .title {
	float: left;
	width: 138px;
	font-size: 16px;
	line-height: 48px;
	color: #555
}

.coupon_div .add_coupon .info {
	float: left;
	width: 562px
}

.coupon_div .add_coupon .info:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .add_coupon .info input {
	float: left;
	padding: 3px 10px;
	width: 444px;
	margin-right: 8px;
}

.coupon_div .add_coupon .info .btn {
	float: left;
	width: 110px;
	height: 48px;
	font-size: 14px;
	line-height: 46px;
	color: #999;
	background: #eee;
	border: none;
	text-align: center;
	border-radius: 6px;
}

.coupon_div .add_coupon .info .btn.on {
	background: #5b1a7c;
	color: #fff
}

.coupon_div .detail {
	padding-top: 24px;
	margin-top: 20px;
	border-top: 1px solid #eee;
}

.coupon_div .detail .coupon_list {}

.coupon_div .detail .coupon_list:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .detail .coupon_list .list {
	display: table;
	float: left;
	margin-left: 12px;
	padding: 24px 20px;
	width: 369px;
	height: 138px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px
}

.coupon_div .detail .coupon_list .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.coupon_div .detail .coupon_list .list:nth-child(n+3) {
	margin-top: 12px
}

.coupon_div .detail .coupon_list .list .left {
	display: table-cell;
	padding-right: 10px;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	vertical-align: top
}

.coupon_div .detail .coupon_list .list .left .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.coupon_div .detail .coupon_list .list .left .date {
	margin-top: 6px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.coupon_div .detail .coupon_list .list .left .type {
	margin-top: 20px
}

.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;
	border-radius: 4px;
	margin-left: 6px;
	padding: 0 4px;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	color: #7b23a8;
	background: #f4f0ff
}

.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: 120px;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #7b23a8;
	text-align: right;
	vertical-align: middle
}

.coupon_div .detail .coupon_list .list.disabled .left .name {
	color: #ddd
}

.coupon_div .detail .coupon_list .list.disabled .left .date {
	color: #ddd
}

.coupon_div .detail .coupon_list .list.disabled .left .type span {
	color: #ddd;
	background: #f9f9f9
}

.coupon_div .detail .coupon_list .list.disabled .right {
	color: #ddd
}

.coupon_div .detail .notice_txt {
	margin-top: 16px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background: url('/resources/images/common/icn_notice_blk.png') no-repeat left center
} */

/* // 2022.06.29 수정 전 쿠폰 */


.day_change {}

.day_change .prev_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.day_change .prev_info .tit {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	font-weight: 500;
}

.day_change .prev_info .date {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: right;
}

.day_change .change_area {}

.day_change .change_area .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.day_change .change_area .top .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.day_change .change_area .top .right {
	display: flex;
	align-items: center;
}

.day_change .change_area .top span {
	position: relative;
	margin-right: 20px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 24px;
	color: #333
}

.day_change .change_area .top span:last-child {
	margin-right: 0
}

.day_change .change_area .top span:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #e81d75;
	border-radius: 100%;
}

.day_change .change_area .top span.select:before {
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
}

.day_change .bottom_btn {
	width: 320px;
	margin-top: 32px;
}

.day_change .bg_noti_area {
	margin-top: 60px;
}

.chg_div {}

.chg_div .top_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.chg_div .top_info p {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
}

.chg_div .top_info p:first-child {
	text-align: left;
}

.chg_div .top_info p:last-child {
	text-align: right;
}

.chg_div .content_div {}

.chg_div .content_div .text {
	padding: 24px 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
	border-bottom: 1px solid #eee;
	margin-bottom: 36px;
}

.chg_div .pay_way_div {
	display: flex;
	align-items: center;
	padding: 0 60px;
}

.chg_div .pay_way_div .pay_way {
	position: relative;
	padding: 30px 15px 26px;
	margin-left: 14px;
	width: 201px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.chg_div .pay_way_div .pay_way:first-child {
	margin-left: 0
}

.chg_div .pay_way_div .pay_way.on {
	padding: 28px 13px 24px;
	border: 3px solid #7b23a8;
}

.chg_div .pay_way_div .pay_way .logo {
	display: table;
	margin: 0 auto;
	width: 90px;
	height: 64px;
	border-radius: 100%
}

.chg_div .pay_way_div .pay_way .logo span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.chg_div .pay_way_div .pay_way .logo span img {
	width: 100px
}

.chg_div .pay_way_div .pay_way p {
	margin-top: 15px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.chg_div .notice_txt {
	margin-top: 12px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: 300
}

.chg_div .tab_content {
	padding: 0 60px;
}

.chg_div .cont_con .input_form:first-child {
	margin-top: 32px
}

.chg_div .cont_con .input_form .input_area input.w80 {
	margin-left: 20px;
	width: 80px
}

.chg_div .cont_con .input_form .input_area input.w80:first-child {
	margin-left: 0
}

.chg_div .cont_con .input_form .input_area.multi input {
	margin-left: 20px;
	width: 160px
}

.chg_div .cont_con .input_form .input_area.multi input:first-child {
	margin-left: 0
}

.chg_div .bottom_btn {
	width: 320px;
	margin-top: 32px;
}

.chg_div .bg_noti_area {
	margin-top: 60px;
}

.alrm_div {
	padding-top: 40px;
	text-align: center
}

.alrm_div .intro {
	padding-bottom: 40px;
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	border-bottom: 1px solid #e9e9e9
}

.alrm_div .tit {
	margin-top: 54px;
	font-size: 24px;
	line-height: 36px;
	color: #000
}

.alrm_div .txt {
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.alrm_div .img {
	margin-top: 30px
}

/* 구독관리 */
.subscription_info {}

.subscription_info .sct_list_div {}

.subscription_info .sct_list_div .list {
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.subscription_info .sct_list_div .list .title {
	display: block;
	padding-right: 40px;
	background: url('/resources/images/arrow_right_20_bbb.png') no-repeat right center;
	background-size: 20px
}

.subscription_info .sct_list_div .list .title:after {
	content: '';
	display: block;
	clear: both
}

.subscription_info .sct_list_div .list .title .name {
	float: right;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	font-weight: 500;
}

.subscription_info .sct_list_div .list .title .name b {
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	color: #999;
	margin-left: 10px;
	font-weight: 400
}

.subscription_info .sct_list_div .list .title .type {
	float: left;
	position: relative;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8
}

.subscription_info .sct_list_div .list .title .type:before {
	content: '정기구독';
	display: inline-block;
	margin-right: 2px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000
}

.subscription_info .sct_list_div .list.error .title:after {
	content: '결제오류';
	font-weight: 400;
	display: inline-block;
	margin-left: 12px;
	padding-left: 18px;
	font-size: 16px;
	line-height: 22px;
	color: #e62423;
	background: url('/resources/images/icn_exclamation_red.png') no-repeat left center;
	background-size: 16px
}

.subscription_info .sct_list_div .list.pack .title .type:before {
	content: '정기구독 한 팩 서비스';
	display: inline-block;
	margin-right: 2px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000
}

.subscription_info .sct_list_div .list .info {
	margin-top: 20px;
	padding: 20px 24px 16px 24px;
	background: #f9f9f9;
	border-radius: 10px;
}

.subscription_info .sct_list_div .list .info .line {
	margin-top: 16px
}

.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: 16px;
	line-height: 22px;
	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/icn_tooltip_bbb.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: 6px;
	font-size: 16px;
	line-height: 22px;
	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: 20px;
	vertical-align: top
}

.subscription_info .sct_list_div .list .info .line .right .dc {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #e81d75
}

.subscription_info .no_data_div {
	padding-top: 100px;
	border-bottom: none;
	background: url("/resources/images/icn_nodata_64px.png") top 140px left 50% no-repeat;
	background-size: auto 64px
}

.subscription_info .no_data_div .txt {
	color: #000
}

.subscription_info .link_btn {
	display: inline-block;
	margin-top: 18px;
	padding-right: 20px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
	background: url('/resources/images/m_icn_right_40x40.png') no-repeat right 60%;
	background-size: 18px
}

.subscription_info .sct_dtl {
	text-align: center
}

.subscription_info .sct_dtl .top {
	padding: 24px 0px;
	text-align: left;
	border-bottom: 1px solid #eee
}

.subscription_info .sct_dtl .top .top_line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.subscription_info .sct_dtl .top .top_line:nth-last-of-type(1) {
	margin-bottom: 0;
}

.subscription_info .sct_dtl .top .top_line p {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
}

.subscription_info .sct_dtl .top .left {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.subscription_info .sct_dtl .top .right {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.subscription_info .sct_dtl .list_div {
	text-align: left
}

.subscription_info .sct_dtl .list_div .list {
	display: block;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	background: url('/resources/images/arrow_right_20_bbb.png') no-repeat top 24px right 0;
	background-size: 20px
}

.subscription_info .sct_dtl .list_div .list .tit {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.subscription_info .sct_dtl .list_div .list .con {
	margin-top: 20px;
	border-radius: 10px;
	background-color: #f9f9f9;
	padding: 20px 24px;
}

.subscription_info .sct_dtl .list_div .list .con .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
}

.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 {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #555
}

.subscription_info .sct_dtl .list_div .list .con .right {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: right
}

.subscription_info .sct_dtl .list_div .list .con .right span {
	display: inline-block;
	vertical-align: top
}

.subscription_info .sct_dtl .list_div .list .con .right .error {
	display: none;
	width: auto;
	padding-left: 18px;
	color: #e62423;
	background: url('/resources/images/icn_exclamation_red.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: block;
	margin-top: 24px;
	font-size: 16px;
	line-height: 20px;
	color: #555;
	text-decoration: underline;
	text-align: right;
}

.subscription_info .sct_no_data {
	padding: 70px 39px 0 39px;
}

.subscription_info .sct_no_data_txt {
	margin-bottom: 50px;
	text-align: center;
}

.subscription_info .sct_no_data .txt {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	margin-bottom: 16px;
}

.subscription_info .sct_no_data .tit {
	font-size: 30px;
	line-height: 42px;
	color: #000;
	font-weight: 500;
}

.subscription_info .sct_no_data .sct_use_btn {
	margin-bottom: 30px;
}

.subscription_info .sct_no_data .sct_use_btn a {
	display: block;
	margin-bottom: 20px;
}

.subscription_info .sct_no_data .sct_use_btn a:nth-last-of-type(1) {
	margin-bottom: 0;
}

.subscription_info .sct_no_data .sct_btn {
	text-align: center;
}

.subscription_pkg_mag {
	display: flex;
	padding-top: 24px;
}

.subscription_pkg_mag .left {}

.subscription_pkg_mag .left .input_form .sub_tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-bottom: 12px;
}

.subscription_pkg_mag .left .bg_noti_area {
	margin-top: 24px;
}

.subscription_pkg_mag .right {
	margin-left: 30px;
}

.subscription_pkg_mag .right .pkg_area {
	width: 300px;
	border: solid 1px #7b23a8;
	border-radius: 20px;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	margin-top: 34px;
}

.subscription_pkg_mag .right .pkg_area .tit {
	padding: 20px;
	background-color: #f4f0ff;
}

.subscription_pkg_mag .right .pkg_area .tit p {
	display: inline-block;
	font-size: 14px;
	line-height: 32px;
	font-weight: 500;
	color: #7b23a8;
	padding-left: 34px;
	background: url('/resources/images/review_wrt_info_icn2.png') no-repeat left center;
	background-size: 32px;
}

.subscription_pkg_mag .right .pkg_area .smaple_area {
	position: relative;
	margin: 24px;
}

.subscription_pkg_mag .right .pkg_area .smaple_area img {
	width: 100%;
}

.subscription_pkg_mag .right .pkg_area .smaple_area .sample_txt {
	position: absolute;
	top: 15px;
	left: 11px;
}

.subscription_pkg_mag .right .pkg_area .smaple_area .sample_txt span {
	display: block;
	font-size: 13px;
	line-height: 22px;
	font-weight: 700;
	color: #000;
	text-align: left;
}


.sct_pd_mgr {}

.sct_pd_mgr .banner_div {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

.sct_pd_mgr .banner_div .banner {
	display: block;
	text-align: center;
	padding: 32px 0;
	background: url('/resources/images/survey_banner_bg.png') no-repeat left center #5b1a7c;
	background-size: 161px 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: 28px;
	margin-left: 6px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: url('/resources/images/icn_right_wht_24x24.png') no-repeat right center;
	background-size: 24px;
}

.sct_pd_mgr .pd_mgr_div {
	padding-bottom: 80px;
	border-bottom: 1px solid #eee;
}

.sct_pd_mgr .pd_mgr_div .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.sct_pd_mgr .pd_mgr_div .top .left {
	position: relative;
	padding-right: 18px;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: 500;
}

.sct_pd_mgr .pd_mgr_div .top .left .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/icn_tooltip_bbb.png') no-repeat center right;
	background-size: 16px
}

.sct_pd_mgr .pd_mgr_div .top .right {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: right
}

.sct_pd_mgr .pd_mgr_div .top .right .right_list {
	display: flex;
	align-items: center;
}

.sct_pd_mgr .pd_mgr_div .top .right .right_list .list::after {
	content: '|';
	color: #000 !important;
	margin: 0 4px;
}

.sct_pd_mgr .pd_mgr_div .top .right .right_list .list:nth-last-of-type(1)::after {
	content: '';
}

/* .sct_pd_mgr .pd_mgr_div .top .right span {
	color: #7b23a8;
	font-size: 16px;
} */

.sct_pd_mgr .pd_mgr_div .top .right .error {
	/* padding-left: 18px;
	background: url('/resources/images/icn_exclamation_red.png') no-repeat left center;
	background-size: 16px; */
	color: #e62423
}

.sct_pd_mgr .pd_mgr_div .top .right .error span {
	color: #e62423
}

.sct_pd_mgr .pd_mgr_div .xbt .pd_list_div .pd_list .thumb {
	width: 80px;
	height: 80px;
}

.sct_pd_mgr .pd_mgr_div .no_data_div {
	border-bottom: none;
	background: url("/resources/images/icn_nodata_64px.png") top 120px left 50% no-repeat;
	background-size: auto 64px
}

.sct_pd_mgr .pd_mgr_div .no_data_div .txt_area {
	padding: 200px 0 12px 0;
}

.sct_pd_mgr .pd_mgr_div .no_data_div .txt {
	color: #000
}

.sct_pd_mgr .price_div .list {
	padding: 22px 0 20px;
}

.sct_pd_mgr .price_div .list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px
}

.sct_pd_mgr .price_div .list .line .left {
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.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/icn_tooltip_bbb.png') no-repeat center;
	background-size: 16px
}

.sct_pd_mgr .price_div .list .line.highlight .left {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
}

.sct_pd_mgr .price_div .list .line.highlight .right {
	font-size: 18px;
	line-height: 22px;
	color: #7b23a8
}

.sct_pd_mgr .price_div .list .line.highlight .right span {
	font-size: 18px;
}

.sct_pd_mgr .price_div .list .line .right {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	font-weight: 500;
	text-align: right
}

.sct_pd_mgr .price_div .list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.sct_pd_mgr .price_div .list .line:first-child {
	margin-top: 0
}

.sct_pd_mgr .price_div .final_list {
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 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 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.sct_pd_mgr .price_div .final_list .line:nth-last-of-type(1) {
	margin-bottom: 0;
}


.sct_pd_mgr .price_div .final_list .line .left {
	font-size: 16px;
	line-height: 22px;
	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/icn_tooltip_bbb.png') no-repeat center right;
	background-size: 16px
}

.sct_pd_mgr .price_div .final_list .line.highlight .left {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
}

.sct_pd_mgr .price_div .final_list .line.highlight .right {
	font-size: 18px;
	line-height: 22px;
	color: #7b23a8
}

.sct_pd_mgr .price_div .final_list .line.highlight .right span {
	font-size: 18px;
}

.sct_pd_mgr .price_div .final_list .line .right {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: right
}

.sct_pd_mgr .price_div .final_list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
}

.sct_pd_mgr .pd_mgr_div .add_btn {
	display: block;
	margin: 32px auto 0 auto;
	padding: 13px 0;
	width: 320px;
	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/icn_plus_20x20.png') no-repeat left center;
	background-size: 20px
}

.sct_pd_mgr .bottom_btn {
	width: 320px;
	margin-top: 32px;
}

.sct_pd_mgr .bg_noti_area {
	margin-top: 60px;
}

/* 230608 함량 정보 관리 추가 css*/
.sct_pd_mgr .pd_content_info_div {
	margin-top: 22px;
}

.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: 13px;
	line-height: 20px;
	color: #999;
	margin-left: 20px;
}

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

.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: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000;
}

.sct_pd_mgr .pd_content_info_div .list .table {
	margin-top: 12px;
}

.sct_pd_mgr .pd_content_info_div .list .table table thead th {
	font-size: 14px;
	line-height: 20px;
	color: #999;
	background: #f7f7f7;
	padding: 11px 20px;
	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: 21px 0 0 21px;
}

.sct_pd_mgr .pd_content_info_div .list .table table thead th:nth-last-of-type(1) {
	border-radius: 0 21px 21px 0;
}

.sct_pd_mgr .pd_content_info_div .list .table table td {
	padding: 15px 20px;
	font-size: 14px;
	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 td .per_bar {
	position: relative;
	width: 300px;
	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%;
}

.sct_pd_mgr .pd_content_info_div .list .table table td .per_bar .per_bar_bg p {
	width: 140px;
	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: 20px;
	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: 280px;
	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: 140px;
	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: 140px;
}

.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 {
	padding-left: 10px;
	margin-top: 12px;
}

.sct_pd_mgr .pd_content_info_div .desc p {
	position: relative;
	font-size: 14px;
	color: #999;
	margin-top: 4px;
	line-height: 22px;
	padding-left: 10px;
	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: 13px;
	color: #999;
	line-height: 22px;
}

.layer_pop.addr_pop .pop_tit p {
	line-height: 32px;
	padding: 24px 80px 12px 80px;
	text-align: center;
	margin-bottom: 20px;
}

.layer_pop.addr_pop .pop_con .tabs a {
	width: 50%;
}

.layer_pop.sample_pop .close_btn,
.layer_pop.addr_pop .close_btn {
	background: url('/resources/images/icn_close_40x40.png') center no-repeat;
	background-size: 40px;
}

.layer_pop.addr_pop .input_form {
	margin-top: 24px;
}

.layer_pop.addr_pop .input_form .tit {
	font-weight: 500;
	line-height: 22px;
	color: #000;
}

.layer_pop.sample_pop {
	width: 380px;
}

.layer_pop.sample_pop .smaple_area {
	position: relative;
	width: 300px;
	margin: 20px auto 16px auto;
}

.layer_pop.sample_pop .smaple_area img {
	width: 300px;
}

.layer_pop.sample_pop .smaple_area .sample_txt {
	position: absolute;
	top: 18px;
	left: 12px;
}

.layer_pop.sample_pop .smaple_area .sample_txt span {
	display: block;
	font-size: 15px;
	line-height: 28px;
	font-weight: 700;
	color: #000;
}

.addr_div {}

.addr_div .addr_list {
	height: 375px;
	overflow-y: scroll;
}

/* scrollbar */
.addr_div .addr_list::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.addr_div .addr_list::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #c0c0c0;
}

.addr_div .addr_list::-webkit-scrollbar-thumb:window-inactive {
	background: #c0c0c0;
}

.addr_div .addr_list .list {
	display: block;
	position: relative;
	padding: 30px 16px;
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid transparent
}

.addr_div .addr_list .list input[type="radio"]+label {
	display: block;
	padding-left: 32px;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px)
}

.addr_div .addr_list .list input[type="radio"]+label:after {
	top: 2px;
	transform: translateY(0)
}

.addr_div .addr_list .list .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.addr_div .addr_list .list .name span {
	display: none
}

.addr_div .addr_list .list .name b {
	color: #7b23a8;
}

.addr_div .addr_list .list .tel {
	margin-top: 6px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.addr_div .addr_list .list .addr {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

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

.addr_div .add_tab .bottom_btn {
	margin-top: 42px;
}


.addr_div .addr_list .list .btn {
	position: absolute;
	top: 30px;
	right: 20px;
}

.addr_div .addr_list .list .btn a {
	display: inline-block;
	margin-left: 6px;
	width: 60px;
	height: 32px;
	font-size: 13px;
	line-height: 30px;
	color: #000;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.addr_div .addr_list .list .btn a:first-child {
	margin-left: 0
}

.addr_div .addr_list .list input.default+label+.btn .del {
	display: none
}

.addr_div .addr_list .list input.default+label .name span {
	display: inline-block
}

.addr_div .addr_edit {
	padding-top: 40px
}

.addr_div .chk_box {
	margin-top: 16px
}

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

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

.addr_div .add_tab .chk_box input[type="checkbox"]+label {
	color: #000
}

.addr_div .no_data_div {
	background: url("/resources/images/icn_nodata_64px.png") top 120px left 50% no-repeat;
	border-bottom: none;
	background-size: auto 64px
}

.addr_div .no_data_div .txt_area {
	padding: 200px 0 140px 0;
}

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

.addr_div .no_data_div .txt_area .txt {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin-top: 12px;
}

.addr_div input[readonly],
.addr_div input[readonly="readonly"],
.addr_div input[readonly]:focus,
input[readonly="readonly"]:focus {
	background: #f7f7f7
}

.intake_div {}

.intake_div .intake_area {
	padding: 60px 0 100px;
	text-align: center
}

.intake_div .intake_area .intake_info {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8;
}

.intake_div .intake_area .intake_info .tooltip {
	text-align: left
}

.intake_div .intake_area .intake_info span {
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8;
	padding-right: 26px;
	background: url("/resources/images/icn_tooltip_16.png") right 8px top 60% no-repeat;
	background-size: 16px
}

.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-top: 24px;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	font-weight: 500;
}

.intake_div .intake_area .intake_btn {
	display: inline-block;
	margin-top: 32px;
	text-align: center
}

.intake_div .intake_area .intake_btn .motion {
	display: none;
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-right: -80px;
	width: 160px;
	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: 18px;
	width: 320px;
	border-radius: 6px;
	background-color: #5b1a7c;
}

.intake_div .intake_area .intake_btn .btn span {
	display: inline-block;
	position: relative;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}

.intake_div .intake_area .intake_btn .btn.disabled_btn {
	color: #ccc;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	pointer-events: none
}

.intake_div .intake_area .intake_btn .btn.disabled_btn span {
	color: #ccc;
}

.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: 60px 0;
	background: #fff
}

.intake_div .no_intake .title {
	font-weight: 300;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	text-align: center
}

.intake_div .no_intake .title span {
	font-weight: 500
}

.intake_div .no_intake .text {
	margin-top: 12px;
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.intake_div .no_intake .btn_div {
	margin-top: 24px;
	flex-direction: column;
}

.intake_div .no_intake .btn_div a {
	display: block;
	margin: 8px auto 0 auto;
	font-size: 16px;
	line-height: 54px;
	width: 320px;
	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 #5b1a7c
}

.intake_div .no_intake .btn_div a.wht {
	color: #333;
	background: #fff;
	border: 1px solid #ccc
}

.intake_div .calendar_div {
	padding-bottom: 32px;
	border-bottom: 1px solid #ddd;
}

.intake_div .calendar_div .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid #ddd
}

.intake_div .calendar_div .top .tit {
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.intake_div .calendar_div .top .tit span {
	font-weight: 700
}

.intake_div .calendar_div .top .fl_r span {
	position: relative;
	margin-left: 20px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	border-radius: 100%
}

.intake_div .calendar_div .top .fl_r span:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px
}

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

.intake_div .intro_div .point_div {
	display: block;
	padding: 20px 30px 20px 36px;
	background: url('/resources/images/icn_right_wht_24x24.png') no-repeat right 12px top 50% #5b1a7c;
	border-radius: 10px;
	color: #fff;
	background-size: 24px
}

.intake_div .intro_div .point_div:after {
	content: '';
	display: block;
	clear: both
}

.intake_div .intro_div .point_div .left {
	float: left;
	position: relative;
	width: 350px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.intake_div .intro_div .point_div .left:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background: #eee;
	opacity: 0.2;
	top: 0;
	right: 0;
}

.intake_div .intro_div .point_div .right {
	float: left;
	position: relative;
	width: 320px;
	padding-left: 36px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

.intake_div .intro_div .point_div .right:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: calc(100% + 40px);
	height: -webkit-calc(100% + 40px);
	background: #eee;
	opacity: 0.2;
	top: -20px;
	right: 0;
}

.intake_div .intro_div .point_div .tit {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #fff;
	font-weight: 500
}

.intake_div .intro_div .point_div .left.tool .tit {
	position: relative;
	display: inline-block;
	padding-right: 18px
}

.intake_div .intro_div .point_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
}

.intake_div .intro_div .point_div .point {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #fff;
	font-weight: 700;
	margin-top: 8px;
}

.intake_div .intro_div .intake_point {
	margin-top: 40px;
	background: #f9f9f9;
	border-radius: 10px;
	padding: 20px;
}

.intake_div .intro_div .intake_point:after {
	content: '';
	display: block;
	clear: both
}

.intake_div .intro_div .intake_point .list {
	float: left;
	width: 50%;
	text-align: center;
	padding: 42px 0 24px 0;
	border-top: 1px solid #eee;
}

.intake_div .intro_div .intake_point .list:nth-child(-n+2) {
	padding: 24px 0 42px 0;
	border-top: none
}

.intake_div .intro_div .intake_point .list:nth-child(2n-1) {
	border-right: 1px solid #eee;
}

.intake_div .intro_div .intake_point .list:first-child:nth-last-child(2),
.intake_div .intro_div .intake_point .list:first-child:nth-last-child(2)~.list {
	padding: 24px 0
}

.intake_div .intro_div .intake_point .list .txt {
	display: inline-block;
	margin-right: 20px;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #555;
}

.intake_div .intro_div .intake_point .list .won {
	display: inline-block;
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
	color: #000;
	padding-right: 40px;
	background: url('/resources/images/intake_won.png') no-repeat right center;
	background-size: 32px
}

.intake_div .intro_div .intake_point .list .won span {
	font-size: 24px;
	vertical-align: top;
}

.intake_div .bg_noti_area {
	margin-top: 40px;
}

#calendar {
	position: relative;
	margin-top: 36px;
	padding-bottom: 32px;
	border-bottom: 1px solid #ddd
}

#calendar .ui-datepicker-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	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: 32px;
	height: 32px;
	background: url('/resources/images/mypage/calendar_prev.png') no-repeat;
	background-size: 32px
}

#calendar .ui-datepicker-next {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('/resources/images/mypage/calendar_next.png') no-repeat;
	background-size: 32px
}

#calendar .ui-datepicker-calendar {
	margin-top: 60px;
	text-align: center
}

#calendar .ui-datepicker-calendar thead th {
	font-size: 16px;
	line-height: 40px;
	padding: 0 27.5px;
	color: #777;
	text-align: center;
}

#calendar .ui-datepicker-calendar thead th:first-child {
	padding-left: 0;
}

#calendar .ui-datepicker-calendar thead th:last-child {
	padding-right: 0
}

#calendar .ui-datepicker-calendar tbody td {
	position: relative;
	padding: 20px 27.5px;
}

#calendar .ui-datepicker-calendar tbody td:first-child {
	padding-left: 0
}

#calendar .ui-datepicker-calendar tbody td:last-child {
	padding-right: 0
}

#calendar .ui-datepicker-calendar tbody td span {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	font-size: 16px;
	line-height: 40px;
	padding: 10px;
}

#calendar .ui-datepicker-calendar tbody td a {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	font-size: 16px;
	line-height: 56px;
	color: #000
}

#calendar .ui-datepicker-calendar tbody td a:hover {
	background: #f7f7f7;
	border-radius: 50%;
}

#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 tbody tr:last-child td {
	padding-bottom: 0;
	vertical-align: top
}

#calendar .ui-datepicker-calendar .ui-datepicker-today a {
	color: #000;
	background: #5b1a7c;
	border-radius: 50%;
}

#calendar .ui-datepicker-calendar .ui-datepicker-current-day a {
	color: #fff;
	background: #5b1a7c;
	border-radius: 50%;
}

#calendar .ui-datepicker-calendar .ui-datepicker-current-day a:hover {
	color: #fff;
	background: #5b1a7c;
	border-radius: 50%;
}

#calendar .ui-datepicker-calendar .ui-datepicker-unselectable {
	color: #ccc
}

#calendar .ui-datepicker-calendar .ui-datepicker-unselectable.ui-datepicker-today span {
	color: #000;
	border: 1px solid #e81d75;
	border-radius: 50%;
}

.calendar {
	margin-top: 36px
}

.calendar .month_div {
	position: relative;
	padding: 0 40px
}

.calendar .month_div .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: center
}

.calendar .month_div .prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background: url('/resources/images/mypage/calendar_prev.png') no-repeat;
	background-size: 32px
}

.calendar .month_div .next {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('/resources/images/mypage/calendar_next.png') no-repeat;
	background-size: 32px
}

.calendar .bottom {
	margin-top: 40px;
	text-align: center
}

.calendar .bottom .week {}

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

.calendar .bottom .week p {
	float: left;
	margin-left: 55px;
	width: 60px;
	padding: 10px;
	font-size: 16px;
	line-height: 40px;
	color: #777;
	text-align: center;
}

.calendar .bottom .week p:first-child {
	margin-left: 0
}

.calendar .bottom .day {}

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

.calendar .bottom .day div {
	position: relative;
	float: left;
	margin-left: 55px;
	margin-top: 36px;
	width: 60px;
}

.calendar .bottom .day div:nth-child(7n-6) {
	margin-left: 0
}

.calendar .bottom .day div p {
	position: relative;
	display: block;
	width: 60px;
	padding: 10px;
	height: 60px;
	font-size: 16px;
	line-height: 38px;
	color: #555;
	border-radius: 100%
}

.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%;
	border: none;
	border-radius: 100%
}

.calendar .bottom .day div.no p:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #ccc;
	transform: rotate(45deg);
	transform-origin: center
}

.calendar .bottom .day div.point1:after {
	content: '+500원';
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	text-align: center
}

.calendar .bottom .day div.point2:after {
	content: '+1,000원';
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	text-align: center
}

.calendar .bottom .day div.point3:after {
	content: '+1,500원';
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	text-align: center
}

.calendar .bottom .day div.today p {
	background: none;
	border: 1px solid #e81d75;
	color: #555
}

.calendar .bottom .day div.yes p {
	background: rgba(253, 33, 137, 0.1);
	color: #555
}

/* 섭취기록 챌린지용 */
.intake_div .challenge_info {
	position: relative;
	width: 100%;
	color: #7b23a8;
	background: #f7f4ff;
	margin-top: 12px;
	border-radius: 10px;
	text-align: left;
}

.intake_div .challenge_info a {
	display: block;
	padding: 22px 30px;
	background: url("/resources/images/icn_right_gr_opacity.svg") right 30px center no-repeat;
	background-size: 24px;
}

.intake_div .challenge_info a p {
	width: 648px;
	font-size: 14px;
	line-height: 26px;
	color: #7b23a8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.intake_div .challenge_info a .tit {
	font-size: 18px;
	font-weight: 500;
}

/* end 섭취기록 챌린지용 */

/* 결제 */
.pay_div {
	width: 630px
}

.pay_div .accor_div .list {
	border-bottom: 1px solid #eee
}

.pay_div .accor_div .pd_info_tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_div .accor_div .open {
	padding: 16px 0;
}

.pay_div .accor_div .open .title {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 500
}

.pay_div .accor_div .open .desc {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #7b23a8;
	font-weight: 500
}

.pay_div .accor_div .close.product_list {
	padding: 0;
	border-top: 1px solid #eee
}

.pay_div .accor_div .product_list .pd_list_div {}

.pay_div .pay_list .list {
	margin-top: 56px;
}

.pay_div .pay_list .title {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}

.pay_div .pay_list .title a {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	font-weight: 400;
	color: #7b23a8;
	text-decoration: underline;
	display: inline-block;
	float: right;
}

.pay_div .pay_list .sub_tit {
	font-size: 16px;
	line-height: 20px;
	color: #555;
	margin-bottom: 12px;
}

.pay_div .pay_list .sub_tit span {
	float: right;
	color: #000
}

.pay_div .pay_list .sub_tit span b {
	color: #7b23a8;
	font-weight: 500
}

.pay_div .pay_list .input_form {
	margin-top: 12px;
}



.pay_div .pay_list .input_form .input_area label {
	float: left;
	color: #555;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: -0.5px;
	font-weight: 400;
	border: none;
	width: 153px;
	padding-right: 50px;
	display: inline-block
}

.pay_div .pay_list .input_form .input_area .input_full {
	width: calc(100% - 153px);
	width: -webkit-calc(100% - 153px);
	display: inline-block
}

.pay_div .pay_list .input_form .input_area.has_left .input_full {
	width: calc(100% - 118px);
	width: -webkit-calc(100% - 118px);
	display: inline-block
}

.pay_div .pay_list .input_form.phone_input .input_area select {
	width: 200px
}

.pay_div .pay_list .input_form.phone_input .input_area input {
	width: calc(100% - 208px);
	width: -webkit-calc(100% - 208px);
	margin-left: 8px
}

.pay_div .pay_list .chk_div {
	margin-top: 20px;
}

.pay_div .pay_list .chk_div .chk_box+.chk_box {
	margin-top: 20px;
}

.pay_div .pay_list .chk_div .chk_box label {
	font-size: 16px;
	line-height: 20px;
}

.pay_div .pay_list .select_box {
	margin-top: 12px;
}

.pay_div .pay_list .discount .input_form {
	margin-top: 20px;
}

.pay_div .pay_list .discount .select_box {
	margin-top: 0;
}

.pay_div .pay_list .notice_txt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.pay_div .bg_noti_area {
	margin-top: 60px;
}

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

.pay_div .pay_way_div .pay_way {
	position: relative;
	padding: 39px 50px 29px 50px;
	border: 1px solid #ddd;
	text-align: center;
	float: left;
	width: 200px;
	margin-left: 14px;
	margin-top: 20px;
	border-radius: 10px
}

.pay_div .pay_way_div .pay_way:nth-child(3n+1) {
	margin-left: 0
}

.pay_div .pay_way_div .pay_way:nth-child(-n+3) {
	margin-top: 0
}

.pay_div .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: 10px
}

.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_div .pay_way_div .pay_way .logo {}

.pay_div .pay_way_div .pay_way .logo img {
	width: 100px
}

.pay_div .pay_way_div .pay_way:last-child:after {
	content: "";
	display: block;
	clear: both;
}

.pay_div .pay_way_div .pay_way p:last-child {
	margin-top: 16px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
}

.pay_div .card_content {
	margin-top: 32px;
}

.pay_div .card_content .input_form {
	margin-top: 30px;
}

.pay_div .card_content .input_form:first-child {
	margin-top: 0;
}

.pay_fixed {
	position: fixed;
	width: 400px
}

.pay_fixed .fix_box {
	position: relative;
	padding: 32px 26px 26px;
	border: 1px solid #7b23a8;
	background: #fff;
	border-radius: 20px;
}

.pay_fixed .pay_dtl .desc div {
	display: flex;
	line-height: 28px;
	padding: 0;
}

.pay_fixed .pay_dtl .desc div:nth-last-child(2) {
	padding-bottom: 12px;
	border-bottom: 2px solid #000;
}

.pay_fixed .pay_dtl .desc div span {
	flex: auto;
}

.pay_fixed .pay_dtl .desc div span:first-child {
	font-weight: 300;
}

.pay_fixed .pay_dtl .desc div span:last-child {
	text-align: right;
}

.pay_fixed .pay_dtl .txt_list_div .txt_list {
	margin-top: 10px
}

.pay_fixed .pay_dtl .txt_list_div .txt_list:first-child {
	margin-top: 0
}

.pay_fixed .pay_dtl .txt_list_div .txt_list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px
}

.pay_fixed .pay_dtl .txt_list_div .txt_list .line .left {
	padding-left: 16px;
	width: 100%;
	font-size: 15px;
	line-height: 20px;
	color: #bbb;
	background: url('/resources/images/m_icn_subtext.png') no-repeat left 2px;
	background-size: 10px 11px
}

.pay_fixed .pay_dtl .txt_list_div .txt_list .line .right {
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	font-size: 15px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.pay_fixed .pay_dtl .txt_list_div .txt_list .line:first-child {
	margin-top: 0
}

.pay_fixed .pay_dtl .txt_list_div .txt_list .line:first-child .left {
	padding-left: 0;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: none
}

.pay_fixed .pay_dtl .txt_list_div .txt_list .line:first-child .right {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.pay_fixed .pay_dtl .txt_list_div .final_list {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.pay_fixed .pay_dtl .txt_list_div .final_list:first-child {
	padding-top: 0;
	margin-top: 0;
	border: none
}

.pay_fixed .pay_dtl .txt_list_div .final_list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_fixed .pay_dtl .txt_list_div .final_list .line .left {
	width: 130px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.pay_fixed .pay_dtl .txt_list_div .final_list .line.oneday .left {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}

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

.pay_fixed .pay_dtl .txt_list_div .final_list .line .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top;
}

.pay_fixed .pay_dtl .txt_list_div .final_list .line.oneday .right {
	font-size: 16px;
	line-height: 22px;
}

.pay_fixed .pay_dtl .txt_list_div .final_list .line.oneday .right span {
	font-size: 16px;
}

.pay_fixed .benefit_info {
	margin-top: 10px;
	padding: 15px 20px;
	border-radius: 10px;
	color: #7b23a8;
	background: #f7f4ff;
	border: 1px solid #7b23a8;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.pay_fixed .sct_info {
	margin-top: 20px;
	border-radius: 20px;
	background: #f4f0ff;
	padding: 8px 20px;
	text-align: center;
}

/* .pay_fixed .sct_info:after {
	content: '';
	display: block;
	clear: both;
} */

.pay_fixed .sct_info p {
	/* float: left;
	width: 50%; */
	display: inline-block;
}

.pay_fixed .sct_info .desc {
	font-size: 15px;
	line-height: 20px;
	color: #7b23a8;
	margin-right: 8px;
}

.pay_fixed .sct_info .date {
	/* text-align: right; */
	font-size: 15px;
	line-height: 20px;
	color: #7b23a8;
	font-weight: 400
}

.pay_fixed .comm_btn {
	position: relative;
	margin-top: 20px;
}

.pay_fixed .comm_btn .coupon_txt {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	background-color: #e81d75;
	border-radius: 6px;
	padding: 4px 10px;
}

.pay_fixed .comm_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%);
}

.pay_fixed .tit {
	display: inline-block;
	position: relative;
}

.pay_fixed .tit.tool {
	padding-right: 18px;
}

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


/* 결제완료 */
.pay_comp {
	color: #000;
	padding-top: 60px;
	text-align: center
}

.pay_comp .flex_btn_div .btn {
	padding: 17px 0;
	font-size: 16px
}

.pay_comp .tit {
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -0.5px;
	margin-top: 36px;
	font-weight: 500;
}

.pay_comp .icon {}

.pay_comp .icon img {
	width: 60px
}

.pay_comp .icn img {
	width: 60px
}

.pay_comp .sct_benefit {
	position: relative;
	margin-top: 60px;
	padding: 28px 0;
	width: 100%;
	background: #f9f9f9;
	border-radius: 16px;
}

.pay_comp .sct_benefit:before {
	position: absolute;
	content: '';
	display: block;
	width: 80px;
	height: 78px;
	top: -28px;
	right: 42px;
	background: url("/resources/images/pay_comp.png") center no-repeat;
	background-size: 80px 78px
}

.pay_comp .sct_benefit .sub_tit {
	position: relative;
	margin: 0 60px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.2px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
	color: #000
}

.pay_comp .sct_benefit .sub_tit span {
	color: #7b23a8;
	font-weight: 500
}

.pay_comp .sct_benefit .benefit_box .desc {
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #000;
	padding-left: 32px;
	display: inline-block;
	margin-top: 12px;
}

.pay_comp .sct_benefit .benefit_box>div:first-child .desc {
	margin-top: 30px;
}

.pay_comp .sct_benefit .benefit_box .desc span {
	font-weight: 400
}

.pay_comp .sct_benefit .benefit_box .desc.sct_calender {
	background: url("/resources/images/icn_date_28.png") center left no-repeat;
	background-size: auto 28px;
}

.pay_comp .sct_benefit .benefit_box .desc.write_review {
	background: url("/resources/images/icn_review_28.png") center left no-repeat;
	background-size: auto 28px;
}

.pay_comp .sct_benefit .benefit_box .desc.discount {
	background: url("/resources/images/icn_discount_28.png") center left no-repeat;
	background-size: auto 28px;
}

.pay_comp .sct_benefit .benefit_box .desc.coupon {
	background: url("/resources/images/icn_coupon_28.png") center left no-repeat;
	background-size: auto 28px;
}

.pay_comp .btn_div a {
	width: 206px;
	margin-left: 8px;
	margin-top: 48px;
}

.pay_comp .btn_div a:first-child {
	margin-left: 0
}

.pay_comp .btn.all {
	display: inline-block;
	position: relative;
	margin: 28px auto 0 auto;
	padding: 6px 40px 6px 24px;
	border-radius: 18px;
	color: #7b23a8;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -0.2px;
	background: url("/resources/images/icon/cart/icn_arrow_right_pur.svg") top 50% right 16px no-repeat;
	background-size: 16px;
	background-color: #f4f0ff;
}

.pay_fail {
	padding-top: 60px;
	text-align: center
}

.pay_fail .title {
	padding-top: 96px;
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	background: url('/resources/images/pay_fail_icn.png') no-repeat center top;
	background-size: 60px
}

.pay_fail .reason {
	margin-top: 40px;
	font-size: 16px;
	line-height: 30px;
	color: #000
}

.pay_fail .txt {
	margin-top: 12px;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #e62423
}

.pay_fail .desc {
	margin-top: 32px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.pay_fail .btn_div a {
	width: 206px;
	margin-left: 8px;
	margin-top: 48px;
}

.pay_fail .btn_div a:first-child {
	margin-left: 0
}

.ticket_div {
	padding: 160px 0 120px;
	margin: 0 auto;
	width: 700px
}

.ticket_div .title {
	font-size: 48px;
	line-height: 54px;
	color: #000;
	text-align: center
}

.ticket_div .title span {
	font-weight: 700
}

.ticket_div .img {
	margin-top: 40px;
	text-align: center
}

.ticket_div .text {
	margin-top: 60px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.ticket_div .text span {
	font-weight: 700
}

.ticket_div .step_div {
	margin-top: 48px;
	padding-top: 60px;
	border-top: 2px solid #000
}

.ticket_div .step_div .step {
	margin-top: 100px
}

.ticket_div .step_div .step:first-child {
	margin-top: 0
}

.ticket_div .step_div .step .tit {
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #000;
	text-align: center
}

.ticket_div .step_div .step .tit span {
	color: #7b23a8
}

.ticket_div .step_div .step .txt {
	margin: 24px 0 32px;
	font-size: 20px;
	line-height: 22px;
	color: #000;
	text-align: center
}

.ticket_div .step_div .step .btn_div a {
	display: inline-block;
	margin: 0 2px;
	width: 154px;
	height: 60px;
	font-size: 16px;
	text-align: center
}

.ticket_div .step_div .step .btn_div .login {
	line-height: 58px;
	color: #000;
	background: #fff;
	border: 1px solid #ddd
}

.ticket_div .step_div .step .btn_div .join {
	line-height: 60px;
	color: #fff;
	background: #5b1a7c
}

.ticket_div .step_div .step .input_div {
	padding: 32px 40px;
	background: #f3f3f3
}

.ticket_div .step_div .step .input_div .top:after {
	content: '';
	display: block;
	clear: both
}

.ticket_div .step_div .step .input_div .top .name {
	float: left;
	width: 90px;
	font-size: 16px;
	line-height: 60px;
	color: #000
}

.ticket_div .step_div .step .input_div .top input {
	float: left;
	width: 416px;
	height: 60px;
	border: 1px solid #999 !important;
	padding: 0 10px
}

.ticket_div .step_div .step .input_div .top .regi_btn {
	float: left;
	margin-left: 10px;
	width: 104px;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
	color: #ccc;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc
}

.ticket_div .step_div .step .input_div .add_txt {
	margin-top: 12px;
	padding-left: 90px
}

.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;
	width: 320px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background: #5b1a7c
}

.ticket_div .close {
	position: fixed;
	top: 60px;
	right: 60px;
	width: 60px;
	height: 60px;
	background: url('/resources/images/common/pop_close_60x60.png') no-repeat
}

.error_page {
	margin: 60px auto 0;
	width: 600px;
	text-align: center
}

.error_page .tit {
	padding-top: 90px;
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	background: url('/resources/images/pay_fail_icn.png') no-repeat center top;
	background-size: 60px
}

.error_page .txt {
	margin-top: 26px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #000
}


/* 공통 */

.btn_group {
	position: absolute;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	left: 24px;
	bottom: 24px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	text-align: center;
	font-weight: 400;
}

.submit_btn {
	display: block;
	border-radius: 6px;
	color: #fff;
	background: #5b1a7c;
	width: 420px;
	height: 56px;
	line-height: 54px;
	border: 1px solid transparent;
	margin: 44px auto 0 auto;
	text-align: center;
}

.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;
	border: 1px solid transparent;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px;
}

.comm_btn_wh {
	display: block;
	margin: 48px auto 0;
	height: 56px;
	font-size: 16px;
	padding: 19px 0;
	color: #7b23a8;
	text-align: center;
	border: 1px solid #7b23a8;
	border-radius: 6px;
}

.disabled_btn {
	color: #ccc;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	pointer-events: none
}

.disabled_btn.on {
	pointer-events: all
}

.comm_btn_sm {
	height: 44px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
	padding: 10px 0;
	margin-top: 0;
}

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

.btn_div .bottom_btn {
	margin: 72px 0 0 6px;
}

.btn_div .bottom_btn:first-child {
	margin-left: 0
}

.btn_div .comm_btn {
	margin: 48px 0;
}

.btn_div .comm_btn_wh {

	margin: 48px 0;
}

.btn_div .arrow_btn {
	display: inline-block;
	width: auto;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	margin-top: 16px;
	color: #000;
}

.btn_div .arrow_btn img {
	width: 20px;
	height: 20px;
}

.btn_div .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 {
	background: url("/resources/images/mypage/m_icn_info.png") left top no-repeat;
	background-size: 12px;
	padding-left: 18px;
}

.no_data_div .txt_area .main_txt {
	color: #000;
	font-weight: 500;
	margin-bottom: 8px;
}

.layer_pop input[type="number"] {
	width: 100%;
}

.d_none {
	display: none !important;
}

.d_block {
	display: block !important;
}



/* 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;
	padding: 12px 13px 48px 13px;
	width: 100%;
	background: #f7f7f7;
	border-radius: 6px
}

.textarea_div textarea {
	padding: 10px;
	width: 100%;
	height: 74px;
	background: #f7f7f7;
	border: none;
	resize: none;
	word-break: break-all;
}

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

.textarea_div .byte b {
	color: #333
}


/* input 에 들어가는 check, success, timer */
.input_form.chk_input,
.input_form .input_area.chk_input,
.tit.chk_input {
	display: none;
}

.input_form .input_area input.chk {
	background: url("/resources/images/common/m_icn_success.png") right center no-repeat;
	background-size: 24px;
}

.input_form .input_area input.chk_fail {
	background: url("/resources/images/common/m_icn_fail.png") right center no-repeat;
	background-size: 24px;
	border: 1px solid #e62423
}

.chk_fail_txt {
	display: inline-block;
	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: 4px;
}

.chk_input {
	position: relative
}

.chk_input .chk_time,
.chk_time {
	position: absolute;
	top: 0;
	right: 12px;
	font-size: 13px;
	line-height: 48px;
	letter-spacing: -0.2px;
	color: #777;
}

.has_left .chk_time {
	right: 130px;
}

.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.pw_view input {
	padding-right: 70px;
}

.input_form .input_area.pw_view input.chk {
	padding-right: 70px;
	background: url("/resources/images/common/m_icn_success.png") right 40px top 50% no-repeat #f7f7f7;
	background-size: 24px;
}

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


/* selectbox */
.select_box select {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.2px;
}

/* 팝업 */
.layer_pop {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-top: 68px;
	width: 480px;
	z-index: 12;
	background: #fff;
	border-radius: 20px;
	padding-bottom: 24px;
}

.layer_pop .pop_tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 68px;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.7px;
	color: #000;
	font-weight: 700;
}

.layer_pop .pop_tit p {
	padding: 24px 80px 12px 28px;
}

.layer_pop .close_btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url('/resources/images/icn_close_40x40.png') center no-repeat;
	background-size: 40px;
}

.layer_pop .pop_con {
	padding: 0 40px;
	height: 100%;
	background: #fff;
	overflow-y: auto;
	border-radius: 0 0 20px 20px
}

.dv_main_pop.layer_pop .pop_con {
	background: none;
}

.dv_main_pop.layer_pop.main_pop .btn {
	background: #fff;
}

.layer_pop .pop_con .con_tit {
	margin: 20px 0 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	color: #000
}

.layer_pop .pop_con .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000
}

.layer_pop .pop_con .title+.tabs {
	margin-top: 24px;
}

.layer_pop .pop_con .tabs {}

.layer_pop .pop_con .tabs a {
	height: 48px;
	line-height: 24px;
	padding: 22px 10px;
}

.layer_pop .bot_btn {
	display: block;
	margin: 40px auto 0;
	width: 240px;
	height: 60px;
	font-size: 16px;
	text-align: center
}

.layer_pop .bot_btn.pur {
	line-height: 60px;
	color: #fff;
	background: #5b1a7c
}

.layer_pop .absol_btn {
	position: absolute;
	bottom: 24px;
	left: 40px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px)
}

.layer_pop .absol_btn .comm_btn {
	margin-top: 0
}

.alert_pop {
	position: fixed;
	z-index: 13;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px;
	text-align: center;
	background: #fff;
	border-radius: 16px;
	padding: 0 20px;
}

.alert_pop .pop_con {
	padding: 40px 0;
	background: #fff;
	text-align: left;
	text-align: center
}

.alert_pop .pop_con .txt {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.alert_pop .pop_con .msg {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #333;
}

.alert_pop .pop_btn {
	width: 100%;
	text-align: center;
	background: #fff;
	;
	margin-bottom: 20px;
}

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

.alert_pop .pop_btn a {
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	background: #5b1a7c
}

.alert_pop .pop_btn .no_btn {
	color: #333;
	background: #eee;
}

.alert_pop .pop_btn .ok_btn {
	color: #fff;
	background: #5b1a7c
}

.alert_pop .pop_btn.two a {
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.alert_pop .pop_btn.two a:first-child {
	margin-left: 0
}

.alert_pop.danger .pop_con {
	padding-top: 120px;
	background: url('/resources/images/alert_pop_danger.png') no-repeat center 40px;
	background-size: 64px
}

.toast_pop {
	position: fixed;
	z-index: 12;
	bottom: -200px;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 360px;
	padding: 24px 36px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	border-radius: 10px
}

.toast_pop .pop_con {
	padding: 0
}

.addr_edit_pop .chk_div {
	margin-top: 24px
}

.addr_edit_pop .chk_div .chk_box input[type="checkbox"]+label {
	font-size: 16px
}

.sct_pop {
	padding: 0;
	overflow: hidden;
}

.sct_pop .pop_con {
	padding: 80px 40px 60px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: none;
}

.sct_pop .pop_con .img {
	position: relative;
	text-align: center
}

.sct_pop .pop_con .img img {
	position: relative;
	width: 300px;
}

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

.sct_pop .pop_con .title {
	margin-top: 16px;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #7b23a8;
	text-align: center
}

.sct_pop .pop_con .txt {
	margin-top: 4px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.sct_pop .pop_con .count {
	margin-top: 20px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.sct_pop .pop_con .count span {
	margin-left: 10px;
	font-weight: 700
}

.sct_pop .pop_btn {
	margin: 48px auto 0;
	width: 240px;
}

.sct_pop .pop_btn a {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background: #5b1a7c
}

@keyframes sctPopMotion {
	100% {
		transform: translateX(-50%) rotate(360deg)
	}
}

.complete_pop {
	width: 432px
}

.layer_pop.nutrient_pop .pop_con {
	padding-bottom: 72px;
}

.layer_pop.nutrient_pop .thumb {
	position: relative
}

.layer_pop.nutrient_pop .thumb span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 98px;
	padding: 6px 0;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	font-weight: 500
}

.layer_pop.nutrient_pop .thumb+.thumb {
	margin-top: 12px;
}

.layer_pop.nutrient_pop .thumb img {
	width: 100%
}

.layer_pop.nutrient_pop .pop_con {
	padding: 0 0 0 0
}

.layer_pop.nutrient_pop .pop_con .txt_con {
	padding: 0 40px
}

.layer_pop.nutrient_pop .pop_con .name {
	margin-top: 40px;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	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 20px
}

.layer_pop.nutrient_pop .pop_con .tag {
	margin-top: 8px;
}

.layer_pop.nutrient_pop .pop_con .tag:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop.nutrient_pop .pop_con .tag span {
	float: left;
	margin: 8px 8px 0 0;
	padding: 0 17px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #999;
	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-size: 18px;
	line-height: 26px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
	margin-top: 36px;
}

.layer_pop.nutrient_pop .pop_con .detail .title:first-child {
	margin-top: 0
}

.layer_pop.nutrient_pop .pop_con .detail .tit {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 500;
	margin-top: 18px;
	margin-bottom: 0
}

.layer_pop.nutrient_pop .pop_con .detail .title+.txt {
	margin-top: 8px;
}

.layer_pop.nutrient_pop .pop_con .detail .tit+.txt {
	margin-top: 4px;
}

.layer_pop.nutrient_pop .pop_con .detail .txt {
	font-size: 16px;
	line-height: 24px;
	color: #555
}

.layer_pop.nutrient_pop .pop_con .detail .txt:first-child {
	margin-top: 0
}

.layer_pop.nutrient_pop .pop_con .detail .txt.intake {
	margin-top: 6px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.layer_pop.nutrient_pop .pop_con .info_div {
	margin-top: 60px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.layer_pop.nutrient_pop .pop_con .info_div .info_txt {
	background-position: left center;
}

.layer_pop .addr_div .addr_list .list {
	padding: 19px 5px 19px 20px;
}

.layer_pop .addr_div .addr_list .list:nth-of-type(1) {
	padding-top: 31px;
}

.layer_pop .addr_div .addr_list .list input[type="radio"]+label {
	width: 100%
}

.layer_pop .addr_div .add_tab {
	padding-top: 8px
}

.layer_pop .benefit_div {
	margin-top: 40px
}

.layer_pop .benefit_div .top_area {
	position: relative;
	padding-bottom: 8px;
	border-bottom: 2px solid #000
}

.layer_pop .benefit_div .top_area .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.layer_pop .benefit_div .top_area a {
	position: absolute;
	bottom: 8px;
	right: 0;
	padding-right: 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/common/icn_right.png') no-repeat right center
}

.layer_pop .benefit_div .list_area {
	margin-top: 20px
}

.layer_pop .benefit_div .list_area .list {
	display: table;
	padding: 20px 0;
	width: 100%;
	;
	overflow: hidden
}

.layer_pop .benefit_div .list_area .list .icon {
	display: table-cell;
	width: 48px;
	vertical-align: middle
}

.layer_pop .benefit_div .list_area .list .text {
	position: relative;
	display: table-cell;
	padding-left: 24px;
	vertical-align: middle
}

.layer_pop .benefit_div .list_area .list .text .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.layer_pop .benefit_div .list_area .list .text .txt {
	margin-top: 4px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.layer_pop .benefit_div .list_area .list .text .txt span {
	font-weight: 500;
	color: #7b23a8
}

.layer_pop .benefit_div .list_area .list .text:after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 24px;
	width: 100%;
	height: 1px;
	background: #e9e9e9
}

.layer_pop .benefit_div .list_area .list:last-child {
	padding-bottom: 0
}

.layer_pop .benefit_div .list_area .list:last-child .text:after {
	display: none
}

.layer_pop.agr_pop .pop_tit {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000
}

.layer_pop.agr_pop .term_div .cont {
	margin-top: 40px
}

.layer_pop.agr_pop .term_div .anchor_div p a {
	cursor: auto
}

.layer_pop.agr_pop .term_div .anchor_div p a:hover {
	color: #000
}

.layer_pop.agr_pop .term_div .scroll {
	margin-bottom: 20px
}

.layer_pop.agr_pop .term_div .scroll {
	width: 100%;
	overflow-x: auto
}

.layer_pop.agr_pop .term_div .scroll table {
	width: 1000px
}

.layer_pop.agr_pop .term_div .scroll table:last-child {
	margin-bottom: 5px
}

.layer_pop.service_agr_pop .term_div .cont .txt .dot_indent p {
	font-size: 14px;
	color: #000
}

.layer_pop.service_agr_pop .term_div .cont .txt p {
	font-size: 14px;
	line-height: 18px;
}

.layer_pop.selector_pop {
	padding-bottom: 96px;
}

.layer_pop.selector_pop .pop_tit {
	text-align: center;
}

.layer_pop.selector_pop .pop_tit p {
	padding: 24px 75px 12px 80px;
}

.layer_pop.selector_pop .close_btn {
	background: url('/resources/images/icn_close_40x40.png') center no-repeat;
	background-size: 40px;
}

.layer_pop.selector_pop .pop_con {
	max-height: 460px;
	overflow-y: scroll;
	margin-right: 5px;
}

/* scrollbar */
.layer_pop.selector_pop .pop_con::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.layer_pop.selector_pop .pop_con::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #c0c0c0;
}

.layer_pop.selector_pop .pop_con::-webkit-scrollbar-thumb:window-inactive {
	background: #c0c0c0;
}

.layer_pop.selector_pop .radio_area .radio_div {
	border-bottom: 1px solid #eee
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box {
	display: block
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label {
	/* display: table; */
	display: flex;
	align-items: center;
	padding: 20px 0 19px 32px;
	width: 100%
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .img {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
	background: #f7f7f7;
	border-radius: 8px
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .img img {
	width: 100%
}

.layer_pop.selector_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: top
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .top {}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .top:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .top .date {
	float: left;
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .top .noti {
	float: left;
	font-size: 14px;
	line-height: 14px;
	color: #7b23a8;
	margin-left: 4px;
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .name {
	display: -webkit-box;
	margin-top: 4px;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	margin-top: 4px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .name span:after {
	content: ',';
	margin-right: 2px
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .name span:last-child:after {
	display: none
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .name span b {
	font-weight: 400;
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .type {
	margin-top: 6px;
	font-size: 14px;
	line-height: 16px;
	color: #333
}

.layer_pop.selector_pop .radio_area .radio_div .radio_box label .info .type b {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #7b23a8
}

.layer_pop.selector_pop .check_area {}

.layer_pop.selector_pop .disabled_btn .count {
	display: none;
}

.layer_pop.selector_pop .disabled_btn.on .count {
	display: inline-block;
	margin-right: 4px
}


.bottom_pop {
	position: fixed;
	z-index: 11;
	display: none;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: #fff;
}

.bottom_pop .pop_con {
	position: relative;
	padding: 36px 0 24px 0;
	text-align: left;
}

.bottom_pop .pop_con .tit {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -1px;
	text-align: left;
	color: #000;
	font-weight: 500;
}

.bottom_pop .close_btn {
	position: absolute;
	top: -72px;
	left: 50%;
	transform: translateX(-50%);
	width: 48px;
	height: 48px;
	background: url('/resources/images/common/m_icn_pop_close.png') center no-repeat #000;
	background-size: auto 32px;
}

/* 토글 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;
}

/* 마이페이지 중복 사용 */
.mypage_main_div .list_div>a,
.set_noti_div .list_div a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	padding: 24px 18px;
	padding-left: 0;
	background: url("/resources/images/mypage/m_icn_arrow_right.png") no-repeat right center;
	background-size: 12px 20px;
}

/* 마이페이지 메인 */
.mypage_main_div {
	background: #fff;
	padding-bottom: 70px;
	padding-top: 30px;
}

.mypage_main_div .tit {
	padding-bottom: 22px;
}

.mypage_main_div .tit p {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -1px;
	color: #000;
}

.mypage_main_div .tit .mem_type {
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

.mypage_main_div .tit a {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000;
	float: right;
}

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

.mypage_main_div .tit a img {
	width: 20px;
	height: 20px;
	margin: 1px 2px 0 0;
}

.mypage_main_div .benefit_div {
	display: flex;
	padding: 24px 0 20px 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}

.mypage_main_div .benefit_div .benefit {
	flex: auto;
}

.mypage_main_div .benefit_div .benefit p {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 300;
}

.mypage_main_div .benefit_div .benefit a {
	font-size: 22px;
	line-height: 36px;
	letter-spacing: -0.2px;
	color: #7b23a8;
	font-weight: 600;
}

.mypage_main_div .benefit_div .benefit.point {
	margin-right: 18px;
	min-width: 174px;
}

.mypage_main_div .list_div a:first-child {
	background-position-y: 26px;
}

.mypage_main_div .list_div a:first-child span {
	color: #555;
	letter-spacing: -0.2px;
}

.mypage_main_div .list_div a:first-child span b {
	color: #e81d75;
}

.mypage_main_div .list_div a:first-child div.mem_sct {
	background: url("/resources/images/mypage/m_img_pill.png") right 18px top 50% no-repeat #f8f8f8;
	background-size: 76px;
	width: calc(100% + 18px);
	width: -webkit-calc(100% + 18px);
	padding: 32px 0 32px 24px;
	margin-top: 18px;
}

.mypage_main_div .list_div a:first-child div.mem_sct p:first-child {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
	margin-bottom: 6px;
}

.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: 30px;
	letter-spacing: -0.8px;
	color: #000;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 12px;
}

/* 마이페이지 알림 수신 설정 */
.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.5px;
	color: #000;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

.set_noti_div .tit {
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #eee;
}

.set_noti_div .tit p:first-child {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 600;
}

.set_noti_div .tit p.info {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 300;
	/* margin-top: 12px; */
}

.set_noti_div .tit .info span {
	color: #7b23a8;
	font-weight: 500
}

.set_noti_div .etc_div {
	border-top: none;
	padding-top: 18px;
}

.set_noti_div .etc_div .info_txt span {
	color: #7b23a8;
	font-weight: 500;
}

.set_noti_div .bg_noti_area {
	margin-top: 60px;
}

.set_noti_div .bg_noti_area .tit {
	padding: 0;
	border-bottom: none;
}

/* .set_noti_div .dot_indent {
	padding: 16px 0 40px 0;
	border-bottom: 1px solid #eee;
} */


/* 마이페이지 비밀번호 변경 */
.set_pw_div {
	padding-top: 40px
}

.set_pw_div .chg_form .input_form {
	margin-top: 8px
}

.set_pw_div .chg_form .input_form .chk_fail_txt {
	margin-bottom: 8px;
}

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

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

.set_pw_div .chg_form .input_form .sub_tit {
	float: left;
	width: 196px;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: -0.5px;
	color: #555;
	font-weight: 400;
}

.set_pw_div .chg_form .input_form .input_area {
	float: left;
	width: calc(100% - 196px);
	width: -webkit-calc(100% - 196px)
}

.set_pw_div .chg_form .input_form .input_area .chk_point {
	float: left;
	width: 100%;
	margin-top: 8px
}

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

.set_pw_div .chg_form .input_form .input_area .chk_point p {
	float: left;
	margin-left: 16px;
	padding-left: 22px;
	font-size: 13px;
	line-height: 20px;
	color: #ddd;
	background: url('/resources/images/common/check_point_type2_icn.png') no-repeat left center
}

.set_pw_div .chg_form .input_form .input_area .chk_point p:first-child {
	margin-left: 0
}

.set_pw_div .chg_form .input_form .input_area .chk_point p.on {
	color: #7b23a8;
	background: url('/resources/images/common/check_point_type2_icn_on.png') no-repeat left center
}



/* 주문조회 datepicker custom */
.date_range_calendar {
	background: #fff;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 16px 24px;
	margin-top: 10px;
}

.date_range_calendar .ui-datepicker-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.date_range_calendar .ui-datepicker-title .ui-datepicker-year:after {
	content: '.';
}

.date_range_calendar .ui-datepicker-prev {
	position: absolute;
	top: 16px;
	left: 24px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/arrow_left_24.png') no-repeat
}

.date_range_calendar .ui-datepicker-next {
	position: absolute;
	top: 16px;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url('/resources/images/arrow_right_24.png') no-repeat
}

.date_range_calendar .ui-datepicker-calendar {
	margin-top: 24px;
	text-align: center
}

.date_range_calendar .ui-datepicker-calendar thead th {
	font-size: 14px;
	line-height: 22px;
	width: 30px;
	color: #777;
	text-align: center;
	padding: 0 6px 18px 6px;
}

.date_range_calendar .ui-datepicker-calendar thead th:first-child {
	padding-left: 0;
}

.date_range_calendar .ui-datepicker-calendar thead th:last-child {
	padding-right: 0
}

.date_range_calendar .ui-datepicker-calendar tbody td {
	position: relative;
	padding: 7px 6px;
}

.date_range_calendar .ui-datepicker-calendar tbody td:first-child {
	padding-left: 0
}

.date_range_calendar .ui-datepicker-calendar tbody td:last-child {
	padding-right: 0
}

.date_range_calendar .ui-datepicker-calendar tbody td span {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 28px;
	border: 1px solid transparent;
	font-weight: 500;
}

.date_range_calendar .ui-datepicker-calendar tbody td a {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 28px;
	border: 1px solid transparent;
	color: #555;
	font-weight: 500;
}

.date_range_calendar .ui-datepicker-calendar tbody td a:hover {
	background: #f7f7f7;
	border-radius: 50%;
}

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

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

.date_range_calendar .ui-datepicker-calendar tbody tr:last-child td {
	padding-bottom: 0;
	vertical-align: top
}

.date_range_calendar .ui-datepicker-calendar .ui-datepicker-today a {
	color: #000;
	border: 1px solid #e81d75;
	border-radius: 50%;
}

.date_range_calendar .ui-datepicker-calendar .ui-datepicker-current-day a {
	color: #fff;
	background: #5b1a7c;
	border-radius: 50%;
}

.date_range_calendar .ui-datepicker-calendar .ui-datepicker-current-day a:hover {
	color: #fff;
	background: #5b1a7c;
	border-radius: 50%;
}

.date_range_calendar .ui-datepicker-calendar .ui-datepicker-unselectable {
	color: #ddd
}

.date_range_calendar .ui-datepicker-calendar .ui-datepicker-unselectable.ui-datepicker-today span {
	border: 1px solid #e81d75;
	border-radius: 50%;
}

/* 마이페이지 주문조회 */
.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 .search_area {
	padding-top: 16px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.order_div .search_area .detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.order_div .search_area .detail .btn_div.period {
	margin-right: 22px;
	width: 322px;
	margin-top: 0
}

.order_div .search_area .detail .btn_div a {
	display: block;
	border-radius: 6px;
	width: 76px;
	line-height: 46px;
	color: #ccc;
	height: 48px;
	border: 1px solid #ccc;
	font-size: 14px;
	letter-spacing: -0.2px;
	text-align: center;
	margin-left: 6px;
}

.order_div .search_area .detail .btn_div a:first-child {
	margin-left: 0
}

.order_div .search_area .detail .btn_div a.on {
	color: #7b23a8;
	border: 1px solid #7b23a8
}

.order_div .search_area .detail .date_setting.on {
	border: 1px solid #7b23a8
}

.order_div .search_area .detail .date_setting {
	width: 286px;
	display: block;
	position: relative;
	background: #f7f7f7;
	border-radius: 10px;
	border: 1px solid #f7f7f7
}

.order_div .search_area .detail .date_setting:before {
	content: '-';
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	position: absolute;
	top: 16px;
	left: 50%;
	transform: translateX(-50%)
}

.order_div .search_area .detail .date_setting input {
	width: calc(50% - 6px);
	width: webkit-calc(50% - 6px);
	padding: 16px 36px 16px 12px;
	background: url("/resources/images/icn_date_20.png") top 50% right 12px no-repeat;
	background-size: 20px;
	border: none
}

.order_div .search_area .detail .date_setting input#startYmd {
	margin-right: 12px;
}

.order_div .search_area .detail .search_btn {
	margin-left: 8px;
	background: #5b1a7c;
	border-radius: 6px;
	text-align: center;
	width: 112px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.5px;
}

.order_div .search_area .txt {
	margin-top: 12px;
	font-size: 12px;
	line-height: 20px;
	color: #555
}

.order_div .order_list_div {}

.order_div .order_list_div .list {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.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: 63px;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 4px
}

.order_div .order_list_div .list .top .date {
	margin-left: 8px;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.order_div .order_list_div .list .info_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px
}

.order_div .order_list_div .list .info_div .info {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
}

.order_div .order_list_div .list .info_div .info span {
	color: #7b23a8
}

.order_div .order_list_div .list .info_div .price {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.order_div .order_list_div .list .info_div .price span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.order_div .order_list_div .list .detail {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	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 .textarea_div {
	display: none;
}

.order_div .btn_div {
	margin-top: 20px;
	justify-content: inherit;
	text-align: left
}

.order_div .btn_div a {
	display: block;
	width: 110px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	margin-left: 6px;
	border-radius: 6px;
}

.order_div .btn_div a:first-child {
	margin-left: 0
}

.order_div .btn_div a.purple {
	border: 1px solid #7b23a8;
	color: #7b23a8
}

.order_div .btn_div a.line {
	color: #333;
	border: 1px solid #ccc
}

.order_div .no_data_div {
	background: url("/resources/images/icn_nodata_64px.png") top 140px left 50% no-repeat;
	border-bottom: none;
	background-size: auto 64px
}

.order_div .no_data_div .txt_area {
	padding: 220px 0 140px 0;
	border-bottom: 1px solid #eee;
}

.order_div .no_data_div .txt_area .txt {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: center
}


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

/*마이페이지 주문상세 */
.ord_dtl_bot_btn_div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}

.ord_dtl_bot_btn_div a.bottom_btn,
.ord_dtl_bot_btn_div a {
	width: 200px;
	margin: 0 0 0 8px;
}

.ord_dtl_bot_btn_div a:nth-of-type(1) {
	margin-left: 0;
}

.order_dtl_div .order_dtl_list {
	margin-top: 12px;
}

.order_dtl_div .order_dtl_list .list {
	margin-top: 40px;
	color: #000;
}

.order_dtl_div .order_dtl_list .list:first-child {
	margin-top: 12px;
	border-top: none
}

.order_dtl_div .order_dtl_list .list .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.order_dtl_div .order_dtl_list .list .top .tit {
	width: 150px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.order_dtl_div .order_dtl_list .list .summary {
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	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: 22px;
	color: #7b23a8;
	text-decoration: underline
}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div {}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div .pd_list {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div .pd_list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div .pd_list .link_area {
	display: flex;
	align-items: center;
	width: 100%;
}

.order_dtl_div .order_dtl_list .list .bottom .pd_list_div .pd_list .link_area .info {
	width: 670px;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div {}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .left {
	width: 250px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	background: none
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .right {
	text-align: right;
	width: calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-top: 10px
}

.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:last-child {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.order_dtl_div .order_dtl_list .list.refund {
	margin-top: 8px;
}

.order_dtl_div .order_dtl_list .list.refund .bottom .txt_list_div .txt_list:last-child {
	border-bottom: none;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .desc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list+.desc {
	margin-top: 12px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .desc .left {
	padding-left: 16px;
	font-size: 15px;
	line-height: 20px;
	color: #999;
	background: url('/resources/images/etc_sub_mark.png') no-repeat left 4px;
	background-size: 12px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .desc .left .tool {
	display: inline-block;
	position: relative;
	padding-right: 18px;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .desc .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 .desc .right {
	font-size: 15px;
	line-height: 20px;
	color: #bbb;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .desc .right span {
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	vertical-align: top
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .txt_list+.final_list {
	padding-top: 16px;
	margin-top: 20px;
	border-top: 1px solid #eee
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .desc+.final_list {
	padding-top: 16px;
	margin-top: 20px;
	border-top: 1px solid #eee
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .left {
	line-height: 24px
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .right {
	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 .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .right .pay_option {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	margin-top: 10px;
}

.order_dtl_div .order_dtl_list .list .bottom .txt_list_div .final_list .right .pay_option span {
	font-size: 16px;
	line-height: 22px;
}

.order_dtl_div .order_dtl_list .list .bottom .upload_pic+.gry_txt {
	margin-top: 12px;
}

.order_dtl_div .btn_div {
	justify-content: right;
	margin-top: 12px;
}

.order_dtl_div .btn_div a {
	display: block;
	width: 110px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	margin-left: 6px;
	border-radius: 6px;
}

.order_dtl_div .btn_div a:first-child {
	margin-left: 0
}

.order_dtl_div .btn_div a.purple {
	border: 1px solid #7b23a8;
	color: #7b23a8
}

.order_dtl_div .btn_div a.line {
	color: #333;
	border: 1px solid #ccc
}

.order_dtl_div .order_dtl_list .list .bottom .radio_list {}

.order_dtl_div .order_dtl_list .list .bottom .radio_list .radio_box {
	margin-top: 20px;
	display: block
}

.order_dtl_div .order_dtl_list .list .bottom .radio_list .radio_box:first-child {
	margin-top: 0
}

.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: #555
}

.order_dtl_div .order_dtl_list .list .bottom .text {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.order_dtl_div .order_dtl_list .list .bottom .btn_div {
	margin-top: 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 {
	padding: 0;
	width: 100%;
	height: 74px;
	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 .bg_noti_area {
	margin-top: 60px;
}

.order_dtl_div .dlv_info {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.order_dtl_div .input_form {
	margin-top: 12px;
}

.order_dtl_div .input_form .input_area label {
	float: left;
	color: #555;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: -0.5px;
	font-weight: 400;
	border: none;
	width: 153px;
	padding-right: 50px;
	display: inline-block
}

.order_dtl_div .input_form .input_area .input_full {
	width: calc(100% - 153px);
	width: -webkit-calc(100% - 153px);
	display: inline-block
}

.order_dtl_div .input_form .input_area.has_left .input_full {
	width: calc(100% - 271px);
	width: -webkit-calc(100% - 271px);
	display: inline-block
}

.order_dtl_div .order_dtl_list .list .bottom .input_form.phone_input .input_area select {
	width: 200px
}

.order_dtl_div .input_form.phone_input .input_area input {
	width: calc(100% - 361px);
	width: -webkit-calc(100% - 361px);
	margin-left: 8px
}

.order_dtl_div .input_form.addr_input .input_area {
	margin-left: 153px;
	width: 100%
}

.order_dtl_div .input_form.addr_input .input_area:first-child {
	margin-left: 0
}

.order_dtl_div .input_form.addr_input .txt.addr {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #777;
	padding-left: 153px;
	margin-top: 12px;
}

/* 주문취소 */


/* 교환신청 */



/* 배송조회, 회수조회 팝업 */
.dlv_pop {
	color: #000;
}

.dlv_pop .pop_con .tit {
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.5px;
	font-weight: 700;
}

.dlv_pop .pop_con .desc {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.5px;
	border-bottom: 2px solid #000;
	padding: 12px 0;
}

.dlv_pop .pop_con .desc span:first-child {
	color: #555;
	width: 93px;
	display: inline-block;
}

.dlv_pop .pop_con .detail_box {
	padding-top: 28px;
}

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

.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: 16px;
	line-height: 22px;
	letter-spacing: -0.5px;
}

.dlv_pop .pop_con .detail_box .tit {
	font-weight: 500;
	margin-bottom: 4px;
}

.dlv_pop .pop_con .detail_box .txt p:not(:last-child) {
	margin-bottom: 4px;
}

.dlv_pop .pop_con .detail_box .place {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #555;
}

.dlv_pop .close_btn {
	background-image: url('/resources/images/icn_close_40x40.png');
}

/* 마이페이지 회원탈퇴 */
.memout_div {}

.memout_div .agree_div {
	padding-top: 16px
}

.memout_div .agree_div .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.memout_div .tit {
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #eee;
}

.memout_div .tit p:first-child {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 600;
}

.memout_div .tit p.info {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 300;
	/* margin-top: 12px; */
}

.memout_div .txt {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

.memout_div .txt p {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-weight: 400
}

.memout_div .reason_div {
	margin-top: 50px;
}

.memout_div .pw_div {
	margin-top: 30px
}

.memout_div .pw_div .tit {
	padding-bottom: 8px
}

.memout_div .pw_div .input_form {
	margin-top: 0;
	width: 500px
}

.memout_div .textarea_div {
	display: none;
	margin-top: 12px
}

.reason_div .sec_tit,
.memout_div .sec_tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 12px;
}

.memout_comp_div {
	padding-top: 60px;
}

.memout_comp_div .memout_desc {
	padding-top: 96px;
	text-align: center;
	background: url('/resources/images/icn_comp_60.png') no-repeat center top;
	background-size: 60px
}

.memout_comp_div .memout_desc p:first-child {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #000
}

.memout_comp_div .memout_desc p:last-child {
	margin-top: 24px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.memout_comp_div .submit_btn {
	margin-top: 60px;
}


/* 마이페이지 설문관리 */
.ipu_manager {
	background: #fff
}

.ipu_manager .top_info {
	padding: 30px 0
}

.ipu_manager .top_info .banner {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 32px 0;
	background: url('/resources/images/survey_banner_bg.png') no-repeat left center #5b1a7c;
	background-size: 161px 88px;
	border-radius: 8px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15)
}

.ipu_manager .top_info .banner .tit {
	font-size: 18px;
	line-height: 24px;
	color: #fff
}

.ipu_manager .top_info .banner .txt {
	padding-right: 28px;
	margin-left: 6px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: url('/resources/images/icn_right_wht_24x24.png') no-repeat right center;
	background-size: 24px;
}

.ipu_manager .list_div {
	border-top: 1px solid #eee;
}

.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 .counsel_flag {
	background: #bbb;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.2px;
	padding: 0 10px;
	border: 1px solid #bbb
}

.ipu_manager .list .title .counsel_flag.on {
	background: #5b1a7c;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.2px;
	padding: 0 10px;
	border: 1px solid #5b1a7c
}

.ipu_manager .list .title .date {
	float: left;
	margin-left: 8px;
	font-size: 16px;
	line-height: 22px;
	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: 16px;
	line-height: 20px;
	color: #000
}

.ipu_manager .list .con .ingredient {
	margin-top: 14px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	word-break: break-all
}

.ipu_manager .list .counsel_noti {
	margin-top: 20px;
	padding: 17px 60px 17px 24px;
	background: url('/resources/images/icn_chk_grn.png') no-repeat right 24px top 50% #f7f4ff;
	border: 1px solid #a68ddd;
	border-radius: 6px
}

.ipu_manager .list .counsel_noti:after {
	content: '';
	display: block;
	clear: both
}

.ipu_manager .list .counsel_noti .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8
}

.ipu_manager .list .counsel_noti .txt {
	float: right;
	font-size: 14px;
	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: inline-block;
	margin-top: 20px;
	width: 110px;
	font-size: 14px;
	line-height: 16px;
	padding: 9px 0;
	color: #7b23a8;
	text-align: center;
	background: #fff;
	border: 1px solid #7b23a8;
	border-radius: 6px
}

.ipu_manager .list .delete_btn {
	position: absolute;
	top: 19px;
	right: -6px;
	width: 30px;
	height: 30px;
	background: url('/resources/images/icn_xbt_bbb_24x24.png') no-repeat center;
	background-size: 24px
}

.ipu_manager .no_data_div {
	border-top: 1px solid #eee;
	background: url("/resources/images/icn_nodata_64px.png") top 120px left 50% no-repeat;
	background-size: auto 64px
}

.ipu_manager .no_data_div .txt_area {
	padding: 220px 0 140px 0
}

.ipu_manager .no_data_div .txt_area .txt {
	color: #000
}

.ipu_manager .comm_btn {
	margin-top: 16px;
	height: 44px;
	line-height: 44px;
}


/* 공통 */
.sm_wrap {
	max-width: 420px;
	margin: 0 auto;
}

.no_indi .title {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -1px;
	color: #000;
	font-weight: 700;
	margin-top: 18px;
}

.chk_div .chk_box {
	display: block;
}

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

.head_banner .content {
	display: block;
	margin: 0 auto;
	width: 1080px;
	height: 100%;
	padding: 13px 0
}

.head_banner .xbt {
	position: absolute;
	top: calc(50% - 12px);
	right: 30px;
	padding: 6px 24px 6px 12px;
	height: 24px;
	font-size: 12px;
	line-height: 10px;
	color: #fff;
	background: url('/resources/images/common/icn_header_banner_close.svg') no-repeat right 8px top 50% / 8px 8px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	z-index: 2
}

.head_banner .xbt.simple {
	width: 24px;
	height: 24px;
	top: 12px;
	padding: 0;
	background: url("/resources/images/head_banner_close.png") center no-repeat;
	background-size: 24px
}

/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 1400px;
	width: 100%;
	height: 126px;
	z-index: 3;
	background: #fff;
	transition: top 0.3s ease;
	border-bottom: 1px solid #eee;
}

header .logo {
	z-index: 1;
	position: absolute;
	top: calc(50% - 13px);
	left: 0;
}

header .logo a {
	display: block;
	height: 26px;
	padding: 0 5px
}

header .logo a img {
	width: 195px;
}

header .gnb_div {
	position: relative;
	height: 126px;
	width: 1080px;
	padding-top: 10px;
	margin: 0 auto;
}

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

header .gnb_div nav {
	position: relative;
}

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

header .gnb_div nav .menu {
	display: flex;
	align-items: center;
	justify-content: right;
}

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

header .gnb_div nav .menu a {
	display: block;
	position: relative;
	margin-left: 40px;
	padding: 18px 0;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: 0;
	font-weight: 500;
	color: #000
}

header .gnb_div nav .menu a:first-child {
	margin-left: 0
}

header .gnb_div nav .menu a.new:after {
	content: 'New';
	position: relative;
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;
	color: #7b23a8;
	top: -15px
}

header .gnb_div nav .menu a:before {
	content: '';
	position: absolute;
	bottom: -0.5px;
	left: 0;
	width: 0;
	height: 4px;
	background: #5b1a7c;
	transition: width 0.25s ease
}

header .gnb_div nav .menu a:hover {
	color: #5b1a7c;
}

header .gnb_div nav .menu a:hover:before {
	width: 100%
}

header .gnb_div nav .menu a.on {
	color: #7b23a8
}

header .gnb_div nav .menu a.on:before {
	width: 100%;
	background: #5b1a7c
}

header .gnb_div nav .menu a.on:hover:before {
	background: #5b1a7c
}

header .gnb_div nav .utill {
	float: left;
	margin-left: 48px;
}

header .gnb_div nav .utill a {
	display: inline-block;
	padding: 25px 4px;
	width: 32px;
	height: 84px;
	margin-left: 32px;
}

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

header .gnb_div nav .utill a.mypage {
	background: url('/resources/images/icn_mypage.png') no-repeat center;
	background-size: 32px
}

header .gnb_div nav .allmenu_pop {
	display: none;
	position: absolute;
	top: 72px;
	right: 0;
	padding: 24px 12px 20px;
	background: #fff;
	border-radius: 16px;
	z-index: 4;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15)
}

header .gnb_div nav .allmenu_pop a {
	display: block;
	padding: 12px 40px 12px 16px;
	width: 176px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left
}

header .gnb_div nav .allmenu_pop a:hover {
	background: url('/resources/images/icn_right_gry_20x20.png') no-repeat right 12px top 50%;
	background-size: 20px
}

header .gnb_div nav .allmenu_pop a.survey {
	margin-bottom: 8px;
	padding: 13px 40px 13px 16px;
	color: #fff;
	background: url('/resources/images/icn_right_wht_20x20.png') no-repeat right 12px top 50% #5b1a7c;
	border-radius: 8px;
	background-size: 20px
}

header .utill .menu_btn {
	background: url("/resources/images/icn_menu.png") center center no-repeat;
	background-size: 32px;
}

/* 로그인 */
.login_div {
	padding-top: 34px;
}

.login_div .logo {
	padding-top: 24px;
	text-align: center
}

.login_div .logo img {
	width: 118px
}

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

.login_div .comm_btn {
	margin-top: 50px;
	cursor: pointer;
}

.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 20px;
	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: 14px;
	line-height: 22px;
	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: 32px auto 0;
	width: 192px;
	text-align: center
}

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

.sns_list_div .list_div a {
	float: left;
	margin-right: 24px;
	width: 48px;
	height: 48px;
	border-radius: 100%
}

.sns_list_div .list_div a.kakao {
	background: url("/resources/images/common/icn_kakao_48.png") no-repeat;
	background-size: 48px
}

.sns_list_div .list_div a.naver {
	background: url("/resources/images/common/icn_naver_48.png") no-repeat;
	background-size: 48px
}

.sns_list_div .list_div a.apple {
	background: url("/resources/images/common/icn_apple_48.png") no-repeat;
	background-size: 48px;
	text-indent: -9999px
}

.sns_list_div .list_div a:last-child {
	margin-right: 0
}

/*
.sns_list_div .list_div a{display:block; height:60px; margin-bottom:4px; font-size: 16px; line-height: 60px; letter-spacing: -0.5px; text-align: center; font-weight: 400;}
.sns_list_div .list_div a.kakao{background: url("/resources/images/common/login_icn_kakao.png") left 10px top 50% no-repeat #ffeb00; color: #000;}
.sns_list_div .list_div a.naver{background: url("/resources/images/common/login_icn_naver.png") left 10px top 50% no-repeat #00c539; color: #fff}
.sns_list_div .list_div a.apple{background: url("/resources/images/common/login_icn_apple.png") left 10px top 50% no-repeat #000; color: #fff; margin-bottom: 0;}
.sns_list_div .list_div a.apple div{min-width:0 !important}
 */
.bottom_banner {
	display: block;
	margin-top: 72px
}

.bottom_banner img {
	width: 100%;
	border-radius: 10px;
}

.login_div .utill {
	margin: 36px auto;
	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: -15px;
	width: 1px;
	height: 10px;
	background: #ddd;
}

.join_div .bottom_banner.swiper-container {
	margin-top: 60px;
	padding-bottom: 32px;
}

.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 6px;
	width: 10px;
	height: 10px;
	background: #eee;
	opacity: 1
}

.join_div .bottom_banner.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #5b1a7c
}

/* 로그인 - 비밀번호 변경 팝업 */
.chg_info_pop .pop_con .tit,
.chg_pw_pop .pop_con .tit {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 400;
	margin-bottom: 28px;
}

.chg_info_pop .pop_con,
.chg_pw_pop .pop_con {
	padding-top: 36px;
}

.chg_info_pop .pop_con .detail,
.chg_pw_pop .pop_con .detail {
	min-height: 280px;
}

.chg_info_pop .pop_con .sub_tit,
.chg_pw_pop .pop_con .sub_tit {
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -0.5px;
	color: #555;
}

.chg_info_pop .pop_con .input_form:first-child,
.chg_pw_pop .pop_con .input_form:first-child {
	margin-top: 28px;
}

.chg_info_pop .pop_con .input_form,
.chg_pw_pop .pop_con .input_form {
	margin-top: 20px;
}

.chg_info_pop .pop_con .input_form .input_area,
.chg_pw_pop .pop_con .input_form .input_area {
	display: block;
	margin-top: 8px;
}

.chg_info_pop .pop_con .input_area .chk_point,
.chg_pw_pop .pop_con .input_area .chk_point {
	float: left;
	margin-top: 12px;
	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 .btn,
.chg_pw_pop .btn {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.chg_info_pop .btn .comm_btn,
.chg_pw_pop .btn .comm_btn {
	display: inline-block;
	margin-left: 8px;
	width: 50%;
	height: 48px;
	line-height: inherit;
	padding: 14px 0;
	margin-top: 0;
}

.chg_info_pop .btn .comm_btn_wh,
.chg_pw_pop .btn .comm_btn_wh {
	display: inline-block;
	width: 50%;
	height: 48px;
	padding: 14px 0;
	margin-top: 0;
}

.chg_info_pop .radio_div {
	display: block;
	margin-top: 18px;
}

.chg_info_pop .radio_div:first-child {
	margin-top: 0;
}

.chg_pw_pop .close_btn,
.chg_info_pop .close_btn {
	background: url('/resources/images/icn_close_40x40.png') center no-repeat;
	background-size: 40px;
}


/* 회원가입 */
.join_div .top {
	width: 100%;
	margin-bottom: 80px;
	background: url("/resources/images/member/d_join_tit.png") center / cover no-repeat;
	text-align: center;
	padding: 80px 0 76px;
}

.join_div .logo {
	margin-bottom: 17px;
}

.join_div .top .sub_tit {
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #000;
	margin-bottom: 64px;
}

.join_div .join_txt {
	text-align: center;
}

.join_div .join_txt p:first-child {
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -2.2px;
	color: #000;
	font-weight: 500;
	margin-bottom: 10px;
}

.join_div .join_txt p:last-child {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.2px;
	color: #777;
}

.join_div .join_intro_desc {
	margin-top: 48px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #000;
	text-align: center;
}

.join_div .top_join {
	margin-top: 24px;
}

.join_div .top_join a {
	display: block;
	margin-top: 8px;
	width: 100%;
	height: 56px;
	font-size: 16px;
	line-height: 56px;
	border-radius: 6px;
	text-align: center
}

.join_div .top_join a:first-child {
	margin-top: 0
}

.join_div .top_join a.kakao_join {
	color: #000;
	background: url("/resources/images/common/icn_kakao_48.png") left 16px top 50% no-repeat #ffeb00;
	background-size: 48px
}

.join_div .top_join a.mail_join {
	color: #fff;
	background: #5b1a7c
}

.join_div .top_join a.naver {
	color: #fff;
	background: url("/resources/images/common/icn_naver_48.png") left 16px top 50% no-repeat #00c539;
	background-size: 48px
}

.join_div .top_join a.apple {
	color: #fff;
	background: url("/resources/images/common/icn_apple_48.png") left 16px top 50% no-repeat #1d1d1d;
	background-size: 48px
}

.join_div .join_form {
	margin-top: 48px;
}

.join_div .join_form .join_txt {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -1.5px;
	color: #000;
	text-align: left;
	font-weight: 500;
}

.join_div .join_form .input_form .tit:first-child {
	margin-top: 0px;
}

.join_div .join_form .input_form .tit:not(:first-child) {
	margin-top: 20px;
}

.join_div .desc_txt {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #7b23a8;
	margin-top: 4px;
}

.join_div .chk_div {
	margin-top: 32px;
}

.join_div .chk_div .chk_box:not(.all_chk) {
	margin-top: 12px;
}

.join_div .chk_div .chk_box.all_chk {
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

.join_div .chk_div .chk_box.all_chk input[type="checkbox"]+label {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #000
}

.join_div .chk_div .chk_box input[type="checkbox"]+label {
	color: #333;
}

.join_div .chk_div .chk_box .agr_view {
	float: right;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #999;
	text-decoration: underline;
}

.join_div .chk_div .chk_box .agr_view:after {
	content: "";
	display: block;
	clear: both;
}

.join_div .join_form .answer_radio_div .radio_div {
	display: block;
	margin-top: 18px;
}

.join_div .join_form .answer_radio_div .radio_div:first-child {
	margin-top: 0;
}

.join_div .recomm_info {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	text-align: left;
	color: #7b23a8;
	font-weight: 400;
	margin-top: 4px;
}

.join_div .icn {
	margin-top: 100px;
	text-align: center;
	margin-bottom: 30px;
}

.join_div .icn img {
	width: 60px;
	height: 60px;
}

.join_div .join_desc {
	text-align: center;
}

.join_div .join_desc p:not(:last-child) {
	color: #000;
	font-size: 36px;
	line-height: 52px;
	letter-spacing: -1.4px;
	margin-bottom: 24px;
	font-weight: 500;
}

.join_div .join_desc p:last-child {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.2px;
	color: #000
}

.join_div .input_form .input_area .chk_point {
	float: left;
	margin-top: 8px;
	width: 100%
}

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

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

.join_div .input_form .input_area .chk_point p:first-child {
	margin-left: 0
}

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

.join_div .chk_div .chk_box p {
	color: #7b23a8;
	margin-top: 14px;
	padding-left: 32px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.join_div .chk_div .chk_box p span {
	position: relative;
	padding: 4px 10px;
	background: #f4f0ff;
	border-radius: 4px;
}

.join_div .chk_div .chk_box p span:after {
	content: '';
	display: block;
	position: absolute;
	left: 16px;
	top: -10px;
	width: 12px;
	height: 10px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: none;
	border-bottom: 10px solid #f0edf9;
}

.join_div .icn {
	margin-top: 46px
}

.join_div .btn_div {}

.join_div .btn_div:after {}

.join_div .btn_div a {
	width: 206px;
	display: inline-block;
	margin-left: 6px;
}

.join_div .btn_div a:first-child {
	margin-left: 0
}

.join_div .btn_div .arrow_btn {
	margin-top: 20px;
}


/* id찾기, 비밀번호 찾기 */
.find_div .find_desc {
	margin: 48px 0 40px 0;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.7px;
	font-weight: 400;
	color: #000;
}

.find_div .submit_btn {
	margin-top: 36px;
	border-radius: 6px
}

.find_div .id_box {
	background: #f0edf9;
	color: #7b23a8;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	width: 100%;
	font-weight: 600;
	padding: 36px 0;
	margin-top: 40px;
	border-radius: 6px;
}

.find_div .find_sec.on {
	display: block;
}

.find_div .find_sec:not(on) {
	display: none;
}

.find_div .find_sec .radio_box input[type="radio"]+label {
	margin-bottom: 20px;
}

.find_div .find_sec .radio_box:nth-last-of-type(1) input[type="radio"]+label {
	margin-bottom: 0;
}

.find_div .radio_box {
	display: block
}

.find_div .radio_box input[type="radio"]+label {
	font-weight: 400;
	margin-bottom: 40px;
}

.find_div .radio_box label span {
	color: #999;
	margin-left: 6px;
}

.find_div .find_form .number {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
	padding: 16px 0 16px 12px;
	background: #f7f7f7;
	border-radius: 6px;
}

.find_div .btn_div {
	justify-content: left;
	text-align: left;
}

.input_form .input_area div.left {
	width: calc(100% - 118px);
	width: -webkit-calc(100% - 118px);
	float: left;
}

.find_div .input_form .input_area .chk_point {
	float: left;
	margin-top: 8px;
	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
}

/* 마이페이지 내 정보 관리 */
.myinfo_div .tit {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
	padding: 30px 0;
	border-top: 1px solid #e9e9e9;
}

.myinfo_div .tit:first-child {
	border-top: none
}

.myinfo_div .list_div {
	padding-bottom: 40px;
}

.myinfo_div .list_div .id_box span:first-child,
.myinfo_div .list_div div label {
	float: left;
	color: #555;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: -0.5px;
	font-weight: 400;
	border: none;
	width: 196px;
	padding-right: 60px;
	display: inline-block
}

.myinfo_div .list_div .id_box span:nth-child(2) {
	padding-left: 12px;
	color: #000 !important;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: -0.5px;
}

.myinfo_div .list_div div span.select {
	padding-left: 0
}

.myinfo_div .list_div div .error {
	margin-top: 5px;
	padding-left: 196px;
	color: #e62423
}

.myinfo_div .input_form .input_area input {
	background-color: #fff;
}

.myinfo_div .input_form .input_area input.input_active {
	background-color: #f7f7f7;
}

.myinfo_div .input_form .input_area .input_full {
	width: calc(100% - 196px);
	width: -webkit-calc(100% - 196px);
	display: inline-block
}

.myinfo_div .input_form .input_area.has_right .input_full {
	width: auto;
	display: inline-block
}

.myinfo_div .input_form .input_area.has_right .input_full select {
	padding-right: 0
}

.myinfo_div .input_form .input_area.has_right .input_full #birth {
	max-width: 57px;
}

.myinfo_div .input_form .input_area.has_right .input_full.input_active {
	width: calc(100% - 231px);
	width: -webkit-calc(100% - 231px);
	display: inline-block
}

.myinfo_div .input_form .input_area.has_right .input_full.input_active #birth {
	max-width: inherit;
}

.myinfo_div .input_form .input_area.has_right .input_full[readonly] {
	width: auto;
	max-width: 45px;
	padding-right: 0
}

.myinfo_div .input_form .input_area.has_right .input_full.notinput {
	min-width: 100px;
}

.myinfo_div .input_form .input_area.has_right .unit {
	display: inline-block;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	text-align: right;
	vertical-align: top;
	margin-left: 0
}

.myinfo_div .input_form .input_area.has_right .input_full.input_active+.unit {
	margin-left: 12px
}

.myinfo_div .input_form .input_area.has_right.clear_has .delete {
	right: 42px;
}

/* .myinfo_div .input_form .input_area input[readonly],
.myinfo_div .input_form .input_area input[readonly="readonly"],
.myinfo_div .input_form .input_area input[readonly]:focus,
input[readonly="readonly"]:focus {
	border: 1px solid transparent;
	background: #fff;
	cursor: default
} */

.myinfo_div .input_form .input_area .input_has_btn {
	width: calc(100% - 314px);
	width: -webkit-calc(100% - 314px);
	display: inline-block
}

.myinfo_div .input_form .input_area.cert_chk_div .input_has_btn {
	width: calc(100% - 118px);
	width: -webkit-calc(100% - 118px);
}

.myinfo_div .cert_chk_div {
	margin-left: 196px;
}

.myinfo_div select[disabled] {
	border: 1px solid transparent;
	opacity: 1;
	background: none;
	width: auto
}

.myinfo_div .setting_div a {
	border-top: 1px solid #eee;
	display: block;
	color: #555;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.5px;
	font-weight: 400;
	padding: 30px 0;
	background: url("/resources/images/common/icn_right_gray.png") no-repeat right center
}

.myinfo_div .setting_div a:last-child {
	border-bottom: 1px solid #eee;
}

.myinfo_div .setting_div .alert_setting span {
	color: #7b23a8;
	;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.5px;
	float: right;
	margin-right: 32px;
}

.myinfo_div .setting_div .alert_setting span:after {
	content: "";
	display: block;
	clear: both;
}

.mypage_div .etc_div {
	padding-top: 10px;
	text-align: right;
}

.mypage_div .etc_div a {
	color: #777;
	;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.5px;
	text-decoration: underline;
	margin-left: 20px;
}

.mypage_div .etc_div a:first-child {
	margin-left: 0;
}

/* 상담 예약 관리 */
.mypage_div .reserve_div {
	background: #fff;
	margin-top: 40px;
}

.mypage_div .reserve_div .flag {
	display: inline-block;
	border-radius: 16px;
	font-size: 16px;
	line-height: 16px;
	color: #7b23a8;
	padding: 8px 12px 8px 32px;
	background: url("/resources/images/icn_chk_purple.png") top 50% left 8px no-repeat #f4f0ff;
	background-size: 20px;
}

.mypage_div .reserve_div .txt {
	margin-top: 30px;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #7b23a8;
	font-weight: 500;
}

.mypage_div .reserve_div .state_div {
	text-align: center;
	padding-top: 32px;
}

.mypage_div .reserve_div .state_div .btn_div a {
	display: inline-block;
	width: 200px;
	margin-left: 8px;
	margin-top: 60px;
}

.mypage_div .reserve_div .state_div .btn_div a:first-child {
	margin-left: 0
}

.mypage_div .reserve_div .state_div+.desc_div {
	margin-top: 80px;
}

.mypage_div .reserve_div .desc_div {
	display: flex;
	justify-content: center;
	gap: 0 80px;
	width: 100%
}

.mypage_div .reserve_div .desc_div .desc {
	width: 164px;
	text-align: center;
}

.mypage_div .reserve_div .desc_div .desc:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_div .desc_div .desc .icn {
	width: 60px;
	height: 60px;
	margin: 0 auto
}

.mypage_div .reserve_div .desc_div .desc1 .icn {
	background: url("/resources/images/icn_reserve_survey.png") center no-repeat;
	background-size: 60px;
}

.mypage_div .reserve_div .desc_div .desc2 .icn {
	background: url("/resources/images/icn_reserve_facetalk.png") center no-repeat;
	background-size: 60px;
}

.mypage_div .reserve_div .desc_div .desc3 .icn {
	background: url("/resources/images/icn_reserve_facetalk.png") center no-repeat;
	background-size: 60px;
}

.mypage_div .reserve_div .desc_div .desc4 .icn {
	background: url("/resources/images/icn_reserve_time.png") center no-repeat;
	background-size: 60px;
}

.mypage_div .reserve_div .desc_div .desc .txt {
	margin-top: 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000
}

.mypage_div .reserve_div .desc_div .desc .txt strong {
	color: #7B23A8;
	font-weight: 500;
}

.mypage_div .reserve_div .faq_div {
	margin-top: 80px;
}

.mypage_div .reserve_div .faq_div .title {
	padding: 16px 0;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 500;
}

.mypage_div .reserve_div .faq_div .list_div .list {
	margin-top: 30px;
}

.mypage_div .reserve_div .faq_div .list_div .list .tit {
	padding-left: 28px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 500;
	background: url("/resources/images/icn_title_q.png") center left no-repeat;
	background-size: 22px;
}

.mypage_div .reserve_div .faq_div .list_div .list .txt {
	margin-top: 20px;
	border-radius: 6px;
	background: #f9f9f9;
	padding: 20px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 300
}

.mypage_div .reserve_div .bg_noti_area {
	margin-top: 60px;
}

/* 상담 예약 신청 */
.mypage_div .reserve_wrt_div {
	background: #fff;
	margin-top: 12px;
}

.mypage_div .reserve_wrt_div .accor_div .list {}

.mypage_div .reserve_wrt_div .accor_div .list .open {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 28px 68px 28px 0;
	background: url("/resources/images/arrow_down_24_777.png") top 50% right 20px no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list.on .open {
	background: url("/resources/images/arrow_up_24_777.png") top 50% right 20px no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list .open .tit {
	padding-left: 30px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	font-weight: 700;
	color: #000;
}

.mypage_div .reserve_wrt_div .accor_div .list .open .desc {
	display: inline-block;
	float: right;
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	font-weight: 400;
	color: #7b23a8;
}

.mypage_div .reserve_wrt_div .accor_div .list.on .open .desc {
	display: none
}

.mypage_div .reserve_wrt_div .accor_div .list .close {
	border-bottom: 1px solid #eee;
}

.mypage_div .reserve_wrt_div .accor_div .list .close:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .open .tit {
	background: url("/resources/images/icn_date.png") center left no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left {
	float: left;
	width: 352px;
	padding-bottom: 32px;
	padding-right: 32px;
	border-right: 1px solid #eee;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close {
	padding: 40px 20px
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar {
	margin-top: 6px;
	padding-bottom: 0;
	border-bottom: none
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-prev {
	width: 24px;
	height: 24px;
	background: url("/resources/images/arrow_left_24.png") center no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-next {
	width: 24px;
	height: 24px;
	background: url("/resources/images/arrow_right_24.png") center no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar thead th {
	font-size: 14px;
	line-height: 22px;
	color: #777;
	padding: 0
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar tbody td {
	padding: 13px 0
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar tbody td a {
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size: 14px;
	font-weight: 500;
	color: #555
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar tbody td span {
	width: 30px;
	height: 30px;
	line-height: 28px;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #ddd
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar .ui-datepicker-current-day a {
	background: #5b1a7c;
	color: #fff
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar .ui-datepicker-today a {
	border: 1px solid #e81d75;
	color: #555;
	background: none
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left #calendar .ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day a {
	color: #fff;
	background: #5b1a7c;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide {
	margin-top: 16px
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide span {
	position: relative;
	float: right;
	padding-left: 12px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide span.choice {
	margin-left: 12px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide span:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide span.choice:before {
	background: #5b1a7c;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .left .calender_guide span.today:before {
	border: 1px solid #e81d75
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right {
	float: left;
	width: 322px;
	margin-left: 32px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .cont_tab:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .cont_tab a {
	float: left;
	margin-left: 10px;
	padding: 8px 0;
	width: 69px;
	height: 40px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: rgba(42, 32, 78, 0.8);
	text-align: center;
	background: rgba(42, 32, 78, 0.1);
	border-radius: 22px
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .cont_tab a:first-child {
	margin-left: 0
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .cont_tab a.on {
	color: #fff;
	background: #2a204e
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .tit {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 500;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time_box {
	margin-top: 20px
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time_box:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	line-height: 46px;
	width: 104px;
	text-align: center;
	letter-spacing: -0.2px;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time:nth-child(3n-2) {
	margin-left: 0
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time:nth-child(n+4) {
	margin-top: 10px
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time:hover {
	border: 1px solid #7b23a8;
	color: #7b23a8;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time.on {
	border: 1px solid #5b1a7c;
	color: #fff;
	background: #5b1a7c
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_date .close .right .time.disabled {
	border: 1px solid #eee;
	color: #ccc;
}

.mypage_div .reserve_wrt_div .accor_div .list.advice_type .open .tit {
	background: url("/resources/images/icn_advice_type.svg") center left no-repeat;
}

.mypage_div .reserve_wrt_div .accor_div .list.advice_type .close {
	display: flex;
	gap: 0 24px;
	padding: 24px 20px 40px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .open .tit {
	background: url("/resources/images/icn_ipu.png") center left no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .close {
	padding: 24px 20px 30px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .txt {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #7b23a8;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .radio_box {
	margin-top: 16px;
	padding: 0 20px 0 0;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .radio_box.on {
	border: 1px solid #7b23a8
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .radio_box input[type="radio"]+label {
	padding: 19px 0 19px 60px;
	width: 100%;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .radio_box input[type="radio"]+label:after {
	left: 20px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .date {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #000;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .tag {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 500;
	margin-top: 6px;
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .ipu_list .ingredient {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.5px;
	color: #999;
	font-weight: 400;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	height: 36px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.mypage_div .reserve_wrt_div .accor_div .list.pic_ipu .more_btn {
	margin: 32px auto 10px auto;
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .open .tit {
	background: url("/resources/images/icn_person.png") center left no-repeat;
	background-size: 24px;
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .close {
	padding: 30px 0 30px 20px;
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .input_form {
	margin-top: 12px;
	margin-right: 20px;
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .input_form:first-child {
	margin-top: 0
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .input_form .tit {
	float: left;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	width: 72px;
	margin-right: 60px;
	margin-bottom: 0;
	color: #000
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .input_form .input_area {
	float: left;
	width: calc(100% - 132px);
	width: -webkit-calc(100% - 132px)
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .noti {
	position: relative;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #555;
	font-weight: 300;
	margin-top: 12px;
	padding-left: 150px;
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .noti:before {
	content: '※';
	display: inline-block;
	position: absolute;
	left: 132px;
}

.mypage_div .reserve_wrt_div .accor_div .list.insert_info .noti span {
	font-weight: 400;
	color: #000
}

.mypage_div .reserve_wrt_div .btn_div:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .reserve_wrt_div .btn_div a {
	display: inline-block;
	width: 200px;
	margin-left: 10px;
}

.mypage_div .reserve_wrt_div .btn_div a:first-child {
	margin-left: 0
}




/* footer */
footer {
	position: relative;
	width: 100%;
	height: 300px;
	z-index: 1;
	border-top: 1px solid rgba(151, 151, 151, 0.2);
	background-color: #fff;
}

footer .foot_area {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}

footer .foot_area .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 21px 0;
	border-bottom: 1px solid #EBEBEB;
}

footer .foot_area .top .logo {
	float: left;
}

footer .foot_area .top .logo img {
	width: 150px
}

footer .foot_area .top .foot_menu {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 0 40px;
}

footer .foot_area .top .foot_menu a {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #777;
}

footer .foot_area .top .foot_menu a:first-child {
	margin-left: 0
}

footer .foot_area .top .foot_menu a.fw_m {
	color: #555;
}

footer .foot_area .bottom {
	padding: 30px 0 67px 0;
}

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

footer .foot_area .bottom .foot_left {
	float: left;
}

footer .foot_area .bottom .foot_left .info_div {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

footer .foot_area .bottom .foot_left .info_div p span {
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

footer .foot_area .bottom .foot_left .info_div div:nth-child(n+2) {
	margin-top: 6px;
}

footer .foot_area .bottom .foot_left .info_div .company {
	color: #777;
	font-weight: 500;
}

footer .foot_area .bottom .foot_left .info_div .company+span {
	margin-left: 6px;
}

footer .foot_area .bottom .foot_left .ccm_div {}

footer .foot_area .bottom .foot_left .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 49px;
	margin-top: 20px;
}

footer .foot_area .bottom .foot_right {
	float: right;
}

footer .foot_area .bottom .foot_right:after {
	content: "";
	display: block;
	clear: both;
}

footer .foot_area .bottom .foot_right .inquiry_div .tit a {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding-right: 16px;
	font-weight: 500;
	color: #000;
	background: url('/resources/images/icon/icn_arrow_right.svg') no-repeat right top 3px / 16px;
}

footer .foot_area .bottom .foot_right .inquiry_div .tel {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 2px;
}

footer .foot_area .bottom .foot_right .inquiry_div .info {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	margin-top: 6px;
}

footer .foot_area .bottom .foot_right .inquiry_div .mail a {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

footer .foot_area .bottom .foot_right .sns_div {
	display: flex;
	align-items: center;
	gap: 0 12px;
	margin-top: 14px;
}

footer .foot_area .bottom .foot_right .sns_div a {
	position: relative;
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
}

footer .foot_area .bottom .foot_right .sns_div a.facebook {
	background-image: url('/resources/images/icon/footer/facebook.svg');
}

footer .foot_area .bottom .foot_right .sns_div a.insta {
	background-image: url('/resources/images/icon/footer/insta.svg');
}

footer .foot_area .bottom .foot_right .sns_div a.kakao {
	background-image: url('/resources/images/icon/footer/kakao.svg');
}

footer .foot_area .bottom .foot_right .sns_div a.facebook:hover {
	background-image: url('/resources/images/icon/footer/facebook_on.svg');
}

footer .foot_area .bottom .foot_right .sns_div a.insta:hover {
	background-image: url('/resources/images/icon/footer/insta_on.svg');
}

footer .foot_area .bottom .foot_right .sns_div a.kakao:hover {
	background-image: url('/resources/images/icon/footer/kakao_on.svg');
}

/* footer .foot_area .copyright {
	text-align: center;
	padding: 24px 0
} */


.layer_pop.full_pop {
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	background: #fff;
	transform: translate(0, 0);
}

.layer_pop.full_pop .pop_con {
	height: 100%;
	max-height: 100%;
	padding: 165px 475px;
}

/* 체험단 이벤트 */
/*.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;}*/
.evt_fixed_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 24px 0;
	background: #fff;
	border-top: 1px solid #ddd;
}

.evt_fixed_btn.on {
	position: absolute;
	border-bottom: 1px solid #ddd;
	border-top: none
}

.evt_fixed_btn .fixed {
	font-size: 20px;
	line-height: 80px;
	letter-spacing: -0.5px;
	text-align: center;
	width: 600px;
	height: 80px;
	color: #fff;
	background: #5b1a7c;
	display: inline-block;
}

.evt_fixed_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 24px 0;
	background: #fff;
	border-top: 1px solid #ddd;
}

.evt_fixed_wrap .fixed {
	font-size: 20px;
	line-height: 80px;
	letter-spacing: -0.5px;
	text-align: center;
	width: 600px;
	height: 80px;
	color: #fff;
	background: #5b1a7c;
	display: inline-block;
}

.layer_pop.submit_evt_pop .pop_con .pop_tit {
	font-size: 32px;
	letter-spacing: -1px;
	color: #000;
	font-weight: 700;
}

.layer_pop.submit_evt_pop .pop_con .title {
	font-size: 20px;
	letter-spacing: -0.5px;
	color: #000;
	margin-bottom: 30px;
	font-weight: 500;
}

.layer_pop.submit_evt_pop .pop_con .title:not(:first-child) {
	margin-top: 48px
}

.layer_pop.submit_evt_pop .pop_con .tit {
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #555;
	margin-bottom: 12px;
}

.layer_pop.submit_evt_pop .pop_con .agr_title {
	margin-bottom: 8px;
}

.layer_pop.submit_evt_pop .pop_con .desc {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #000;
	margin-bottom: 30px;
}

.layer_pop.submit_evt_pop .pop_con .desc.etc_div {
	padding: 36px;
	background: #f9f9f9;
}

.layer_pop.submit_evt_pop .pop_con .desc .dot_indent p {
	margin-bottom: 2px;
}

.layer_pop.submit_evt_pop .pop_con .desc .dot_indent p.warning {
	text-indent: -16px;
}

.layer_pop.submit_evt_pop .pop_con .radio_div .radio_box:not(:last-child) {
	margin-right: 80px;
}

.layer_pop.submit_evt_pop .pop_con .radio_box input[type="radio"]+label {
	line-height: 20px;
}

.layer_pop.submit_evt_pop .pop_con .input_form .input_area input {
	border: 1px solid #d7d7d7;
	padding-left: 16px;
}

.layer_pop.submit_evt_pop .pop_con .textarea_div textarea {
	background: #fff;
	border: 1px solid #d7d7d7;
}

.layer_pop.submit_evt_pop .pop_con .comm_btn {
	width: 312px;
	margin-top: 60px;
	font-size: 20px;
	font-weight: 500;
	border-radius: 6px;
}

.layer_pop.submit_evt_pop .close_btn {
	top: 60px;
	right: 60px;
}

.img_down_pop .pop_con {
	padding: 0 60px 60px 60px;
}

.img_down_pop .title {
	margin-bottom: 10px;
}

.img_down_pop .desc {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.5px;
	color: #000;
}

.img_down_pop .swiper-wrapper {
	height: auto
}

.img_down_pop .swiper-slide {
	width: 100%;
	height: auto;
}

.img_down_pop .swiper-slide img {
	width: 100%
}

.img_down_pop .swiper-pagination-bullets {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	margin-top: 16px;
	margin-bottom: 40px;
}

.img_down_pop .swiper-pagination-bullet {
	border-radius: 0;
	opacity: 1;
	background: #ddd;
}

.img_down_pop .swiper-pagination-bullet:not(:last-child) {
	margin-right: 6px;
}

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

.img_down_pop .comm_btn {
	width: 240px;
}

.img_down_pop .close_btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
	height: 60px;
	background: url('/resources/images/common/m_icn_close_bk.png') no-repeat center center;
	background-size: auto 30px;
}

/* rslt2 과거 설문결과 */
/* 새설문 결과 */
.survey_result_new.rslt2 {
	margin-top: -180px;
	margin-bottom: 128px;
	position: relative
}

.survey_result_new.rslt2 .inner {
	width: 800px;
}

.survey_result_new.rslt2 .head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 5;
	transition: all 0.2s
}

.survey_result_new.rslt2 .head .title {
	display: none;
	font-size: 24px;
	line-height: 36px;
	color: #000;
	margin-top: 46px;
}

.survey_result_new.rslt2 .head .title span {
	font-weight: 700
}

.survey_result_new.rslt2 .head.on {
	background: #fff;
	height: 108px
}

.survey_result_new.rslt2 .head.on .title {
	display: block;
}

.survey_result_new.rslt2 .head .xbt {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 58px;
	height: 58px;
	background: url('/resources/images/icn_close_wh.png') no-repeat center;
	background-size: 48px
}

.survey_result_new.rslt2 .head.on .xbt {
	background: url('/resources/images/icn_close_bk.png') no-repeat center;
	background-size: 48px
}

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

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

.survey_result_new.rslt2 .top_area .info_box {}

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

.survey_result_new.rslt2 .top_area .info_box .title span {
	font-weight: 700
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div {
	margin-top: 32px;
}

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

.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;
	padding-left: 23px;
	font-size: 16px;
	line-height: 22px;
	color: #fff
}

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

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list>p:not(.bmi):before {
	content: '';
	position: absolute;
	top: 9px;
	left: 10px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.25)
}

.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 .info .list .bmi_tit {
	float: left;
	padding-left: 49px;
	position: relative
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list .bmi_tit:before {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	left: 24px;
	top: 3px
}

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

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list .bmi_tit.tit {
	float: left;
	position: relative;
	padding-right: 24px;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list .bmi_tit.tit .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: url('/resources/images/icn_tooltip.png') no-repeat center;
	background-size: 20px
}

.survey_result_new.rslt2 .top_area .info_box .mem_info_div .info .list p.bmi {
	float: left;
	font-size: 17px;
	font-weight: 700;
	padding-left: 16px;
}

.survey_result_new.rslt2 .top_area .graph_box {
	margin-top: 24px;
	position: relative;
	padding: 48px 82px 60px 100px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	z-index: 1
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info {}

.survey_result_new.rslt2 .top_area .graph_box .graph_info:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .graph_div {
	position: relative;
	width: 220px;
	margin-right: 52px;
	margin-top: 6px;
	float: left
}

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

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

.survey_result_new.rslt2 .top_area .graph_box .graph_info .graph_div .graph #canvas {
	transform: rotate(29deg) scale(0.5)
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .graph_div .graph #canvas_line {
	transform: rotate(151deg) scale(0.5)
}

.survey_result_new.rslt2 .top_area .graph_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 .graph_box .graph_info .graph_div .info .grade {
	margin: 0 auto;
	width: 48px;
	height: 26px;
	font-weight: 500;
	font-size: 13px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px
}

.survey_result_new.rslt2 .top_area .graph_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 .graph_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 .graph_box .graph_info .graph_div .overall {
	font-size: 15px;
	line-height: 22px;
	color: #555
}

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

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

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

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

.survey_result_new.rslt2 .top_area .graph_box .graph_info .text_div {
	position: relative;
	float: left;
	width: 346px;
	padding-left: 53px;
	padding-top: 31px;
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .text_div:after {
	content: '';
	display: block;
	width: 1px;
	height: 187px;
	background: #eee;
	position: absolute;
	top: 0;
	left: 0;
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .text_div .tit {
	display: block;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .text_div .overall {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	letter-spacing: -0.5px;
	margin-top: 28px;
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .text_div .overall strong {
	display: inline;
	font-weight: 500;
	position: relative;
	padding: 0 4px;
	background: url(/resources/images/bmi_bg.png) repeat-x bottom left;
	background-size: 1px 8px;
}

.survey_result_new.rslt2 .top_area .graph_box .graph_info .text_div .overall p {
	margin-top: 8px;
}

.survey_result_new.rslt2 .top_area .text {
	margin-top: 16px;
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: #777;
}

.survey_result_new.rslt2 .summary_div {
	margin-top: 48px
}

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

.survey_result_new.rslt2 .summary_div .line {
	position: relative;
	float: left;
	margin-left: 60px;
}

.survey_result_new.rslt2 .summary_div .line:first-child {
	margin-left: 0
}

.survey_result_new.rslt2 .summary_div .line .title {
	padding-left: 12px;
}

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

.survey_result_new.rslt2 .summary_div .line .title span {
	float: left;
	padding: 3px 7px;
	font-size: 14px;
	line-height: 20px;
	border-radius: 4px
}

.survey_result_new.rslt2 .summary_div .line .title p {
	float: left;
	margin-left: 12px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #e62423
}

.survey_result_new.rslt2 .summary_div .line .list_div {
	margin-top: 32px;
}

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

.survey_result_new.rslt2 .summary_div .line .list_div .list {
	float: left;
	position: relative;
	margin-right: 18px;
	width: 70px;
	text-align: center;
}

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

.survey_result_new.rslt2 .summary_div .line .list_div .list .img img {
	padding: 10px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #fdefef
}

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

.survey_result_new.rslt2 .summary_div .line .list_div .list .txt {
	margin-top: 16px;
	font-size: 15px;
	line-height: 20px;
	color: #ee5353;
}

.survey_result_new.rslt2 .summary_div .line.red .title span {
	background-size: 20px;
	color: #e62423;
	border: 1px solid #e62423
}

.survey_result_new.rslt2 .summary_div .line.red .list_div {}

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

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

.survey_result_new.rslt2 .summary_div .line.yellow:after {
	content: '';
	display: table-cell;
	padding-left: 20px;
	padding-top: 100%
}

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

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

.survey_result_new.rslt2 .summary_div .line.yellow .list_div {}

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

.survey_result_new.rslt2 .result_tab {
	position: fixed;
	top: -108px;
	left: 0;
	padding: 16px 0 24px;
	width: 100%;
	background: #fff;
	z-index: 4;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
	transition: all 0.3s
}

.survey_result_new.rslt2 .result_tab:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .result_tab.on {
	top: 108px;
}

.survey_result_new.rslt2 .result_tab a {
	display: block;
	padding: 8px 20px;
	width: auto;
	border-radius: 22px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.survey_result_new.rslt2 .result_tab .red {
	color: #ee5353;
	background: #fdefef
}

.survey_result_new.rslt2 .result_tab .red.on {
	color: #fff;
	background: #ee5353
}

.survey_result_new.rslt2 .result_tab .yellow {
	color: #ffa900;
	background: #fff6e8
}

.survey_result_new.rslt2 .result_tab .yellow.on {
	color: #fff;
	background: #ffa900
}

.survey_result_new.rslt2 .result_tab .swiper-container.shadow_left:before {
	content: '';
	position: absolute;
	top: -16px;
	left: 0;
	width: 100px;
	height: 80px;
	background: -moz-linear-gradient(to left, rgba(255, 255, 255, 0), #fff 81%);
	background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #fff 81%);
	background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 81%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
	z-index: 2;
	opacity: 0;
	transition: opacity 0.4s ease
}

.survey_result_new.rslt2 .result_tab .swiper-container.shadow_right:after {
	content: '';
	position: absolute;
	top: -16px;
	right: 0;
	width: 100px;
	height: 80px;
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
	background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	z-index: 2;
	opacity: 0;
	transition: opacity 0.4s ease
}

.survey_result_new.rslt2 .result_tab .swiper-container.shadow_left:before {
	opacity: 0.8
}

.survey_result_new.rslt2 .result_tab .swiper-container.shadow_right:after {
	opacity: 0.8
}

.survey_result_new.rslt2 .result_tab .swiper-container .swiper-wrapper {
	height: auto
}

.survey_result_new.rslt2 .result_tab .swiper-container .swiper-slide {
	height: auto
}

.survey_result_new.rslt2 .result_tab .swiper-container .swiper-slide:last-child {
	margin-right: 0 !important
}

.survey_result_new.rslt2 .detail_result {}

.survey_result_new.rslt2 .detail_result .list_div {
	margin-top: 60px;
	border: 1px solid #ddd;
	border-radius: 16px;
}

.survey_result_new.rslt2 .detail_result .list_div .list {
	position: relative;
	padding: 48px 40px;
	border-bottom: 1px solid #eee;
}

.survey_result_new.rslt2 .detail_result .list_div .list:last-child {
	border-bottom: none
}

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

.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: 3px 8px;
	font-size: 14px;
	line-height: 20px;
	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 7px;
	color: #e62423;
	border: 1px solid #e62423
}

.survey_result_new.rslt2 .detail_result .list_div .list .type span.yellow {
	padding: 3px 7px;
	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: 14px;
	width: 68px;
	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: 20px;
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	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 #5b1a7c;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8
}

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

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

.survey_result_new.rslt2 .detail_result .list_div .list .content b {
	font-weight: 400;
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px dashed #ddd;
}

.survey_result_new.rslt2 .detail_result .list_div .list .tip .tit {
	padding-left: 44px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #7b23a8;
	background: url('/resources/images/icn_recommend.png') no-repeat left center;
	background-size: 36px 28px
}

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

.survey_result_new.rslt2 .detail_result .list_div .list .tip .txt b {
	font-weight: 400;
}

.survey_result_new.rslt2 .recommend_div {
	margin-top: 60px;
	border: 1px solid #ddd;
	border-radius: 16px;
	padding: 48px 40px;
}

.survey_result_new.rslt2 .recommend_div.accor {
	border-top: 1px solid #ddd;
}

.survey_result_new.rslt2 .recommend_div .title {
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	color: #000
}

.survey_result_new.rslt2 .recommend_div .title span {
	font-weight: 500
}

.survey_result_new.rslt2 .recommend_div .text {
	margin-top: 8px;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-weight: 300
}

.survey_result_new.rslt2 .recommend_div .title+.counsel_noti {
	margin-top: 24px;
}

.survey_result_new.rslt2 .recommend_div .counsel_noti {
	margin-top: 16px;
	padding: 17px 60px 17px 24px;
	background: url('/resources/images/icn_chk_grn.png') no-repeat right 24px top 50% #f7f4ff;
	border: 1px solid #a68ddd;
	border-radius: 6px
}

.survey_result_new.rslt2 .recommend_div .counsel_noti .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt2 .recommend_div .counsel_noti .txt {
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt2 .recommend_div .counsel_noti+.list_div {
	margin-top: 16px
}

.survey_result_new.rslt2 .recommend_div .all_chk {
	margin-top: 36px;
}

.survey_result_new.rslt2 .recommend_div .all_chk+.list_div {
	position: relative;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.survey_result_new.rslt2 .recommend_div .all_chk+.list_div .list {
	padding: 24px 0 24px 40px
}

.survey_result_new.rslt2 .recommend_div .list_div {
	margin-top: 12px
}

.survey_result_new.rslt2 .recommend_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .recommend_div .list_div .list {
	display: block;
	position: relative;
	width: 100%;
	padding: 24px 0;
	background: url('/resources/images/arrow_right_20_bbb.png') no-repeat right center;
	background-size: 20px;
	border-bottom: 1px solid #eee
}

.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: 24px;
	left: 0;
	width: 40px;
	height: 120px
}

.survey_result_new.rslt2 .recommend_div .list_div .list .chk_box label {
	height: 100%
}

.survey_result_new.rslt2 .recommend_div .list_div .list .link {
	display: block
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info {
	display: table;
	width: 100%;
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .img {
	display: table-cell;
	width: 120px;
	height: 120px;
	vertical-align: middle;
	border-radius: 8px;
	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 {
	display: table-cell;
	padding-left: 20px;
	padding-top: 12px;
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	vertical-align: top
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name {
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #555
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name span:before {
	content: '';
	display: block;
	margin-top: 3px
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name span {
	font-weight: 500;
	margin-top: 2px;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	vertical-align: top
}

.survey_result_new.rslt2 .recommend_div .list_div .list .info .txt_area .name b {
	display: none;
	font-size: 18px;
	line-height: 24px;
	color: #999;
	font-weight: 400;
	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: 16px
}

.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: 6px;
	padding: 3px 8px;
	font-size: 14px;
	line-height: 20px;
	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 7px;
	color: #e62423;
	border: 1px solid #e62423
}

.survey_result_new.rslt2 .recommend_div .list_div .list .type span.yellow {
	padding: 3px 7px;
	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 {
	margin-top: 16px;
	border-radius: 6px;
	border: 1px solid #ddd;
}

.survey_result_new.rslt2 .recommend_div .counsel_record .txt_box {
	position: relative;
	padding: 60px 80px 80px;
}

.survey_result_new.rslt2 .recommend_div .counsel_record .txt_box:before {
	content: '';
	position: absolute;
	top: 32px;
	left: 50%;
	transform: translateX(-50%);
	width: 65px;
	height: 24px;
	background: url('/resources/images/ipu_comment.png') no-repeat;
	background-size: 65px 24px
}

.survey_result_new.rslt2 .recommend_div .counsel_record .txt_box:after {
	content: '';
	position: absolute;
	bottom: 32px;
	right: 84px;
	width: 50px;
	height: 34px;
	background: url('/resources/images/ipu_sign.png') no-repeat;
	background-size: 50px 34px
}

.survey_result_new.rslt2 .recommend_div .counsel_record .tit {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	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: #f4f0ff
}

.survey_result_new.rslt2 .recommend_div .counsel_record .tit span {
	position: relative
}

.survey_result_new.rslt2 .recommend_div .counsel_record .text {
	margin-top: 24px;
	font-size: 18px;
	line-height: 38px;
	color: #333;
	min-height: 76px;
	background: url('/resources/images/m_counsel_bg.png') repeat;
	background-size: 1px 38px
}

.survey_result_new.rslt2 .recommend_div.counsel_accor+.counsel_accor {
	margin-top: 12px;
}

.survey_result_new.rslt2 .recommend_div.counsel_accor+.recommend_div {
	margin-top: 12px;
}

.survey_result_new.rslt2 .recommend_div.accor {
	padding: 0 40px
}

.survey_result_new.rslt2 .recommend_div.accor .open {
	display: block;
	padding: 32px 44px 32px 0;
	background: url('/resources/images/arrow_down_24_777.png') no-repeat right center;
	background-size: 24px
}

.survey_result_new.rslt2 .recommend_div.accor .open:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt2 .recommend_div.accor .open .tit {
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.survey_result_new.rslt2 .recommend_div.accor .open .txt {
	float: right;
	font-size: 15px;
	line-height: 24px;
	color: #7b23a8;
}

.survey_result_new.rslt2 .recommend_div.accor.on {}

.survey_result_new.rslt2 .recommend_div.accor.on .open {
	border-bottom: 1px solid #eee;
	background: url('/resources/images/arrow_up_24_777.png') no-repeat right center;
	background-size: 24px
}

.survey_result_new.rslt2 .recommend_div.accor .close {
	display: none;
	padding: 8px 0 48px 0
}

.survey_result_new.rslt2 .recommend_div.accor .list_div {
	margin-top: 0
}

.survey_result_new.rslt2 .view_btn {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 18px 0;
	width: 320px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #5b1a7c;
	text-align: center;
	background: #fff;
	border: 2px solid #7b23a8;
	border-radius: 28px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 5
}

.survey_result_new.rslt2 .view_btn span {
	display: inline-block;
	padding-right: 28px;
	background: url('/resources/images/icn_down_pur_20x20.png') no-repeat right center;
	background-size: 20px
}

.survey_result_new.rslt2 .cart_div {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 30px 0 40px;
	width: 100%;
	min-height: auto;
	z-index: 5;
	background: #fff;
	text-align: center;
}

.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 {
	margin-bottom: 24px;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.survey_result_new.rslt2 .cart_div a {
	display: inline-block;
	margin: 0 3px;
	padding: 18px 0;
	width: 206px;
	border-radius: 6px;
	text-align: center;
	background: #5b1a7c
}

.survey_result_new.rslt2 .cart_div a.bottle {}

.survey_result_new.rslt2 .cart_div a.pack {}

.survey_result_new.rslt2 .cart_div a div {
	display: inline-block;
	text-align: left;
	padding-left: 40px
}

.survey_result_new.rslt2 .cart_div a.bottle div {
	background: url('/resources/images/ipu_rslt_bottle.png') no-repeat left center;
	background-size: 28px
}

.survey_result_new.rslt2 .cart_div a.pack div {
	background: url('/resources/images/ipu_rslt_pack.png') no-repeat left center;
	background-size: 28px
}

.survey_result_new.rslt2 .cart_div a .tit {
	font-size: 16px;
	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 {
	margin-top: 2px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.survey_result_new.rslt2 .cart_btn {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 18px 0;
	width: 420px;
	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.rslt2 .notice_area {
	margin-top: 24px;
	padding: 24px 20px;
	background: #f9f9f9
}

.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/blk_noti_icon.png') no-repeat left center;
	background-size: 16px
}

.survey_result_new.rslt2 .notice_area .dot_indent {
	margin-top: 16px
}

.survey_result_new.rslt2 .notice_area .dot_indent p a {
	display: inline-block;
	padding-right: 18px;
	color: #7b23a8;
	background: url('/resources/images/result_notice_link.png') no-repeat right center;
	background-size: 16px
}

/* rslt3 최신버전 새설문 결과 */
.survey_result_new.rslt3 {
	/* margin-top: -180px; 
	margin-bottom: 128px;*/
	position: relative
}

.survey_result_new.rslt3 .inner {
	width: 800px;
}

.survey_result_new.rslt3 .head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 5;
	transition: all 0.2s
}

.survey_result_new.rslt3 .head .title {
	display: none;
	font-size: 24px;
	line-height: 36px;
	color: #000;
	margin-top: 46px;
}

.survey_result_new.rslt3 .head .title span {
	font-weight: 700
}

.survey_result_new.rslt3 .top_area {
	position: relative;
	padding-top: 40px
}

.survey_result_new.rslt3 .top_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	background: rgb(91, 26, 124);
	background: linear-gradient(90deg, rgba(91, 26, 124, 1) 0%, rgba(91, 26, 124, 1) 0%, rgba(127, 65, 158, 1) 100%);
}

.survey_result_new.rslt3 .top_area .info_box {
	background: url('/resources/images/ipu/rslt_bg.png') no-repeat right top / 193px 105.6px;
	padding-top: 20px;
}

.survey_result_new.rslt3 .top_area .info_box .title {
	position: relative;
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	z-index: 1;
	margin-bottom: 28px;
}

.survey_result_new.rslt3 .top_area .info_box .title h2 {
	display: inline;
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
}

.survey_result_new.rslt3 .top_area .info_box .title span {
	font-weight: 700
}

.survey_result_new.rslt3 .top_area .graph_box {
	margin-top: 20px;
	position: relative;
	height: 285px;
	padding: 48px 82px 50px 74px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	z-index: 1
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info {
	display: flex;
	align-items: center;
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div {
	position: relative;
	width: 220px;
	margin-right: 52px;
	margin-top: 6px;
	float: left
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div .graph {
	position: relative;
	margin: 0 auto;
	width: 220px;
	height: 170px;
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div .graph canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -195px 0 0 -220px
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div .graph #canvas {
	transform: rotate(29deg) scale(0.5)
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div .graph #canvas_line {
	transform: rotate(151deg) scale(0.5)
}

.survey_result_new.rslt3 .top_area .graph_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 .graph_box .graph_info .graph_div.lv1 .info {
	background: linear-gradient(198deg, rgba(251, 60, 60, 1) 0%, rgba(255, 126, 145, 1) 100%);
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv2 .info {
	background: linear-gradient(209deg, rgba(255, 132, 84, 1) 0%, rgba(255, 173, 110, 1) 100%);
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv3 .info {
	background: conic-gradient(from 0.27turn, #ffda09, #ffef76 0.32turn, #ffda09);
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv4 .info {
	background: conic-gradient(from 0.28turn, #04d09d, #64f29f 0.39turn, #04d09d);
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div .info .grade {
	margin: 0 auto;
	width: 48px;
	height: 26px;
	font-weight: 500;
	font-size: 13px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px
}

.survey_result_new.rslt3 .top_area .graph_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 .graph_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 .graph_box .graph_info .graph_div.lv1 .info .num,
.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv2 .info .num {
	color: #fff;
}

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

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

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

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

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

.survey_result_new.rslt3 .top_area .graph_box .graph_right_div {
	width: 100%;
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div {}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .list {
	display: flex;
	align-items: center;
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list>p {
	position: relative;
	padding-left: 23px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	letter-spacing: -0.2px;
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list>p:first-child {
	padding-left: 0
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list>p:not(.bmi):before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #bfbfbf;
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list>p:first-child:before {
	display: none
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list .bmi_tit {
	display: flex;
	align-items: center;
	padding-left: 59px;
	position: relative;
	letter-spacing: -0.2px;
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list .bmi_tit {}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list .bmi_tit .tit {
	position: relative;
	padding-right: 6px;
	font-size: 16px;
	line-height: 22px;
	color: #c291dc;
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list .bmi_tit .tooltip_div {
	position: absolute;
	top: 2px;
	right: -24px;
	width: 20px;
	height: 100%;
	background: url('/resources/images/icon/icn_tooltip_gy.svg') no-repeat center;
	background-size: 20px
}

.survey_result_new.rslt3 .top_area .graph_box .mem_info_div .info .list p.bmi {
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .text_div {
	position: relative;
	padding-top: 31px;
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .text_div .txt {
	display: inline-block;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	padding-right: 58px;
	background-position: bottom right;
	background-size: 52px;
	background-repeat: no-repeat;
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv1~.graph_right_div .text_div .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv1.png');
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv2~.graph_right_div .text_div .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv2.png');
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv3~.graph_right_div .text_div .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv3.png');
}

.survey_result_new.rslt3 .top_area .graph_box .graph_info .graph_div.lv4~.graph_right_div .text_div .txt {
	background-image: url('/resources/images/icon/ipu/icn_graph_info_lv4.png');
}

.survey_result_new.rslt3 .top_area .text {
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}

.survey_result_new.rslt3 .summary_div {
	margin-top: 80px
}

.survey_result_new.rslt3 .summary_div .line {
	position: relative;
}

.survey_result_new.rslt3 .summary_div .line .title {}

.survey_result_new.rslt3 .summary_div .line .title p {
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
	color: #e62423;
	background: url('/resources/images/icon/icn_siren_red.svg') no-repeat left center;
	padding-left: 38px;
}

.survey_result_new.rslt3 .summary_div .line .title .desc {
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	color: #555;
	margin-top: 5px;
}

.survey_result_new.rslt3 .summary_div .result_tab_div {
	position: relative;
}

.survey_result_new.rslt3 .summary_div .result_tab_div .swiper-container {
	height: 96px;
}

.survey_result_new.rslt3 .result_tab {
	width: 100%;
	background: #fff;
	transition: all 0.3s
}

.survey_result_new.rslt3 .result_tab:after {
	content: '';
	display: block;
	clear: both
}

.survey_result_new.rslt3 .result_tab a {
	display: block;
	padding: 8px 20px;
	width: auto;
	border-radius: 22px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.survey_result_new.rslt3 .result_tab .swiper-container.shadow_left:before,
.survey_result_new.rslt3 .result_tab .swiper-container.shadow_right:after {
	content: '';
	position: absolute;
	top: 0;
	width: 100px;
	height: 98px;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.4s ease
}

.survey_result_new.rslt3 .result_tab .swiper-container.shadow_left:before {
	left: 0;
	background: -moz-linear-gradient(to left, rgba(255, 255, 255, 0), #fff 80%);
	background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #fff 80%);
	background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.survey_result_new.rslt3 .result_tab .swiper-container.shadow_right:after {
	right: 0;
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
	background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.survey_result_new.rslt3 .result_tab .swiper-container.shadow_left:before,
.survey_result_new.rslt3 .result_tab .swiper-container.shadow_right:after {
	opacity: 0.8
}

.survey_result_new.rslt3 .result_tab .swiper-container .swiper-wrapper,
.survey_result_new.rslt3 .result_tab .swiper-container .swiper-slide {
	height: auto
}

.survey_result_new.rslt3 .result_tab .swiper-container .swiper-slide:last-child {
	margin-right: 0 !important
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a {
	width: 98px;
	height: 86px;
	border-radius: 10px;
	background-color: #f9f9f9;
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a {
	position: relative;
	display: block;
	width: 98px;
	letter-spacing: -0.2px;
	padding: 52px 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;
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a p {
	opacity: 0.3;
	font-size: 14px;
	line-height: 20px;
	color: #5b1a7c;
	font-weight: 400;
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_eye {
	background-image: url('/resources/images/icon/health/icn_eye_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_liver {
	background-image: url('/resources/images/icon/health/icn_liver_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_stomach {
	background-image: url('/resources/images/icon/health/icn_stomach_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_intestine {
	background-image: url('/resources/images/icon/health/icn_intestine_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_fatigue {
	background-image: url('/resources/images/icon/health/icn_fatigue_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_diet {
	background-image: url('/resources/images/icon/health/icn_diet_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_blood_suga,
.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_blood_sugar {
	background-image: url('/resources/images/icon/health/icn_blood_sugar_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_blood_pressure {
	background-image: url('/resources/images/icon/health/icn_blood_pressure_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_blood_circul {
	background-image: url('/resources/images/icon/health/icn_blood_circul_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_skin {
	background-image: url('/resources/images/icon/health/icn_skin_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_bone_muscle {
	background-image: url('/resources/images/icon/health/icn_bone_muscle_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_bone {
	background-image: url('/resources/images/icon/health/icn_bone_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_articulation {
	background-image: url('/resources/images/icon/health/icn_articulation_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_protein {
	background-image: url('/resources/images/icon/health/icn_protein_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_brain {
	background-image: url('/resources/images/icon/health/icn_brain_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_immunity {
	background-image: url('/resources/images/icon/health/icn_immunity_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_stress {
	background-image: url('/resources/images/icon/health/icn_stress_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_woman {
	background-image: url('/resources/images/icon/health/icn_woman_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_nutritional {
	background-image: url('/resources/images/icon/health/icn_nutritional_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_prostate {
	background-image: url('/resources/images/icon/health/icn_prostate_off.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.icn_total {
	background-image: url('/resources/images/icon/health/icn_total_off.svg');
}




.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_eye {
	background-image: url('/resources/images/icon/health/icn_eye.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_liver {
	background-image: url('/resources/images/icon/health/icn_liver.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_stomach {
	background-image: url('/resources/images/icon/health/icn_stomach.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_intestine {
	background-image: url('/resources/images/icon/health/icn_intestine.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_fatigue {
	background-image: url('/resources/images/icon/health/icn_fatigue.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_diet {
	background-image: url('/resources/images/icon/health/icn_diet.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_blood_suga,
.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_blood_sugar {
	background-image: url('/resources/images/icon/health/icn_blood_sugar.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_blood_pressure {
	background-image: url('/resources/images/icon/health/icn_blood_pressure.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_blood_circul {
	background-image: url('/resources/images/icon/health/icn_blood_circul.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_skin {
	background-image: url('/resources/images/icon/health/icn_skin.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_bone_muscle {
	background-image: url('/resources/images/icon/health/icn_bone_muscle.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_bone {
	background-image: url('/resources/images/icon/health/icn_bone.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_articulation {
	background-image: url('/resources/images/icon/health/icn_articulation.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_protein {
	background-image: url('/resources/images/icon/health/icn_protein.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_brain {
	background-image: url('/resources/images/icon/health/icn_brain.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_immunity {
	background-image: url('/resources/images/icon/health/icn_immunity.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_stress {
	background-image: url('/resources/images/icon/health/icn_stress.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_woman {
	background-image: url('/resources/images/icon/health/icn_woman.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_nutritional {
	background-image: url('/resources/images/icon/health/icn_nutritional.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_prostate {
	background-image: url('/resources/images/icon/health/icn_prostate.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active.icn_total {
	background-image: url('/resources/images/icon/health/icn_total.svg');
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active {
	position: relative;
	opacity: 1;
	font-weight: 500;
	background-color: #d6c4ff;
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active::after {
	content: '';
	position: absolute;
	left: calc(50% - 7px);
	bottom: -10px;
	width: 14px;
	height: 10px;
	background: url('/resources/images/icon/ipu/result_tab_arrow_pur.svg') no-repeat center / 14px 10px;
}

.survey_result_new.rslt3 .summary_div .result_tab_div .result_tab_nav>a.active p {
	opacity: 1;
	color: #5b1a7c;
	font-weight: 500;
}

.survey_result_new.rslt3 .summary_div .line .list_div {
	margin-top: 31px;
}

.survey_result_new.rslt3 .summary_div .line .list_div .list {
	position: relative;
	margin-right: 18px;
	width: 70px;
	text-align: center;
}

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

.survey_result_new.rslt3 .detail_result {}

.survey_result_new.rslt3 .detail_result .list_div {
	margin-top: 25px;
	border: 1px solid #ddd;
	border-radius: 16px;
}

.survey_result_new.rslt3 .detail_result .list_div .list {
	position: relative;
	padding: 50px 40px;
	border-bottom: 1px solid #eee;
}

.survey_result_new.rslt3 .detail_result .list_div .list:last-child {
	border-bottom: none
}

.survey_result_new.rslt3 .detail_result .list_div .list .title {
	line-height: 36px;
}

.survey_result_new.rslt3 .detail_result .list_div .list .title .tit {
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
	color: #7b23a8
}

.survey_result_new.rslt3 .detail_result .list_div .list .title .desc {
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	color: #000
}

.survey_result_new.rslt3 .detail_result .list_div .list .noti_txt {
	margin-top: 8px;
	padding-left: 6px;
	border-left: 2px solid #5b1a7c;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8
}

.survey_result_new.rslt3 .detail_result .list_div .list .noti_txt+.content {
	margin-top: 20px
}

.survey_result_new.rslt3 .detail_result .list_div .list .content {
	margin-top: 24px;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	font-weight: 300
}

.survey_result_new.rslt3 .detail_result .list_div .list .content b {
	font-weight: 400;
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px dashed #ddd;
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip .tit {
	padding-left: 44px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #7b23a8;
	background: url('/resources/images/icn_recommend.png') no-repeat left center;
	background-size: 36px 28px
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip .txt {
	margin-top: 16px;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	font-weight: 300
}

.survey_result_new.rslt3 .detail_result .list_div .list .tip .txt b {
	font-weight: 400;
}

.survey_result_new.rslt3 .recommend_div {
	margin-top: 60px;
	border: 1px solid #ddd;
	border-radius: 16px;
	padding: 48px 40px;
}

.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.accor {
	border-top: 1px solid #ddd;
}

.survey_result_new.rslt3 .recommend_div .title .tit {
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
	color: #000;
}

.survey_result_new.rslt3 .recommend_div.accor .list .txt {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease;
}

.survey_result_new.rslt3 .recommend_div.accor .list.on .open .txt {
	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 .title .desc {
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	color: #000;
	margin-top: 8px;
}

.survey_result_new.rslt3 .recommend_div .title+.counsel_noti {
	margin-top: 28px;
}

.survey_result_new.rslt3 .recommend_div .counsel_noti {
	margin-top: 16px;
	padding: 17px 60px 17px 24px;
	background: url('/resources/images/icn_chk_grn.png') no-repeat right 24px top 50% #f7f4ff;
	border: 1px solid #c291dc;
	border-radius: 6px
}

.survey_result_new.rslt3 .recommend_div .counsel_noti .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt3 .recommend_div .counsel_noti .txt {
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.survey_result_new.rslt3 .recommend_div .counsel_noti+.list_div {
	margin-top: 14px
}

.survey_result_new.rslt3 .recommend_div .list_div {
	position: relative;
	margin-top: 14px;
}

.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:last-child {
	border-bottom: none
}

.survey_result_new.rslt3 .recommend_div .list_div .list .swiper-slide {
	width: 120px;
}

.survey_result_new.rslt3 .recommend_div .swiper-button-prev,
.survey_result_new.rslt3 .recommend_div .swiper-button-next {
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	background-size: 24px;
	z-index: 2;
}

.survey_result_new.rslt3 .recommend_div .swiper-button-prev {
	left: -30px;
	background-image: url('/resources/images/icon/ipu/icn_pd_arrow_left.svg');
}

.survey_result_new.rslt3 .recommend_div .swiper-button-next {
	right: -30px;
	background-image: url('/resources/images/icon/ipu/icn_pd_arrow_right.svg');
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .img {
	position: relative;
	width: 120px;
	height: 120px;
	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 {
	padding-top: 16px;
	width: 100%;
}

.survey_result_new.rslt3 .recommend_div .list_div .list .info .txt_area .name {
	display: -webkit-box;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	max-height: 48px;
	height: 48px;
	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: 2px 7px;
	font-size: 12px;
	line-height: 18px;
	color: #7b23a8;
	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;
	background: #fff;
}

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

.survey_result_new.rslt3 .recommend_div .counsel_record .refresh_txt {
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #000;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .txt_box {
	position: relative;
	border-top: 1px dashed #ddd;
	padding-top: 81px;
	margin-top: 8px;
	background: url('/resources/images/icon/ipu/icn_counsel_record.svg') no-repeat top 30px left 231px / 98px 82px;
}

/* .survey_result_new.rslt3 .recommend_div .counsel_record .txt_box:after {
	content: '';
	position: absolute;
	bottom: 32px;
	right: 84px;
	width: 50px;
	height: 34px;
	background: url('/resources/images/ipu_sign.png') no-repeat;
	background-size: 50px 34px
} */

.survey_result_new.rslt3 .recommend_div .counsel_record .tit {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding-left: 113px;
}


.survey_result_new.rslt3 .recommend_div .counsel_record .tit h4 {
	position: relative;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000;
}

.survey_result_new.rslt3 .recommend_div .counsel_record .tit h4:before {
	content: '';
	position: absolute;
	top: -4px;
	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: 52px;
	height: 22px;
	background: url('/resources/images/ipu_comment.png') no-repeat;
	background-size: 52px 22px
}

.survey_result_new.rslt3 .recommend_div .counsel_record .text {
	margin-top: 24px;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	color: #333;
	min-height: 56px;
}

.survey_result_new.rslt3 .recommend_div.counsel_accor+.counsel_accor {
	margin-top: 12px;
}

.survey_result_new.rslt3 .recommend_div.counsel_accor+.recommend_div {
	margin-top: 20px;
}

.survey_result_new.rslt3 .recommend_div.accor {
	padding: 0 40px 0;
}

.survey_result_new.rslt3 .recommend_div.accor .open {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 44px 30px 0;
	background: url('/resources/images/arrow_down_24_777.png') no-repeat right center;
	background-size: 24px;
}

.survey_result_new.rslt3 .recommend_div.accor .open .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.survey_result_new.rslt3 .recommend_div.accor .open .txt {
	font-size: 15px;
	line-height: 24px;
	color: #7b23a8;
}

.survey_result_new.rslt3 .recommend_div.accor.on {}

.survey_result_new.rslt3 .recommend_div.accor .list.on .open {
	background: url('/resources/images/arrow_up_24_777.png') no-repeat right center;
	background-size: 24px
}

.survey_result_new.rslt3 .recommend_div.accor .close {
	display: none;
	padding: 8px 0 48px 0;
}

.survey_result_new.rslt3 .recommend_div.accor .counsel_accor_inner {
	border-top: 1px solid #eee;
}

.survey_result_new.rslt3 .recommend_div.accor .list_div {
	position: relative;
	margin-top: 0
}

.survey_result_new.rslt3 .recommend_div .counsel_accor_inner .list_div .list {
	padding-top: 32px;
}

.survey_result_new.rslt3 .recommend_div.accor .counsel_accor_inner {
	padding-bottom: 48px;
}

.survey_result_new.rslt3 .view_btn {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 18px 0;
	width: 320px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #5b1a7c;
	text-align: center;
	background: #fff;
	border: 2px solid #7b23a8;
	border-radius: 28px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 5
}

.survey_result_new.rslt3 .view_btn span {
	display: inline-block;
	padding-right: 28px;
	background: url('/resources/images/icn_down_pur_20x20.png') no-repeat right center;
	background-size: 20px
}

.survey_result_new.rslt3 .rslt_btn_div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #fff;
	padding: 72px 0 40px;
	text-align: center;
}

/* .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 5px;
	padding: 18px 0;
	width: 280px;
	height: 56px;
	color: #fff;
	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 .rslt_btn_div .join_advice_btn .coupon_txt {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	background-color: #e81d75;
	border-radius: 6px;
	padding: 4px 10px;
}

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

.survey_result_new.rslt3 .cart_btn {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 18px 0;
	width: 420px;
	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 .notice_area {
	margin-top: 60px;
	padding: 24px 20px;
	background: #f9f9f9
}

.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/blk_noti_icon.png') no-repeat left center;
	background-size: 16px
}

.survey_result_new.rslt3 .notice_area .dot_indent {
	margin-top: 16px
}

.survey_result_new .notice_area .dot_indent p a {
	display: inline-block;
	padding-right: 18px;
	color: #7b23a8;
	background: url('/resources/images/result_notice_link.png') no-repeat right center;
	background-size: 16px
}



/* 섭취기록 챌린지 */
.evt_challenge_wrap {}

.evt_challenge_wrap .sec2 {
	position: relative;
	background: linear-gradient(#b8efee 90%, #5ededb 10%);
	padding: 0 46px;
}

.evt_challenge_wrap .calendar_div {
	padding: 48px 65px 32px 65px;
	background: #fff;
	border-radius: 20px;
}

.evt_challenge_wrap .calendar_div .title {
	display: none;
	font-size: 20px;
	line-height: 24px;
}

.evt_challenge_wrap .calendar_div .top {
	padding-bottom: 16px;
	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: 20px;
	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: 22px;
	font-size: 14px;
	line-height: 24px;
	margin-left: 16px;
}

.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/sec2_top_today.png") left center no-repeat;
	background-size: 18px;
}

.evt_challenge_wrap .calendar_div .top .info .comp {
	background: url("/resources/images/evt_chall/2206/sec2_top_chk.png") left center no-repeat;
	background-size: 18px;
}

.evt_challenge_wrap.ing .calendar_div .title {
	display: block
}

.evt_challenge_wrap.ing .calendar_div .top .tit {
	font-size: 28px;
	line-height: 36px;
}

.evt_challenge_wrap.ing .calendar_div .top .info p {
	font-size: 14px;
	line-height: 36px;
}

.evt_challenge_wrap .calendar_div .calendar {
	margin: 40px 0 48px 0;
	position: relative
}

.evt_challenge_wrap .calendar_div .state_div {
	position: absolute;
	width: 100%;
	height: 676px;
	top: 60px;
	text-align: center;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.7);
	padding-top: 138px;
	z-index: 1
}

.evt_challenge_wrap .calendar_div .state_div.fail_div {
	padding-top: 182px;
}

.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: 36px;
	line-height: 48px;
	font-weight: 700;
	color: #fff;
}

.evt_challenge_wrap .calendar_div .state_div .cont {
	margin-top: 30px;
	font-size: 30px;
	line-height: 42px;
	color: #fff;
	font-weight: 700
}

.evt_challenge_wrap .calendar_div .state_div .cont img {
	width: 315px;
}

.evt_challenge_wrap .calendar_div .state_div .cont .txt {
	font-size: 30px;
	line-height: 42px;
	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: 32px
}

.evt_challenge_wrap .calendar_div .state_div .bottom .txt {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	font-weight: 700
}

.evt_challenge_wrap .calendar_div .state_div .bottom img {
	margin-top: 2px;
	width: 228px;
}

.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: 18px;
	line-height: 40px;
	color: #333;
	font-weight: 500;
	text-align: center
}

.evt_challenge_wrap .calendar_div .calendar .date {
	margin-top: 48px;
}

.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: 34px;
	float: left;
	width: calc(100% / 7);
	width: -webkit-calc(100% / 7);
	font-size: 16px;
	line-height: 60px;
	height: 60px;
	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: 60px;
	height: 60px;
	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: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("/resources/images/evt_chall/2206/chk_ok.png") center no-repeat;
	background-size: 60px;
}

.evt_challenge_wrap .calendar_div .calendar .date p.no_chk:after {
	content: '';
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("/resources/images/evt_chall/2206/chk_no.png") center no-repeat;
	background-size: 60px;
}

.evt_challenge_wrap .calendar_div .calendar .date p.success:after {
	content: '';
	display: block;
	position: absolute;
	width: 72px;
	height: 72px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("/resources/images/evt_chall/2208/sec2_success.png") center no-repeat;
	background-size: 72px
}

.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: 480px;
	height: 72px;
	background: url("/resources/images/evt_chall/2206/intake_txt.png") center no-repeat #001b73;
	background-size: 144px 32px;
	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/intake_txt_disabled.png") center no-repeat #fff;
	border: 1px solid #ddd;
	background-size: 86px 32px;
}

.evt_challenge_wrap .calendar_div .btn_div a.btn.go_intake_btn {
	width: 189px;
	height: 32px;
	background: url("/resources/images/evt_chall/2206/go_intake_txt.png") center no-repeat;
	background-size: 189px 32px;
	margin-top: 28px;
}

.evt_challenge_wrap.evt_chall_2208 .sec2 {
	position: relative;
	background: linear-gradient(#1ade88 90%, #00a75e 10%);
	padding: 0 46px;
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .btn_div a.btn.intake_btn {
	background-color: #00331d
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .calendar .date p.today:after {
	border-color: #00d477
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .top .info .today {
	background-image: url("/resources/images/evt_chall/2208/sec2_top_today.png")
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .top .info .comp {
	background-image: url("/resources/images/evt_chall/2208/sec2_top_chk.png")
}

.evt_challenge_wrap.evt_chall_2208 .calendar_div .calendar .date p.comp:after {
	background-image: url("/resources/images/evt_chall/2208/chk_ok.png")
}

.evt_challenge_wrap.evt_chall_2209 .sec2 {
	position: relative;
	background: #fdd9a1;
	padding: 0 46px;
}

.evt_challenge_wrap.evt_chall_2209 .sec2 .calendar_div .state_div.success_div {
	padding-top: 213px
}

.evt_challenge_wrap.evt_chall_2209 .sec2 .calendar_div .state_div.fail_div {
	padding-top: 257px
}

.evt_challenge_wrap.evt_chall_2209 .sec2 .calendar_div .state_div .tit_div:before {
	background: #ff6811;
}

.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/intake_txt_disabled.png") center no-repeat #fff;
	border: 1px solid #ddd;
	background-size: 86px 32px;
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .calendar .date p.today:after {
	border-color: #ff6811
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .top .info .today {
	background-image: url("/resources/images/evt_chall/2209/sec2_top_today.png")
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .top .info .comp {
	background-image: url("/resources/images/evt_chall/2209/sec2_top_chk.png")
}

.evt_challenge_wrap.evt_chall_2209 .calendar_div .calendar .date p.comp:after {
	background-image: url("/resources/images/evt_chall/2209/chk_ok.png")
}

/* 221025 섭취 기록 챌린지 시즌1 */
.evt_challenge_wrap.evt_chall_2211 .sec1 {
	position: relative;
}

.evt_challenge_wrap.evt_chall_2211 a {
	position: absolute;
	left: 246px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 480px;
	height: 72px;
	border-radius: 10px;
}

.evt_challenge_wrap.evt_chall_2211 .sec1 a {
	bottom: 131px;
}

.evt_challenge_wrap.evt_chall_2211 .sec2 {
	padding: 0;
	background: none;
}

.evt_challenge_wrap.evt_chall_2211 .sec2 a {
	top: 534px;
}

/* 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: 76px;
	text-align: center;
	background-color: #5b1a7c;
}

.evt_challenge_wrap.evt_year_tax .sec2 .sec2_tit img {
	width: 241px;
}

.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: 348px;
	height: 384px;
	background: url("/resources/images/event/evt_year_tax/sec2_bg.svg") no-repeat left top 80px;
	margin: 0 auto;
	text-align: right;
}

.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 20px 50px 0 rgb(0 0 0 / 40%);
	border-radius: 50%;
	margin-top: 80px;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_default a img {
	height: 124px;
	vertical-align: middle;
}

.evt_challenge_wrap.evt_year_tax .sec2 .case_completed,
.evt_challenge_wrap.evt_year_tax .sec2 .case_none {
	padding: 38px 0 48px 0;
	text-align: center;
}

.evt_challenge_wrap.evt_year_tax .sec2 p.text {
	line-height: 32px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 30px;
	padding-top: 33px;
}

.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: 480px;
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	color: #fff;
	padding: 28px;
	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 .sec2 .text_box .point {
	font-size: 32px;
}

.evt_challenge_wrap.evt_year_tax .noti {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.53px;
	text-align: center;
	color: #cb79f6;
	margin-top: 20px;
}


/* 221223 마이퍼즐 리뉴얼 */
.gnb_div .utill {
	display: flex;
	align-items: center;
	justify-content: right;
}

.gnb_div .utill a {
	display: block;
	font-size: 12px;
	line-height: 20px;
	margin-left: 30px;
}

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

.gnb_div .utill .cart .cart_num {
	color: #e81d75;
	font-weight: bold;
	font-style: normal;
}

.nav {
	position: relative;
	margin-top: 41px;
}

/* .swiper-button-prev,
.swiper-button-next {
  display: none;
} */


/* 230407 리뉴얼 친구초대 이벤트 */
.evt_renewal_invite .sec {
	position: relative;
}

.evt_renewal_invite .sec2,
.evt_renewal_invite .sec3 {
	text-align: center;
}

.evt_renewal_invite .sec2 {
	padding: 60px 288px 130px;
	background-color: #F0EAFF;
}

.evt_renewal_invite .sec2 .txt {
	font-size: 21px;
	line-height: 39px;
	font-weight: 400;
	color: #333;
	background: url('/resources/images/event/evt_renewal/invite/step_01.png') no-repeat 0 0;
	padding-top: 146px;
	margin-top: 70px;
	letter-spacing: -1px;
}

.evt_renewal_invite .sec2 .txt b {
	font-size: 26px;
	font-weight: 700;
}

.evt_renewal_invite .sec2 .txt b em {
	color: #9C00EB;
	font: inherit;
}

.evt_renewal_invite .sec2 .txt:nth-of-type(1) {
	margin-top: 0;
	background-position: 38px 0;
	background-size: auto 146px;
}

.evt_renewal_invite .sec2 .txt:nth-of-type(2) {
	background-image: url('/resources/images/event/evt_renewal/invite/step_02.png');
	background-position: 100% 0;
	background-size: auto 146px;
}

.evt_renewal_invite .sec2 .txt:nth-of-type(3) {
	padding-top: 140px;
	background-image: url('/resources/images/event/evt_renewal/invite/step_03.png');
	background-position: 100% 0;
	background-size: auto 146px;
}

.evt_renewal_invite .sec3 {
	padding: 80px 138px 100px;
	background-color: #DFD1FF;
}

.evt_renewal_invite .sec3>.tit {
	font-size: 26px;
	line-height: 40px;
	font-weight: 400;
	color: #5b1a7c;
	background: url('/resources/images/event/evt_renewal/invite/sec_ico.png') no-repeat top center / 134px 116px;
	padding-top: 162px;
}

.evt_renewal_invite .sec3 .cont {
	position: relative;
	width: 100%;
	padding: 74px 128px 60px 128px;
	border-radius: 16px;
	background: linear-gradient(93deg, #E7F2FF 0%, #F4FAFF 50%);
	margin-top: 28px;
}

.evt_renewal_invite .sec3 .cont .badge {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 36px;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    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: 60px;
	height: 1.5px;
	background-color: #7B23A8;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_info {
	padding-top: 30px;
	padding-bottom: 35px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_info .name {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #7b23a8;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_info .coupon_num {
	font-size: 47px;
	line-height: 47px;
	font-weight: 700;
	color: #8712c2;
	margin-top: 8px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .tit {
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #7b23a8;
	padding: 60px 0 62px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .share a {
	width: 440px;
	height: 56px;
	font-size: 16px;
	line-height: 56px;
	font-weight: 400;
	color: #fff;
	background-color: #7b23a8;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: 10px center;
	border-radius: 6px;
	margin-top: 10px;
}

.evt_renewal_invite .sec3 .cont .coupon_box .coupon_share .share .copy {
	background-image: url('/resources/images/event/evt_renewal/invite/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/ico_kakao.png');
	color: #000;
}


/* 230412 리뉴얼 혜택퍼즐 이벤트 */
.evt_renewal_benefit .sec {
	position: relative;
	background: #fff3d5;
}

.evt_renewal_benefit .sec1_cont {
	position: absolute;
	top: 680px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: start;
	justify-content: center;
	width: 100%;
}

.evt_renewal_benefit .sec1_cont li {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.evt_renewal_benefit .sec1_cont li a{
	display: block;
	width: 100%;
	height: 100%;
}

.evt_renewal_benefit .sec2 {
	padding: 60px 48px 40px;
}

.evt_renewal_benefit .sec2 .sec2_tit {
	width: 352px;
	height: auto;
	margin: 0 auto;
}

.evt_renewal_benefit .sec2 .sec2_cont {
	display: flex;
	align-items: start;
	justify-content: center;
	gap: 0 20px;
	padding-top: 40px;
}

.evt_renewal_benefit .sec2 .sec2_cont li {
	flex: 1;
}

.evt_renewal_benefit .sec3 {
	padding: 60px 48px 40px;
}

.evt_renewal_benefit .sec3 .sec3_tit {
	width: 319px;
	height: auto;
	margin: 0 auto;
}

.evt_renewal_benefit .sec3 .sec3_cont {
	width: 639px;
	margin: 40px 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: 64px;
	font-size: 17px;
	font-weight: 500;
	background: #F4F0FF;
	text-align: center;
}

.evt_renewal_benefit .sec3 .sec3_cont table th::after {
	content: '';
	position: absolute;
	top: 19.7px;
	right: 0;
	width: 1px;
	height: 24.6px;
	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: 66px;
	font-size: 17px;
	font-weight: 400;
	color: #333;
	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: 20px;
}

.evt_renewal_benefit .sec3 .sec3_cont .etc p {
	font-size: 14px;
	line-height: 26px;
	color: #999;
}

.evt_renewal_benefit .sec4 {
	padding: 60px 48px 120px;
}

.evt_renewal_benefit .sec4 .sec4_tit {
	width: 425px;
	height: auto;
	margin: 0 auto;
}

.evt_renewal_benefit .sec4 .sec4_cont {
	display: flex;
	align-items: start;
	justify-content: center;
	gap: 0 20px;
	padding-top: 40px;
}

/* 230818 2023 체험팩 이벤트 - 1차 구독중 회원 대상 */
.evt_free_experience .sec2 {
	background-color: #9cf4a0;
	padding: 80px 90px;
}

.evt_free_experience .sec2 li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 27px;
	width: 100%;
	height: 204px;
	background-color: #fff;
	border-radius: 24px;
	padding: 0 50px;
}

.evt_free_experience .sec2 li:nth-child(n+2) {
	margin-top: 40px;
}

.evt_free_experience .sec2 li .txt {
	display: flex;
	align-items: center;
	min-height: 96px;
	background-size: 96px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 120px;
}

.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: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #3b3b3b;
	padding-top: 26px;
	background-size: 66px 16px;
	background-position: left top;
	background-repeat: no-repeat;
}

.evt_free_experience .sec2 li:nth-of-type(1) .txt .tit {
	background-image: url('/resources/images/event/evt_free_experience/sec2_tit_01.png');
}

.evt_free_experience .sec2 li:nth-of-type(2) .txt .tit {
	background-image: url('/resources/images/event/evt_free_experience/sec2_tit_02.png');
}

.evt_free_experience .sec2 li:nth-of-type(3) .txt .tit {
	background-image: url('/resources/images/event/evt_free_experience/sec2_tit_03.png');
}

.evt_free_experience .sec2 li .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 290px;
	height: 74px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border-radius: 37px;
}

.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: 35%;
	left: calc(50% - 148px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 296px;
	height: 76px;
	border-radius: 6px;
	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: 16px 21px;
	text-align: center;
}

.evt_free_experience_ver2 .sec1 .sec1_btn a img {
	height: 100%;
	object-fit: contain;
}

.evt_free_experience_ver2 .sec2 {
	background: #6000b7;
	padding: 42px 125px 52px;
}

.evt_free_experience_ver2 .sec2 ul {
	display: flex;
}

/* 240401 건강검진 및 투약정보 연동 */
/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 최초 안내 */
.layer_pop.checkup_intro_pop .pop_con {
	padding-top: 36px;
	padding-bottom: 56px;
	overflow-y: visible;
}

.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: 28px;
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.layer_pop.checkup_intro_pop .pop_btn {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin: 0 40px;
}

.layer_pop.checkup_intro_pop .pop_btn a {
	flex: 1;
	height: 48px;
	line-height: 48px;
	margin: 0;
}

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 인증 로딩 */
.checkup-loading {
	text-align: center;
}

.checkup-loading .ing {
	position: relative;
	margin: 0 auto;
	width: 276px;
	height: 276px
}

.checkup-loading .ing canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(-90deg) scale(0.5);
	margin: -276px 0 0 -276px
}

.checkup-loading .ing .per {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	color: #2a204e;
	text-align: center
}

.checkup-loading .ing .per span {
	display: inline-block;
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	vertical-align: top
}

.checkup-loading .ing .per b {
	display: inline-block;
	font-weight: 500;
	font-size: 42px;
	line-height: 56px;
	vertical-align: top
}

.checkup-loading .desc {
	color: #000;
	margin-top: 60px;
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -1px;
}

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 인증 완료 */
.checkup .auth-end {
	width: 480px;
	margin: 0 auto;
	text-align: center;
}

.checkup .auth-end .term {
	color: #000;
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -1px;
}

.checkup .auth-end .desc {
	padding-top: 28px;
	color: #333;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

.checkup .auth-end .bottom_btn {
	margin-top: 60px;
	width: 380px;
}

/* 240401 건강검진 및 투약정보 연동: 설문결과>건강검진연동추가영역 */
.survey_result_new.rslt3 .checkup-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 60px;
	padding: 30px 40px;
	border: 1px solid #ddd;
	border-radius: 16px;
}

.survey_result_new.rslt3 .checkup-info:after {
	display: none;
}

.survey_result_new.rslt3 .checkup-info .term {
	display: inline-block;
	padding-left: 38px;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	background: url(/resources/images/common/connection.svg) no-repeat 0 50%;
}

.survey_result_new.rslt3 .checkup-info .desc {
	margin-top: 16px;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
}

.survey_result_new.rslt3 .checkup-info .bottom_btn {
	width: 225px;
	margin: 0;
}

/* 240401 건강검진 및 투약정보 연동: 내정보>간편인증 팝업 */
.layer_pop.checkup_auth_pop .pop_con {
	max-height: 62vh;
	padding-top: 36px;
}

.layer_pop.checkup_auth_pop .pop_con .desc {
	padding-bottom: 28px;
	color: #000;
	font-size: 18px;
	line-height: 26px;
}

.layer_pop.checkup_auth_pop .pop_con .sub-desc {
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .term {
	display: inline-block;
	padding-bottom: 8px;
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .input_form {
	margin-top: 0;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .select-list {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .select-list+.input_area {
	margin-top: 12px;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .input_area.error input {
	border: 1px solid #e62423
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .method .select-list button {
	width: calc(50% - 7px);
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .phone .select-list button {
	flex: 1;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .select-list button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	color: #000;
	font-size: 16px;
	border: 1px solid #eee;
	border-radius: 10px;
}

.layer_pop.checkup_auth_pop .pop_con .form-wrap .select-list button.on {
	border: 3px solid #7B23A8;
}

.layer_pop.checkup_auth_pop .auth-img {
	width: 100%;
	margin-top: 28px;
}

.layer_pop.checkup_auth_pop .pop_btn {
	margin: 24px 40px 0;
}

.layer_pop.checkup_auth_pop .pop_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin: 0;
	border-radius: 6px;
}

/* 240401 건강검진 및 투약정보 연동: 내정보>건강검진 정보 */
.mypage_div.checkup .menu_tit_div {
	margin-bottom: 13px;
}

.mypage_div.checkup .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0 42px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	border-top: none;
}

.mypage_div.checkup .tit .view-btn {
	display: block;
	width: 20px;
	height: 20px;
	background: url(/resources/images/common/arrow-next-bbb.svg) no-repeat 0 50%;
}

.mypage_div.checkup .menu_tit_div .btn {
	width: auto;
	padding: 0 18px;
}

.mypage_div.checkup .menu_tit {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0 153px;
}

.mypage_div.checkup .menu_tit .select_box {
	position: absolute;
	right: 73px;
	margin: 0 12px;
}

.mypage_div.checkup .list_div {
	display: flex;
	flex-direction: column;
	gap: 42px 0;
	padding-bottom: 42px;
	border-bottom: 1px solid #eee;
}

.mypage_div.checkup .list_div li {
	display: flex;
	align-items: center;
	gap: 0 88px;
}

.mypage_div.checkup .list_div .term {
	width: 120px;
	color: #555;
	font-size: 16px;
	line-height: 22px;
}

.mypage_div.checkup .list_div .desc {
	flex: 1;
	color: #000;
	font-size: 16px;
	line-height: 16px;
}

.mypage_div.checkup .checkup-info {
	display: flex;
	flex-wrap: wrap;
	gap: 52px 60px;
	margin-top: 27px;
}

.mypage_div.checkup .checkup-info li {
	width: calc(50% - 30px);
}

.mypage_div.checkup .checkup-info .term {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
}

.mypage_div.checkup .checkup-info .graph-wrap {
	position: relative;
	width: 100%;
}

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

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

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 인증 로딩(팝업) */
.layer_pop.checkup_loading_pop {
	padding-bottom: 0;
}

.layer_pop.checkup_loading_pop .pop_con {
	padding-top: 36px;
	padding-right: 32px;
	padding-bottom: 70px;
}

.layer_pop.checkup_loading_pop .ing {
	position: relative;
	margin: 0 auto;
	width: 276px;
	height: 276px;
	margin-top: 50px;
}

.layer_pop.checkup_loading_pop .ing canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(-90deg) scale(0.5);
	margin: -276px 0 0 -276px
}

.layer_pop.checkup_loading_pop .ing .per {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	color: #2a204e;
	text-align: center
}

.layer_pop.checkup_loading_pop .ing .per span {
	display: inline-block;
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	vertical-align: top
}

.layer_pop.checkup_loading_pop .ing .per b {
	display: inline-block;
	font-weight: 500;
	font-size: 42px;
	line-height: 56px;
	vertical-align: top
}

.layer_pop.checkup_loading_pop .desc {
	color: #000;
	font-size: 18px;
	line-height: 26px;
}

/* 240401 건강검진 및 투약정보 연동: 설문>건강검진연동 인증 완료(팝업) */
.layer_pop.checkup_auth_end_pop .pop_con {
	height: 184px;
	padding-top: 36px;
	overflow-y: visible;
}

.layer_pop.checkup_auth_end_pop .pop_con .desc {
	padding-bottom: 28px;
	color: #000;
	font-size: 18px;
	line-height: 26px;
}

.layer_pop.checkup_auth_end_pop .pop_con .sub-desc {
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.layer_pop.checkup_auth_end_pop .pop_btn {
	margin: 24px 40px 0;
}

.layer_pop.checkup_auth_end_pop .pop_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin: 0;
	border-radius: 6px;
}