.layer_pop.nutrient_dtl_pop .pop_con {
	padding: 0
}

.nutrient_dtl_pop img {
	width: 100%;
}


/* 메인 */
.main_content {
	position: relative
}

.main_content .main_visual {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 220px;
}

.main_content .main_visual .swiper-slide {
	text-align: center;
}

.main_content .main_visual .img {
	display: inline-block;
}

.main_content .main_visual .img img {
	width: 1200px;
	height: 360px;
}

.main_content .sct_div {
	margin: 0 auto;
	width: 1200px
}

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

.main_content .sct_div .text_div {
	float: left;
	padding-top: 93px;
	width: 540px;
	text-align: left
}

.main_content .sct_div .text_div .title {
	font-weight: 700;
	font-size: 40px;
	line-height: 52px;
	color: #000;
	letter-spacing: -1px
}

.main_content .sct_div .text_div .text {
	display: inline-block;
	position: relative;
	margin-top: 24px;
	padding: 0 4px;
	font-size: 24px;
	line-height: 30px;
	color: #000;
	letter-spacing: -1px
}

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

.main_content .sct_div .text_div .text span {
	display: inline-block;
	font-weight: 700
}

.main_content .sct_div .text_div .text span b {
	display: inline-block;
	font-weight: 700
}

.main_content .sct_div .text_div .sct_btn {
	display: block;
	position: relative;
	margin-top: 62px;
	padding: 23px 37px;
	width: 320px;
	border: 1px solid #ddd;
	border-radius: 40px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	z-index: 1;
	text-align: center;
}

.main_content .sct_div .text_div .sct_btn:after {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	width: -webkit-calc(100% + 2px);
	height: calc(100% + 2px);
	height: -webkit-calc(100% + 2px);
	border: 2px solid #7b23a8;
	border-radius: 40px
}

.main_content .sct_div .text_div .sct_btn span {
	display: inline-block;
	position: relative;
	padding-left: 38px;
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	color: #000;
	text-align: left;
	background: url('/resources/images/intake_won.png') no-repeat left center;
	background-size: 32px
}

.main_content .sct_div .text_div .sct_btn span:after {
	content: '';
	display: block;
	clear: both
}

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

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

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

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

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

.main_content .sct_div .text_div .sct_btn.on span {
	display: inline-block;
	text-align: center;
	background: url('/resources/images/intake_success.png') no-repeat left center;
	background-size: 32px;
}

@keyframes sctMotion {
	0% {
		opacity: 1
	}

	20% {
		opacity: 1
	}

	90% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}


.main_content .sct_div.new .text_div {
	padding-top: 172px;
	position: relative
}

.main_content .sct_div.new .text_div .bnf_info {
	position: absolute;
	bottom: 70px;
	left: 170px;
	border-radius: 20px;
	background: #2a204e;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	z-index: 1
}

.main_content .sct_div.new .text_div .bnf_info:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -12px;
	left: 34px;
	border-top: 12px solid #2a204e;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-radius: 1px
}


.main_content .title_area {
	font-weight: 500;
	font-size: 40px;
	line-height: 52px;
	color: #000;
	letter-spacing: -1px
}

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

.main_content .swiper-button-prev {
	background: url('/resources/images/swiper_prev.png') no-repeat center;
	border-radius: 100%;
	background-size: 56px
}

.main_content .swiper-button-next {
	background: url('/resources/images/swiper_next.png') no-repeat center;
	border-radius: 100%;
	background-size: 56px
}

.main_content .swiper-button-prev:hover {
	background: url('/resources/images/swiper_prev_hover.png') no-repeat center;
	background-size: 56px
}

.main_content .swiper-button-next:hover {
	background: url('/resources/images/swiper_next_hover.png') no-repeat center;
	background-size: 56px
}

.main_content .swiper-button-prev.swiper-button-disabled {
	background: url('/resources/images/swiper_prev_disabled.png') no-repeat center;
	opacity: 1;
	background-size: 56px
}

.main_content .swiper-button-next.swiper-button-disabled {
	background: url('/resources/images/swiper_next_disabled.png') no-repeat center;
	opacity: 1;
	background-size: 56px
}

.main_content .main_visual .swiper-container {
	position: relative;
	padding-bottom: 34px;
}

.main_content .main_visual .swiper-wrapper {
	height: 360px;
}

.main_content .main_visual .swiper-navigation {
	position: relative;
	width: 1250px;
	margin: -220px auto 0 auto;
}

.main_content .main_visual .swiper-button-prev {
	z-index: 2;
	width: 56px;
	height: 56px;
	left: 0;
}

.main_content .main_visual .swiper-button-next {
	z-index: 2;
	width: 56px;
	height: 56px;
	right: 0;
}

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

.main_content .main_visual .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 6px;
}

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



.main_content .howto_div {
	position: relative;
	display: flex;
	width: 1080px;
	margin: 80px auto 0;
}

.main_content .howto_div .title {
	color: #000;
	font-weight: 500;
}

.main_content .howto_div .title .title_area {
	width: 230px;
	font-size: 30px;
	line-height: 42px;
	margin-bottom: 24px;
}

.main_content .howto_div .title .link_btn {
	display: inline-block;
	font-size: 16px;
	color: #000;
	line-height: 24px;
	background: url('/resources/images/icon/icn_arrow_right.svg') no-repeat right 60% / 16px 16px;
	padding-right: 18px;
}

.main_content .howto_div .inner {
	text-align: right;
}

.main_content .howto_div .inner .guide_btn {
	display: inline-block;
	margin-bottom: 30px;
}

.main_content .howto_div .inner .guide_btn:nth-last-of-type(1) {
	margin-bottom: 0;
}

.main_content .subscript_div {
	margin: 136px auto 0;
	text-align: center;
}

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

.main_content .subscript_div .title_area::before,
.main_content .subscript_div .title_area::after {
	content: '';
	display: inline-block;
	width: 240px;
	height: 1px;
	border: 1px solid #979797;
	vertical-align: middle;
	margin: 0 78px
}

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

.main_content .subscript_div .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.3;
	transition: opacity 2s ease;
}

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

.main_content .subscript_div .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 256px;
	height: 256px;
	background-color: #f7f7f7;
	border-radius: 50%;
}

.main_content .subscript_div .right {
	line-height: 30px;
	letter-spacing: -0.5px;
	margin-left: 40px;
	text-align: left;
}

.main_content .subscript_div .right .num {
	font-size: 70px;
	font-weight: bold;
	color: #f5f5f5;
	line-height: 70px;
	margin-bottom: 40px;
	letter-spacing: normal;
}

.main_content .subscript_div .right .subscript_txt .tit {
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin-bottom: 6px;
}

.main_content .subscript_div .right .subscript_txt .desc {
	font-size: 20px;
	color: #180e33;
	font-weight: 300;
	word-break: break-all;
}

.main_content .review_div {
	position: relative;
	padding: 100px 0 88px 0;
	margin: 160px auto 0;
	text-align: center;
	overflow: hidden;
}

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

.main_content .review_div .title_area {
	text-align: center
}

.main_content .review_div .title_area b {
	color: #7b23a8;
	font-weight: bold
}

.main_content .review_div .link_btn {
	display: inline-block;
	margin-top: 24px;
	padding-right: 18px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/icon/icn_arrow_right.svg') no-repeat right 60% / 16px
}

.main_content .review_div .swiper-container {
	margin: 60px auto 0;
	width: 1628px;
}

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

.main_content .review_div .swiper-container .swiper-slide {
	padding: 40px 32px;
	width: 300px;
	height: auto;
	background: #fff;
	border-radius: 16px
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n+1) {
	margin-top: 42px
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n+2) {
	margin-top: 80px
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n+3) {
	margin-top: 0
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n+4) {
	margin-top: 80px
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n+5) {
	margin-top: 40px
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n+6) {
	margin-top: 80px
}

.main_content .review_div .swiper-container .swiper-slide:nth-child(7n) {
	margin-top: 0
}

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

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

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

.main_content .review_div .swiper-container .swiper-slide .tag {
	display: block;
	width: 183px;
	max-height: 66px;
	overflow: hidden;
	margin-top: 30px;
	text-align: left
}

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

.main_content .review_div .swiper-container .swiper-slide .tag span {
	float: left;
	margin-right: 6px;
	font-size: 13px;
	line-height: 22px;
	color: #999;
}

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

.main_content .review_div .swiper-container .swiper-slide .tag span:before {
	content: '#'
}

.main_content .review_div .swiper-container .swiper-slide .img {
	width: 236px;
	height: 170px
}

.main_content .review_div .swiper-container .swiper-slide .review {
	display: inline-block;
	margin-top: 10px;
	text-align: left
}

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

.main_content .review_div .swiper-navigation {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1800px
}

.main_content .review_div .swiper-button-prev {
	top: auto;
	bottom: 314px;
	left: 0;
	margin-top: 0;
	width: 56px;
	height: 56px;
	z-index: 2
}

.main_content .review_div .swiper-button-next {
	top: auto;
	bottom: 314px;
	right: 0;
	margin-top: 0;
	width: 56px;
	height: 56px;
	z-index: 2
}


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

.main_content .product_div .link_btn {
	display: inline-block;
	margin-top: 24px;
	padding-right: 18px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url(/resources/images/icon/icn_arrow_right.svg) no-repeat right 60% / 16px;
}

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

.main_content .product_div .cont .product_desc_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.main_content .product_div .cont .product_desc_list li {
	position: relative;
	width: 340px;
	height: 144px;
	border-radius: 92px;
	text-align: left;
	overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.main_content .product_div .cont .product_desc_list .desc_txt .desc {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 7px;
	word-break: break-all;
	overflow: hidden;
}

.main_content .product_div .cont .product_desc_list .desc_txt .name {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	max-height: 72px;
	white-space: normal;
	overflow: hidden;
}

.main_content .magazine_div {
	margin-top: 160px;
	text-align: center;
}

.main_content .magazine_div .sub_title {
	margin-top: 4px;
}

.main_content .magazine_div .link_btn {
	display: inline-block;
	margin-top: 24px;
	padding-right: 18px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: url(/resources/images/icon/icn_arrow_right.svg) no-repeat right 60% / 16px;
}

.main_content .magazine_div .swiper-container {
	margin-top: 50px
}

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

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

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

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

.main_content .magazine_div .swiper-container .swiper-slide .thumb img {
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.6s ease
}

.main_content .magazine_div .swiper-container .swiper-slide .thumb:hover img {
	transform: translate(-50%, -50%) scale(1.1)
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area {
	display: block;
	position: relative;
	margin-top: 16px;
	width: 100%;
	z-index: 2
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: -40px;
	left: 0;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type .badge {
	text-align: center;
	float: left;
	padding: 0 8px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #9f39d3;
	opacity: 0.8;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .type .new {
	display: none;
	text-align: center;
	float: left;
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #2a204e;
	opacity: 0.8;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .tit {
	margin-top: 16px;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	min-height: 52px;
	text-align: left;
}

.main_content .magazine_div .swiper-container .swiper-slide .tit_area .txt {
	margin-top: 10px;
	font-size: 18px;
	line-height: 20px;
	color: #000
}

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

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

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

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

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

/* .main_content .magazine_div .swiper-container .swiper-slide .tit_area .heart{display:inline-block; position:relative; bottom:auto; left:auto; margin-top:10px; 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}
.main_content .magazine_div .swiper-container .swiper-slide .tit_area .heart.on{background:url('/resources/images/icn_heart_on.png') no-repeat left center; background-size:24px} */
.main_content .magazine_div .swiper-container .swiper-slide.new .tit_area .type .new {
	display: block
}

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

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

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

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

.main_content .magazine_div .swiper-button-prev {
	top: 296px;
	left: -80px;
	margin-top: 0;
	width: 56px;
	height: 56px;
	z-index: 2
}

.main_content .magazine_div .swiper-button-next {
	top: 296px;
	right: -80px;
	margin-top: 0;
	width: 56px;
	height: 56px;
	z-index: 2
}

.main_content .faq_div {
	margin: 160px auto 0;
	width: 1080px;
	background-color: #f6f3ff;
	border-radius: 30px;
}

.main_content .faq_div .inner {
	display: flex;
	align-items: center;
	padding: 60px 80px 52px 100px;
}

.main_content .faq_div .left {
	margin-right: 99px;
}

.main_content .faq_div .left .title_area {
	color: #5b1a7c;
	line-height: 56px;
	margin-bottom: 42px;
}

.main_content .faq_div .left .faq_btn_wrap a {
	display: flex;
	align-items: center;
	width: 320px;
	height: 56px;
	border-radius: 28px;
	background: url('/resources/images/main/icn_faq_arrow.svg') no-repeat right 18px center / 20px #5b1a7c;
	padding: 13px 26px;
	margin-bottom: 14px;
}

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

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

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

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

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

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

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

.main_content .faq_div .right .faq_list.faq_q {
	display: flex;
	align-items: center;
	border-radius: 10px 0 10px 10px;
	background-color: #eae1ff;
	float: right;
}

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

.main_content .faq_div .right .faq_list .mark {
	display: inline-block;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	vertical-align: top;
}

.main_content .faq_div .right .faq_list.faq_q .mark {
	padding-left: 12px;
}

.main_content .faq_div .right .faq_list.faq_a .mark {
	padding-right: 12px;
}

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

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

}

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

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

/* .survey_btn{position:fixed; bottom:40px; left:50%; transform:translateX(-50%); padding:20px 0; width:480px; font-weight:500; font-size:20px; line-height:28px; color:#fff; text-align:center; background:#5b1a7c; border-radius:6px; z-index:1} */

.layer_pop.main_pop {
	padding: 0;
	border-radius: 0;
	width: 400px;
	padding: 42px 0;
	background: none
}

.layer_pop.main_pop .pop_con {
	padding: 0;
	border-radius: 16px
}

.layer_pop.main_pop .pop_con img {
	width: 100%;
}

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

.layer_pop.main_pop .btn {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #2a204e;
	padding: 18px 0;
}

.layer_pop.main_pop .today {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff
}

.layer_pop.main_pop .close_btn {
	position: absolute;
	bottom: 0;
	top: auto;
	right: 0;
	width: 30px;
	height: 30px;
	background: url('/resources/images/m_icn_xbt_wht.svg') no-repeat;
	background-size: 30px
}

.layer_pop.main_pop .swiper-pagination {
	bottom: 70px;
}

.layer_pop.main_pop .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.4
}

.layer_pop.main_pop .swiper-pagination-bullet-active {
	opacity: 1
}

/* 섭취기록 챌린지 팝업 공통 */
.layer_pop.intake_chall_pop {
	padding-top: 52px;
	margin-top: 40px;
	width: 360px;
	border-radius: 16px;
	padding-bottom: 20px;
}

.layer_pop.intake_chall_pop:before {
	content: '';
	position: absolute;
	top: -80px;
	left: 50%;
	margin-left: -65px;
	width: 129px;
	height: 125px;
	background: url('/resources/images/challenge_pop_icon.png') no-repeat;
	background-size: 129px 125px
}

.layer_pop.intake_chall_pop .pop_con {
	overflow-y: visible;
	padding: 0 20px;
	text-align: center;
}

.layer_pop.intake_chall_pop .pop_con .tit {
	font-size: 24px;
	line-height: 32px;
}

.layer_pop.intake_chall_pop .pop_con .tit span {
	display: inline-block;
	position: relative;
	padding: 0 7px;
}

.layer_pop.intake_chall_pop .pop_con .tit span b {
	position: relative;
	font-weight: 700;
	z-index: 1
}

.layer_pop.intake_chall_pop .pop_con .tit span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 0
}

.layer_pop.intake_chall_pop .pop_con .img {
	margin-top: 16px
}

.layer_pop.intake_chall_pop .pop_con .img img {
	width: 100%
}

.layer_pop.intake_chall_pop .pop_con .txt {
	margin-top: 24px;
	font-size: 16px;
	line-height: 22px;
}

.layer_pop.intake_chall_pop .pop_con .btn {
	display: block;
	margin-top: 32px;
	padding: 14px 15px;
	border-radius: 6px;
	text-align: center
}

.layer_pop.intake_chall_pop .pop_con .btn span {
	display: inline-block;
	padding-right: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

.layer_pop.intake_chall_pop .today {
	position: absolute;
	top: auto;
	bottom: -42px;
	left: 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff
}

.layer_pop.intake_chall_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 12px;
	width: 28px;
	height: 28px;
	background: url('/resources/images/icn_close_56x56.png') no-repeat;
	background-size: 28px
}

/* //섭취기록 챌린지 팝업 공통 */

/* 섭취기록 챌린지1 팝업 */
.layer_pop.challenge1_pop {
	background: #ffe6de
}

.layer_pop.challenge1_pop:before {
	background: url('/resources/images/challenge_pop_icon.png') no-repeat;
	background-size: 129px 125px
}

.layer_pop.challenge1_pop .pop_con {
	background: #ffe6de
}

.layer_pop.challenge1_pop .pop_con .tit {
	color: #3f0300;
}

.layer_pop.challenge1_pop .pop_con .tit span b {
	color: #3f0300;
}

.layer_pop.challenge1_pop .pop_con .tit span:after {
	background: #ffccc8;
}

.layer_pop.challenge1_pop .pop_con .txt {
	color: #3f0300
}

.layer_pop.challenge1_pop .pop_con .btn {
	background: #fff;
}

.layer_pop.challenge1_pop .pop_con .btn span {
	color: #000;
	background: url('/resources/images/icn_right_20x20.png') no-repeat right center;
	background-size: 20px
}

/* //섭취기록 챌린지1 팝업 */

/* 섭취기록 챌린지2 팝업 */
.layer_pop.challenge2_pop {
	background: #b8efee
}

.layer_pop.challenge2_pop:before {
	background: url('/resources/images/evt_chall/2206/challenge_pop_icon.png') no-repeat;
	background-size: 129px 125px
}

.layer_pop.challenge2_pop .pop_con {
	background: #b8efee
}

.layer_pop.challenge2_pop .pop_con .tit {
	color: #222;
}

.layer_pop.challenge2_pop .pop_con .tit span b {
	color: #222;
}

.layer_pop.challenge2_pop .pop_con .tit span:after {
	background: rgba(26, 51, 245, 0.2);
}

.layer_pop.challenge2_pop .pop_con .txt {
	color: #222
}

.layer_pop.challenge2_pop .pop_con .btn {
	background: #001b73;
}

.layer_pop.challenge2_pop .pop_con .btn span {
	color: #fff;
	background: url('/resources/images/icn_right_wht_20x20.png') no-repeat right center;
	background-size: 20px
}

/* //섭취기록 챌린지2 팝업 */

/* 설문 */
/* 2022.05.19 change */
.survey_intro {
	position: relative;
}

.survey_intro .content {
	margin: 0 auto;
}

.survey_intro .content .tit_area .tit {
	font-size: 30px;
	line-height: 42px;
	font-weight: 400;
	color: #000;
	letter-spacing: -0.5px;
	text-align: center
}

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

.survey_intro .content .info_list_div {
	margin-top: 20px;
}

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

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

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

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

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 256px;
	height: 256px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 30px 0 #eee
}

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

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

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

.survey_intro .content .info_list_div .swiper-container .swiper-wrapper .info_list_txt .desc {
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	color: #180e33;
}

.survey_intro .content .info_list_div .swiper-container .swiper-pagination {
	bottom: 0;
}

.survey_intro .content .info_list_div .swiper-container .swiper-pagination .swiper-pagination-bullet {
	background: #e1e1e1;
	opacity: 1
}

.survey_intro .content .info_list_div .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #777
}

.survey_intro .content .info_list_div .swiper-container .swiper-btn {}

.survey_intro .content .info_list_div .swiper-container .swiper-btn a {
	width: 56px;
	height: 56px;
}

.survey_intro .content .info_list_div .swiper-container .swiper-btn .swiper-button-prev,
.survey_intro .content .info_list_div .swiper-container .swiper-btn .swiper-button-next {
	top: 40%;
}

.survey_intro .content .info_list_div .swiper-container .swiper-btn .swiper-button-prev {
	background: url("/resources/images/ipu_arrow_left.png") center no-repeat;
	background-size: 56px;
	left: calc(50% - 290px);
	left: -webkit-calc(50% - 290px)
}

.survey_intro .content .info_list_div .swiper-container .swiper-btn .swiper-button-next {
	background: url("/resources/images/ipu_arrow_right.png") center no-repeat;
	background-size: 56px;
	right: calc(50% - 290px);
	right: -webkit-calc(50% - 290px)
}

.survey_intro .content .survey_intro_btn a.btn {
	position: relative;
	margin: 26px auto 0 auto;
	display: block;
	width: 380px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	background: #5b1a7c;
	border-radius: 6px;
	padding: 18px 11px;
	text-align: center;
}

.survey_intro .content .survey_intro_btn a.wht {
	border: 1px solid #7b23a8;
	background-color: #f7f7f7;
	color: #7b23a8;
}

.survey_intro .content .survey_intro_btn a:nth-of-type(2) {
	margin-top: 8px;
}

.survey_intro .content .survey_intro_btn a::first-child:nth-last-child(1) {
	margin-top: 26px;
}

/* end 2022.05.19 change */
.survey_step {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	width: 1080px
}

.survey_step .step {
	float: left;
	padding: 17px 0;
	width: 360px;
	text-align: center
}

.survey_step .step span {
	display: inline-block;
	margin-right: 6px;
	width: 26px;
	height: 26px;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background: #d4c5f7;
	border-radius: 100%;
	vertical-align: top;
}

.survey_step .step p {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #999
}

.survey_step .step.on span {
	background: #7b23a8
}

.survey_step .step.on p {
	font-weight: 700;
	color: #000
}

.survey_div {
	position: relative;
	margin: 104px auto 0;
	width: 480px
}

.survey_div .question {
	font-weight: 300;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	letter-spacing: -1px
}

.survey_div .question .txt {
	display: inline;
	font-weight: 300;
	font-size: 28px;
	line-height: 36px;
}

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

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

.survey_div .noti_tool {
	display: inline-block;
	position: relative;
	min-width: 317px;
	margin-top: 14px;
	padding: 10px 12px;
	font-size: 13px;
	line-height: 18px;
	color: #7b23a8;
	background: #f4f0ff;
	border-radius: 6px
}

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

.survey_div .img {
	margin-bottom: 40px;
	border-radius: 10px;
	overflow: hidden
}

.survey_div .img img {
	width: 100%
}

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

.survey_div .answer_div .input_area input {
	width: 100%
}

.survey_div .answer_div .input_area.type2 input {
	width: 450px
}

.survey_div .answer_div .input_area.type2 .txt {
	float: right;
	width: 30px;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	text-align: right
}

.survey_div .answer_div .input_area.type2 .delete {
	right: 37px
}

.survey_div .answer_div .radio_div {
	display: block;
	margin-top: 24px
}

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

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

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

.survey_div .answer_div .chk_div .chk_box label {
	padding: 1px 0 1px 32px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px
}

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

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

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

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

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

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

.survey_box .add_info {
	margin: 60px auto 0;
	padding: 14px 16px;
	width: 480px;
	background: #f7f7f7;
	border-radius: 10px
}

.survey_box .add_info p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.survey_box .add_info p b {
	display: block;
	font-weight: 500;
}

.survey_box .add_info p:first-child {
	margin-top: 0
}

.survey_btn_group {
	margin: 60px auto;
	padding-top: 24px;
	width: 480px;
	border-top: 1px solid #eee
}

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

.survey_btn_group a {
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	text-align: center;
	border-radius: 6px
}

.survey_btn_group .prev {
	float: left;
	width: 152px;
	color: #7b23a8;
	background: #fff;
	border: solid 1px #7b23a8;
	line-height: 52px;
}

.survey_btn_group .next {
	float: right;
	width: 320px;
	color: #fff;
	background: #5b1a7c
}

.survey_btn_group.type2 {
	margin-top: 24px
}

.survey_progress {
	position: absolute;
	top: 60px;
	left: 0;
	width: 1080px
}

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

.survey_progress .progress_bar {
	position: relative;
	float: left;
	margin-left: 6px;
	width: 356px;
	height: 4px;
	overflow: hidden
}

.survey_progress .progress_bar:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #eee;
	z-index: 0
}

.survey_progress .progress_bar:first-child {
	border-radius: 100px 0 0 100px;
	margin-left: 0
}

.survey_progress .progress_bar:last-child {
	border-radius: 0 100px 100px 0;
}

.survey_progress .progress_bar p {
	font-size: 18px;
	line-height: 25px;
	color: #ccc;
	text-align: center
}

.survey_progress .progress_bar span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #555;
	z-index: 1
}

.survey_progress .progress_bar.on p {
	font-weight: 700;
	color: #000
}

.survey_complete {
	position: relative;
	margin-top: -104px
}

.survey_complete .ing {
	position: relative;
	margin: 0 auto;
	width: 276px;
	height: 276px
}

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

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

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

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

.survey_complete .tit {
	margin-top: 60px;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	text-align: center;
	letter-spacing: -1px
}

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

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

.survey_complete .step p {
	display: inline-block;
	position: relative;
	margin-left: 66px;
	padding-left: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: left;
	background: url('/resources/images/common/survey_complete_step.png') no-repeat left center;
	background-size: 24px
}

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

.survey_complete .step p.on {
	font-weight: 500;
	color: #000;
	background: url('/resources/images/common/survey_complete_step_on.png') no-repeat left center;
	background-size: 24px
}

.survey_complete .step p:before {
	content: '';
	position: absolute;
	top: 10px;
	right: -24px;
	width: 4px;
	height: 4px;
	background: #ccc;
	border-radius: 100%;
	transition: background 0.4s ease
}

.survey_complete .step p:after {
	content: '';
	position: absolute;
	top: 10px;
	right: -36px;
	width: 4px;
	height: 4px;
	background: #ccc;
	border-radius: 100%;
	transition: background 0.4s ease 0.6s
}

.survey_complete .step p span {
	display: block;
	position: relative
}

.survey_complete .step p span:after {
	content: '';
	position: absolute;
	top: 10px;
	right: -48px;
	width: 4px;
	height: 4px;
	background: #ccc;
	border-radius: 100%;
	transition: background 0.6s ease 1.2s
}

.survey_complete .step p:last-child:before,
.survey_complete .step p:last-child:after,
.survey_complete .step p:last-child span:after {
	display: none
}

.survey_complete .step p.on:before {
	background: #5b1a7c;
	opacity: 0.1;
}

.survey_complete .step p.on:after {
	background: #5b1a7c;
	opacity: 0.5;
}

.survey_complete .step p.on span:after {
	background: #5b1a7c
}

.survey_complete .notice {
	margin-top: 29px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
}

.exit_btn {
	position: fixed;
	top: 40px;
	right: 40px;
	width: 48px;
	height: 48px;
	background: url('/resources/images/common/survey_close.svg') no-repeat;
	background-size: 48px;
	z-index: 1
}

.alert_pop.ipu_pop .pop_con .txt {
	color: #7b23a8;
	font-weight: bold;
}

.alert_pop.ipu_pop .pop_con .msg {
	padding: 0 16px;
}

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

.alert_pop.ipu_pop .pop_con p.msg:nth-of-type(1) {
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.alert_pop.ipu_pop .pop_btn {
	display: flex;
	align-items: center;
}

.alert_pop.ipu_pop .pop_btn a {
	font-size: 16px;
	line-height: 48px;
}

.alert_pop.ipu_pop .pop_btn a:nth-of-type(2) {
	margin-left: 8px;
}

.survey_result {
	margin: 15px auto 0;
	padding-bottom: 420px;
	width: 700px;
}

.survey_result .top_area {}

.survey_result .top_area .title {
	font-weight: 300;
	font-size: 36px;
	line-height: 46px;
	color: #000
}

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

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

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

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

.survey_result .top_area .info_div .tit {
	float: left;
	font-weight: 300;
	font-size: 16px;
	line-height: 16px;
	color: #fff
}

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

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

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

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

.survey_result .top_area .info_div .info .list {
	margin-left: 20px
}

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

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

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

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

.survey_result .top_area .info_div .bmi {
	float: left;
	margin-left: 60px
}

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

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

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

.survey_result .top_area .info_div .bmi .list {
	margin-left: 10px;
	font-size: 16px;
	line-height: 16px;
	color: #fff
}

.survey_result .top_area .info_div .bmi .tit a:hover .tooltip {
	display: block
}

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

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

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

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

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

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

.survey_result .highlight {
	margin-top: 40px;
	background: #fff
}

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

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

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

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

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

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

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

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

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

.survey_result .sec_tit {
	padding-bottom: 20px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	border-bottom: 2px solid #000
}

.survey_result .blur {
	margin-top: 60px
}

.survey_result .blur img {
	margin-left: -37px
}

.survey_result .bmi_result {
	display: none;
	position: relative;
	margin-top: 80px
}

.survey_result .bmi_result .result_div {
	position: relative
}

.survey_result .bmi_result .result_div:after {
	content: '';
	display: block;
	clear: both
}

.survey_result .bmi_result .result_div .tit {
	margin-top: 40px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.survey_result .bmi_result .result_div .tit span {
	color: #7b23a8
}

.survey_result .bmi_result .result_div .txt {
	margin-top: 45px;
	font-size: 16px;
	line-height: 26px;
	color: #000
}

.survey_result .bmi_result .result_div .bmi_graph {
	position: relative;
	margin: 40px auto 0;
	padding-top: 160px;
	width: 280px;
	height: 220px;
	background: url('/resources/images/ipu/bmi_graph_bg.png') no-repeat;
	text-align: center
}

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

.survey_result .bmi_result .result_div .bmi_graph .result .arrow {
	position: absolute;
	top: 52px;
	left: 50%;
	margin-left: -7px;
	transform: rotate(0deg);
	transform-origin: center bottom
}

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

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

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

.survey_result .detail_result {
	display: none;
	position: relative;
	margin-top: 80px
}

.survey_result .detail_result .counsel {
	margin-top: 30px;
	padding: 19px 20px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	background: #5b1a7c
}

.survey_result .detail_result .counsel+.list_div {
	margin-top: 50px
}

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

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

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

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

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

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

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

.survey_result .detail_result .list_div .list .txt {
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

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

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

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

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

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

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .img {
	display: table-cell;
	position: relative;
	width: 72px;
	height: 72px;
	vertical-align: middle;
	border-radius: 100%;
	overflow: hidden
}

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

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .info {
	display: table-cell;
	position: relative;
	padding: 0 36px 0 20px;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	vertical-align: middle;
	background: url('/resources/images/common/icn_right_gray.png') no-repeat right 16px top 50%
}

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

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

.survey_result .detail_result .list_div .list .nutrient .nutri_list_div .nutri_list .info .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

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

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

.survey_result .notice_txt span {
	display: inline-block;
	padding-left: 26px;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	background: url('/resources/images/common/icn_notice_blk.png') no-repeat left center
}

.survey_result .login_area {
	display: none;
	position: fixed;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	padding: 60px;
	width: 480px;
	background: #fff;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2)
}

.survey_result .login_area .inner_width {
	text-align: center
}

.survey_result .login_area .inner_width .top {
	display: block
}

.survey_result .login_area .inner_width .top .txt {
	font-size: 20px;
	line-height: 30px;
	color: #000
}

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

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

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

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

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

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

.survey_result .login_area .inner_width .bottom .list {
	padding: 20px;
	background: #f9f9f9
}

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

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

.survey_result .login_area .inner_width .bottom .list .close {
	display: none;
	padding-top: 24px;
}

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

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

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

.survey_result .login_area .inner_width .bottom .list .close a.apple {
	background: url("/resources/images/common/icn_apple_48.png") left 16px top 50% no-repeat #1d1d1d;
	background-size: 48px
}

.survey_result .login_area .inner_width .login_txt {
	display: inline-block;
	margin-top: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

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

.survey_result .view_area {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 35px 0;
	width: 100%;
	background: #fff;
	border-top: 1px solid #e9e9e9
}

.survey_result .view_btn {
	display: block;
	margin: 0 auto;
	width: 320px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background: #5b1a7c
}

.survey_result.login {
	padding-bottom: 171px
}

.survey_result.login .bmi_result {
	display: block
}

.survey_result.login .detail_result {
	display: block
}

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

.survey_result.login .view_area {
	display: block
}

.survey_result.login .login_area {
	display: none
}

/* 제품 */
.product_list {}

.product_list .product_list_top {
	position: relative;
	width: 1080px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.product_list .product_list_top .indicator {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: #000;
	margin-bottom: 0;
}

.product_list .product_list_top .indicator h1 {
	font-size: 20px;
	margin-right: 4px;
}

.product_list .banner {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 32px;
}

.product_list .banner .survey_ball_wrap.hide .survey_ball {
	width: 110px;
	animation: slide-out-right 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	margin-right: 6px;
}

.product_list .banner .survey_ball .txt {
	width: 110px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	background: url('/resources/images/icon/product/icn_surcey_txt_bg.svg') no-repeat left center / 110px 32px;
	padding: 6px 11px;
	letter-spacing: -0.58px;
	animation: bounce-right 0.9s both;
	transition: all 0.8s;
}

.product_list .banner .survey_txt {
	display: flex;
	align-items: center;
	height: 32px;
	background: url('/resources/images/icon/product/icn_survey.svg') no-repeat left center / 32px;
	padding-left: 38px;
}

.product_list .banner .survey_txt .txt {
	display: inline-block;
	padding-right: 24px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	vertical-align: top;
	background: url('/resources/images/icon/icn_arrow_right.svg') no-repeat right center;
	background-size: 20px
}

@keyframes slide-out-right {
	0% {
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		transform: translateX(48px);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes bounce-right {
	0% {
		transform: translateX(48px);
		animation-timing-function: ease-in;
		opacity: 1;
	}

	24% {
		opacity: 1;
	}

	40% {
		transform: translateX(26px);
		animation-timing-function: ease-in;
	}

	65% {
		transform: translateX(13px);
		animation-timing-function: ease-in;
	}

	82% {
		transform: translateX(6.5px);
		animation-timing-function: ease-in;
	}

	93% {
		transform: translateX(4px);
		animation-timing-function: ease-in;
	}

	25%,
	55%,
	75%,
	87%,
	98% {
		transform: translateX(0px);
		animation-timing-function: ease-out;
	}

	100% {
		transform: translateX(0px);
		animation-timing-function: ease-out;
		opacity: 1;
	}
}


.product_list .list_div {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.product_list .list_div .pd_list {
	position: relative;
	width: 340px;
	height: 164px;
	border-radius: 82px;
	background: #fbf7fd;
	margin-left: 30px;
	overflow: hidden;
}

.product_list .list_div .pd_list::before {
	content: '';
	width: 100%;
	height: 50%;
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.02);
}

.product_list .list_div .pd_list:nth-child(1n+0) {
	background-color: #fbf7fd;
}

.product_list .list_div .pd_list:nth-child(2n+0) {
	background-color: #f7f9fd;
}

.product_list .list_div .pd_list:nth-child(3n+0) {
	background-color: #f4fbff;
}

.product_list .list_div .pd_list:nth-child(4n+0) {
	background-color: #f2fcfa;
}

.product_list .list_div .pd_list:nth-child(5n+0) {
	background-color: #f9f9f9;
}

.product_list .list_div .pd_list:nth-child(6n+0) {
	background-color: #f7faf2;
}

.product_list .list_div .pd_list:nth-child(7n+0) {
	background-color: #fbf9eb;
}

.product_list .list_div .pd_list:nth-child(8n+0) {
	background-color: #fff6ed;
}

.product_list .list_div .pd_list:nth-child(9n+0) {
	background-color: #fef7f7;
}

.product_list .list_div .pd_list:nth-child(3n+1) {
	margin-left: 0;
}

.product_list .list_div .pd_list:nth-child(n+4) {
	margin-top: 30px
}

.product_list .list_div .pd_list .link_area {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	align-items: center;
	padding: 22px 10px;
}

.product_list .list_div .pd_list .link_area .thumb {
	width: 120px;
	height: 120px;
	text-align: center;
	margin-right: 1px;
	overflow: hidden
}

.product_list .list_div .pd_list .link_area .thumb img {
	width: 100%
}

.product_list .list_div .pd_list .link_area .info {
	position: relative;
	width: 180px;
}

.product_list .list_div .pd_list .link_area .info .desc {
	display: block;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.product_list .list_div .pd_list .link_area .info .name {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	max-height: 48px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.product_list .list_div .pd_list .link_area .info .price {
	margin-top: 20px;
}

.product_list .list_div .pd_list .link_area .info .price .now {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #000;
}

.product_list .list_div .pd_list .link_area .info .price .now span {
	font-size: 18px;
	font-weight: 500;
	color: #000;
}

/*.product_list .list_div .pd_list .link_area .info .name span:before{content:''; display:block; margin-top:8px}
.product_list .list_div .pd_list .link_area .info .name b{display:block; margin-top:12px; font-size:14px; line-height:18px; color:#999}
.product_list .list_div .pd_list .link_area .info .price{position:absolute; top:126px; left:0;}
.product_list .list_div .pd_list .link_area .info .price:after{content:''; display:block; clear:both}
.product_list .list_div .pd_list .link_area .info .price .dc{float:left; margin-right:8px; font-weight:500; font-size:20px; line-height:20px; color:#e81d75}
.product_list .list_div .pd_list .link_area .info .price .now{float:left; font-weight:500; font-size:16px; line-height:20px; color:#000}
.product_list .list_div .pd_list .link_area .info .price .now span{display:inline-block; font-weight:500; font-size:20px; vertical-align:top}
.product_list .list_div .pd_list .link_area .info .price .past{float:left; margin-left:8px; font-size:16px; line-height:20px; color:#bbb}
.product_list .list_div .pd_list .link_area .info .price .past span{text-decoration:line-through}
.product_list .list_div .pd_list .cart_btn{position:absolute; bottom:20px; left:20px; padding:14px 0; width:300px; height:56px; text-align:center; background:#fff; border-radius:16px}
.product_list .list_div .pd_list .cart_btn span{display:inline-block; padding-left:32px; font-size:16px; line-height:28px; color:#000; background:url('/resources/images/icn_pd_cart.png') no-repeat left center; background-size:28px} */

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

.product_dtl .product_area {}

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

.product_dtl .product_area .left_area {
	position: relative;
	float: left;
	text-align: center;
	overflow: hidden;
}

.product_dtl .product_area .left_area .thumb {
	width: 520px;
	border-radius: 20px
}

.product_dtl .product_area .left_area .thumb .swiper-wrapper {
	height: auto
}

.product_dtl .product_area .left_area .thumb .swiper-slide {
	/*padding:40px;*/
	height: auto;
	background: #f7f7f7
}

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

.product_dtl .product_area .left_area .thumb .swiper-pagination {
	bottom: 16px
}

.product_dtl .product_area .left_area .thumb .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
	opacity: 0.1
}

.product_dtl .product_area .left_area .thumb .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.product_dtl .product_area .left_area .thumb_tab {
	position: relative;
	display: block;
	max-width: 520px;
	transition: 0.5s;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	padding-top: 16px;
	text-align: center;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.product_dtl .product_area .left_area .thumb_tab::-webkit-scrollbar {
	display: none;
}

.product_dtl .product_area .left_area .thumb_tab a {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #f7f7f7;
	border-radius: 10px;
	margin: 0 14px 10px 0;
	overflow: hidden;
}

/* .product_dtl .product_area .left_area .thumb_tab {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 520px; margin-top: 16px; text-align: center;}
.product_dtl .product_area .left_area .thumb_tab a {position: relative; width: 80px; height: 80px; background: #f7f7f7; border-radius: 10px; margin: 0 16px 10px 0; overflow: hidden; } 
.product_dtl .product_area .left_area .thumb_tab a:nth-child(5n+0){margin-right:0} */
.product_dtl .product_area .left_area .thumb_tab a.on:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #7b23a8;
	border-radius: 10px
}

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

.product_dtl .product_area .right_area {
	float: left;
	margin-left: 40px;
	width: calc(100% - 560px);
	width: -webkit-calc(100% - 560px)
}

.product_dtl .product_area .right_area .info_div {
	position: relative;
	top: 2px;
	right: 0
}

.product_dtl .product_area .right_area .info_div .name {
	padding-bottom: 24px;
}

.product_dtl .product_area .right_area .info_div .name .desc {
	color: #555;
	font-size: 22px;
	font-weight: 300;
	line-height: 32px;
	letter-spacing: -0.39px;
	padding-right: 35px;
	margin-bottom: 4px;
	word-break: break-all;
}

.product_dtl .product_area .right_area .info_div .name .tit {
	color: #000;
	font-size: 32px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: -1px;
	word-break: break-all;
}

.product_dtl .product_area .right_area .info_div .share_div {
	position: absolute;
	top: 2px;
	right: 0
}

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

.product_dtl .product_area .right_area .info_div .share_div .link_btn {
	display: none;
	position: absolute;
	top: 32px;
	right: 0;
	padding: 24px;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 132px;
	height: 132px;
	z-index: 1;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px
}

.product_dtl .product_area .right_area .info_div .share_div:hover .link_btn {
	display: flex
}

.product_dtl .product_area .right_area .info_div .share_div .link_btn a {
	width: 32px;
	height: 32px;
}

.product_dtl .product_area .right_area .info_div .share_div .link_btn a:nth-child(2n+1) {
	margin-left: 0;
}

.product_dtl .product_area .right_area .info_div .share_div .link_btn a:nth-child(n+3) {
	margin-top: 20px
}

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

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

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

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

/* .product_dtl .product_area .right_area .info_div .share_div .link_btn a.cafe{background:url('/resources/images/shareBtn_cafe.png') no-repeat; background-size:32px}
.product_dtl .product_area .right_area .info_div .share_div .link_btn a.twitter{background:url('/resources/images/shareBtn_twitter.png') no-repeat; background-size:32px} */
.product_dtl .price_div .price .dc,
.product_dtl .price_div .price .won.sale,
.product_dtl .price_div .price_desc .grade {
	display: none;
}

.product_dtl .price_div.login .join_coupon,
.product_dtl .price_div.login .won.sale {
	display: none;
}

.product_dtl .price_div.login .price .dc,
.product_dtl .price_div.login .price .won.sale,
.product_dtl .price_div.login .price_desc .grade {
	display: block;
}

.product_dtl .product_area .right_area .info_div .price_div {
	border-top: 1px solid #eee;
	padding: 24px 0;
}

.product_dtl .product_area .right_area .info_div .price_div .price {
	display: flex;
	align-items: center;
	height: 30px;
	margin-bottom: 8.5px;
}

.product_dtl .product_area .right_area .info_div .price_div .price .dc {
	font-size: 26px;
	color: #e81d75;
	line-height: 30px;
	margin-right: 12px;
}

.product_dtl .product_area .right_area .info_div .price_div .price .won {
	font-size: 24px;
	color: #000;
	letter-spacing: -0.2px;
}

.product_dtl .product_area .right_area .info_div .price_div .price .won span {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.product_dtl .product_area .right_area .info_div .price_div .price .won.sale {
	font-size: 22px;
	color: #bbb;
	font-weight: 500;
	line-height: 30px;
	margin-left: 12px;
	text-decoration: line-through;
}

.product_dtl .product_area .right_area .info_div .price_div .price .won.sale span {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: inherit;
}

.product_dtl .product_area .right_area .info_div .price_div .price .join_coupon {
	position: relative;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	line-height: 18px;
	padding: 4px 10px 4px 8px;
	background-color: #7b23a8;
	border-radius: 6px;
	margin-left: 14.5px;
}

.product_dtl .product_area .right_area .info_div .price_div .price .join_coupon::before {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	left: -5px;
	width: 6px;
	height: 6px;
	background: url('/resources/images/icon/product/icn_join_coupon.svg') no-repeat center;
}

.product_dtl .product_area .right_area .info_div .price_div .price_desc {
	display: flex;
	align-items: center;
}

.product_dtl .product_area .right_area .info_div .price_div .price_desc .grade {
	font-size: 13px;
	color: #7b23a8;
	font-weight: 500;
	line-height: 12px;
	border: solid 1px #7b23a8;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 4px 8px;
	margin-right: 10px;
}

.product_dtl .product_area .right_area .info_div .price_div .price_desc .desc {
	font-size: 16px;
	color: #555;
	line-height: 20px;
}

.product_dtl .product_area .right_area .info_div .price_div .price_desc .desc .won {
	font-size: 18px;
	color: #7b23a8;
	font-weight: 500;
	line-height: 26px;
	margin: 0 6px;
}

.product_dtl .product_area .right_area .info_div .price_div .price_desc .desc .won strong {
	font-size: 20px;
	font-weight: bold;
}

.product_dtl .product_area .right_area .info_div .ingest_div {
	display: flex;
	align-items: start;
	justify-content: center;
	margin: 39px 0 54px 0;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info {
	margin-left: 60px;
	text-align: center;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info:nth-of-type(1) {
	margin-left: 0;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info .ico {
	width: 90px;
	height: 90px;
	background-color: #f4f0ff;
	border-radius: 50%;
	padding: 15px;
	margin-bottom: 10px;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info .tit {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info .desc {
	font-size: 16px;
	line-height: 24px;
	color: #555;
	word-break: break-word;
	letter-spacing: -0.7px;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info {
	max-width: 90px;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info .ico_wrap {
	width: 90px;
	overflow: hidden;
	padding: 15px;
	border-radius: 45px;
	background-color: #f4f0ff;
	margin: 0 auto 10px auto;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info .ico_wrap .ico {
	background-color: none;
	padding: 0;
	width: 60px;
	height: 60px;
	margin-bottom: 0;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info.two {
	max-width: 150px;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info.two .ico_wrap {
	width: 150px;
	display: flex;
	align-items: center;
}

.product_dtl .product_area .right_area .info_div .ingest_div .info .ico {
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: center;
}

.product_dtl .product_area .right_area .info_div .ingest_div .eat.cap_01 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_cap_01.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .eat.cap_02 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_cap_02.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .eat.tab_01 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_tab_01.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .eat.tab_02 .ico {
	background-image: url('/resources/images/icon/product/icn_ingest_info_tab_02.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_eye {
	background-image: url('/resources/images/icon/health/icn_eye.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_liver {
	background-image: url('/resources/images/icon/health/icn_liver.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_stomach {
	background-image: url('/resources/images/icon/health/icn_stomach.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_intestine {
	background-image: url('/resources/images/icon/health/icn_intestine.svg')
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_fatigue {
	background-image: url('/resources/images/icon/health/icn_fatigue.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_diet {
	background-image: url('/resources/images/icon/health/icn_diet.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_blood_sugar,
.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_blood_suga {
	background-image: url('/resources/images/icon/health/icn_blood_circul.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_blood_pressure {
	background-image: url('/resources/images/icon/health/icn_blood_pressure.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_blood_circul {
	background-image: url('/resources/images/icon/health/icn_blood_circul.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_skin {
	background-image: url('/resources/images/icon/health/icn_skin.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_bone_muscle {
	background-image: url('/resources/images/icon/health/icn_bone_muscle.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_bone {
	background-image: url('/resources/images/icon/health/icn_bone.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_articulation {
	background-image: url('/resources/images/icon/health/icn_articulation.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_protein {
	background-image: url('/resources/images/icon/health/icn_protein.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_brain {
	background-image: url('/resources/images/icon/health/icn_brain.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_immunity {
	background-image: url('/resources/images/icon/health/icn_immunity.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_stress {
	background-image: url('/resources/images/icon/health/icn_stress.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_woman {
	background-image: url('/resources/images/icon/health/icn_woman.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_nutritional {
	background-image: url('/resources/images/icon/health/icn_nutritional.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_prostate {
	background-image: url('/resources/images/icon/health/icn_prostate.svg');
}

.product_dtl .product_area .right_area .info_div .ingest_div .info_effect .ico.icn_total {
	background-image: url('/resources/images/icon/health/icn_total.svg');
}

.layer_pop.use_guide_pop {
	width: 500px;
	background: none;
	padding: 0;
}

.layer_pop.use_guide_pop video {
	width: 100%;
	outline: none;
	border: 0;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

/* 전체화면 버튼 */
.layer_pop.use_guide_pop video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}

/* 음소거 버튼 */
.layer_pop.use_guide_pop video::-webkit-media-controls-mute-button {
	display: none !important;
}

/* 볼륨 조절 슬라이드 */
.layer_pop.use_guide_pop video::-webkit-media-controls-volume-slider {
	display: none !important;
}

.layer_pop.use_guide_pop video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}

.layer_pop.use_guide_pop .swiper-button-prev,
.layer_pop.use_guide_pop .swiper-button-next {
	width: 40px;
	background-size: 40px;
	top: 44%;
}

.layer_pop.use_guide_pop .swiper-button-prev {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_left.svg');
	left: 12px;
	right: auto;
}

.layer_pop.use_guide_pop .swiper-button-next {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_right.svg');
	right: 12px;
	left: auto;
}

.layer_pop.use_guide_pop .swiper-button-prev.swiper-button-disabled {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_left_disable.svg');
}

.layer_pop.use_guide_pop .swiper-button-next.swiper-button-disabled {
	background-image: url('/resources/images/icon/popup/icn_pop_arrow_right_disable.svg');
}

.layer_pop.use_guide_pop .swiper-pagination {
	bottom: 24px;
	font-family: SUIT;
	font-size: 14px;
	color: #c291dc;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -1.5px;
	padding-right: 24px;
	text-align: right;
}

.layer_pop.use_guide_pop .pop_con {
	background: none;
	padding: 0;
	text-align: center;
	border-radius: 26.7px 26.7px 16px 16px;
}

.layer_pop.use_guide_pop .pop_con .top {
	height: 556px;
	background: #fff;
	overflow: hidden;
	/* padding: 86px 50px 50px; */
}

.layer_pop.use_guide_pop .pop_con .top .num {
	font-size: 22px;
	color: #d6c4ff;
	font-weight: 800;
	line-height: 24px;
	margin-bottom: 36px;
}

.layer_pop.use_guide_pop .pop_con .top .tit {
	font-size: 30px;
	color: #000;
	line-height: 40px;
	margin-bottom: 24px;
}

.layer_pop.use_guide_pop .pop_con .top .tit .pur {
	color: #7b23a8;
	font-weight: bold;
}

.layer_pop.use_guide_pop .pop_con .top .img img {
	width: 500px;
	height: 556px;
}

.layer_pop.use_guide_pop .pop_con .bot {
	height: 154px;
	line-height: 30px;
	background: #5b1a7c;
	overflow: hidden;
	padding: 30px 60px 20px;
}

.layer_pop.use_guide_pop .pop_con .bot .tit {
	font-size: 21px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px;
}

.layer_pop.use_guide_pop .pop_con .bot .tit .pur {
	color: #c291dc;
	font-weight: bold;
}

.layer_pop.use_guide_pop .pop_con .bot .desc {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}

.layer_pop.use_guide_pop .close_btn {
	top: 24px;
	right: 24px;
	width: 24px;
	height: 24px;
	background-size: 24px;
	z-index: 1;
}

.product_dtl .product_area .right_area .btn_form {
	display: flex;
	align-items: center;
	margin-top: 40px
}

.product_dtl .product_area .right_area .btn_form a {
	margin-left: 8px;
	padding: 20px 0;
	width: 100%;
	text-align: center;
	border: 1px solid #7b23a8;
	border-radius: 6px
}

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

.product_dtl .product_area .right_area .btn_form a.pur {
	background: #5b1a7c;
	color: #fff
}

.product_dtl .product_area .right_area .btn_form a.wht {
	background: #fff;
	color: #7b23a8
}

.product_dtl .product_area .right_area .btn_form a span {
	display: inline-block;
	/*padding-left:36px;*/
	font-weight: bold;
	font-size: 20px;
	line-height: 22px
}

.product_dtl .product_area .right_area .btn_form .check_btn span {
	padding-left: 0;
}

.product_dtl .product_area .right_area .btn_form .cart_btn span {
	background: url('/resources/images/icn_cart_32.png') center left no-repeat;
	background-size: 32px
}

.product_dtl .product_area .right_area .btn_form .buy_btn span {
	background: url('/resources/images/icn_pay_32.png') center left no-repeat;
	background-size: 32px
}

.product_dtl .bot_benefit_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 40px 0;
	margin-top: 80px;
}

.product_dtl .bot_benefit_div .bot_benefit_item {
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 60px;
	background-image: url('/resources/images/icon/product/icn_bot_benefit_01.svg');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 60px;
	padding-left: 80px;
}

.product_dtl .bot_benefit_div .bot_benefit_item:nth-of-type(2) {
	background-image: url('/resources/images/icon/product/icn_bot_benefit_02.svg');
}

.product_dtl .bot_benefit_div .bot_benefit_item:nth-of-type(3) {
	background-image: url('/resources/images/icon/product/icn_bot_benefit_03.svg');
}

.product_dtl .bot_benefit_div .tit {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 6px;
}

.product_dtl .bot_benefit_div .tit a {
	display: block;
	color: #000;
	padding-right: 30px;
	background: url('/resources/images/arrow_right_20_bbb.png') center right no-repeat;
	background-size: 24px
}

.product_dtl .bot_benefit_div .desc {
	font-size: 14px;
	color: #000;
	line-height: 20px;
}

.product_dtl .scroll_area {
	position: relative;
	margin-top: 110px
}

.product_dtl .scroll_area .content {}

.product_dtl .scroll_area .content .txt_div {
	text-align: center;
	padding: 0 110px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont {
	margin-bottom: 100px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont .fc_pur {
	color: #7b23a8;
	font-weight: bold;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont .fs_small {
	display: inline-block;
	font-size: 12px;
	margin-top: 20px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont h3 {
	font-size: 32px;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 40px;
}

.product_dtl .scroll_area .content .txt_div .txt_div_cont p {
	font-size: 18px;
	color: #555;
	line-height: 30px;
	margin-bottom: 40px;
}

/* 230608 함량 정보 관리 추가 css*/
.product_dtl .scroll_area .content .pd_content_info_div {
	width: 860px;
	margin: 0 auto;
}

.product_dtl .scroll_area .content .pd_content_info_div .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table {
	margin-top: 20px;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table thead th {
	font-size: 14px;
	line-height: 20px;
	color: #999;
	background: #f7f7f7;
	padding: 11px 20px;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table thead th:nth-of-type(1) {
	border-radius: 21px 0 0 21px;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table thead th:nth-last-of-type(1) {
	border-radius: 0 21px 21px 0;
}

.product_dtl .scroll_area .content .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;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar {
	position: relative;
	width: 300px;
	height: 20px;
	border-radius: 10px;
	background-color: #f7f7f7;
	overflow: hidden;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar_color {
	width: 100%;
	height: 100%;
	background: #d6c4ff;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar_color.org {
	background: #ffbf86;
}

.product_dtl .scroll_area .content .pd_content_info_div .list .table table td .per_bar .per {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 20px;
	padding: 0 14px;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc {
	padding: 0 10px;
	margin-top: 12px;
}

.product_dtl .scroll_area .content .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;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc p:nth-of-type(1) {
	margin-top: 0;
}

.product_dtl .scroll_area .content .pd_content_info_div .desc p::before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 13px;
	color: #999;
	line-height: 22px;
}

.product_dtl .scroll_area .content .img_div {
	position: relative;
	padding: 40px 110px
}

.product_dtl .scroll_area .content .img_div:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.product_dtl .scroll_area .content .img_div img {
	width: 100%
}

.product_dtl .scroll_area .content .img_div .total {
	display: none
}

.product_dtl .scroll_area .content .img_div .more {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 23px 0;
	width: 406px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 36px
}

.product_dtl .scroll_area .content .img_div .more span {
	display: inline-block;
	padding-right: 28px;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	background: url('/resources/images/icn_down_24x24.png') no-repeat right center;
	background-size: 24px
}

.product_dtl .scroll_area .content .img_div.on {
	padding-bottom: 96px
}

.product_dtl .scroll_area .content .img_div.on:before {
	display: none
}

.product_dtl .scroll_area .content .img_div.on .total {
	display: block
}

.product_dtl .scroll_area .content .img_div.on .more span {
	background: url('/resources/images/icn_up_24x24.png') no-repeat right center;
	background-size: 24px
}

.product_dtl .scroll_area .content .notice_div {
	margin-top: 120px
}

.product_dtl .scroll_area .content .notice_div .list {
	margin-top: 40px
}

.product_dtl .scroll_area .content .notice_div .list:first-child {
	margin-top: 0
}

.product_dtl .scroll_area .content .notice_div .list .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.product_dtl .scroll_area .content .notice_div .list .table {
	margin-top: 20px
}

.product_dtl .scroll_area .content .notice_div .list .table table {
	border-top: 1px solid #ddd
}

.product_dtl .scroll_area .content .notice_div .list .table table th {
	padding: 16px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	vertical-align: middle;
	word-break: break-all;
}

.product_dtl .scroll_area .content .notice_div .list .table table td {
	padding: 16px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	text-align: left;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	vertical-align: middle;
	word-break: break-all;
}

.product_dtl .scroll_area .content .notice_div .list .table table tr th:first-child,
.product_dtl .scroll_area .content .notice_div .list .table table tr td:first-child {
	border-left: none
}

.product_dtl .bottom_fix {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 1400px;
	width: 100%;
	z-index: 4;
	background: #fff
}

.product_dtl .bottom_fix:after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#00000000', GradientType=0);
}

.product_dtl .bottom_fix .top {
	position: relative;
	margin: 0 auto;
	width: 1080px
}

.product_dtl .bottom_fix .top .product {
	padding: 20px 0
}

.product_dtl .bottom_fix .top .product:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .top .product .thumb {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	background: #f7f7f7;
	overflow: hidden
}

.product_dtl .bottom_fix .top .product .thumb img {
	width: 100%
}

.product_dtl .bottom_fix .top .product .info {
	float: left;
	padding: 17px 0 17px 21px
}

.product_dtl .bottom_fix .top .product .info .name {
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.product_dtl .bottom_fix .top .product .info .name span {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	vertical-align: top
}

.product_dtl .bottom_fix .top .product .info .name span:before {
	content: '';
	display: block;
	margin-top: -2px
}

.product_dtl .bottom_fix .top .product .info .name b {
	display: inline-block;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #999;
	vertical-align: top
}

.product_dtl .bottom_fix .top .btn {
	position: absolute;
	top: 32px;
	right: 0;
	width: 200px
}

.product_dtl .bottom_fix .top .btn a {
	display: block;
	padding: 11px;
	width: 100%
}

.product_dtl .bottom_fix .top .close {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	width: 40px;
	height: 40px;
	background: url('/resources/images/icn_xbt_40x40.png') no-repeat;
	background-size: 40px
}

.product_dtl .bottom_fix .bottom {
	display: none;
	margin: 0 auto 20px;
	padding: 32px 28px;
	width: 1080px;
	border-top: 1px solid #eee;
	background: #f9f9f9
}

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

.product_dtl .bottom_fix .bottom .price_div {
	float: left;
	width: 512px
}

.product_dtl .bottom_fix .bottom .price_div .radio_box {
	display: block;
	margin-top: 16px;
}

.product_dtl .bottom_fix .bottom .price_div .radio_box:first-child {
	margin-top: 0;
}

.product_dtl .bottom_fix .bottom .price_div .radio_box label {
	width: 100%;
}

.product_dtl .bottom_fix .bottom .price_div .line {
	margin-top: 12px;
	width: 100%;
}

.product_dtl .bottom_fix .bottom .price_div .line:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .bottom .price_div .line:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .bottom .price_div .line .left {
	float: left;
}

.product_dtl .bottom_fix .bottom .price_div .line .left>.tit {
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #555;
}

.product_dtl .bottom_fix .bottom .price_div .line .left>.tit.tool {
	position: relative;
	padding-right: 20px
}

.product_dtl .bottom_fix .bottom .price_div .line .left>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.product_dtl .bottom_fix .bottom .price_div .line .left .dc {
	float: left;
	margin-left: 8px;
	font-size: 16px;
	line-height: 24px;
	color: #bbb;
	text-decoration: line-through
}

.product_dtl .bottom_fix .bottom .price_div .line .right {
	float: right;
	margin-left: 0;
	text-align: right
}

.product_dtl .bottom_fix .bottom .price_div .line .right:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .bottom .price_div .line .right .no {
	float: left;
	margin-right: 20px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #bbb;
	text-decoration: line-through
}

.product_dtl .bottom_fix .bottom .price_div .line .right .no span {
	display: inline-block;
	vertical-align: top;
	text-decoration: line-through
}

.product_dtl .bottom_fix .bottom .price_div .line .right .dc {
	float: left;
	margin-right: 10px;
	font-size: 22px;
	line-height: 24px;
	color: #e81d75
}

.product_dtl .bottom_fix .bottom .price_div .line .right .price {
	float: left;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #555
}

.product_dtl .bottom_fix .bottom .price_div .line .right .price span {
	display: inline-block;
	font-size: 22px;
	vertical-align: top
}

.product_dtl .bottom_fix .bottom .price_div .line.big .left>.tit {
	line-height: 24px
}

.product_dtl .bottom_fix .bottom .price_div .line.big .left .dc {
	line-height: 24px
}

.product_dtl .bottom_fix .bottom .price_div .line.big .right .dc {
	line-height: 24px
}

.product_dtl .bottom_fix .bottom .price_div .line.big .right .price {
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.product_dtl .bottom_fix .bottom .price_div .line.big .right .price span {
	font-weight: 700;
	font-size: 22px
}

.product_dtl .bottom_fix .bottom .price_div .line.app .left {
	padding-left: 14px;
	background: url('/resources/images/icn_subtext_8.png') no-repeat left center
}

.product_dtl .bottom_fix .bottom .price_div .box_div {
	margin-top: 12px;
	padding: 20px 24px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.product_dtl .bottom_fix .bottom .price_div .box_div .line {
	margin-top: 12px
}

.product_dtl .bottom_fix .bottom .price_div .box_div .line:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .bottom .price_div .box_div .line .left>.tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.product_dtl .bottom_fix .bottom .price_div .box_div .line .right .dc {
	font-size: 20px
}

.product_dtl .bottom_fix .bottom .price_div .box_div .line .right .price {
	font-size: 18px
}

.product_dtl .bottom_fix .bottom .price_div .box_div .line .right .price span {
	font-size: 20px
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area {
	margin-top: 16px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area .radio_box {
	display: inline-block;
	position: relative;
	margin-left: 36px;
	margin-top: 0
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area .radio_box:first-child {
	margin-left: 0
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area .radio_box input[type="radio"]+label {
	font-size: 18px
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area .radio_box .tool {
	position: absolute;
	top: -1px;
	left: calc(100% + 18px);
	left: -webkit-calc(100% + 18px);
	padding: 4px 8px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	background: #7b23a8;
	border-radius: 6px;
	white-space: nowrap
}

.product_dtl .bottom_fix .bottom .price_div .box_div .select_area .radio_box .tool:before {
	content: '';
	position: absolute;
	top: 9px;
	left: -8px;
	border-right: 8px solid #7b23a8;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.product_dtl .bottom_fix .bottom .info_div {
	position: relative;
	float: left;
	padding-left: 24px;
	margin-left: 24px;
	width: 488px
}

.product_dtl .bottom_fix .bottom .info_div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #ddd
}

.product_dtl .bottom_fix .bottom .info_div .add_info {}

.product_dtl .bottom_fix .bottom .info_div .add_info .list:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .left {
	float: left;
	font-size: 18px;
	line-height: 24px;
	color: #555
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right {
	float: right;
	text-align: right
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right p {
	float: left;
	line-height: 24px
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right p span {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	vertical-align: top
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right p b {
	font-weight: 500;
	color: #7b23a8
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right p:first-child {
	font-weight: 500;
	font-size: 16px;
	color: #555
}

.product_dtl .bottom_fix .bottom .info_div .add_info .list .right p:last-child {
	margin-left: 8px;
	font-size: 13px;
	color: #000
}

.product_dtl .bottom_fix .bottom .info_div .total_div {
	padding-bottom: 20px;
	margin-bottom: 18px;
	border-bottom: 1px solid #eee;
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line {
	margin-top: 10px
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line:after {
	content: '';
	display: block;
	clear: both;
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .left {
	float: left;
	font-size: 18px;
	line-height: 36px;
	color: #000
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .left>.tit.tool {
	position: relative;
	padding-right: 20px
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .left>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right .tit {
	float: left;
	margin-right: 20px;
	font-weight: 700;
	font-size: 16px;
	line-height: 36px;
	color: #000
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right .tit span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right .count_div {
	float: left
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right {
	float: right;
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right .won {
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	color: #000
}

.product_dtl .bottom_fix .bottom .info_div .total_div .line .right .won span {
	display: inline-block;
	font-weight: 700;
	font-size: 26px;
	vertical-align: top
}

.product_dtl .bottom_fix .bottom .info_div .btn_form {
	margin-top: 40px
}

.product_dtl .bottom_fix .bottom .info_div .btn_form a {
	float: left;
	margin-left: 8px;
	padding: 11px 0;
	width: 227px;
	text-align: center;
	border: 1px solid #7b23a8;
	border-radius: 6px
}

.product_dtl .bottom_fix .bottom .info_div .btn_form a:first-child {
	margin-left: 0
}

.product_dtl .bottom_fix .bottom .info_div .btn_form a.pur {
	background: #5b1a7c;
	color: #fff
}

.product_dtl .bottom_fix .bottom .info_div .btn_form a.wht {
	background: #fff;
	color: #7b23a8
}

.product_dtl .bottom_fix .bottom .info_div .btn_form a span {
	display: inline-block;
	padding-left: 36px;
	font-weight: 500;
	font-size: 16px;
	line-height: 32px
}

.product_dtl .bottom_fix .bottom .info_div .btn_form .cart_btn span {
	background: url('/resources/images/icn_cart_32.png') center left no-repeat;
	background-size: 32px
}

.product_dtl .bottom_fix .bottom .info_div .btn_form .buy_btn span {
	background: url('/resources/images/icn_pay_32.png') center left no-repeat;
	background-size: 32px
}

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

.product_dtl .bottom_fix .btn a {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 32px;
	border: 1px solid #7b23a8;
	border-radius: 6px;
	text-align: center
}

.product_dtl .bottom_fix .btn a.pur {
	background: #5b1a7c;
	color: #fff
}

.product_dtl .bottom_fix .btn a.wht {
	background: #fff;
	color: #7b23a8
}

.product_dtl .bottom_fix.on .btn {
	display: none
}

.product_dtl .bottom_fix.on .close {
	display: block
}



/* 퍼즐소개 */
.introduce_div {
	position: relative;
}

.introduce_div .intro_tabs {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2
}

.introduce_div .intro_tabs a {
	display: inline-block;
	position: relative;
	margin: 0 19px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}

.introduce_div .intro_tabs a.on {
	font-weight: 700
}

.introduce_div .intro_tabs a.on:after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff
}

.introduce_div .content {
	margin: -60px 0 -120px
}

.introduce_div .content .visual {
	position: fixed;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: calc(100vh - 120px);
	height: -webkit-calc(100vh - 120px)
}

.introduce_div .content .scroll {
	position: fixed;
	bottom: 44px;
	left: 50%;
	margin-left: -30px;
	padding-top: 54px;
	width: 60px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: url('/resources/images/brand_scroll_arrow.png') no-repeat center top;
	transition: opacity 0.6s ease-out;
	animation: scrollAni 1.4s infinite;
	animation-delay: 0.7s
}

.introduce_div .content .scroll_area {
	position: relative;
	z-index: 1;
}

.introduce_div .content .scroll_area .top {
	position: relative;
	padding: 330px 0 268px
}

.introduce_div .content .scroll_area .top .inner {
	z-index: 1
}

.introduce_div .content .scroll_area .top .tit1 {
	position: relative;
	top: 80px;
	font-weight: 500;
	font-size: 60px;
	line-height: 80px;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: top 0.7s ease-out, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .top .tit2 {
	position: relative;
	top: 40px;
	margin-top: 680px;
	font-weight: 500;
	font-size: 48px;
	line-height: 62px;
	color: #fff;
	text-align: left;
	opacity: 0;
	transition: top 1s ease-out, opacity 1s ease-out
}

.introduce_div .content .scroll_area .top .txt {
	position: relative;
	top: 100px;
	margin-top: 150px;
	padding-left: 560px;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	text-align: left;
	opacity: 0;
	transition: top 0.8s ease-out, opacity 0.8s ease-out
}

.introduce_div .content .scroll_area .top .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.introduce_div .content .scroll_area .bottom {
	position: relative;
	background: #fff;
	z-index: 1
}

.introduce_div .content .scroll_area .bottom .text {
	position: relative;
	padding-top: 108px;
	font-weight: 400;
	font-size: 30px;
	line-height: 44px;
	color: #000;
	text-align: center
}

.introduce_div .content .scroll_area .bottom .text:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 0;
	background: #000;
	transition: height 0.6s ease-out 0.2s
}

.introduce_div .content .scroll_area .bottom .text p {
	opacity: 0
}

.introduce_div .content .scroll_area .bottom .text p:nth-child(1) {
	transition: opacity 1s ease
}

.introduce_div .content .scroll_area .bottom .text p:nth-child(2) {
	transition: opacity 1s ease 0.4s
}

.introduce_div .content .scroll_area .bottom .text p:nth-child(3) {
	transition: opacity 1s ease 0.8s
}

.introduce_div .content .scroll_area .bottom .text.active p {
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .text.active:after {
	height: 60px
}

.introduce_div .content .scroll_area .bottom .fix_con_div {
	position: relative
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left {
	position: absolute;
	left: 0;
	width: 580px;
	height: 410px;
	z-index: 1
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .con .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 410px;
	border-radius: 16px;
	opacity: 0;
	transition: opacity 0.3s ease-out
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .con .thumb img {
	width: 100%;
	border-radius: 16px
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .con.on {
	z-index: 1
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .con.on .thumb {
	opacity: 1;
	transition: opacity 0.3s ease-out
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .tit {
	position: absolute;
	top: -77px;
	left: 48px;
	height: 112px;
	font-weight: 500;
	font-size: 44px;
	line-height: 56px;
	color: #000;
	letter-spacing: -1px;
	overflow: hidden;
	z-index: 1
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .tit span {
	position: absolute;
	top: 56px;
	left: 0;
	opacity: 1;
	transition: top 0.6s ease-out, opacity 0.6s ease-out
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .tit b {
	font-weight: 500;
	position: absolute;
	top: 112px;
	left: 0;
	opacity: 0;
	transition: top 0.6s ease-out, opacity 0.6s ease-out
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .tit.on span {
	top: 112px;
	opacity: 0
}

.introduce_div .content .scroll_area .bottom .fix_con_div .left .tit.on b {
	top: 56px;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line {
	display: table;
	position: relative;
	width: 100%;
	height: calc(100vh - 120px);
	height: -webkit-calc(100vh - 120px)
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right {
	display: table-cell;
	padding-left: 660px;
	vertical-align: middle
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area {
	position: relative;
	height: 410px
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area .con {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area .con .tit {
	font-weight: 500;
	font-size: 32px;
	line-height: 52px;
	color: #000;
	letter-spacing: -1px
}

.introduce_div .content .scroll_area .bottom .fix_con_div .line .right .txt_area .con .txt {
	margin-top: 16px;
	font-weight: 300;
	font-size: 20px;
	line-height: 34px;
	color: #333
}

.introduce_div .content .scroll_area .bottom .list_con {
	margin-top: calc(525px - 50vh);
	margin-top: -webkit-calc(525px - 50vh)
}

.introduce_div .content .scroll_area .bottom .list_con .title {
	position: relative;
	top: 80px;
	font-weight: 500;
	font-size: 44px;
	line-height: 56px;
	color: #000;
	text-align: center;
	letter-spacing: -1px;
	opacity: 0;
	transition: top 0.7s ease-out, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .bottom .list_con .list_div {
	margin-top: 60px
}

.introduce_div .content .scroll_area .bottom .list_con .list_div:after {
	content: '';
	display: block;
	clear: both
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list {
	position: relative;
	top: 100px;
	float: left;
	padding: 48px 40px 56px;
	margin-left: 21px;
	width: 346px;
	height: 344px;
	text-align: center;
	background: #f9f9f9;
	border-radius: 16px;
	opacity: 0
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list:nth-child(1) {
	margin-left: 0;
	transition: top 0.7s ease-out 0.15s, opacity 0.7s ease-out 0.15s
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list:nth-child(2) {
	transition: top 0.7s ease-out 0.45s, opacity 0.7s ease-out 0.45s
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list:nth-child(3) {
	transition: top 0.7s ease-out 0.75s, opacity 0.7s ease-out 0.75s
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .tit {
	margin-top: 32px;
	font-weight: 500;
	font-size: 22px;
	line-height: 34px;
	color: #000
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .txt {
	margin-top: 8px;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #333
}

.introduce_div .content .scroll_area .bottom .list_con .list_div .list .icon img {
	width: 88px
}

.introduce_div .content .scroll_area .bottom .list_con.active .title {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .list_con.active .list_div .list {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .circle_con {
	position: relative;
	margin: 0 auto;
	width: 600px
}

.introduce_div .content .scroll_area .bottom .circle_con:before {
	content: '';
	position: absolute;
	top: 430px;
	left: 50%;
	margin-left: -6px;
	width: 13px;
	height: 118px;
	opacity: 0;
	background: url('/resources/images/advi_circle_arrow.png') no-repeat;
	background-size: 13px 118px;
	transition: opacity 1s ease-out 0.8s;
	z-index: 2
}

.introduce_div .content .scroll_area .bottom .circle_con:after {
	content: '';
	position: absolute;
	bottom: 364px;
	left: 50%;
	margin-left: -6px;
	width: 13px;
	height: 118px;
	opacity: 1;
	background: #fff;
	transition: opacity 1s ease-out 0.8s, height 1s ease 0.8s;
	z-index: 2
}

.introduce_div .content .scroll_area .bottom .circle_con .list {
	display: table;
	position: relative;
	top: 140px;
	text-align: center;
	border-radius: 100%;
	opacity: 0
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 2
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c .tit {
	margin-top: 16px;
	font-weight: 400;
	font-size: 28px;
	line-height: 42px;
	color: #fff;
	letter-spacing: -1px
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c .txt {
	margin-top: 12px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.introduce_div .content .scroll_area .bottom .circle_con .list .tb_c .icon img {
	width: 80px
}

.introduce_div .content .scroll_area .bottom .circle_con .one {
	top: -140px;
	margin: 0 auto 0 40px;
	width: 320px;
	height: 320px;
	background: rgba(148, 119, 216, 0.1);
	transition: top 0.7s ease-out, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .bottom .circle_con .two {
	margin: -170px 40px 0 auto;
	width: 270px;
	height: 270px;
	background: rgba(253, 33, 137, 0.06);
	transition: top 0.7s ease-out 0.4s, opacity 0.7s ease-out 0.4s
}

.introduce_div .content .scroll_area .bottom .circle_con .thr {
	margin: 172px auto 0;
	width: 320px;
	height: 320px;
	transition: top 0.7s ease-out 1.2s, opacity 0.7s ease-out 1.4s
}

.introduce_div .content .scroll_area .bottom .circle_con .thr:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(214, 196, 255, 0.6);
	width: 320px;
	height: 320px;
	animation: circleAni 4s infinite 1.7s linear;
	border-radius: 100%;
	z-index: -1
}

.introduce_div .content .scroll_area .bottom .circle_con .thr:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(214, 196, 255, 0.6);
	width: 320px;
	height: 320px;
	animation: circleAni 4s infinite 3.7s linear;
	border-radius: 100%;
	z-index: -1
}

.introduce_div .content .scroll_area .bottom .circle_con .thr .tb_c {
	box-shadow: 0 6px 50px 0 rgba(85, 40, 187, 0.5);
	background: -moz-linear-gradient(-45deg, rgba(85, 40, 187, 1) 20%, rgba(156, 51, 222, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(85, 40, 187, 1) 20%, rgba(156, 51, 222, 1) 100%);
	background: linear-gradient(135deg, rgba(85, 40, 187, 1) 20%, rgba(156, 51, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5528bb', endColorstr='#9c33de', GradientType=1);
	border-radius: 100%
}

.introduce_div .content .scroll_area .bottom .circle_con.active:before {
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .circle_con.active:after {
	opacity: 0;
	height: 0
}

.introduce_div .content .scroll_area .bottom .circle_con.active .list {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .bottom_text {
	width: 480px;
	text-align: center;
	background: url('/resources/images/brand_bottom.jpg') no-repeat center bottom;
	background-size: auto 760px;
	opacity: 0;
	transition: width 1.4s ease, opacity 0.7s ease-out
}

.introduce_div .content .scroll_area .bottom .bottom_text .tit {
	position: relative;
	top: 80px;
	font-weight: 300;
	font-size: 38px;
	line-height: 52px;
	color: #000;
	letter-spacing: -1px;
	opacity: 0;
	transition: top 0.7s ease 0.5s, opacity 0.7s ease 0.5s
}

.introduce_div .content .scroll_area .bottom .bottom_text .tit span {
	font-weight: 500
}

.introduce_div .content .scroll_area .bottom .bottom_text .txt {
	position: relative;
	top: 80px;
	margin-top: 35px;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	opacity: 0;
	transition: top 0.7s ease 0.7s, opacity 0.7s ease 0.7s
}

.introduce_div .content .scroll_area .bottom .bottom_text.active {
	width: 100%;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .bottom_text.active .tit {
	top: 0;
	opacity: 1
}

.introduce_div .content .scroll_area .bottom .bottom_text.active .txt {
	top: 0;
	opacity: 1
}

.introduce_div .content.brand .visual {
	background: url('/resources/images/brand_visual.jpg') no-repeat center;
	background-size: cover
}

.introduce_div .content.brand .scroll_area .top .bg {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(46, 18, 110, 0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(46, 18, 110, 0.4) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(46, 18, 110, 0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#662e126e', GradientType=0);
	opacity: 0
}

.introduce_div .content.brand .scroll_area .bottom {
	padding: 160px 0 0
}

.introduce_div .content.brand .scroll_area .bottom .bottom_text {
	margin: 260px auto 0;
	padding: 270px 0 267px
}

.introduce_div .content.advi .visual {
	background: url('/resources/images/advi_visual.jpg') no-repeat center;
	background-size: cover
}

.introduce_div .content.advi .scroll_area .top .bg {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0);
	opacity: 0
}

.introduce_div .content.advi .scroll_area .bottom {
	padding: 180px 0 0
}

.introduce_div .content.advi .scroll_area .bottom .bottom_text {
	margin: 320px auto 0;
	padding: 270px 0 334px
}

@keyframes scrollAni {
	0% {
		padding-top: 54px
	}

	50% {
		padding-top: 44px
	}

	100% {
		padding-top: 54px
	}
}

@keyframes circleAni {
	0% {
		background: rgba(214, 196, 255, 0.6);
		width: 320px;
		height: 320px;
		opacity: 1
	}

	100% {
		background: rgba(214, 196, 255, 0);
		width: 600px;
		height: 600px
	}
}

/* 후기 */
.review_write_btn_area {
	position: absolute;
	width: 1080px;
	top: 230px;
	left: 50%;
	transform: translateX(-50%);
	text-align: right
}

.review_write_btn_area .btn {
	display: inline-block;
	padding: 9px 15px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 6px
}

.review_write_btn_area .btn span {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #ccc;
}

.review_write_btn_area .btn span b {
	display: none;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	color: #7b23a8
}

.review_write_btn_area .btn.on {
	pointer-events: auto
}

.review_write_btn_area .btn.on span {
	color: #000
}

.review_write_btn_area .btn.on span b {
	display: inline
}

.best_review_div {
	width: 100%;
	padding-top: 48px;
	position: relative
}

.best_review_div:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 460px;
	background: #f4f0ff;
	top: 0;
	left: 0
}

.best_review_div .tit {
	font-size: 24px;
	line-height: 32px;
	color: #000;
	font-weight: 700
}

.best_review_div .tit span {
	font-weight: 300;
}

.best_review_div .best_review_list_wrap {
	display: flex;
	padding-top: 32px
}

.best_review_div .best_review_list_wrap .list {
	width: 340px;
	height: 444px;
	margin-right: 20px;
	border-radius: 10px;
	background: #fff;
	padding: 24px 20px 28px 20px;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

.best_review_div .best_review_list_wrap .list:last-child {
	margin-right: 0
}

.best_review_div .best_review_list_wrap .list .thumb {
	width: 300px;
	height: 216px
}

.best_review_div .best_review_list_wrap .list .thumb img {}

.best_review_div .best_review_list_wrap .list .star_div {
	margin-top: 20px
}

.best_review_div .best_review_list_wrap .list .service {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
}

.best_review_div .best_review_list_wrap .list .dtl_box {
	margin-top: 12px;
}

.best_review_div .best_review_list_wrap .list .dtl_box .txt {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #555;
	height: 48px;
	max-height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.best_review_div .best_review_list_wrap .list .dtl_box .info {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.best_review_div .best_review_list_wrap .list .dtl_box .info:after {
	content: '';
	display: block;
	clear: both
}

.best_review_div .best_review_list_wrap .list .dtl_box .info p {
	position: relative;
	margin-right: 21px;
	float: left
}

.best_review_div .best_review_list_wrap .list .dtl_box .info p:last-child {
	margin-right: 0;
}

.best_review_div .best_review_list_wrap .list .dtl_box .info p:not(:last-child):after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background: #d8d8d8;
	top: 5px;
	right: -10px
}

.best_review_div+.review_div {
	margin-top: 60px
}

.review_div {}

.review_div .write_btn_area {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 40px;
	text-align: center
}

.review_div .write_btn_area .btn {
	display: block;
	margin: 0 auto;
	padding: 13px 0;
	width: 320px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 6px
}

.review_div .write_btn_area .btn span {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #ccc;
}

.review_div .write_btn_area .btn span b {
	display: none;
	margin-left: 4px;
	font-weight: 500;
	font-size: 14px;
	color: #7b23a8
}

.review_div .write_btn_area .btn.on {
	pointer-events: auto
}

.review_div .write_btn_area .btn.on span {
	color: #000
}

.review_div .write_btn_area .btn.on span b {
	display: inline
}

.review_div .write_btn_area .txt {
	display: inline-block;
	margin-top: 16px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.review_div .write_btn_area .txt span {
	font-weight: 500;
	text-decoration: underline
}

.review_div .write_btn_area .txt a {
	display: inline-block;
	padding-right: 26px;
	margin-left: 12px;
	font-weight: 500;
	color: #000;
	background: url('/resources/images/common/icn_right_24x24.png') no-repeat right center
}

.review_div .write_btn_area+.view_type {
	border-top: 1px solid #e9e9e9
}

.review_div .all_count {
	padding: 40px 0 24px
}

.review_div .list_div {
	border-top: 1px solid #ddd
}

.review_div .list_div .list {
	display: block;
	position: relative;
	border-bottom: 1px solid #eee
}

.review_div .list_div .list .link_area {
	display: block;
	padding: 30px 20px
}

.review_div .list_div .list .top {
	margin-top: 8px
}

.review_div .list_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .top .star {
	float: left;
	width: 160px;
	height: 32px;
	background: url('/resources/images/star_h32.png') no-repeat left center;
	background-size: 160px 32px
}

.review_div .list_div .list .top .star:before {
	content: '';
	display: inline-block;
	height: 32px;
	background: url('/resources/images/star_h32_on.png') no-repeat left center;
	overflow: hidden;
	background-size: 160px 32px
}

.review_div .list_div .list .top .star00:before {
	width: 0;
}

.review_div .list_div .list .top .star10:before {
	width: 32px;
}

.review_div .list_div .list .top .star20:before {
	width: 64px;
}

.review_div .list_div .list .top .star30:before {
	width: 96px;
}

.review_div .list_div .list .top .star40:before {
	width: 128px;
}

.review_div .list_div .list .top .star50:before {
	width: 160px;
}

.review_div .list_div .list .top .date {
	float: right;
	font-size: 14px;
	line-height: 32px;
	color: #999
}

.review_div .list_div .list .name {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
	max-height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.review_div .list_div .list .name span {
	display: inline
}

.review_div .list_div .list .name span:after {
	content: ',';
	margin-right: 2px
}

.review_div .list_div .list .name span:last-child:after {
	display: none
}

.review_div .list_div .list .name span b {
	font-weight: 400
}

.review_div .list_div .list .info:after {
	content: '';
	display: block;
	clear: both;
}

.review_div .list_div .list .info {
	margin-top: 10px;
	display: inline-block;
	position: relative;
	display: inline-block;
	align-items: center;
}

.review_div .list_div .list .info .member {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.review_div .list_div .list .info .type {
	position: relative;
	float: left;
	margin-left: 21px;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.review_div .list_div .list .info .type:before {
	content: '';
	position: absolute;
	top: 6px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #d8d8d8
}

.review_div .list_div .list .info .type b {
	margin-left: 6px;
	font-weight: 700;
	color: #7b23a8
}

.review_div .list_div .list .info .utill {
	position: relative;
	margin-left: 21px;
}

.review_div .list_div .list .info .utill .utill_btn {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-right: 4px;
	cursor: pointer;
	z-index: 1;
}

.review_div .list_div .list .info .utill:before {
	content: '';
	position: absolute;
	top: 6px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #d8d8d8;
}

.review_div .list_div .list .content {
	margin-top: 20px;
	width: 100%
}

.review_div .list_div .list .content .text p {
	display: -webkit-box;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #555;
	max-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all
}

.review_div .list_div .list .content .img_area {
	margin-top: 12px
}

.review_div .list_div .list .content .img_area:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .content .img_area .thumb {
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	border-radius: 8px
}

.review_div .list_div .list .content .img_area .thumb:first-child {
	margin-left: 0
}

.review_div .list_div .list .tag {
	margin: 24px 0 0 0
}

.review_div .list_div .list .tag .swiper-wrapper {
	height: auto
}

.review_div .list_div .list .tag .swiper-slide {
	padding: 0 11px;
	width: auto;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	color: #777;
	background: #f3f3f3;
	border-radius: 4px
}

.review_div .list_div .list .tag .swiper-slide:before {
	content: '#';
	padding-right: 1px
}

.review_div .list_div .list .etc {
	margin-top: 28px
}

.review_div .list_div .list .etc:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .etc .heart {
	float: left;
	padding-left: 36px;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	background: url('/resources/images/common/icn_heart.png') no-repeat left center;
	background-size: 32px
}

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

.review_div .list_div .list .etc .review {
	float: left;
	margin-left: 32px;
	padding-left: 36px;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	background: url('/resources/images/common/icn_review.png') no-repeat left center;
	background-size: 32px
}

.review_div .list_div .list .btn {
	display: none;
	position: absolute;
	bottom: 30px;
	right: 20px
}

.review_div .list_div .list .btn:after {
	content: '';
	display: block;
	clear: both
}

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

.review_div .list_div .list.new .info .type:after {
	content: 'NEW';
	display: inline-block;
	margin-left: 4px;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	vertical-align: top
}

.review_div .list_div .list.mine .btn {
	display: block
}

.review_div .view_div {
	border-top: 1px solid #ddd
}

.review_div .view_div .top_area {
	position: relative;
	padding: 30px 20px 0
}

.review_div .view_div .top_area .top {
	margin-top: 8px
}

.review_div .view_div .top_area .star {
	display: inline-block;
	width: 160px;
	height: 32px;
	background: url('/resources/images/star_h32.png') no-repeat left center;
	background-size: 160px 32px
}

.review_div .view_div .top_area .star:before {
	content: '';
	display: inline-block;
	height: 32px;
	background: url('/resources/images/star_h32_on.png') no-repeat left center;
	overflow: hidden;
	background-size: 160px 32px
}

.review_div .view_div .top_area .star00:before {
	width: 0;
}

.review_div .view_div .top_area .star10:before {
	width: 32px;
}

.review_div .view_div .top_area .star20:before {
	width: 64px;
}

.review_div .view_div .top_area .star30:before {
	width: 96px;
}

.review_div .view_div .top_area .star40:before {
	width: 128px;
}

.review_div .view_div .top_area .star50:before {
	width: 160px;
}

.review_div .view_div .top_area .name {
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.review_div .view_div .top_area .name span {
	display: inline
}

.review_div .view_div .top_area .name span:after {
	content: ',';
	margin-right: 2px
}

.review_div .view_div .top_area .name span:last-child:after {
	display: none
}

.review_div .view_div .top_area .name span b {
	font-weight: 400
}

.review_div .view_div .top_area .date {
	float: right;
	font-size: 14px;
	line-height: 32px;
	color: #999
}

.review_div .view_div .top_area .info {
	position: relative;
	margin-top: 10px;
	display: block;
}

.review_div .view_div .top_area .info:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .top_area .info .member {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.review_div .view_div .top_area .info .type {
	position: relative;
	float: left;
	margin-left: 21px;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.review_div .view_div .top_area .info .type:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #d8d8d8
}

.review_div .view_div .top_area .info .type:after {
	content: 'NEW';
	display: inline-block;
	margin-left: 4px;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	vertical-align: top;
}

.review_div .view_div .top_area .info .type b {
	margin-left: 6px;
	font-weight: 700;
	color: #7b23a8
}

.review_div .view_div .top_area .info .utill {
	position: relative;
	float: left;
	margin-left: 21px;
}

.review_div .view_div .top_area .info .utill:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #d8d8d8;
}

.review_div .view_div .con_area {
	position: relative;
	padding: 32px 20px 30px;
	border-bottom: 1px solid #eee
}

.review_div .view_div .top_area .info .utill:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .top_area .info .utill a {
	position: relative;
	margin-left: 4px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	z-index: 1;
	cursor: pointer;
}

.review_div .view_div .top_area .info .utill a:first-child {
	margin-left: 0;
}

.review_div .list_div .list .utill {
	position: absolute;
	top: 100px;
	left: 20px;
	margin-left: 21px;
}

.review_div .list_div .list .utill:after {
	content: '';
	display: block;
	clear: both
}

.review_div .list_div .list .utill a {
	position: relative;
	margin-left: 4px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	z-index: 1;
	cursor: pointer;
}

.review_div .list_div .list .utill a:first-child {
	margin-left: 0;
}

.review_div .list_div .list .utill:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #d8d8d8;
}

.review_div .view_div .con_area {
	position: relative;
	padding: 32px 20px 30px;
	border-bottom: 1px solid #eee
}

.review_div .view_div .con_area .txt_area {
	font-size: 16px;
	line-height: 24px;
	color: #555;
	font-weight: 300;
	word-break: break-all
}

.review_div .view_div .con_area .img_area {
	margin-top: 24px
}

.review_div .view_div .con_area .img_area img {
	margin-top: 24px;
	max-width: 100%
}

.review_div .view_div .con_area .img_area img:first-child {
	margin-top: 0
}

.review_div .view_div .tag_area {
	margin-top: 60px
}

.review_div .view_div .tag_area:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .tag_area span {
	float: left;
	padding: 0 11px;
	margin: 6px 6px 0 0;
	width: auto;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	color: #777;
	background: #f3f3f3;
	border-radius: 4px
}

.review_div .view_div .tag_area span:last-child {
	margin-right: 0
}

.review_div .view_div .tag_area span:before {
	content: '#';
	padding-right: 1px
}

.review_div .view_div .etc {
	margin-top: 28px
}

.review_div .view_div .etc:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .etc a {
	float: left;
	padding-left: 36px;
	font-size: 18px;
	line-height: 32px;
	color: #000
}

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

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

.review_div .view_div .etc .review {
	margin-left: 32px;
	background: url('/resources/images/common/icn_review.png') no-repeat left center;
	background-size: 32px
}

.review_div .view_div .etc span {
	float: left;
	margin-left: 32px;
	font-size: 18px;
	line-height: 32px;
	color: #000
}

.review_div .view_div .etc span b {
	color: #000;
	margin-right: 4px;
}

.review_div .view_div .btn_area {
	display: none;
	position: absolute;
	bottom: 30px;
	right: 20px;
}

.review_div .view_div .btn_area:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .btn_area a {
	float: left;
	margin-left: 6px;
	width: 60px;
	height: 32px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 13px;
	line-height: 30px;
	color: #000;
	text-align: center
}

/* .review_div .view_div.new .top_area .info:after{content:'NEW'; display:inline-block; margin-left:10px; font-weight:700; font-size:16px; line-height:20px; color:#7b23a8} */
.review_div .view_div.mine .btn_area {
	display: block
}

.review_div .view_div .nutrient_area {
	padding: 40px 0;
	border-bottom: 1px solid #eee
}

.review_div .view_div .nutrient_area .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.review_div .view_div .nutrient_area .title h3 {
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000;
}

.review_div .view_div .nutrient_area .nutrient_list {
	margin-top: 24px
}

.review_div .view_div .nutrient_area .product_list .list_div {
	border-top: none;
	margin-top: 24px;
}

.review_div .view_div .nutrient_area .product_list .list_div .pd_list {
	height: 144px;
}

.review_div .view_div .nutrient_area .product_list .list_div .pd_list .link_area .info .name {
	max-height: 72px;
	-webkit-line-clamp: 3;
}

.review_div .view_div .nutrient_area .more_btn {
	width: 272px;
	margin: 40px auto 0;
	display: block;
	border-radius: 24px;
	padding: 13px 0;
	text-align: center;
	border: 1px solid #ccc;
}

.review_div .view_div .nutrient_area .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;
}

.review_div .view_div .review_count {
	padding: 56px 0 15px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	border-bottom: 1px solid #ddd
}

.review_div .view_div .review_area {}

.review_div .view_div .review_area .list {
	border-bottom: 1px solid #eee
}

.review_div .view_div .review_area .list .content {
	padding-top: 32px
}

.review_div .view_div .review_area .list .content.my {
	background: #f9f9f9
}

.review_div .view_div .review_area .list .info {
	position: relative;
	padding: 0 20px;
}

.review_div .view_div .review_area .list .info:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .list .info .name {
	position: relative;
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.review_div .view_div .review_area .list .info .name.writer {
	padding-left: 60px
}

.review_div .view_div .review_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
}

.review_div .view_div .review_area .list .info .date {
	float: left;
	margin-left: 12px;
	font-size: 16px;
	line-height: 28px;
	color: #ccc
}

.review_div .view_div .review_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
}

.review_div .view_div .review_area .list .info .tool_pop {
	display: none;
	position: absolute;
	top: 34px;
	right: 24px;
	width: 92px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.review_div .view_div .review_area .list .info .tool_pop a {
	display: block;
	font-size: 14px;
	line-height: 39px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.review_div .view_div .review_area .list .info .tool_pop a:last-child {
	border-bottom: none
}

.review_div .view_div .review_area .list .info .tool_pop a.type1 {
	display: none
}

.review_div .view_div .review_area .list .content.my .info .tool_pop a.type1 {
	display: block
}

.review_div .view_div .review_area .list .content.my .info .tool_pop a.type2 {
	display: none
}

.review_div .view_div .review_area .list .con_box {
	margin-top: 12px
}

.review_div .view_div .review_area .list .con_box .text {
	padding: 0 20px;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	word-break: break-all
}

.review_div .view_div .review_area .list .con_box .text b {
	font-weight: 500
}

.review_div .view_div .review_area .list .con_box .text_field {
	display: none;
	position: relative;
	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
}

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

.review_div .view_div .review_area .list .con_box .text_field .byte b {
	color: #333
}

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

.review_div .view_div .review_area .list .con_box .text_field .btn {
	margin-top: 12px;
	text-align: right
}

.review_div .view_div .review_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
}

.review_div .view_div .review_area .list .con_box .bottom {
	margin-top: 24px;
	padding: 0 20px 32px;
}

.review_div .view_div .review_area .list .con_box .bottom:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .list .con_box .bottom .heart {
	float: left;
	padding-left: 36px;
	font-size: 18px;
	line-height: 32px;
	color: #000
}

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

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

.review_div .view_div .review_area .list .con_box .reply_form .top:after {
	content: '';
	display: block;
	clear: both
}

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

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

.review_div .view_div .review_area .list .con_box .reply_form .top .byte b {
	color: #333
}

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

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

.review_div .view_div .review_area .list .con_box .reply_form .bottom .btn {
	margin-top: 12px;
	text-align: right
}

.review_div .view_div .review_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
}

.review_div .view_div .review_area .list .reply_section {
	padding-left: 40px;
	border-top: 1px solid #eee
}

.review_div .view_div .review_area .list .reply_section .content {
	border-top: 1px solid #eee
}

.review_div .view_div .review_area .list .reply_section .content:first-child {
	border-top: none
}

.review_div .view_div .review_area .list .reply_section .reply_form {
	padding: 32px 20px 32px 20px;
	border-top: 1px solid #eee
}

.review_div .view_div .review_area .list.not_view .con_box .text {
	padding: 0 20px 32px;
	color: #999
}

.review_div .view_div .review_area .list.not_view .bottom {
	display: none
}

.review_div .view_div .review_area .list.not_view .more {
	display: none
}

.review_div .view_div .review_area .write_form {
	padding: 32px 20px 0
}

.review_div .view_div .review_area .write_form .top:after {
	content: '';
	display: block;
	clear: both
}

.review_div .view_div .review_area .write_form .top .name {
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.review_div .view_div .review_area .write_form .top .byte {
	float: right;
	font-size: 13px;
	line-height: 28px;
	color: #ccc
}

.review_div .view_div .review_area .write_form .top .byte b {
	color: #333
}

.review_div .view_div .review_area .write_form .bottom {
	margin-top: 12px;
	padding: 12px;
	background: #f7f7f7;
	border-radius: 6px
}

.review_div .view_div .review_area .write_form .bottom textarea {
	border: none;
	width: 100%;
	height: 88px;
	background: #f7f7f7
}

.review_div .view_div .review_area .write_form .bottom .btn {
	margin-top: 12px;
	text-align: right
}

.review_div .view_div .review_area .write_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
}

/* 장바구니 */
.cart_div {
	margin: -20px auto 0;
	width: 1080px;
	/*padding-bottom: 58px;*/
	min-height: 560px;
}

.cart_div .tabs {}

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

.cart_div .tabs a {
	display: block;
	position: relative;
	float: left;
	margin-left: 16px;
	width: 532px;
	height: auto;
	padding: 92px 10px 26px;
	text-align: center;
	border: 2px solid #ddd;
	border-radius: 10px
}

.cart_div .tabs a:nth-child(1) {
	background: url('/resources/images/cart_tab1.png') no-repeat center 18px;
	background-size: 60px;
	margin-left: 0
}

.cart_div .tabs a:nth-child(1).on {
	background: url('/resources/images/cart_tab1_on.png') no-repeat center 18px;
	background-size: 60px
}

.cart_div .tabs a:nth-child(2) {
	background: url('/resources/images/cart_tab2.png') no-repeat center 18px;
	background-size: 60px
}

.cart_div .tabs a:nth-child(2).on {
	background: url('/resources/images/cart_tab2_on.png') no-repeat center 18px;
	background-size: 60px
}

.cart_div .tabs a.on {
	border: 2px solid #7b23a8;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15)
}

.cart_div .tabs a.on:after {
	display: none
}

.cart_div .tabs a .tit {
	font-size: 20px;
	line-height: 24px;
	color: #777
}

.cart_div .tabs a .tit span {
	margin-left: 4px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #777
}

.cart_div .tabs a .txt {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #777
}

.cart_div .tabs a.on .tit {
	font-weight: 700;
	color: #000
}

.cart_div .tabs a.on .tit span {
	color: #7b23a8
}

.cart_div .tabs a.on .txt {
	color: #000
}

.cart_div .tabs a.on .txt b {
	font-weight: 500;
	color: #7b23a8
}

.cart_div .cont {}

.cart_div .cont .cart_inner {
	position: relative;
}

.cart_div .cont .product_detail {
	width: 630px;
}

.cart_div .cont .product_detail .counsel_noti {
	display: flex;
	align-items: center;
	padding: 24px 60px 24px 24px;
	background: url('/resources/images/icn_chk_grn.png') no-repeat right 24px top 50% #f7f4ff;
	border: 1px solid #c291dc;
	border-radius: 6px;
	margin-bottom: 20px;
}

.cart_div .cont .product_detail .counsel_noti .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7b23a8
}

.cart_div .cont .product_detail .counsel_noti .txt {
	margin-left: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.cart_div .cont .product_detail .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 12px
}

.cart_div .cont .product_detail .top .chk_box {
	padding: 4px 0
}

.cart_div .cont .product_detail .top .btn {
	display: flex;
	align-items: center;
}

.cart_div .cont .product_detail .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
}

.cart_div .cont .product_detail .top .btn a:first-child {
	margin-left: 0;
}

.cart_div .cont .product_detail .pd_list_div {
	border-top: 1px solid #eee
}

.cart_div .cont .product_detail .list_inner {
	display: flex;
	align-items: center;
}

.cart_div .cont .product_detail .product_detail_txt {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	color: #777;
	margin-top: 14px;
}

/* .cart_div .cont .add_product{display:block; margin:32px auto 0; padding:13px 0; width:320px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:6px}
.cart_div .cont .add_product span{display:inline-block; padding-left:22px; font-size:14px; line-height:20px; color:#000; background:url('/resources/images/icn_plus_20x20.png') no-repeat left center; background-size:20px} */

.right_pay_fixed {
	position: absolute;
	top: 0;
	right: 0;
}

.cart_div .cont .price_detail {
	width: 400px;
	padding: 24px 26px 26px;
	border-radius: 20px;
	border: solid 1px #7b23a8;
	background-color: #fff;
}

.cart_div .cont .price_detail .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 20px 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.cart_div .cont .price_detail .title .error_msg {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	text-align: right;
	color: #e62423;
}

.cart_div .cont .price_detail .title .tool {
	position: relative;
	padding-right: 18px
}

.cart_div .cont .price_detail .title .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.cart_div .cont .price_detail .detail_view {
	padding-top: 20px;
	border-top: 1px solid #999
}

.cart_div .cont .price_detail .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px
}

.cart_div .cont .price_detail .line:first-child {
	margin-top: 0
}

.cart_div .cont .price_detail .line .left {
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.cart_div .cont .price_detail .line .left>.tit {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.cart_div .cont .price_detail .line .left>.tit.tool {
	padding-right: 18px;
}

.cart_div .cont .price_detail .line .left>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.cart_div .cont .price_detail .line .right {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.cart_div .cont .price_detail .line .right span {
	display: inline-block;
	vertical-align: top
}

/* .cart_div .cont .price_detail .line .right.error{padding-left:18px; background:url('/resources/images/red_noti_icon.png') no-repeat left center} */
.cart_div .cont .price_detail .line .right.error,
.cart_div .cont .price_detail .line .right.error span {
	font-weight: 500;
	color: #e62423
}

.cart_div .cont .price_detail .line.highlight .left>.tit {
	font-size: 18px;
	font-weight: 500;
}

.cart_div .cont .price_detail .detail_view .box .line.highlight .left {
	font-size: 18px;
	font-weight: 500;
}

.cart_div .cont .price_detail .detail_view .box .line.highlight .right {
	color: #7b23a8
}

.cart_div .cont .price_detail .final {
	margin-bottom: 20px
}

.cart_div .cont .price_detail .final:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cont .price_detail .final .left {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.cart_div .cont .price_detail .final .right {
	float: right;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.cart_div .cont .price_detail .final .right span {
	display: inline-block;
	font-size: 24px;
	vertical-align: top
}

.cart_div .cont .price_detail .final.highlight .right {
	color: #7b23a8
}

.cart_div .cont .price_detail .detail_view .box {
	width: 100%;
}

.cart_div .cont .price_detail .detail_view .box .final {
	display: table-cell;
	width: 210px;
	vertical-align: middle
}

.cart_div .cont .price_detail .detail_view .box input[type="radio"] {
	display: none
}

.cart_div .cont .price_detail .detail_view .box label {
	display: block;
	position: relative;
}

.cart_div .cont .price_detail .detail_view .box.complete label {
	height: 100%
}

.cart_div .cont .price_detail .detail_view .box .top .left {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.cart_div .cont .price_detail .detail_view .box .top .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.cart_div .cont .price_detail .detail_view .box .top .right span {
	display: inline-block;
	vertical-align: top
}

.cart_div .cont .price_detail .detail_view .box.on .top .right {
	color: #7b23a8
}

.cart_div .cont .price_detail .detail_view .box .detail {
	border-top: 1px dashed #ddd;
	;
	padding-top: 22px;
	margin-top: 20px
}

.cart_div .cont .price_detail .detail_view .box .detail {
	display: table-cell;
	position: relative;
	padding-right: 213px;
	width: 667px;
	vertical-align: middle
}

.cart_div .cont .price_detail .detail_view .box .detail:first-child {
	margin-top: 0
}

.cart_div .cont .price_detail .detail_view .box .noti_tool {
	margin: 24px auto 0;
	width: 100%;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8;
	text-align: center;
	background: #f4f0ff;
	border-radius: 18px
}

.cart_div .cont .price_detail .detail_view .box .noti_tool span {
	font-weight: 700
}

.cart_div .cont .price_detail .detail_view .noti_dot {
	margin-top: 20px;
	background: #f4f0ff;
	border-radius: 18px;
	color: #7b23a8;
	padding: 8px 20px;
	text-align: center
}

.cart_div .cont .price_detail .detail_view .noti_dot p {
	position: relative;
	display: inline-block;
	margin-left: 17px;
	font-size: 15px;
	line-height: 20px;
	color: #7b23a8
}

.cart_div .cont .price_detail .detail_view .noti_dot p:first-child {
	margin-left: 0
}

.cart_div .cont .price_detail .detail_view .noti_dot p:before {
	content: '';
	position: absolute;
	top: 9px;
	left: -10px;
	width: 3px;
	height: 3px;
	background: #7b23a8;
	border-radius: 100%
}

.cart_div .cont .price_detail .detail_view .noti_dot p:first-child:before {
	display: none
}

.cart_div .cont .price_detail .detail_view .box_div {
	margin-top: 20px
}

.cart_div .cont .price_detail .detail_view .box_div .box {
	display: block;
	margin-top: 0;
	padding: 0;
}

.cart_div .cont .price_detail .detail_view .box_div .box .detail {
	display: block;
	padding-right: 0;
	width: auto
}

.cart_div .cont .dot_indent {
	margin-top: 12px
}

.cart_div .cont .dot_indent p {
	margin-top: 4px
}

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

.cart_div .cont .cart_btn_div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 60px auto 0;
}

.cart_div .cont .price_detail .detail_view .cart_btn_div {
	margin: 20px auto 0;
}

.cart_div .cont .cart_btn_div a {
	display: block;
	width: 100%;
	padding: 17px 15px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 6px
}

.cart_div .cont .cart_btn_div a.pur {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c
}

.cart_div .cont .cart_btn_div a.wht {
	color: #7b23a8;
	background: #fff;
	border: 1px solid #7b23a8
}

.cart_div .cont .cart_btn_div.two a {
	margin-left: 8px;
	width: 206px
}

.cart_div .cont .cart_btn_div.two a:first-child {
	margin-left: 0
}

.cart_div .cont .cart_btn_div.fixed {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 20px);
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	left: 20px;
	margin-top: 0
}

.cart_div .cont .pd_view {
	margin-top: 20px;
	text-align: center
}

.cart_div .cont .pd_view a {
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/icn_right_20x20.png') no-repeat right center;
	background-size: 20px
}

.cart_div .cont .info_area {
	position: relative;
	margin-bottom: 40px;
	/*margin-top:120px*/
}

.cart_div .cont .info_area .banner {
	border-radius: 16px;
	overflow: hidden
}

.cart_div .cont .info_area .banner img {
	width: 100%
}

/* .cart_div .cont .info_area .counsel_noti{margin:0 auto; padding:24px 54px 24px 24px; width:420px; background:url('/resources/images/icn_chk_grn.png') no-repeat right 24px top 50% #f7f4ff; border:1px solid #c291dc; border-radius:10px}
.cart_div .cont .info_area .counsel_noti .tit{font-weight:500; font-size:16px; line-height:20px; color:#7b23a8}
.cart_div .cont .info_area .counsel_noti .txt{margin-top:8px; font-size:14px; line-height:20px; color:#7b23a8} */
.cart_div .cont .info_area .banner_txt {
	margin: 32px auto 0;
	width: 570px;
}

.cart_div .cont .info_area .text {
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	text-align: left
}

.cart_div .cont .info_area .text span {
	font-weight: 500;
	color: #7b23a8
}

.cart_div .cont .info_area .banner_txt .btn {
	display: inline-block;
	color: #7b23a8;
	line-height: 1.25;
	border-radius: 18px;
	background: url('/resources/images/icon/cart/icn_arrow_right_pur.svg') right 20px center no-repeat;
	background-color: #f4f0ff;
	padding: 6px 40px 6px 24px;
	margin-top: 18px;
}

.cart_div .cont .info_area .banner+.banner_txt {
	position: absolute;
	top: 50%;
	left: 460px;
	transform: translateY(-50%);
	margin-top: 0;
	width: 570px;
	text-align: left
}

.cart_div .info_area+.no_data_div {
	background-position: top 100px left 50%;
}

.cart_div .info_area+.no_data_div .txt_area {
	padding-top: 180px;
}

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

.cart_div .no_data_div .txt_area {
	padding: 200px 0 0
}

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

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

/* 마이페이지 정기구독 해지 */
.temi_div {}

.temi_div .date_chg_div {
	position: relative;
	padding-top: 166px;
	background: url('/resources/images/pay_fail_icn.png') no-repeat center 70px;
	background-size: 60px;
	text-align: center
}

.temi_div .date_chg_div .tit {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	letter-spacing: -1px
}

.temi_div .date_chg_div .tit span {
	color: #7b23a8;
}

.temi_div .date_chg_div .desc {
	margin-top: 20px;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.temi_div .date_chg_div .desc b {
	font-weight: 400
}

.temi_div .date_chg_div .btn {
	margin-top: 48px
}

.temi_div .date_chg_div .btn a {
	display: inline-block;
	margin: 0 4px;
	width: 420px;
	height: 56px;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	text-align: center;
	border-radius: 6px;
	margin-top: 14px;
}

.temi_div .date_chg_div .btn a:nth-of-type(1) {
	margin-top: 0;
}

.temi_div .date_chg_div .btn a.pur {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c
}

.temi_div .date_chg_div .btn a.wht {
	color: #7b23a8;
	border: 1px solid #7b23a8
}

.temi_div .text_div {
	margin-top: 70px;
	text-align: center
}

.temi_div .text_div .tit {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #000
}

.temi_div .text_div .tit span {
	color: #7b23a8;
}

.temi_div .text_div .benefit_div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 46px auto 32px;
	padding: 24px;
	width: 420px;
	background: #f9f9f9;
	border-radius: 10px;
}

.temi_div .text_div .benefit_div div {
	margin-top: 10px
}

.temi_div .text_div .benefit_div div:first-child {
	margin-top: 0
}

.temi_div .text_div .benefit_div div:after {
	content: '';
	display: block;
	clear: both
}

.temi_div .text_div .benefit_div span {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 10px
}

.temi_div .text_div .benefit_div span img {
	width: 100%
}

.temi_div .text_div .benefit_div p {
	float: left;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.temi_div .text_div .benefit_div b {
	font-weight: 400
}

.temi_div .text_div .btn {
	margin-top: 24px;
}

.temi_div .text_div .btn a {
	display: block;
	margin: 0 auto;
	width: 420px;
	height: 56px;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	color: #ffff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c;
	border-radius: 6px
}

.temi_div .temi_tit {
	font-size: 30px;
	line-height: 40px;
	color: #000;
	font-weight: 500;
	margin-top: 48px;
}

.temi_div .temi_btn {
	margin-top: 14px;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #555;
	text-decoration: underline;
}

.temi_div .temi_btn.mt32 {
	margin-top: 32px;
}

.temi_div .submit_btn {
	margin: 72px auto 0
}

.temi_div .coupon_div {
	margin: 10px auto 0;
	width: 320px;
}

.temi_div .coupon_div .coupon {
	position: relative;
	padding: 16px 0;
	background: #5b1a7c;
	border-radius: 6px
}

.temi_div .coupon_div .coupon:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 10px;
	height: 21px;
	background: url('/resources/images/m_temi_coupon_icn.png') no-repeat right center;
	background-size: 10px 21px
}

.temi_div .coupon_div .coupon {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.temi_div .coupon_div .coupon .left {
	padding: 15px 0;
	width: 238px;
	text-align: center;
	background: url('/resources/images/m_temi_line.png') no-repeat right center;
	background-size: 2px auto
}

.temi_div .coupon_div .coupon .left .tit {
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
}

.temi_div .coupon_div .coupon .left .txt {
	margin-top: 4px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #fff
}

.temi_div .coupon_div .coupon .left .txt span {
	display: inline-block;
	font-size: 60px;
	line-height: 60px
}

.temi_div .coupon_div .coupon .right {
	width: 82px;
	height: 120px;
	background: url('/resources/images/m_temi_coupon_txt.png') no-repeat center;
	background-size: 11px 103px
}

.temi_div .coupon_div .btn {
	display: block;
	margin-top: 12px;
	padding: 13px 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-align: center
}

.temi_div .coupon_div .btn span {
	display: inline-block;
	padding-right: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/resources/images/download_blk_40x40.png') no-repeat right center;
	background-size: 20px
}

.temi_div .content_div {
	padding-top: 28px;
	margin-top: 32px;
	border-top: 1px solid #eee
}

.temi_div .content_div .textarea_div {
	margin-top: 20px
}

.temi_div .content_div .textarea_div span {
	color: #ccc;
}

.temi_div .content_div .textarea_div span b {
	color: #ccc;
}

.temi_div .content_div .textarea_div span b.cnt {
	color: #000;
}

.temi_div .content_div textarea {
	font-size: 16px;
	line-height: 22px;
	border: none;
	resize: none
}

.temi_div .content_div textarea:read-only {
	background: #f9f9f9;
}

.temi_div .content_div .radio_list .radio_div {
	margin-top: 20px
}

.temi_div .content_div .radio_list .radio_div:first-child {
	margin-top: 0
}

.temi_div .content_div .radio_list .radio_div input[type="radio"]+label {
	font-size: 16px
}

.temi_div .textarea_div {
	display: none;
}

.temi_div.temi_reason {
	padding: 0 75px;
}

.temi_div.temi_reason .text_div {
	text-align: left;
}

.temi_div.temi_reason .text_div .txt {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #000;
	margin-bottom: 6px;
}

.temi_div.temi_reason .text_div .tit {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #000;
}

.temi_div.temi_reason .submit_btn {
	width: 320px;
	margin-top: 60px;
}

.temi_div.temi_reason.coupon .coupon_text_div {
	text-align: center;
}

.temi_div.temi_reason.coupon .coupon_text_div>.tit {
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	color: #7b23a8;
}

.temi_div.temi_reason.coupon .coupon_text_div>.txt {
	font-size: 18px;
	line-height: 28px;
	margin-top: 6px;
}

.temi_div.temi_reason.coupon .text_div:nth-of-type(2) {
	margin-top: 60px;
}

/* 마이페이지 알람 */
.set_alrm_div {
	margin-top: 40px
}

.set_alrm_div .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.set_alrm_div .txt {
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #7b23a8
}

.set_alrm_div .web_noti {
	margin-top: 30px;
	padding: 50px 280px 30px 40px;
	background: url('/resources/images/alarm_page_bg.png') no-repeat right 50px bottom -5px #f9f7ff;
	border-radius: 10px;
	background-size: 231px 254px
}

.set_alrm_div .web_noti .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000
}

.set_alrm_div .web_noti .text {
	margin-top: 28px;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.set_alrm_div .web_noti .text span {
	color: #7b23a8
}

.set_alrm_div .web_noti .down_tit {
	margin-top: 30px;
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	color: #000
}

.set_alrm_div .web_noti .btn {
	position: relative;
	margin-top: 11px;
	padding-right: 116px;
	width: 294px
}

.set_alrm_div .web_noti .btn a {
	display: block;
	margin-top: 8px
}

.set_alrm_div .web_noti .btn a img {
	width: 178px
}

.set_alrm_div .web_noti .btn a:first-child {
	margin-top: 0
}

.set_alrm_div .web_noti .btn .qr {
	position: absolute;
	top: 0;
	right: 0
}

.set_alrm_div .web_noti .btn .qr img {
	width: 100px
}

/* 리뷰작성 */
.review_wrt_div {
	padding-top: 30px
}

.review_wrt_div .info_div {
	padding: 28px 20px;
	background: #f4f0ff;
	text-align: center;
	border-radius: 8px
}

.review_wrt_div .info_div .txt {
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.review_wrt_div .info_div .area {
	display: inline-block;
	position: relative
}

.review_wrt_div .info_div .area:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .info_div .area .list {
	float: left
}

.review_wrt_div .info_div .area .list:nth-child(1) {
	margin-right: 72px
}

.review_wrt_div .info_div .area .list p {
	display: inline-block;
	padding-left: 52px;
	font-size: 16px;
	line-height: 40px;
	color: #333
}

.review_wrt_div .info_div .area .list:nth-child(1) p {
	background: url('/resources/images/review_wrt_info_icn1.png') no-repeat left center;
	background-size: 40px
}

.review_wrt_div .info_div .area .list:nth-child(2) p {
	background: url('/resources/images/review_wrt_info_icn2.png') no-repeat left center;
	background-size: 40px
}

.review_wrt_div .info_div .area .list p span {
	display: inline-block;
	margin-left: 6px;
	font-weight: 700;
	color: #7b23a8
}

.review_wrt_div .wrt_title {
	padding: 16px 0 15px;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #eee
}

.review_wrt_div .wrt_title span {
	display: inline-block;
	margin-left: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.review_wrt_div .pd_info {
	display: table;
	margin-top: 30px;
	padding: 24px 0;
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.review_wrt_div .pd_info .img {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
	background: #f7f7f7;
	border-radius: 8px
}

.review_wrt_div .pd_info .img img {
	width: 100%
}

.review_wrt_div .pd_info .info {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	vertical-align: middle
}

.review_wrt_div .pd_info .info .date {
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.review_wrt_div .pd_info .info .name {
	margin-top: 2px;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	max-height: 48px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.review_wrt_div .pd_info .info .name span:after {
	content: ',';
	margin-right: 2px
}

.review_wrt_div .pd_info .info .name span:last-child:after {
	display: none
}

.review_wrt_div .pd_info .info .name span b {
	font-weight: 400;
}

.review_wrt_div .pd_info .info .type {
	margin-top: 8px;
	font-size: 14px;
	line-height: 16px;
	color: #333
}

.review_wrt_div .pd_info .info .type b {
	margin-left: 2px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #7b23a8
}

.review_wrt_div .satisfaction {
	margin-top: 40px;
	text-align: center
}

.review_wrt_div .satisfaction .star {
	display: inline-block;
	position: relative;
	padding-top: 60px;
	width: 240px;
	height: 108px;
	background: url('/resources/images/star_h48.png') no-repeat;
	background-size: 240px 48px
}

.review_wrt_div .satisfaction .star:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0;
	width: 0;
	height: 100%;
	background: url('/resources/images/star_h48_on.png') no-repeat;
	overflow: hidden;
	background-size: 240px 48px
}

.review_wrt_div .satisfaction .star.star10:before {
	width: 48px
}

.review_wrt_div .satisfaction .star.star20:before {
	width: 96px
}

.review_wrt_div .satisfaction .star.star30:before {
	width: 144px
}

.review_wrt_div .satisfaction .star.star40:before {
	width: 192px
}

.review_wrt_div .satisfaction .star.star50:before {
	width: 240px
}

.review_wrt_div .satisfaction .star .click {
	position: absolute;
	top: 0;
	width: 48px;
	height: 48px;
	z-index: 1
}

.review_wrt_div .satisfaction .star .click.star10 {
	left: 0
}

.review_wrt_div .satisfaction .star .click.star20 {
	left: 48px
}

.review_wrt_div .satisfaction .star .click.star30 {
	left: 96px
}

.review_wrt_div .satisfaction .star .click.star40 {
	left: 144px
}

.review_wrt_div .satisfaction .star .click.star50 {
	left: 192px
}

.review_wrt_div .satisfaction .star .comment p {
	display: none;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.review_wrt_div .satisfaction .star .comment p:first-child {
	display: block
}

.review_wrt_div .wrt_div .opinion_div {
	margin-top: 20px
}

.review_wrt_div .wrt_div .pic_div {
	margin-top: 40px
}

.review_wrt_div .wrt_div .pic_div .upload_pic {
	margin-top: 20px
}

.review_wrt_div .wrt_div .radio_list_div {
	margin-top: 40px
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line {
	margin-top: 32px
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line:first-child {
	margin-top: 0
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line .radio_div {
	margin-top: 20px
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line .radio_div:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .wrt_div .radio_list_div .line_div .line .radio_div .radio_box {}

.review_wrt_div .wrt_div .radio_list_div .line_div .line .radio_div .radio_box label {
	font-weight: 300
}

.review_wrt_div .wrt_div .hash_div {
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

.review_wrt_div .wrt_div .hash_div .hash_list {
	margin-top: -6px
}

.review_wrt_div .wrt_div .hash_div .hash_list a {
	display: inline-block;
	margin: 6px 6px 0 0;
	padding: 0 16px;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	color: #999;
	border: 1px solid #bbb;
	border-radius: 4px
}

.review_wrt_div .wrt_div .hash_div .hash_list a:before {
	content: '#';
	padding-right: 1px
}

.review_wrt_div .wrt_div .hash_div .hash_list a.on {
	color: #fff;
	background: #5b1a7c;
	border: 1px solid #5b1a7c
}

.review_wrt_div .bg_noti_area {
	margin-top: 60px
}

.layer_pop.review_pop {
	padding-bottom: 100px
}

.layer_pop.review_pop .pop_con {
	border-radius: 0;
}

.review_pop .review_wrt_div .info_div {
	padding: 20px 28px;
	border-radius: 10px
}

.review_pop .review_wrt_div .info_div .area .list:nth-child(1) {
	margin-right: 30px
}

.review_pop .review_wrt_div .info_div .area .list p {
	padding-left: 34px;
	font-size: 14px;
	line-height: 32px
}

.review_pop .review_wrt_div .info_div .area .list:nth-child(1) p {
	background: url('/resources/images/reviewpop_review_wrt_info_icn1.png') no-repeat left center;
	background-size: 32px
}

.review_pop .review_wrt_div .info_div .area .list:nth-child(2) p {
	background: url('/resources/images/reviewpop_review_wrt_info_icn2.png') no-repeat left center;
	background-size: 32px
}

.review_pop .review_wrt_div .info_div .area .list p span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.review_pop .review_wrt_div .pd_info {
	position: relative;
	margin-top: 0;
	padding: 32px 0;
	border-top: none;
	border-bottom: none
}

.review_pop .review_wrt_div .pd_info:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: -40px;
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	height: 10px;
	background: #f7f7f7
}

.review_pop .review_wrt_div .wrt_title {
	padding: 0;
	margin-bottom: 24px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	text-align: center;
	border-bottom: none
}

.review_pop .review_wrt_div .satisfaction {
	margin-top: 42px;
	padding-bottom: 32px;
	border-bottom: 1px solid #eee
}

.review_pop .review_wrt_div .satisfaction .star {
	margin-top: 0;
	height: 76px
}

.review_pop .review_wrt_div .satisfaction .star .comment p {
	font-size: 14px;
	line-height: 16px;
	color: #555
}

.review_pop .review_wrt_div .wrt_div .opinion_div {
	margin-top: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #eee
}

.review_pop .review_wrt_div .wrt_div .pic_div {
	margin-top: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #eee
}

.review_pop .review_wrt_div .wrt_div .radio_list_div {
	padding-bottom: 32px;
	border-bottom: 1px solid #eee
}

.review_pop .review_wrt_div .wrt_div .hash_div {
	margin-top: 32px;
	padding-bottom: 32px;
	text-align: center
}

.review_pop .review_wrt_div .wrt_div .hash_div .wrt_title {
	margin-bottom: 15px
}

.review_pop .review_wrt_div .wrt_div .hash_div .hash_list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 0;
}

.review_pop .review_wrt_div .wrt_div .noti_area {
	margin-top: 32px;
	margin-bottom: 6px;
}

.review_pop .review_wrt_div .wrt_div .noti_area .tit {
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.review_pop .review_wrt_div .wrt_div .noti_area .dot_indent {
	margin-top: 10px
}

/* 공통 */
.count_div .count {
	width: 114px;
	border: 1px solid #eee;
	border-radius: 5px
}

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

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

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

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

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

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

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

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

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

.all_count p span {
	color: #7b23a8
}

.all_count .view_type {
	float: right
}

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

.all_count .view_type a {
	position: relative;
	float: left;
	margin-right: 25px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #ccc
}

.all_count .view_type a:last-child {
	margin-right: 0
}

.all_count .view_type a:after {
	content: '';
	position: absolute;
	top: 5px;
	right: -13px;
	width: 1px;
	height: 14px;
	background: #ccc
}

.all_count .view_type a:last-child:after {
	display: none
}

.all_count .view_type a.on {
	color: #000
}

.bg_noti_area {
	padding: 24px 20px;
	background: #f9f9f9
}

.bg_noti_area .tit {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.bg_noti_area .dot_indent {
	margin-top: 10px
}

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


.floating_btn {
	position: fixed;
	bottom: 60px;
	z-index: 10;
	width: 56px
}

.floating_btn a {
	display: block;
	float: right;
	margin-top: 16px;
	padding: 10px;
	width: 56px;
	height: 56px;
	border-radius: 100%;
}

.floating_btn a:first-child {
	margin-top: 0
}

.floating_btn a.top {
	display: none;
	background: url('/resources/images/icon/icn_top.png') no-repeat center;
	background-size: 56px 56px
}

/* .floating_btn a.quick{background:url('/resources/images/floating_quick.png') no-repeat center #fff; background-size:36px; box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.2)} */
.floating_btn.top_show .top {
	display: block
}

.floating_btn a.quick {
	display: none;
}

/* .quick_menu{display:none; position:fixed; bottom:40px; right:100px; white-space: nowrap; z-index:12}
.quick_menu a{display:block; position:relative; margin-top:16px; padding:10px; width:56px; height:56px; border-radius:100%; box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.2)}
.quick_menu a:first-child{margin-top:0}
.quick_menu a.kakao{background:url('/resources/images/floating_kakao.png') no-repeat center #fff; background-size:36px}
.quick_menu a.faq{background:url('/resources/images/floating_faq.png') no-repeat center #fff; background-size:36px}
.quick_menu a.close{background:url('/resources/images/icn_xbt_36x36.png') no-repeat center #fff; background-size:36px}
.quick_menu a span{position: absolute; right:70px; top:0; font-size:16px; line-height:56px; color:#fff; text-align:right;} */


.system_chk_wrap {
	width: 400px;
	padding-top: 268px;
	background: url("/resources/images/system_chk.png") center top no-repeat;
	background-size: 324px 221px;
	text-align: center;
	margin: 60px auto 0 auto;
	position: relative
}

.system_chk_wrap .tit {
	font-size: 28px;
	line-height: 36px;
	color: #000;
	font-weight: 700;
}

.system_chk_wrap .txt {
	margin-top: 18px;
	font-size: 18px;
	line-height: 26px;
	color: #555;
	font-weight: 300;
}

.system_chk_wrap .dtl {
	padding: 20px 0;
	width: 100%;
	position: relative;
	margin: 36px auto 0 auto;
	border-radius: 10px;
	background: #f9f9f9;
}

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

.system_chk_wrap .dtl .desc {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	font-weight: 300;
}




/*******************************************************************************************************/
/* 제품 상세 구버전 */
.old_item_dtl_211029 .item_div {
	position: relative;
	margin: 0 auto;
	width: 700px;
	padding: 212px 0 205px
}

.old_item_dtl_211029 .item_div .puzzle_logo {
	position: absolute;
	left: 64px;
	top: 160px;
	width: 144px;
	height: 32px;
	background: url('/resources/images/ipu/item_top_logo.png') no-repeat
}

.old_item_dtl_211029 .item_div .close {
	position: fixed;
	top: 60px;
	right: 60px;
}

.old_item_dtl_211029 .item_div .top_thumb {
	position: relative
}

.old_item_dtl_211029 .item_div .top_thumb .img {
	position: relative
}

.old_item_dtl_211029 .item_div .top_thumb .img img {
	width: 100%
}

.old_item_dtl_211029 .item_div .top_thumb .txt_area {
	position: absolute;
	top: 60px;
	left: 64px;
	width: calc(100% - 128px);
	width: -webkit-calc(100% - 128px)
}

.old_item_dtl_211029 .item_div .top_thumb .txt_area .title {
	display: inline-block;
	padding-bottom: 4px;
	font-weight: 700;
	font-size: 36px;
	line-height: 46px;
	color: #000;
	border-bottom: 4px solid #000
}

.old_item_dtl_211029 .item_div .top_thumb .txt_area .title span {
	color: #e81d75
}

.old_item_dtl_211029 .item_div .top_thumb .txt_area .price {
	margin-top: 12px;
	font-weight: 700;
	font-size: 26px;
	line-height: 26px;
	color: #000
}

.old_item_dtl_211029 .item_div .top_thumb .txt_area .counsel {
	margin-top: 15px;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.old_item_dtl_211029 .item_div .suggest_div {
	padding: 120px 0 100px 0;
	background: #fff;
	border-bottom: 2px solid #e9e9e9;
}

.old_item_dtl_211029 .item_div .suggest_div .tit {
	font-weight: 700;
	font-size: 30px;
	line-height: 42px;
	color: #000;
	padding-left: 48px;
}

.old_item_dtl_211029 .item_div .suggest_div .img {
	margin-top: 48px
}

.old_item_dtl_211029 .item_div .suggest_div .img img {
	width: 100%
}

.old_item_dtl_211029 .item_div .suggest_div .txt {
	margin-top: 80px;
	padding-left: 48px;
	font-size: 24px;
	line-height: 36px;
	color: #000
}

.old_item_dtl_211029 .item_div .suggest_div .txt span {
	font-weight: 700
}

.old_item_dtl_211029 .item_div .item_info {
	padding: 100px 0;
	background: #fff
}

.old_item_dtl_211029 .item_div .item_info .sub_tit {
	padding: 0 48px;
	font-weight: 700;
	font-size: 36px;
	line-height: 38px;
	color: #000
}

.old_item_dtl_211029 .item_div .item_info .info {
	margin-top: 44px
}

.old_item_dtl_211029 .item_div .item_info .info .name {
	padding: 0 48px;
	font-weight: 700;
	font-size: 26px;
	color: #000
}

.old_item_dtl_211029 .item_div .item_info .info .name span {
	color: #e81d75
}

.old_item_dtl_211029 .item_div .item_info .info .list_div {
	margin-top: 32px;
	padding: 0 25px;
}

.old_item_dtl_211029 .item_div .item_info .info .list_div .list {
	display: table;
	margin-top: 12px;
	padding: 4px 24px;
	width: 100%;
	background: #f5f5f5
}

.old_item_dtl_211029 .item_div .item_info .info .list_div .list:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .item_info .info .list_div .list .img {
	display: table-cell;
	width: 72px;
	height: 72px;
	vertical-align: middle
}

.old_item_dtl_211029 .item_div .item_info .info .list_div .list .img img {
	width: 72px
}

.old_item_dtl_211029 .item_div .item_info .info .list_div .list .name {
	display: table-cell;
	padding-left: 24px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	vertical-align: middle
}

.old_item_dtl_211029 .item_div .item_info .detail {
	padding: 0 25px;
	margin-top: 60px
}

.old_item_dtl_211029 .item_div .item_info .detail .list {
	margin-top: 60px;
	border-top: 3px solid #000
}

.old_item_dtl_211029 .item_div .item_info .detail .list:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .item_info .detail .list .top {
	display: table;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #e9e9e9
}

.old_item_dtl_211029 .item_div .item_info .detail .list .top .img {
	display: table-cell;
	width: 60px;
	height: 60px;
	vertical-align: middle
}

.old_item_dtl_211029 .item_div .item_info .detail .list .top .img img {
	width: 60px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .top .name {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	vertical-align: middle
}

.old_item_dtl_211029 .item_div .item_info .detail .list .mid {
	margin-top: 20px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .mid:after {
	content: '';
	display: block;
	clear: both
}

.old_item_dtl_211029 .item_div .item_info .detail .list .mid .txt {
	float: left;
	width: calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.old_item_dtl_211029 .item_div .item_info .detail .list .mid .size {
	float: right;
	width: 110px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #e81d75;
	text-align: right
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot {
	margin-top: 32px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot ul {}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot ul li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	line-height: 26px;
	color: #555
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot ul li:before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #777;
	border-radius: 100%
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .add_txt {
	margin-top: 8px;
	padding-left: 8px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .add_txt p {
	padding-left: 10px;
	text-indent: -10px;
	font-size: 13px;
	line-height: 20px;
	color: #777
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .add_txt p:before {
	content: '*';
	padding-right: 5px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .tag {
	margin-top: 26px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .tag:after {
	content: '';
	display: block;
	clear: both
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .tag span {
	float: left;
	margin: 6px 6px 0 0;
	padding: 10px 18px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: #f3f3f3
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .tag span:before {
	content: '#';
	padding-right: 1px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .bot .tag span:last-child {
	margin-right: 0
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info {
	margin-top: 40px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .text {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .text span {
	text-decoration: underline
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .tit {
	margin-top: 48px;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: #000
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table {
	margin-top: 20px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table table {
	table-layout: fixed
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table table thead th {
	padding: 4px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #000
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table table tbody th {
	padding: 6px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #e81d75;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table table tbody td {
	padding: 6px 0;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table table tbody td p {
	margin-top: 4px
}

.old_item_dtl_211029 .item_div .item_info .detail .list .table_info .table table tbody td p:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .adjunct_div {
	margin-top: 10px;
	padding: 60px 0 100px 0;
	background: #fff
}

.old_item_dtl_211029 .item_div .adjunct_div .sub_tit {
	padding: 0 32px;
	font-weight: 700;
	font-size: 36px;
	line-height: 38px;
	color: #000;
	margin-bottom: 60px;
}

.old_item_dtl_211029 .item_div .adjunct_div .gallery {
	position: relative
}

.old_item_dtl_211029 .item_div .adjunct_div .gallery .list {
	margin-top: 14px
}

.old_item_dtl_211029 .item_div .adjunct_div .gallery .list:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .adjunct_div .gallery .list:after {
	content: '';
	display: block;
	clear: both
}

.old_item_dtl_211029 .item_div .adjunct_div .gallery p {
	float: left;
	margin-left: 14px
}

.old_item_dtl_211029 .item_div .adjunct_div .gallery p:first-child {
	margin-left: 0
}

.old_item_dtl_211029 .item_div .adjunct_div .info {
	margin-top: 20px;
	padding: 0 32px;
}

.old_item_dtl_211029 .item_div .adjunct_div .info .list {
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9
}

.old_item_dtl_211029 .item_div .adjunct_div .info .list:last-child {
	border-bottom: none
}

.old_item_dtl_211029 .item_div .adjunct_div .info .list .name {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #555
}

.old_item_dtl_211029 .item_div .adjunct_div .info .list .txt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #777
}

.old_item_dtl_211029 .item_div .pz_intro_div {
	background: #fff
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro {
	position: relative;
	padding-top: 90px
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 790px;
	z-index: 0;
	background: #f3f3f3
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro .logo {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 128px);
	width: -webkit-calc(100% - 128px);
	height: 64px;
	background: url('/resources/images/ipu/item_intro_logo.png') no-repeat left center
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro .txt {
	position: relative;
	margin-top: 40px;
	padding: 0 64px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro .img {
	position: relative;
	margin-top: 80px;
	padding-right: 64px
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro .left_line {
	margin-top: 60px;
	padding: 0 60px
}

.old_item_dtl_211029 .item_div .pz_intro_div .pd_intro .left_line p {
	padding-left: 12px;
	border-left: 4px solid #000;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div {
	margin-top: 120px
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .sub_tit {
	padding: 0 60px;
	font-weight: 700;
	font-size: 36px;
	line-height: 38px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .form_div {
	position: relative;
	margin-top: 60px;
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .form_div .bg_area {
	margin-left: 147px;
	height: 660px;
	background: url('/resources/images/ipu/item_form_div_bg.png') no-repeat center
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .form_div .card {
	position: absolute;
	bottom: 62px;
	left: 0;
	padding: 167px 0 78px;
	width: 394px;
	height: 394px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center;
	background: url('/resources/images/ipu/item_form_div_card.png') no-repeat;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2)
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .form_div .card span {
	font-weight: 700
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list {
	margin-top: 56px;
	padding: 0 88px 0 60px
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step {
	padding: 24px 0;
	border-bottom: 1px solid #e9e9e9
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step .txt_area {
	padding: 11px 92px 11px 8px
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step .txt_area .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step .txt_area .txt {
	margin-top: 16px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step:nth-child(1) .txt_area {
	background: url('/resources/images/ipu/step_icon1.png') no-repeat right 32px top 50%
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step:nth-child(2) .txt_area {
	background: url('/resources/images/ipu/step_icon2.png') no-repeat right 32px top 50%
}

.old_item_dtl_211029 .item_div .pz_intro_div .step_div .step_list .step:nth-child(3) .txt_area {
	background: url('/resources/images/ipu/step_icon3.png') no-repeat right 32px top 50%
}

.old_item_dtl_211029 .item_div .pz_intro_div .way_div {
	margin-top: 125px
}

.old_item_dtl_211029 .item_div .pz_intro_div .way_div .sub_tit {
	padding: 0 60px;
	font-weight: 700;
	font-size: 36px;
	line-height: 38px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .way_div .img_area {
	margin-top: 48px
}

.old_item_dtl_211029 .item_div .pz_intro_div .way_div .img_area .img {}

.old_item_dtl_211029 .item_div .pz_intro_div .way_div .img_area .img img {
	width: 100%
}

.old_item_dtl_211029 .item_div .pz_intro_div .way_div .notice {
	margin-top: 10px;
	padding: 0 135px;
	font-size: 16px;
	line-height: 24px;
	color: #555
}

.old_item_dtl_211029 .item_div .pz_intro_div .special_div {
	margin-top: 160px
}

.old_item_dtl_211029 .item_div .pz_intro_div .special_div .sub_tit {
	padding: 0 60px;
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .special_div .sub_txt {
	padding: 0 60px;
	margin-top: 32px;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .special_div .img {
	margin-top: 48px
}

.old_item_dtl_211029 .item_div .pz_intro_div .special_div .img img {
	width: 100%
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div {
	margin-top: 120px
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .sub_tit {
	padding: 0 60px;
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .sub_txt {
	padding: 0 0 0 60px;
	margin-top: 32px;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .img {
	margin-top: 48px
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .img img {
	width: 100%
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .mark_div {
	margin: 60px auto 0;
	width: 410px
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .mark_div:after {
	content: '';
	display: block;
	clear: both
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .mark_div div {
	float: left;
	margin-left: 56px;
	width: 99px
}

.old_item_dtl_211029 .item_div .pz_intro_div .manage_div .mark_div div:first-child {
	margin-left: 0
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div {
	margin-top: 160px;
	padding-bottom: 100px
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .logo {
	width: 100%;
	height: 44px;
	background: url('/resources/images/ipu/item_end_logo.png') no-repeat center;
	background-size: 198px 44px
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .sub_logo {
	margin-top: 7px;
	font-size: 26px;
	line-height: 26px;
	color: #000;
	text-align: center
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area {
	margin-top: 80px;
	text-align: center
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area p {
	margin-top: 6px;
	font-size: 11px;
	line-height: 16px;
	color: #555
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area p:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area div {
	margin-top: 6px;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: #555
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area div:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area b {
	padding-left: 4px;
	font-weight: 500
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area .tel {
	margin-top: 8px
}

.old_item_dtl_211029 .item_div .pz_intro_div .info_div .txt_area a {
	color: #555
}

.old_item_dtl_211029 .item_div .inform_div {
	background: #fff
}

.old_item_dtl_211029 .item_div .inform_div .list {
	border-top: 1px solid #e9e9e9
}

.old_item_dtl_211029 .item_div .inform_div .list:last-child {
	border-bottom: 1px solid #e9e9e9
}

.old_item_dtl_211029 .item_div .inform_div .list .open {
	display: block;
	padding: 30px 76px 30px 24px;
	font-size: 20px;
	line-height: 22px;
	color: #000;
	background: url('/resources/images/common/icn_down_gray.png') no-repeat right 30px top 50%
}

.old_item_dtl_211029 .item_div .inform_div .list .close {
	display: none;
	padding: 24px;
	background: #f9f9f9;
	border-top: 1px solid #e9e9e9;
	position: relative;
	top: 0;
	right: 0;
}

.old_item_dtl_211029 .item_div .inform_div .list .close .tit:first-child {
	margin-top: 0
}

.old_item_dtl_211029 .item_div .inform_div .list .close .tit {
	margin-top: 25px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.old_item_dtl_211029 .item_div .inform_div .list .close .txt {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	color: #555
}

.old_item_dtl_211029 .item_div .inform_div .list .close .txt b {
	font-weight: 400;
	color: #333
}

.old_item_dtl_211029 .item_div .inform_div .list .close table {
	border-top: 1px solid #ddd;
	table-layout: fixed
}

.old_item_dtl_211029 .item_div .inform_div .list .close table th {
	padding: 14px 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd
}

.old_item_dtl_211029 .item_div .inform_div .list .close table td {
	padding: 14px 10px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.old_item_dtl_211029 .item_div .inform_div .list.on .open {
	background: url('/resources/images/common/icn_up_gray.png') no-repeat right 32px top 50%
}

.old_item_dtl_211029 .item_div .appli_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 32px 0;
	width: 100%;
	border-top: 1px solid #e9e9e9;
	background: #fff;
	text-align: center;
	z-index: 1
}

.old_item_dtl_211029 .item_div .appli_btn .box {
	display: inline-block;
	width: 478px;
	height: 80px;
	padding: 29px 24px;
	background: #2a204e;
	cursor: pointer
}

.old_item_dtl_211029 .item_div .appli_btn .box:after {
	content: '';
	display: block;
	clear: both
}

.old_item_dtl_211029 .item_div .appli_btn .box .left {
	float: left;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: left
}

.old_item_dtl_211029 .item_div .appli_btn .box .right {
	float: right;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #ff439c;
	text-align: left
}

.old_item_dtl_211029 .item_div .appli_btn .box .center {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center
}

/* 남성 */
.old_item_dtl_211029 .item_div.male .puzzle_logo {
	background: url('/resources/images/ipu/item_top_logo_male.png') no-repeat
}

.old_item_dtl_211029 .item_div.male .top_thumb .title span {
	color: #19d3c5
}

.old_item_dtl_211029 .item_div.male .item_info .info .name span {
	color: #19d3c5
}

.old_item_dtl_211029 .item_div.male .item_info .detail .list .mid .size {
	color: #19d3c5
}

.old_item_dtl_211029 .item_div.male .item_info .detail .list .table_info .table table tbody th {
	color: #02bbb2
}

.old_item_dtl_211029 .item_div.male .pz_intro_div .pd_intro .logo {
	background: url('/resources/images/ipu/item_intro_male_logo.png') no-repeat left center
}

.old_item_dtl_211029 .item_div.male .pz_intro_div .step_div .step_list .step:nth-child(1) .txt_area {
	background: url('/resources/images/ipu/step_male_icon1.png') no-repeat right top 50%;
	background-size: 84px
}

.old_item_dtl_211029 .item_div.male .pz_intro_div .step_div .step_list .step:nth-child(2) .txt_area {
	background: url('/resources/images/ipu/step_male_icon2.png') no-repeat right top 50%;
	background-size: 84px
}

.old_item_dtl_211029 .item_div.male .pz_intro_div .step_div .step_list .step:nth-child(3) .txt_area {
	background: url('/resources/images/ipu/step_male_icon3.png') no-repeat right top 50%;
	background-size: 84px
}

.old_item_dtl_211029 .item_div.male .pz_intro_div .info_div .logo {
	background: url('/resources/images/ipu/item_end_male_logo.png') no-repeat center;
	background-size: 198px 44px
}

.old_item_dtl_211029 .item_div.male .appli_btn .right {
	color: #19d3c5
}


/*******************************************************************************************************/


/* 이벤트 관련 */
.hundred_event {}

.hundred_event .accor_div {}

.hundred_event .accor_div .list:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .open {
	display: block;
	padding: 32px 0;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	background: url('/resources/images/common/icn_down.png') no-repeat right 20px top 50%;
	background-size: 24px;
	border-bottom: 1px solid #ddd
}

.hundred_event .accor_div .list .open span {
	color: #7b23a8
}

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

.hundred_event .accor_div .list .close {
	display: none;
	padding: 24px 0 60px
}

.hundred_event .accor_div .list .close .hundred_tab:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .hundred_tab a {
	float: left;
	margin-left: 20px;
	padding: 39px 19px 39px 60px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	border: 1px solid #ddd;
	border-radius: 10px;
	background: url('/resources/images/radio_icon_56x56.png') no-repeat 19px center;
	background-size: 28px
}

.hundred_event .accor_div .list .close .hundred_tab a:first-child {
	margin-left: 0
}

.hundred_event .accor_div .list .close .hundred_tab a:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb {
	float: left;
	padding: 6px 0;
	width: 72px;
	height: 72px;
	background: #f7f7f7;
	border-radius: 8px;
	text-align: center
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb img {
	height: 60px
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb img:nth-child(1) {
	display: inline
}

.hundred_event .accor_div .list .close .hundred_tab a .thumb img:nth-child(2) {
	display: none
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area {
	float: left;
	padding: 5px 0 5px 10px;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px)
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #777
}

.hundred_event .accor_div .list .close .hundred_tab a:first-child .txt_area .tit {
	padding-top: 15px
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area .txt {
	margin-top: 4px;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #777
}

.hundred_event .accor_div .list .close .hundred_tab a .txt_area .noti {
	margin-top: 2px;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #777
}

.hundred_event .accor_div .list .close .hundred_tab a.on {
	border: 1px solid #7b23a8;
	background: url('/resources/images/radio_icon_56x56_on.png') no-repeat 19px center;
	background-size: 28px
}

.hundred_event .accor_div .list .close .hundred_tab a.on .thumb img:nth-child(1) {
	display: none
}

.hundred_event .accor_div .list .close .hundred_tab a.on .thumb img:nth-child(2) {
	display: inline
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .tit {
	color: #000
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .txt {
	color: #000
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .txt span {
	font-weight: 700;
	color: #7b23a8
}

.hundred_event .accor_div .list .close .hundred_tab a.on .txt_area .noti {
	color: #7b23a8
}

.hundred_event.already .accor_div {
	position: relative
}

.hundred_event.already .accor_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7)
}

.hundred_event.already .accor_div:after {
	content: '';
	position: absolute;
	bottom: 113px;
	left: 50%;
	transform: translateX(-50%);
	width: 320px;
	height: 96px;
	background: url('/resources/images/event_hundred_time_open.png') no-repeat;
	background-size: 320px 96px
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a {
	padding: 29px 19px 29px 60px
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a .thumb {
	margin: 10px 0
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a .txt_area {
	padding: 0 0 0 10px
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a .txt_area .noti {
	margin-top: 0
}

.hundred_event.other_type .accor_div .list .close .hundred_tab a:first-child .txt_area .tit {
	padding-top: 14px
}

.hundred_event .accor_div .list .close .choice_pd {
	margin-top: 24px
}

.hundred_event .accor_div .list .close .choice_pd:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_pd .pd_list {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 228px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list:nth-child(4n+1) {
	clear: both;
	margin-left: 0
}

.hundred_event .accor_div .list .close .choice_pd .pd_list:nth-child(n+5) {
	margin-top: 40px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 228px;
	height: 228px;
	z-index: 1
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box label {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	border: 1px solid #f7f7f7
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box label:after {
	top: 9px;
	left: 9px;
	transform: translate(0, 0);
	width: 28px;
	height: 28px;
	background: url('/resources/images/chk_icon_56x56.png') no-repeat center;
	background-size: 28px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box.on label {
	border: 1px solid #7b23a8
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .chk_box.on label:after {
	background: url('/resources/images/chk_icon_56x56_on.png') no-repeat center;
	background-size: 28px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb {
	display: block;
	position: relative;
	background: #f7f7f7;
	border-radius: 20px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb:after {
	content: '';
	display: block;
	padding-bottom: 100%
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb img {
	position: absolute;
	top: 24px;
	left: 24px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px)
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb img:nth-child(2) {
	display: none;
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area {
	display: block;
	margin-top: 20px;
	font-weight: 400
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name {
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name span {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name span:before {
	content: '';
	display: block;
	margin-top: 4px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .name strong {
	display: none;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #7b23a8;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div {
	margin-top: 10px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price {
	display: inline-block;
	margin-left: 4px
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price:nth-child(1) {
	margin-left: 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	color: #e81d75
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price:nth-child(1) span {
	display: inline-block;
	font-size: 24px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .txt_area .price_div .price:nth-child(2) {
	font-size: 20px;
	line-height: 32px;
	color: #bbb;
	text-decoration: line-through
}

.hundred_event .accor_div .list .close .choice_pd .pd_list .thumb:before {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 3px 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	border-radius: 4px;
	color: #7b23a8;
	background: #fff;
	z-index: 1
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.red .thumb:before {
	content: '추천';
	color: #e62423;
	border: 1px solid #e62423
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.yellow .thumb:before {
	content: '권장';
	color: #ffa900;
	border: 1px solid #ffa900
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.recomm .thumb:before {
	content: '전문가 추천';
	color: #e81d75;
	border: 1px solid #e81d75
}

.hundred_event .accor_div .list .close .choice_pd .pd_list.sugge .thumb:before {
	content: '기초 영양 제안';
	color: #06d200;
	border: 1px solid #06d200
}

.hundred_event .accor_div .list .close .choice_info_area {
	padding: 0 10px;
	font-weight: 400
}

.hundred_event .accor_div .list .close .choice_info_area:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area {
	position: relative;
	float: left;
	padding-right: 121px;
	width: 608px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 60px;
	width: 1px;
	height: 182px;
	background: #eee
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .pack {
	display: none
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top {}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top>.tit {
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top>.tit.tool {
	position: relative;
	padding-right: 18px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/resources/images/common/m_bmi_noti_icon.png') no-repeat center;
	background-size: 16px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top .count {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #7b23a8
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top .count.error {
	color: #e62423
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .top .count span {
	display: inline-block;
	margin-left: 2px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list {
	margin-top: 10px;
	padding: 20px 24px;
	background: #f7f7f7;
	border-radius: 10px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list .check {
	float: left;
	margin-left: 40px;
	padding-left: 18px;
	font-size: 16px;
	line-height: 20px;
	color: #ccc;
	background: url('/resources/images/hundred_event_checklist.png') no-repeat left center;
	background-size: 16px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list .check:first-child {
	margin-left: 0
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .check_list .check.on {
	color: #000;
	background: url('/resources/images/hundred_event_checklist_on.png') no-repeat left center;
	background-size: 16px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info {
	margin-top: 24px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line {
	margin-top: 10px
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line .tit {
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line .price {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .left_area .price_info .line .price span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .right_area {
	float: left;
	width: 344px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top {
	padding-top: 11px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top .price {
	float: right;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .top .price span {
	display: inline-block;
	font-size: 24px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info {
	margin-top: 10px;
	padding: 20px 24px;
	background: #f7f7f7;
	border-radius: 10px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line {
	margin-top: 10px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line:first-child {
	margin-top: 0
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line:after {
	content: '';
	display: block;
	clear: both
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line .tit {
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #555
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .info .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .chk_div {
	position: relative;
	margin-top: 24px
}

.hundred_event .accor_div .list .close .choice_info_area .right_area .chk_div .view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 24px;
	color: #7b23a8;
	text-decoration: underline
}

.hundred_event .last_btn {
	display: block;
	margin: 72px auto 0;
	padding: 18px 0;
	width: 320px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #5b1a7c;
	border-radius: 6px
}

.hundred_event.pack .accor_div .list .close .choice_pd .pd_list .thumb img:nth-child(1) {
	display: none
}

.hundred_event.pack .accor_div .list .close .choice_pd .pd_list .thumb img:nth-child(2) {
	display: block
}

.hundred_event.pack .accor_div .list .close .choice_pd .pd_list .txt_area .name strong {
	display: inline-block
}

.hundred_event.pack .accor_div .list .close .choice_info_area .left_area .bottle {
	display: none
}

.hundred_event.pack .accor_div .list .close .choice_info_area .left_area .pack {
	display: block
}

.wadiz_event .code {
	padding: 113px 166px 80px
}

.wadiz_event .code .box {
	position: relative;
	padding: 73px 110px 60px;
	background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
	text-align: center
}

.wadiz_event .code .box .type {
	position: absolute;
	top: -33px;
	left: 50%;
	transform: translateX(-50%);
	width: 182px;
	height: 66px
}

.wadiz_event .code .box .txt {
	padding: 7px 0;
	height: 80px;
}

.wadiz_event .code .box .txt img {
	max-width: none;
	height: 100%
}

.wadiz_event .code .box .code_input {
	margin-top: 48px
}

.wadiz_event .code .box .code_input:after {
	content: '';
	display: block;
	clear: both
}

.wadiz_event .code .box .code_input .tit {
	float: left;
	padding: 17px 0;
	width: 133px;
	height: 60px;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	background: #eee;
	border: 1px solid #ddd;
	border-right: none;
	border-radius: 6px 0 0 6px
}

.wadiz_event .code .box .code_input input {
	float: left;
	padding: 16px 20px 18px;
	width: 287px;
	height: 60px;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-left: none;
	border-radius: 0 6px 6px 0;
	caret-color: #000
}

.wadiz_event .code .box .won {
	margin-top: 24px;
	height: 66px
}

.wadiz_event .code .box .won img {
	max-width: none;
	height: 100%
}

.wadiz_event .code .box .dday {
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	color: #777
}

.wadiz_event .code .box .btn {
	display: block;
	margin-top: 60px;
	padding: 18px 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background: #5b1a7c;
	border-radius: 6px
}

.wadiz_pop {
	padding: 40px 20px 20px;
	width: 360px;
	text-align: center
}

.wadiz_pop .tit {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.wadiz_pop .won {
	margin-top: 16px;
	height: 66px
}

.wadiz_pop .won img {
	height: 100%
}

.wadiz_pop .dday {
	margin-top: 6px;
	font-size: 18px;
	line-height: 24px;
	color: #777
}

.wadiz_pop .btn {
	display: block;
	margin-top: 40px;
	padding: 14px 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background: #5b1a7c;
	border-radius: 6px
}

.page_bottom_noti {
	margin-top: 120px;
	padding: 24px 20px;
	background: #f9f9f9
}

.page_bottom_noti .tit {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.page_bottom_noti .dot_indent {
	margin-top: 12px
}

.page_bottom_noti .dot_indent p {
	font-weight: 400;
}

.page_bottom_noti .txt {
	margin-top: 24px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #777
}