@charset "UTF-8";

/* 구독관리 */
.in_sec .lk_date_detail.off {
	padding-bottom: 24px;
	border-top: solid 2px #000 !important;
	border-bottom: solid 2px #000;
}

.in_sec .lk_date_detail+.sub_sec {
	border-top: 1px solid #ccc
}

.in_sec .lk_date_detail+.lk_date_detail {
	border-top: 1px solid #ccc
}

.in_sec .lk_date_detail .off_box {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 0 5px;
	background-color: #000;
}

.in_sec .sub_sec {
	padding: 16px 0;
	border-bottom: 1px solid #ccc
}

.in_sec .sub_sec h3 {
	font-size: 16px;
	line-height: 24px;
	color: #095aba;
	font-weight: 700;
}

.in_sec .sub_sec h3+.inner_con {
	margin-top: 16px;
}

.in_sec .sub_sec .desc_box {
	padding: 16px;
	background-color: #fbfbfb;
}

.in_sec .sub_sec .data_desc {
	margin: 19px 0 24px;
}

.in_sec .sub_sec h3+.btn_wh_big, .in_sec .sub_sec .desc_box+.btn_wh_big
	{
	margin-top: 16px
}

.in_sec .sub_sec .desc_box+.button_combo {
	margin-top: 16px
}

.in_sec .item_list .item_wrap.disabled a {
	opacity: 0.25;
	cursor: inherit;
}

.in_sec .item_list .item_wrap.disabled:after {
	content: "단종";
	position: absolute;
	top: 0;
	display: inline-block;
	width: 24px;
	height: 14px;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	background-color: #000;
}

.in_sec .item_list.sub {
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px
}

.in_sec .item_list.sub .item_wrap .item_detail .s_brand {
	font-weight: bold;
}

.in_sec .item_list.sub .item_wrap .item_detail:after {
	content: inherit;
}

/* 구독 주문 히스토리 */
.pr_title+.schedule_list.history {
	margin-top: 16px;
}

.schedule_list.history {
	border-top: 1px solid #ccc;
}

.schedule_list.history li {
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.schedule_list.history li+li {

}

.schedule_list.history li a {
	padding-left: 0;
	background-color: #fff;
}

.schedule_list.history li a span {
	color: #707070;
}

.schedule_list.history li a:after {
	right: 0;
}

.schedule_list.history+.btn_wh_big {
	margin-top: 32px;
}

/* 구독관리 - [팝업]변경하기 */
.in_sec.first {
	padding-bottom: 32px;
	border-top: none;
	border-bottom: none;
}

.in_sec.first .item_list.sub {
	margin-bottom: 0;
	padding: 0;
	border-bottom: none;
}

/* 결제처리-아코디언 */
.drop_list.type02.payment li .drop_top {
	padding-bottom: 8px;
}

.drop_list.type02.payment li .drop_bottom {
	padding: 0 0 20px;
	border-top: none;
}

/* 레이어- 달력 */
.layer_fix_popup .layer_inner .calendar_wrap {
	padding: 20px 12px 0;
}

.layer_fix_popup .layer_inner .calendar_wrap .Contents {
	padding: 10px 12px 0;
}

.calendar_wrap_jy {
	height: 330px;
}

/* 버튼: 아이콘 추가 */
.btn_wh_big.icon {
	position: relative;
}

.btn_wh_big.icon .icon_box {
	position: absolute;
	right: 8px;
}

.btn_wh_big.icon .icon_box strong {
	line-height: 48px;
}

.btn_wh_big.icon .icon_box strong+strong {
	margin-left: 4px;
}

.btn_wh_big.icon .icon_box .ic_reward {
	color: #ffba00;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
}

.btn_wh_big.icon .icon_box .ic_beauty {
	position: relative;
	color: #7ebcee;
	font-size: 12px;
	/*line-height: 18px;*/
	font-weight: 700;
	padding-left: 16px;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
}

/* 콤보버튼 : 툴팀 사용*/
.button_combo .mng_wrap {
	flex: 1 1 33.3%;
}

.button_combo .mng_wrap:first-child {
	margin-right: 8px;
}

.button_combo .mng_wrap .mng_tooltip {
	padding-right: 16px;
}

.button_combo .mng_wrap .mng_tooltip .btn_close {
	padding: 2px;
}

.button_combo .mng_wrap .mng_tooltip.top {
	top: inherit;
	bottom: 65px;
}

.button_combo .mng_wrap .mng_tooltip .text {
	width: auto;
	font-size: 14px;
	color: #000;
	line-height: 20px;
}

.button_combo .mng_wrap .mng_tooltip.top:after {
	top: initial;
	bottom: -18px;
	transform: rotate(180deg);
}

.button_combo .mng_wrap .btn_close span {
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
}

.pb_24 {
	padding-bottom: 24px !important
}

/* 달력 추가 */
.calendar_wrap .tb_calendar td .active {
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 11;
}

.calendar_wrap .tb_calendar td .active:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 30px;
	background-color: #6e6c6c;
	z-index: -1;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -11px;
}

.calendar_wrap .tb_calendar td .Unable {
	display: inline-block;
	position: relative;
	z-index: 11;
}

.calendar_wrap .tb_calendar td .Unable:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 30px;
	border: 1px solid #000;
	background-color: #fff;
	z-index: -1;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -11px;
}

.calendar_wrap .tb_calendar td .black_circle {
	display: inline-block;
	position: relative;
	z-index: 11;
}

.calendar_wrap .tb_calendar td .black_circle:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 30px;
	border: 1px solid #000;
	z-index: -1;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -11px;
}

/* -------------------------------------------------------------------------------------------- */
/* 추가 */

/* s: 8_hyper_bespoke_result_01.html */

/* wrapper */
.sub_contents {
	background: #f7f7f7;
}
.sub_contents div.sb_container {
	padding: 0;
}
.sub_contents .sb_container .max_width_600 {
	padding: 24px;
}
.sub_contents .sb_container .bigwrap_jy {
	padding: 24px 24px 64px;
}
.sub_contents .sb_container .bigwrap_jy .sec {
	padding: 0;
}
.sub_contents .sb_container .bigwrap_jy .sec + .sec {
	padding-top: 24px;
}
.sub_contents .sb_container .bigwrap_jy .sec_block + .sec {
	padding-top: 24px;
}
.sub_contents .sb_container .bigwrap_jy:has(.sec2) {
	padding-top: 0;
}

.sub_contents .sb_container .contents {
	padding: 24px;
}
.sub_contents .sb_container .contents .sec {
	padding-top: 24px;
}
.sub_contents .sb_container .sec {
	padding: 24px;
}
.sub_contents .sb_container .membership_content .sec {
	padding: 0;
}
.sub_contents .sb_container .bigwrap_jy:has(.prms_content) {
	padding: 0 0 64px 0;
}
.sub_contents .sb_container .bigwrap_jy:has(.prms_content) .sec {
	padding: 24px;
}
.sub_contents .sb_container .bigwrap_jy:has(#ordCustNm) {
	padding: 24px;
}
.sub_contents .sb_container .bigwrap_jy:has(.description_box) {
	padding: 0;
}
.sub_contents .sb_container .bigwrap_jy:has(.part_wrap) {
	padding: 0 0 64px 0;
}
.sub_contents .sb_container .bigwrap_jy .cosmetics_list {
	margin-top: 0;
}
.sub_contents .sb_container #review .bigwrap_jy {
	padding: 0;
}

.bigwrap_jy .sec_review {
	padding-bottom: 24px;
}

.cp_container.type02.container_height100 {
	height: 100%;
}

.bigwrap_jy{
	position: relative;
	height: auto;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 96px;
	min-height: calc(100vh - 60px);
}
@media(min-width: 600px){
	.bigwrap_jy .visual_area {
		height: unset;
	}
	.bigwrap_jy .visual_area .swiper-slide {
		height: 100%;
	}
	.bigwrap_jy .story_tabmenu_jy {
		left: 100px;
		width: calc(100% - 200px);
	}
	.bigwrap_jy .feed_body .feed_thumb_list li {
		height: 100%;
	}
	.bigwrap_jy .hashtag_list li a img {
		height: auto;
	}
}

.sub_contents .sb_container .searchCheck > .sec {
	padding: 42px 24px 24px 24px;
}

.no_bounce_jy{
	height  : 100%;
	overflow: hidden;
}
.no_bounce_jy > body{
	height: 100%;
	overflow: auto;
}

div.sub_wrap{
	background: #f7f7f7;
}

.sb_container.result_wrapper_jy {
	width: 100%;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	height: 100%;
	background: #f7f7f7;
}
.sb_container.result_wrapper_jy.type04 {
	width: 100%;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	height: 100%;
	background: #f7f7f7;
	padding-bottom: 0;
}
.sb_container.result_wrapper_jy .fix_header {
	max-width: 600px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}

.sb_container.ai_result_wrapper {
	margin-top: 60px;
}

.result_wrapper_jy>.cp_container .short_sec_jy {
	padding-top: 14px;
}

.cp_header.no_height_jy {
	height: unset;
}

/* 버튼 */
.btn_shopping_cart {
	display: inline-block;
	padding: 8px;
	position: relative;
}

.btn_shopping_cart span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/images/btn_shopping_cart.png) center center no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	text-indent: -9999px
}

.btn_shopping_cart_bl {
	display: inline-block;
	padding: 8px
}

.btn_shopping_cart_bl span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/images/btn_shopping_cart_bl.png) center center
	no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	text-indent: -9999px
}

.btn_see_box_jy>a {
	display: inline-block;
	width: 12px;
	height: 6px;
	background: no-repeat url(/images/ic_receipt_down_arrow.png) center
	center;
	background-size: contain;
}

.btn_gray_big_jy {
	display: inline-block;
	padding: 14px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	width: 100%;
	height: 50px;
	border: 1px solid #bfbfbf;
	background: #fff;
}

.btn_gray_big_jy>span {
	display: inline-block;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

.btn_green_big {
	display:block;
	width:100%;
	height:48px;
	line-height:48px;
	background-color:#d2ebe5;
	font-size:14px;
	text-align:center;
	color:#000;
	font-weight:700;
	position: relative;
}
.btn_green_big > .arrow_right {
	width: 6px;
	height: 10px;
	display: inline-block;
	background: no-repeat url(/images/ic_arrow_right_list.png);
	background-size: contain;
	position: relative;
	left: 5px;
}

/* color */
.t_crimson_jy {
	color: #ff3100;
}

.t_darkcyan_jy {
	color: #399497;
}

.t_lightsteelblue {
	color: #5b769d;
}

.t_darkgreen {
	color: #006978 !important;
}

.bg_yellow_jy {
	box-shadow: inset 0 -12px 0 #fffaa6;
}

.bg_green_jy {
	box-shadow: inset 0 -12px 0 #d2ebe5;
}

.bg_green_full_jy {
	background: #d2ebe5;
}

.bg_lightsteelblue_jy {
	background: #bbcde7;
}

.bg_lightgray_jy {
	background: #f7f7f7;
}

/* txt */
.txt_6_1_jy {
	font-size: 12px;
	line-height: 14px
}

.txt_2_vw {
	font-size: 5.625vw;
    line-height: 7.8125vw;
}

.txt_5_vw {
	font-size: 4.0625vw !important;
    line-height: 6.25vw !important;
    font-weight: bold !important;
}

.txt_5_1_vw {
	font-size: 4.0625vw !important;
    line-height: 6.25vw !important;
}

.txt_6_vw {
	font-size: 3.75vw !important;
	line-height: 5.625vw !important;
}

.txt_3_vw {
	font-size: 4.6875vw !important;
	line-height: 7.5vw !important;
	font-weight: bold;
}

/* 여백 */
.mt_2 {
	margin-top: 2px !important
}

.mt_6 {
	margin-top: 6px !important
}

.mt_7 {
	margin-top: 7px !important
}

.mt_10 {
	margin-top: 10px !important
}

.mt_14 {
	margin-top: 14px !important
}

.mt_15-5 {
	margin-top: 15.5px !important
}

.mt_18 {
	margin-top: 18px !important
}

.mt_23 {
	margin-top: 23px !important
}

.mt_23-5 {
	margin-top: 23.5px !important
}

.mt_29 {
	margin-top: 29px !important
}

.mt_30 {
	margin-top: 30px !important
}

.mt_35-5 {
	margin-top: 35.5px !important
}

.mt_40 {
	margin-top: 40px !important
}

.mt_46 {
	margin-top: 46px !important
}

.mt_48 {
	margin-top: 48px !important
}

.mt_62 {
	margin-top: 62px !important
}

.mt_72 {
	margin-top: 72px !important
}

.pt_30 {
	padding-top: 30px !important
}

.pt_60 {
	padding-top: 60px !important
}

.pt_88 {
	padding-top: 88px !important
}

.pb_0 {
	padding-bottom: 0 !important
}

.pb_15 {
	padding-bottom: 15px !important
}

.pb_27-5 {
	padding-bottom: 27.5px !important
}

.pb_23-5 {
	padding-bottom: 23.5px !important
}

.pb_72 {
	padding-bottom: 72px !important
}

/* border */
.bb_bl_jy {
	border-bottom: 0.5px solid #000;
}

.gbdr2 {
	border-bottom: 2px solid #000;
}

.bb_gray_jy {
	border: 1px solid #BFBFBF;
}

/* header */
.cp_header .inner_header .title_jy {
	width: auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
}

/* sec1 */
.result_wrapper_jy>.cp_container {
	height: 100%;
}
.result_wrapper_jy>.cp_container .bigwrap_jy {
	padding: 24px 24px 96px 24px;
}

.txt_6_jy {
	padding: 9px 0 10px;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	text-align: center;
}

.skin_type_jy {
	padding: 20px 0 14px;
}

.skin_type_jy .feed_hashtag .unit_hashtag_jy li {
	margin-right: unset;
}

.tab_menu_wrap_jy {
    position: relative;
    top: 56px;
}
.tab_menu_wrap_jy>ul {
	width: 100%;
	position: fixed;
    top: 60px;
    left: 0;
    z-index: 12;
}

.tab_menu_wrap_jy > ul li a::after {
	display: block;
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.tab_menu_wrap_jy>ul li {
	flex: 1 1;
	height: 50px;
	position: unset;
}

.tab_menu_wrap_jy>ul li a {
	padding-top: 12px;
}
.tab_menu_wrap.tab_menu_wrap_jy>ul li a > span {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: normal;
}

.tab_menu_wrap_jy > ul li.on a > span {
    padding-bottom: 9px;
    font-weight: bold;
}
.tab_menu_wrap.tab_menu_wrap_jy > ul li.on a > span::after {
	bottom: -5px;
}

.tab_menu_wrap_jy .in_tab_jy {
	display: none;
}

.tab_menu_wrap_jy .in_tab_jy.on {
	display: block;
}

/* sec1_상세 텝01 */
.row_bar_level_jy {

}

.row_bar_level_jy>ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.row_bar_level_jy>ul>li {
	position: relative;
	width: calc(75% / 3);
	display: flex;
	justify-content: center;
}

.row_bar_level_jy>ul>li::before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: relative;
    left: -1.5625vw;
	top: 1px;
}

.row_bar_level_jy>ul>li:nth-child(1)::before {
	background: #ff3100;
}

.row_bar_level_jy>ul>li:nth-child(2)::before {
	background: #fce36c;
}

.row_bar_level_jy>ul>li:nth-child(3)::before {
	background: #9bd3c4;
}

.row_bar_graph_jy {

}

.row_bar_graph_jy>div {
	position: relative;
	padding-top: 29px;
}

.row_bar_graph_jy>div+div {
	margin-top: 24px;
}

.row_bar_graph_jy>div {
	position: relative;
}

.row_bar_graph_jy>div>h2 {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.row_bar_graph_jy>div .row_bar_wrap_jy {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_word_jy {
	white-space: nowrap;
	font-size: 10px;
	line-height: 12px;
	color: #9d9d9d;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_word_jy:first-child {
	padding-right: 10px;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_word_jy:last-child {
	padding-left: 10px;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy {
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 5px;
	background: #f2f2f2;
	position: relative;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.line {
	display: inline-block;
	position: absolute;
	height: 10px;
	top: -140%;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.line:nth-child(1) {
	display: inline-block;
	left: 33%;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.line:nth-child(2) {
	display: inline-block;
	left: 66%;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.line>img {
	height: 100%;
	object-fit: contain;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	top: -70%;
	transform: translateX(50%);
	right: 0;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_01
{
	background: #9bd3c4;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_02
{
	background: #f39b4d;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_03
{
	background: #ff3100;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_03::before
{
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border-top: 7px solid #000;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	top: -80%;
	left: 10%;
}

.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_03::after
{
	display: inline-block;
	content: '심각';
	width: 37px;
	height: 22px;
	border-radius: 3px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 11px;
	position: absolute;
	top: -225%;
	left: -75%;
	line-height: 23px;
}

.row_bar_text_jy>p+p {
	margin-top: 16px;
}

/* sec1_상세 텝02 */
.column_bar_level_jy {

}

.column_bar_level_jy>ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.column_bar_level_jy>ul>li {
	position: relative;
}

.column_bar_level_jy>ul>li::before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: -15px;
	top: 1px;
}

.column_bar_level_jy>ul>li:nth-child(1)::before {
	background: #000;
}

.column_bar_level_jy>ul>li:nth-child(2)::before {
	background: #ccc;
}

.column_bar_level_jy>ul>li+li {
	margin-left: 39px;
}

.column_bar_graph_jy {

}

.column_bar_graph_jy .column_bar_bigbox_jy {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	height: 100px;
	margin-bottom: 40px;
}

.column_bar_graph_jy .column_bar_bigbox_jy .graph_txt_jy {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	width: 25px
}

.column_bar_graph_jy .column_bar_bigbox_jy .graph_txt_jy>div {
	white-space: nowrap;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	position: relative
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .grayline_jy {
	position: absolute;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #ccc;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .grayline_jy:nth-child(1)
{
	top: 0;
	right: 0;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .grayline_jy:nth-child(2)
{
	top: 33%;
	right: 0;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .grayline_jy:nth-child(3)
{
	top: 66%;
	right: 0;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .grayline_jy:nth-child(4)
{
	top: 100%;
	right: 0;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy
{
	position: relative;
	flex: 1 1 auto;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy div
{
	display: inline-block;
	width: 6px;
	border-radius: 5px;
	margin-bottom: 4px;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy div:nth-child(1)
{
	background: #000;
	margin-right: 10px;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy div:nth-child(2)
{
	background: #ccc;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy>span
{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy>span>span
{
	display: inline-block;
	font-weight: 500;
	white-space: nowrap;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy>span>i
{
	display: none;
	width: 14px;
	height: 14px;
	background: no-repeat url(/images/ic_caution.png) center center;
	background-size: contain;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy.on>span>span
{
	color: #dd5130;
	text-decoration: underline;
	margin-right: 2px;
}

.column_bar_graph_jy .column_bar_bigbox_jy .linebox_jy .column_bar_smallbox_jy.on>span>i
{
	display: inline-block;
}

.column_bar_text_jy p {
	font-size: 12px;
	word-break: keep-all;
	line-height: normal;
}

.column_bar_squaretxt_jy {
	padding: 20px;
	border: 1px solid #000;
}

.column_bar_squaretxt_jy p span {
	color: #dd5130;
}

/* sec2 */
/* 맞춤추천 */
.beautycode_jy .beautycode_blackbox_jy {
	position: relative;
	display: inline-block;
	padding: 6px 15px;
	background: #000;
}

.beautycode_jy .beautycode_blackbox_jy div:first-child {
	display: inline-block;
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_copyicon_jy {
	margin-left: 10px;
	display: inline-block;
	cursor: pointer;
	background: no-repeat url(/images/ic_copy.png) center center;
	background-size: contain;
	width: 15px;
	height: 12px;
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_textbox_jy {
	position: absolute;
	top: 46px;
	left: 0;
	display: inline-block;
	padding: 10px 30px;
	background: rgba(52, 216, 198, 0.8);
	border-radius: 17px;
	margin-left: 50%;
	transform: translateX(-50%);
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_textbox_jy::after {
	display: inline-block;
	content: "";
	position: absolute;
	top: -8px;
	right: 33px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #34D8C6;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	opacity: 0.8;
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_textbox_jy .btn_close_sm_jy {
	position: absolute;
	display: inline-block;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_textbox_jy .btn_close_sm_jy span
{
	display: inline-block;
	width: 100%;
	height: 100%;
	background:url(/images/btn_close.png) center center no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	text-indent:-9999px;
	color: transparent;
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_textbox_jy.on {
	display: none;
}

.beautycode_jy .beautycode_blackbox_jy .beautycode_textbox_jy>p {
	white-space: nowrap;
	margin-right: 10px;
}

.beautybottle_jy .beautybottle_line_jy {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	border-radius: 6px;
	overflow: hidden;
}

.beautybottle_jy .beautybottle_line_jy span:first-child {
	display: inline-block;
	width: 0;
	height: 6px;
	transition: 0.5s;
}

.beautybottle_jy .beautybottle_line_jy span:last-child {
	display: inline-block;
	width: 0;
	height: 6px;
	transition: 0.5s;
}

.beautybottle_jy .beautybottle_line_word_jy {
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
}

.beautybottle_jy .beautybottle_line_word_jy>span {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.beautybottle_flexbox_jy {
	display: flex;
	flex-wrap: nowrap;
}

.beautybottle_bigtext_jy {
	margin-top: 10px;
}
.beautybottle_bigtext_jy:first-child {
	margin-top: 12px;
}
.beautybottle_smalltext_jy {
	margin-top: 2px;
}

.beautybottle_flexbox_jy .beautybottle_left_jy {
	width: 100%;
}

.beautybottle_flexbox_jy .beautybottle_left_jy ul li{
	margin-right: 4px;
}

.beautybottle_flexbox_jy .beautybottle_left_jy .beautyline_jy {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #000;
	z-index: 10;
	margin-top: 15px;
}

.beautybottle_flexbox_jy .beautybottle_left_jy .beautyline_jy::before {
	position: absolute;
	right: 0;
	bottom: -250%;
	display: inline-block;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #000;
}

.beautybottle_flexbox_jy .beautybottle_center_jy {
	position: relative;
	width: 80px;
	height: 222px;
	flex-shrink: 0
}

.beautybottle_flexbox_jy .beautybottle_center_jy img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	width: 95px;
	height: 222px;
	object-fit: contain;
	z-index: 0;
}

.beautybottle_flexbox_jy .beautybottle_center_jy p {
    text-align: left;
    font-size: 7px;
    line-height: 9px;
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    width: 50px;
    height: 40px;
}

.beautybottle_flexbox_jy .beautybottle_center_jy .cords span {
	display: block;
	font-size: 7px;
	line-height: 7px;
	color: #000;
	font-family: 'Sora';
	margin-bottom: 1px;
}

.beautybottle_flexbox_jy .beautybottle_center_jy .cords .cords_nametag_jy {
	font-size: 9px;
	line-height: 9px;
	margin-bottom: 5px;
	display: flex;
}

.beautybottle_flexbox_jy .beautybottle_center_jy .cords .cords_capacity_jy {
	font-size: 4px;
    line-height: 4px;
    position: absolute;
    bottom: 8px;
    right: 0;
    transform: rotate(90deg);
}

.beautybottle_flexbox_jy .beautybottle_center_jy p strong {
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 2px
}

.beautybottle_flexbox_jy .beautybottle_center_jy p sup {
	font-size: 8px;
	line-height: 8px;
	font-family: inherit;
}

.beautybottle_flexbox_jy .beautybottle_right_jy {
	width: 100%;
	text-align: right;
}

.beautybottle_flexbox_jy .beautybottle_right_jy ul li {
	margin-left: 4px;
}

.beautybottle_flexbox_jy .beautybottle_right_jy .beautyline_jy {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #000;
	z-index: 10;
	margin-top: 15px;
}

.beautybottle_flexbox_jy .beautybottle_right_jy .beautyline_jy::before {
	position: absolute;
	left: 0;
	bottom: -250%;
	display: inline-block;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #000;
}

.beautytip_jy {
	display: inline-block;
}

.beautytagbox_jy {
	width: 100%;
	height: 120px;
	position: relative;
}

.beautytagbox_jy>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.beautytagbox_jy>video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.beautytagbox_jy .beautytagbox_textbox_jy {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 18px 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.beautytagbox_jy .feed_hashtag .unit_hashtag {
	height: auto;
	overflow: auto;
}

.beautyreviewbox_jy {
	background: #f7f7f7;
	padding: 24px 16px 24px;
}

.beautyreview_jy {
	border: 0.5px solid #000;
	padding: 14px;
	width: 100%;
	height: 240px;
	overflow-y: auto;
}

.beautyreview_jy .beautyreview_information_jy {
	font-size: 10px;
	line-height: 18px;
}

.beautyreview_jy .beautyreview_information_jy .username_jy {
	display: inline-block;
	margin-right: 10px;
	font-size: inherit;
	line-height: inherit;
}

.beautyreview_jy .beautyreview_information_jy .usergender_jy {
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
}

.beautyreview_jy .beautyreview_information_jy .usergender_jy span {
	font-size: inherit;
	line-height: inherit;
}

.beautyreview_jy .beautyreview_information_jy .usergender_jy span:first-child
{
	position: relative;
}

.beautyreview_jy .beautyreview_information_jy .usergender_jy span:first-child::after
{
	display: inline-block;
	content: '';
	width: 1px;
	height: 8px;
	background: #000;
	margin: 0 5px 1px;
}

.beautyreview_jy .beautyreview_skintype_jy {
	font-size: 10px;
	line-height: 18px;
	font-weight: 700;
}

.beautyreview_jy .beautyreview_title_jy>h4 {
	color: #006978;
}

.beautyreview_jy .beautyreview_title_jy::after {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background: #ccc;
	margin: 9.5px 0;
}

.beautyreview_jy .beautyreview_content_jy {
	word-break: keep-all;
	text-align: start;
}

.beautyreview_btnbox_jy .btn_wh_big>span {
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.article_jy .beautyreview_btnbox_jy .btn_white_arrow_big_jy {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 15.5px 0;
	border-top: 1px solid #000;
}

.beautyreview_btnbox_jy .btn_white_arrow_big_jy span {
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

.beautyreview_btnbox_jy .btn_white_arrow_big_jy span:last-child {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: no-repeat url(/images/ic_arrow_right_sm.png) center center;
	background-size: contain;
}

.btn_subscribe_bubble {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #ff3100;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	width: 110px;
	height: 32px;
	margin: 6px 0 0;
	padding: 10px;
	z-index: 1;
}
.btn_subscribe_bubble > span {
	width: 90px;
	height: 12px;
	font-family: SpoqaHanSansNeo;
	font-size: 11px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.09;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}
.btn_subscribe_bubble > span::after {
	top: -6px;
	left: 9%;
	width: 8px;
	height: 6px;
	margin: 0 48px 0 46px;
	display: inline-block;
	content: '';
	border-bottom: 7px solid #ff3100;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	transform: translateX(-50%);
}

.beautyreview_btnbox_jy .btn_subscribe_jy.non_red_text_jy + .btn_subscribe_bubble {
	display: none;
}

/* swiper */
.swiper.beautyswiper_jy {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	height: auto;
}

.beautyswiper_jy .swiper-slide {
	background: inherit;
}

.beautyswiper_jy.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: unset;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.beautyswiper_jy .swiper-pagination .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
}

.beautyswiper_jy .swiper-pagination .swiper-pagination-bullet-active {
	background: #000;
}

.beautyswiper_jy.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
	margin: 0 7px;
}

/* find my skin */
.user_photo_jy {
	position: relative;
	left: -24px;
	width: 100vw;
	min-height: 320px;
}

.user_photo_jy>img {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.user_photo_jy>.skin_status_img_jy {
	z-index: 0;
}

.user_photo_jy>.skin_status_img_jy.on {
	z-index: 10;
}

.skin_status_box_jy {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 23.5px;
}

.skin_status_box_jy .skin_status_jy {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #333;
	padding: 9px 0 12px 0;
	cursor: pointer;
}

.skin_status_box_jy .skin_status_jy+.skin_status_jy {
	margin-left: 5px;
}

.skin_status_box_jy .skin_status_jy.disabled {
	border: 1px solid #ccc;
}

.skin_status_box_jy .skin_status_jy span {
	display: inline-block;
}

.skin_status_box_jy .skin_status_jy span:last-child {
	width: 24px;
	height: 24px;
	margin-top: 6px;
}

.skin_status_box_jy .skin_status_type01_jy>span:last-child {
	background: no-repeat url(/images/ic_fine.png) center center;
	background-size: contain;
}

.skin_status_box_jy .skin_status_type02_jy>span:last-child {
	background: no-repeat url(/images/ic_caution.png) center center;
	background-size: contain;
}

.skin_status_box_jy .skin_status_type01_jy.disabled>span:last-child {
	background: no-repeat url(/images/ic_fine_disabled.png) center center;
	background-size: contain;
}

.skin_status_box_jy .skin_status_type02_jy.disabled>span:last-child {
	background: no-repeat url(/images/ic_caution_disabled.png) center
	center;
	background-size: contain;
}

/* sec3 */
/* 피부 미래 리스크 */
.skin_future_graph_jy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 68px;
	position: relative
}

.skin_future_graph_jy+.skin_future_graph_jy {
	margin-top: 18px;
}

.skin_future_graph_jy>span:first-child {
	line-height: 12px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.skin_future_graph_jy>span:first-child span {
	position: relative;
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
}

.skin_future_graph_jy>span:last-child {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: #fce7e2;
	font-size: 1px;
	color: transparent;
	text-indent: -9999px;
}

.skin_future_graph_jy>span .skin_graph_bar_jy {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 6px;
	border-radius: 3px;
	background: #e8522d;
	opacity: 15%;
}

.skin_future_graph_jy.on>span:first-child span {
	color: #e8522d;
	border-bottom: 1px solid #e8522d;
}

.skin_future_graph_jy.on>span:first-child span::after {
	position: absolute;
	top: 0;
	right: -14px;
	display: inline-block;
	content: '';
	width: 12px;
	height: 12px;
	background: no-repeat url(/images/ic_caution.png) center center;
	background-size: contain;
}

.skin_future_graph_jy.on>span .skin_graph_bar_jy {
	opacity: 100%;
}

.text_graybox_jy {
	padding: 20px;
}

.beautylife_box_jy {
	padding-bottom: 23.5px;
}

.beautylife_jy {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	border: 1px solid #ccc;
	align-items: center;
	padding: 5px;
}

.beautylife_jy+.beautylife_jy {
	margin-top: 16px;
}

.beautylife_jy .beautylife_square_jy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 62px;
	height: 62px;
	text-align: center;
	margin-right: 10px;
}

.beautylife_jy .beautylife_square_jy div:first-child {
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
}

.beautylife_jy .beautylife_square_jy .ic_reward {
	display: inline-block;
	width: 20px;
}

.beautylife_jy .beautylife_text_jy {

}

.beautylife_jy>div:last-child {
	position: absolute;
	right: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: no-repeat url(/images/ic_arrow_right_sm.png) center center;
	background-size: contain;
}

.beautylife_jy:nth-child(1) .beautylife_square_jy {
	border: 1px solid #f06292;
}

.beautylife_jy:nth-child(1) .beautylife_square_jy>div:first-child {
	color: #f06292;
}

.beautylife_jy:nth-child(1) .beautylife_text_jy {
	color: #f06292;
}

.beautylife_jy:nth-child(2) .beautylife_square_jy {
	border: 1px solid #7e57c2;
}

.beautylife_jy:nth-child(2) .beautylife_square_jy>div:first-child {
	color: #7e57c2;
}

.beautylife_jy:nth-child(2) .beautylife_text_jy {
	color: #7e57c2;
}

.beautylife_jy:nth-child(3) .beautylife_square_jy {
	border: 1px solid #66bb6a;
}

.beautylife_jy:nth-child(3) .beautylife_square_jy>div:first-child {
	color: #66bb6a;
}

.beautylife_jy:nth-child(3) .beautylife_text_jy {
	color: #66bb6a;
}

.beautylife_type02_jy {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e5e5e5;
	padding: 16px 16px 16px 21px;
	background: #f7f7f7;
}

.beautylife_type02_jy::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
}

/* .beautylife_type02_jy:nth-child(1)::before {
	background: #ffc8c2;
}

.beautylife_type02_jy:nth-child(2)::before {
	background: #ffdc86;
}

.beautylife_type02_jy:nth-child(3)::before {
	background: #aac8e6;
} */

.beautylife_type02_jy+.beautylife_type02_jy {
	margin-top: 10px;
}

.beautylife_type02_jy .beautylife_text_jy {
	padding-right: 20px;
}

/* sec4 */
.beautytag>span {
	background: #FBFBFB;
	margin: 4px 4px 4px 0;
	padding: 2px;
}

.beauty_txtbox_jy+.beauty_txtbox_jy {
	margin-top: 16px;
}

.beauty_txtbox_jy .beauty_txtbig_jy {
	display: flex;
	flex-wrap: nowrap;
}

.beauty_txtbox_jy .beauty_txtbig_jy>span {
	margin-right: 6px;
	display: inline-block;
	white-space: nowrap;
}

.beauty_txtbox_jy .beauty_txtbig_jy>div {
	display: inline-block;
	word-break: keep-all;
}

.beauty_txtbox_jy .beauty_txtsmall_jy {
	margin-top: 6px;
	word-break: keep-all;
}

.manager_ser_jy {
	padding: 20px;
	border: 1px solid #ccc;
}

.manager_ser_jy .manager_ser_icbox_jy {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.manager_ser_jy .manager_ser_icbox_jy .manager_ser_ic_jy {
	display: inline-block;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	background: no-repeat url(/images/ic_expert.png) center center;
	background-size: contain;
}

.manager_ser_jy .manager_ser_icbox_jy>span:nth-child(2) {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 24px;
	color: #ff3100;
	font-family: 'nanum_himnaeraneunmarbodan';
}

.manager_ser_jy .manager_ser_icbox_jy>span:nth-child(2)::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	display: inline-block;
	content: '';
	width: 100%;
	height: 4px;
	background: no-repeat url(/images/graphy_underline.png) center center;
	background-size: contain;
}

.manager_ser_jy .btn_bk_big {
	font-weight: normal;
	height: 56px;
	line-height: 56px;
}

.questionbox_jy {
	border: 1px solid #ccc;
	padding: 20px 20px 16px;
}

.questionbox_jy .question_jy {
	display: flex;
	flex-wrap: nowrap;
}

.questionbox_jy .question_jy>span {
	font-weight: 500;
}

.questionbox_jy .question_jy>span:first-child {
	margin-right: 10px;
}

.questionbox_jy .answer_jy {
	padding: 20px;
	display: none;
}

.questionbox_jy .answer_jy.on {
	display: block;
}

.questionbox_jy .answer_jy>p {
	word-break: keep-all;
}

.questionbox_jy .answer_jy>p+p {
	margin-top: 10px;
}

.togglebtn_jy {
	display: block;
}

.togglebtn_jy>span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: no-repeat url(/images/ic_arrow_down.png) center center;
	background-size: contain;
}

.togglebtn_jy>span.on {
	background: no-repeat url(/images/ic_arrow_up.png) center center;
	background-size: contain;
}

.foodbigbox_jy {
	display: flex;
	flex-wrap: nowrap;
}

.foodbigbox_jy .food_img_jy {
	display: inline-block;
	position: relative;
	width: 122px;
	height: 122px;
	background: blue;
	margin-right: 16px;
}

.foodbigbox_jy .food_img_jy>a {
	display: inline-block;
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 32px;
	height: 32px;
	padding: 4px;
	background: rgba(255, 255, 255, 32%);
}

.foodbigbox_jy .food_img_jy>a>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.foodbigbox_jy .food_info_jy {
	position: relative;
	width: calc(100% - 122px - 16px);
	padding: 8px 0;
}

.foodbigbox_jy .food_info_jy .txt_6 {
	font-weight: bold;
}

.foodbigbox_jy .food_info_jy div:last-child {
	position: absolute;
	bottom: 0;
}

.foodbigbox_jy .food_info_jy div:last-child>span {
	position: relative;
	margin-right: 8px;
}

.foodbigbox_jy .food_info_jy div:last-child>span>del {
	position: absolute;
	top: -10px;
	left: 0;
	white-space: nowrap;
}

/* e: 8_hyper_bespoke_result_01.html */

/* s: 8_hyper_bespoke_result_02.html */
.beautybottle_title_jy>span {
	display: inline-block;
	padding: 6px 10px;
	font-weight: bold;
	border: 1px solid #399497;
	color: #399497;
}
/* e: 8_hyper_bespoke_result_02.html */

/* s: 8_hyper_bespoke_result_04.html */
.justpadding_jy {
	padding-top: 22px;
}
/* e: 8_hyper_bespoke_result_04.html */

/* s: 8_hyper_bespoke_result_popup_01.html */
.layer_fix_popup .layer_wrap_jy {
	width: auto;
	padding: 32px 24px 24px;
}

.layer_termsbox_jy {
	width: 100%;
	height: 100%;
	max-height: 216px;
	overflow-y: auto;
}

.temrs_content_jy {

}

.temrs_content_jy>p {

}

.temrs_content_jy>p>span {
	font-size: 14px;
	line-height: 18px;
}

.temrs_content_jy>ul {

}

.temrs_content_jy>ul>li {
	position: relative;
}

.temrs_content_jy>ul>li>span {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
}

.temrs_content_jy>ul>li>.txt_6 {
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}

.temrs_content_jy>ul>li>.txt_6>span {
	border-bottom: unset;
}

.temrs_content_jy>ul>li>span>span {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 17px;
	border-bottom: 1px solid #000;
}

.temrs_content_jy>ul>li>span>span::before {
	position: relative;
	bottom: 2px;
	left: 4px;
	display: inline-block;
	content: '';
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #000;
}

.temrs_content_jy>ul>li>p {
	position: relative;
	text-decoration: underline;
}

.terms_checkbox_jy {
	border-top: 2px solid #000;
}

.list_wrap_jy li {
	padding: 24px 0 0 0;
	border: none;
}

.list_wrap_jy li .area_lf {
	padding-left: 28px;
}

.list_wrap_jy .area_check input[type="checkbox"]+label {
	background-position: left bottom;
}

.terms_btnbox_jy {
	display: flex;
	flex-wrap: nowrap;
}

.terms_btnbox_jy>.btn_wh_big {
	width: 90px;
	height: 44px;
	line-height: 44px;
	margin-right: 8px;
}

.terms_btnbox_jy>.btn_bk_big {
	width: 174px;
	height: 44px;
	line-height: 44px;
}

.terms_btnbox_jy>.btn_ok_jy {
	flex: 1;
}

.button_flexbox {
	position: relative;
	justify-content: space-between;
}
.button_flexbox a+a{
	margin-left: 10px;
}

.result_basket_pop {
	position: absolute;
	top: 36px;
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 20px 0;
	background: rgba( 0, 0, 0, 0.8 );
	z-index: 1;
}
.result_basket_pop > span {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}

.result_sub_box {
	position: relative;
}

.result_sale_pop {
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 42px;
	background: #ff3100;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	padding: 10px;
	z-index: 1;
}
.result_sale_pop > span {
	font-size: 11px;
	line-heihgt: 12px;
	color: #fff;
}
.result_sale_pop::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-bottom: 8px solid #ff3100;
	border-top: 0px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	left: 50%;
	transform: translateX(-50%);
	top: -7px;
	z-index: 1;
}

.result_layer_body {
	padding: 0 24px;
	position: relative;
}
.result_layer_body .close_btnbox {
	position: absolute;
	right: 0;
}
.result_layer_body .top {
	border-bottom: unset;
}

.result_pop_cont_box + .result_pop_cont_box {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 0.5px solid #000;
}
.result_pop_cont_box .cont_title h3 {
	color: #9d9d9d;
}
.result_pop_cont_box .cont_box li {
	margin-top: 3px;
}
.result_pop_cont_box .cont_box li span{
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.result_pop_cont_box .cont_box li span:nth-child(2) {
	font-weight: bold;
}

.result_pop_cont_box:nth-child(1) .cont_box li {
	display: flex;
	justify-content: space-between;
}

/* e: 8_hyper_bespoke_result_popup_01.html */

/* s: 8_hyper_bespoke_result_popup_02.html */
.hyper_pszt.result_wrapper_jy .layer_wrap .btn_close span {
	filter: unset;
}

.layer_flt_popup .layer_wrap_small_jy {
	padding: 0 16px;
}

.layer_wrap_small_jy .layer_body .top {
	padding: 32px 0;
	border-bottom: unset;
}

.layer_wrap_small_jy .layer_body .terms {
	padding: 0 0 18px 0;
	max-height: 322px;
}
/* e: 8_hyper_bespoke_result_popup_02.html */

/* s: 8_hyper_bespoke_result_popup_03.html */
.ul_inside_style_jy>li>p {
	position: relative;
}

.ul_inside_style_jy>li>p::before {
	display: inline-block;
	content: '';
	position: relative;
	bottom: 3px;
	left: 1px;
	width: 2px;
	height: 2px;
	background: #000;
}
/* e: 8_hyper_bespoke_result_popup_03.html */

/* s: 8_hyper_bespoke_result_history_01.html */
.sub_contents .sb_header.sb_header_jy {
	box-shadow: unset;
}

.sb_container.type01 .tab_menu_wrap_jy>ul {
	left: 0;
}

.history_flexbox_jy {
	display: flex;
	flex-direction: column;
	padding: 19.5px 24px 19px 25px;
	border-bottom: 0.5px solid #ccc;
}

.bespoke_history_title_jy {
	font-weight: 500;
}

.history_bottombox_jy {
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
	align-items: center;
}

.history_datebox_jy {
	color: #ccc;
}

/* e: 8_hyper_bespoke_result_history_01.html */

/* s: 8_hyper_bespoke_information_type2_01.html */
.posi_relative_jy {
	position: relative;
}

.sub_contents .sb_header .util_jy {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	align-items: center;
	padding-right: 10px;
}
/* e: 8_hyper_bespoke_information_type2_01.html */

/* s: 8_sensitive_result_type2_01.html */
.roundbox_jy {
	width: 100%;
	height: 52.7778vw;
	position: relative;
}

.roundbox_jy>.round {
	position: absolute;
	display: inline-block;
	border: 0.5px solid #ccc;
	border-radius: 50%;
	background: #fff;
	text-align: center;
}

.roundbox_jy>.round.bigone {
	border: 1.5px solid #dd5130;
	background: rgba(221, 81, 48, 0.81);
}

.roundbox_jy>.round>span {
	font-size: 3.4375vw;
	letter-spacing: -0.2875vw;
	color: #000;
}

.roundbox_jy>.round.bigone>span {
	font-size: 4.3750vw;
	letter-spacing: -0.2750vw;
	color: #fff;
}

.roundbox_jy>.round::after {
	position: absolute;
	display: inline-block;
	content: '양호';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -0.2500vw);
	font-size: 2.7778vw;
	letter-spacing: -0.2306vw;
	color: #c4c4c4;
	white-space: nowrap;
}

.roundbox_jy>.round.bigone::after {
	display: none;
}

.roundbox_jy>.round:nth-child(1) {
	width: 18.7500vw;
	height: 18.7500vw;
	top: 0;
	left: 3.125vw;
}

.roundbox_jy>.round:nth-child(1)>span {
	line-height: 13.7500vw;
}

.roundbox_jy>.round:nth-child(2) {
	width: 25vw;
	height: 25vw;
	bottom: 0;
	left: 0;
}

.roundbox_jy>.round:nth-child(2)>span {
	line-height: 20vw;
}

.roundbox_jy>.round:nth-child(3) {
	width: 37.5vw;
	height: 37.5vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.roundbox_jy>.round:nth-child(3)>span {
	line-height: 37.5vw;
}

.roundbox_jy>.round:nth-child(4) {
	width: 18.7500vw;
	height: 18.7500vw;
	top: 9.3750vw;
	right: 0;
}

.roundbox_jy>.round:nth-child(4)>span {
	line-height: 13.7500vw;
}

.roundbox_jy>.round:nth-child(5) {
	width: 21.8750vw;
	height: 21.8750vw;
	bottom: 0;
	right: 2.5vw;
}

.roundbox_jy>.round:nth-child(5)>span {
	line-height: 16.8750vw;
}

.sensitive_skin_type_jy {
	padding: 20px 15px 20px 20px;
}

.sensitive_caution_jy {
	font-size: 12px;
	color: #9d9d9d;
}

.sensitive_product_imgbox_jy {
	width: 100%;
}

.sensitive_product_imgbox_jy>img {
	width: 100%;
}

.sensitive_product_tag_jy {
	font-weight: bold;
}

.beautylife_box_jy.sensitive_colorbox_jy {
	padding: unset;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(1) .beautylife_square_jy
{
	border: 1px solid #ff9100;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(1) .beautylife_square_jy>div:first-child
{
	color: #ff9100;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(1) .beautylife_text_jy
{
	color: #ff9100;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(2) .beautylife_square_jy
{
	border: 1px solid #a1887f;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(2) .beautylife_square_jy>div:first-child
{
	color: #a1887f;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(2) .beautylife_text_jy
{
	color: #a1887f;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(3) .beautylife_square_jy
{
	border: 1px solid #29b6f6;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(3) .beautylife_square_jy>div:first-child
{
	color: #29b6f6;
}

.beautylife_box_jy.sensitive_colorbox_jy>.beautylife_jy:nth-child(3) .beautylife_text_jy
{
	color: #29b6f6;
}
/* e: 8_sensitive_result_type2_01.html */

/* s: 8_hyper_bespoke_ask_07_1.html */

.ui-mobile{
	overflow: hidden;
}

.items_08 {
	left: 46vw;
	top: 13vw;
}

.items_09 {
	left: 23vw;
	top: 35vw;
}

/* s: ".reset_swiper_jy" 추가로 리셋 */
[class*="reset_swiper_jy"] {
	margin: unset;
}

[class*="reset_swiper_jy"] .swiper-container {
	padding: 0 24px;
}

[class*="reset_swiper_jy"] .second_container_jy {
	padding: unset;
}

[class*="reset_swiper_jy"] .swiper-slide {
	flex-shrink: 0;
}

[class*="reset_swiper_jy"] .swiper-slide.on {
	left: -24px;
	width: 100vw;
	height: 100vh;
}

[class*="reset_swiper_jy"] .swiper-slide:last-child {
	padding-right: unset;
}

[class*="reset_swiper_jy"] .swiper-slide+.swiper-slide {
	margin-left: unset;
	height: 100%;
}
/* e: ".reset_swiper_jy" 추가로 리셋 */

/* e: 8_hyper_bespoke_ask_07_1.html */

/* s: 8_hyper_bespoke_ask_07_3.html */
.items_01 {
	top: 0;
}

.overflow_jy {
	overflow-x: hidden;
	padding-bottom: unset;
	height: 100%;
}

.smalltext_jy {
	opacity: 0.4;
	min-height: unset;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/* .swiper-slide.slide_top_jy {
	align-items: flex-start;
	-webkit-align-items: flex-start;
} */

.bubble_position_jy {
	height: calc(100vh - 282px);
}
@media screen and (max-width: 400px){
	.bubble_position_jy {margin-top: unset; height: calc(100vh - 244px);}
}

.bubble_position_jy [class*="items_"] button {
	white-space: unset;
}

.bubble_position_jy [class*="items_"].on button {
	border: 2px solid #444;
}

/*2022.12.06 새로 요청한 버블 위치값*/
.bubble_position_jy .items_01 {
	left: 30vw;
}

.bubble_position_jy .items_02 {
	left: 58.5vw;
}

.bubble_position_jy .items_03 {
	left: 8.125vw;
}

.bubble_position_jy .items_04 {
	left: 36.875vw;
}

.bubble_position_jy .items_05 {
	left: 66.5vw;
}

.bubble_position_jy .items_06 {
	left: 13.125vw;
}

.bubble_position_jy .items_07 {
	left: 41.75vw;
}

.bubble_multi_jy .item_bubble [class*="items_"] {
	transition-timing-function: cubic-bezier(.3, .87, .67, .86);
	transition-duration: 1s;
}

.bubble_multi_jy .item_bubble [class*="items_"].on button {
	width: 33.50vw;
	height: 33.50vw;
}

.reset_swiper_jy .wrap_option {
	width: 100vw;
}
/* e: 8_hyper_bespoke_ask_07_3.html */

/* s: 05My_LT_Purchase_2_calendar_popup_1.html */
.layer_fix_popup_jy {
	top: 0;
}

.layer_fix_popup_jy .layer_inner {
	width: 272px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.layer_fix_popup .layer_inner .calendar_wrap_jy {
	padding: 20px 0 0 0;
}

.layer_fix_popup .layer_inner .calendar_wrap_jy .Contents {
	padding-top: 24px;
}

.data_desc_jy {
	background: #FBFBFB;
}

.calendar_wrap .tb_calendar_jy * {
	font-size: 12px;
	line-height: 18px;
}

.calendar_wrap .tb_calendar .cal_top_jy td>div {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	vertical-align: middle;
}

.calendar_wrap .tb_calendar .cal_top_jy .cal_last, .calendar_wrap .tb_calendar .cal_top_jy .cal_next
{
	width: 12px;
	height: calc(12px/ 1.75);
	overflow: unset;
}

#year, #month {
	padding: 0 5px;
}

.cal_top_jy td:first-child>div {
	display: inline-block;
}

.cal_top_jy td:first-child>div.ta_jy {
	margin-right: 10px;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td {
	width: 39px;
	height: 39px;
	padding: 6px 0 5px;
	vertical-align: middle;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .today::after {
	background: #fff;
	border: 1px solid #000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 28px;
	height: 28px;
	margin-left: unset;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .before_today_jy {
	color: #ccc;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_one_jy {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 28px;
	z-index: 11;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_one_jy::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: #000;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_start_jy {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 19px 0 0 19px;
	color: #fff;
	line-height: 28px;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_middle_jy {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 0;
	color: #fff;
	line-height: 28px;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_end_jy {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 0 19px 19px 0;
	color: #fff;
	line-height: 28px;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_red_jy {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #ff3100;
	font-size: 10px;
	line-height: 28px;
	z-index: 11;
}

.calendar_wrap .tb_calendar.tb_calendar_jy td .highlight_red_jy::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 28px;
	height: 28px;
	border: 1px solid #ff3100;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.button_combo_jy .button {
	font-weight: normal;
	border-width: 2px;
	height: 44px;
	line-height: 44px;
}
/* e: 05My_LT_Purchase_2_calendar_popup_1.html */

/* s: 8_hyper_bespoke_ask_10_1.html */
.hidden_inner_jy {
	overflow-x: hidden;
	height: auto;
	padding-bottom: unset;
}

.in_premise_jy {
	padding-bottom: 16px;
}

.in_premise_jy .smalltext_jy {
	position: unset;
	left: unset;
	transform: unset;
	min-height: unset;
	white-space: pre-line;
}

/* 윗부분 */
.design_wrap .design_bottle_jy {
	width: 32.5000vw;
	height: 69.0625vw;
}

.design_wrap .design_bottle_jy .cords {
	position: relative;
	top: unset;
	left: unset;
	width: 21.6vw;
	height: 17.2188vw;
	white-space: unset;
	border-radius: 4.4063vw 0 0 0;
	padding: 2.7500vw 0 0 2.7500vw;
}

.design_wrap .design_bottle_jy .cords+.cords {
	margin-left: 25.9vw;
}

.design_wrap .design_bottle_jy .cords span {
	display: block;
	font-size: 2.8125vw;
	line-height: 2.8125vw;
	font-family: 'Sora';
}

.design_wrap .design_bottle_jy .cords .cords_nametag_jy {
	font-size: 3.4375vw;
	line-height: 3.4375vw;
	margin-bottom: 1.2vw;
	display: flex;
}

.design_wrap .design_bottle_jy .cords .cords_capacity_jy {
	font-size: 1.2500vw;
	line-height: 1.2500vw;
	position: absolute;
	right: 1.6562vw;
	bottom: 3.7812vw;
	transform: rotate(90deg);
}

.design_bottle_wrap_jy {
	position: relative;
}

.design_bottle_wrap_jy .design_bottle_showwrap_jy {
	position: absolute;
	top: 33.8438vw;
	left: 6.4812vw;
}

.design_bottle_wrap_jy .design_bottle_longwrap_jy {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	left: -95vw;
	will-change: left;
}

/* 아랫부분 */
.design_colors_jy {
	position: relative;
	width: 100vw;
	height: 43vw;
	overflow: hidden;
}

.design_colors_jy .design_roundwrap_jy {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 90vw;
	height: 90vw;
}

.design_colors_jy .design_roundwrap_jy::before {
	display: inline-block;
	content: "";
	background: no-repeat url(/images/ic_arrow_below.png);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	height: 8px;
	background-size: contain;
}

.design_colors_jy .design_roundwrap_jy .design_rotatewrap_jy {
	position: absolute;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 15px;
	will-change: transform;
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy {
	position: absolute;
	display: inline-block;
	transform-origin: 45vw;
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy>span[class*=des_col]
{
	display: inline-block;
	width: 9.3750vw;
	height: 9.3750vw;
	border-radius: 50%;
	cursor: pointer;
}

/* 원판안 컬러들의 위치값과 컬러값 */
.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(1) {
	transform: rotate(90deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(2) {
	transform: rotate(108deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(3) {
	transform: rotate(126deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(4) {
	transform: rotate(144deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(5) {
	transform: rotate(162deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(6) {
	transform: rotate(180deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(7) {
	transform: rotate(198deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(8) {
	transform: rotate(216deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(9) {
	transform: rotate(234deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(10) {
	transform: rotate(252deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(11) {
	transform: rotate(270deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(12) {
	transform: rotate(288deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(13) {
	transform: rotate(306deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(14) {
	transform: rotate(324deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(15) {
	transform: rotate(342deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(16) {
	transform: rotate(360deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(17) {
	transform: rotate(18deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(18) {
	transform: rotate(36deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(19) {
	transform: rotate(54deg);
}

.design_colors_jy .design_roundwrap_jy .des_colwrap_jy:nth-child(20) {
	transform: rotate(72deg);
}

.des_col01_jy {
	background: #F6F6F7 !important;
}

.des_col02_jy {
	background: #C1C2C4 !important;
}

.des_col03_jy {
	background: #2D2D2D !important;
}

.des_col04_jy {
	background: #C5DDEB !important;
}

.des_col05_jy {
	background: #8CB4C9 !important;
}

.des_col06_jy {
	background: #6B8CB9 !important;
}

.des_col07_jy {
	background: #211D64 !important;
}

.des_col08_jy {
	background: #C2D7D9 !important;
}

.des_col09_jy {
	background: #458191 !important;
}

.des_col10_jy {
	background: #005072 !important;
}

.des_col11_jy {
	background: #C2DCC1 !important;
}

.des_col12_jy {
	background: #88BC9E !important;
}

.des_col13_jy {
	background: #3E8974 !important;
}

.des_col14_jy {
	background: #005765 !important;
}

.des_col15_jy {
	background: #E9D989 !important;
}

.des_col16_jy {
	background: #E6BB00 !important;
}

.des_col17_jy {
	background: #F0CBCB !important;
}

.des_col18_jy {
	background: #E0B2C2 !important;
}

.des_col19_jy {
	background: #AC9EBD !important;
}

.des_col20_jy {
	background: #5A2F66 !important;
}

/* 해당 배경색 밑의 글자색 */
.des_col01_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col02_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col03_jy>span {
	color: #fff;
}

.des_col04_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col05_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col06_jy>span {
	color: #fff;
}

.des_col07_jy>span {
	color: #fff;
}

.des_col08_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col09_jy>span {
	color: #fff;
	opacity: 0.4;
}

.des_col10_jy>span {
	color: #fff;
}

.des_col11_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col12_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col13_jy>span {
	color: #fff;
}

.des_col14_jy>span {
	color: #fff;
}

.des_col15_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col16_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col17_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col18_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col19_jy>span {
	color: #000;
	opacity: 0.4;
}

.des_col20_jy>span {
	color: #fff;
}
/* e: 8_hyper_bespoke_ask_10_1.html */

/* s: 8_hyper_bespoke_ask_10_2.html */
.design_colors_jy.type02 {
	height: auto;
}

.design_colors_jy.type02 .design_shortwrap_jy {
	position: relative;
	width: 100%;
	height: 10.9375vw;
}

.design_colors_jy.type02 .design_shortwrap_jy .design_longwrap_jy {
	position: absolute;
	width: 5000px;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	left: 40%;
}

.design_colors_jy.type02 .design_shortwrap_jy .design_longwrap_jy a {
	display: inline-block;
	width: 6.2500vw;
	height: 6.2500vw;
	border-radius: 50%;
	margin-bottom: 5px;
	transition: 0.3s;
}

.design_colors_jy.type02 .design_shortwrap_jy .design_longwrap_jy a.on {
	width: 18.7500vw;
	height: 10.9375vw;
	border-radius: 5.3125vw;
	margin-bottom: 0;
}

.design_colors_jy.type02 .design_shortwrap_jy .design_longwrap_jy a+a {
	margin-left: 4.6875vw;
}

.design_bottle_wrap_jy.type02 {

}

.design_wrap .design_bottle_wrap_jy.type02 .design_bottle_jy {
	width: 46.8750vw;
	height: 100vw;
}

.design_wrap .design_bottle_wrap_jy.type02 .design_bottle_showwrap_jy {
	left: 5.4063vw;
	top: 48.3437vw;
}

.design_wrap .design_bottle_wrap_jy.type02 .cords {
	width: 33.1250vw;
	height: 30.3125vw;
	border-radius: 6.3125vw 0 0 0;
	padding: 3.9063vw 0 0 3.9063vw;
}

.design_wrap .design_bottle_wrap_jy.type02 .cords+.cords {
	margin-left: 15.3438vw;
}

.design_wrap .design_bottle_wrap_jy.type02 .cords span {
	font-size: 4.1563vw;
	line-height: 4.1563vw;
}

.design_wrap .design_bottle_wrap_jy.type02 .cords .cords_nametag_jy {
	font-size: 7.3125vw;
	line-height: 7.3125vw;
	margin-bottom: 2.4375vw;
}

.design_wrap .design_bottle_wrap_jy.type02 .cords .cords_capacity_jy {
	font-size: 2.5938vw;
	line-height: 2.5938vw;
	right: 2.3438vw;
	bottom: 5.2812vw;
}

/* e: 8_hyper_bespoke_ask_10_2.html */

/* s: 0_lifestyle_04_p1.html */
.lifestyle_swiperwrap_jy {
	position: relative;
	left: -24px;
	width: 100vw;
}

.lifestyle_swiperwrap_jy .swp_area .swp_img {
	width: 71.4286vw;
	height: 68.4286vw;
}

.lifestyle_swiperwrap_jy .swp_area .swp_desc {
	width: 71.4286vw;
	margin: 30px auto 0;
}

.lifestyle_swiperwrap_jy .swiper-container {
	overflow: unset;
}

.lifestyle_swiperwrap_jy .swiper-slide {
	text-align: unset;
	display: block;
	-webkit-box-pack: unset;
	-webkit-box-align: unset;
}

.btn_notflex_jy .style_button.type03 {
	position: relative;
	left: unset;
	right: unset;
	bottom: unset;
}

/* e: 0_lifestyle_04_p1.html */

/* s: 개발과정에 수정 */
.stage01 .no_onclass_jy li.on {
	background-color: unset;
}

.stage01 .no_onclass_jy li.on:before {
	content: "";
	display: block;
	width: 42px;
	border: 1px solid #000;
	border-top: 0;
	border-right: 0;
	transform: rotate(-32deg);
	position: absolute;
	right: 40px;
	top: -12px;
	z-index: 30
}

.stage01 .no_onclass_jy li.on:after {
	content: "";
	display: block;
	width: 45px;
	border: 1px solid #000;
	border-top: 0;
	border-right: 0;
	position: absolute;
	right: 0;
	top: -23px;
	z-index: 29
}

.stage01 .no_onclass_jy li.on .arrow:before {
	content: none;
}

.stage01 .no_onclass_jy li.on .arrow:after {
	content: none;
}

.either_option li .select_span_jy label[class*="sel_"] input:checked ~
span:after {
	background-color: #d2ebe5
}

.either_option li .select_span_jy label.sel_fully span:after {
	width: 30px;
	height: 30px
}

/* s: ".option_table_jy" 추가로 옵션 수정 */
.either_option li.option_table_jy {
	padding: unset;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.either_option li.option_table_jy>span {
	display: inline-block;
	width: 71px;
	white-space: normal;
	font-size: 12px;
	line-height: 18px
}

.either_option li.option_table_jy .option_left {
	position: unset;
	transform: unset;
	padding-left: 15px;
}

.either_option li.option_table_jy .option_right {
	position: unset;
	transform: unset;
	padding-right: 15px;
}

.either_option li.option_table_jy .sel_area {
	width: calc(100% - 71px * 2);
}
/* e: ".option_table_jy" 추가로 옵션 수정 */

/* s: header 수정 */
.cp_header.cp_header_jy .inner_header .btn_back {
	position: absolute;
	left: 7px;
}

.cp_header.cp_header_jy .inner_header .title {
	margin: 0 auto;
}

.cp_header.cp_header_jy .inner_header .util {
	position: absolute;
	right: 10px;
	padding-right: unset;
}
/* e: header 수정 */

.setting_login {
	padding-top: 60px;
}

.tit_logo_jy {

	width: 216px;
	height: 20px;
	display: inline-block;
	margin-bottom: 15px;
}
.tit_logo_jy > img {
	height: auto;
	object-fit: contain;
}

/* s: main.jsp 수정 */
.main_h1_jy {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip: rect(1px 1px 1px 1px);
}

.text_sec_02_change_background_jy {
	background: #EAEFEE;
}

.lowindex_jy{
	z-index: -10;
	position: relative;
}

.highlayer_jy{
	z-index: 20;
}

.bns_link_bespoke_jy{
	display: inline-block;
	width: calc(100% - 20px);
	margin-left: 10px;
	z-index: 1;
}
.bns_link_bespoke_background_jy{
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f5f5f6;
	z-index: -1;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21);
}
.bns_link_bespoke_background_jy > img{
	width: auto;
	height: 100%;
	object-fit: contain;
	float: right;
}

.btn_lead_link_jy{
	display: inline-block;
	background: #000;
	color: #34d8c6;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	padding: 16px 0;
	border-radius: 29px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	width: calc(100% - 48px);
	margin: 24px 24px 0;
	cursor: pointer;
}

.btn_add_border_jy{
	margin: 0 10px;
}
.main_link_ai.btn_add_border_jy:after{
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21);
}
.main_link_self.btn_add_border_jy:after{
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21);
}

a.btn_add_border_jy[class*="main_link_"] .assi_desc:after{
	background: no-repeat url(/images/ic_list_right_arrow.png);
	width: 18px;
	height: 18px;
	right: -31px;
	background-size: contain;
}

.main_banner_btnbox_jy a.btn_add_border_jy:nth-child(2) .assi_desc:after{
	right: -50px;
}

.aside_content .aside_unit .bt_login .change_info_jy > a{
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
}

.slide_list_wrap .sec_feed.type2 .feed_thumb {
	overflow: hidden;
	border-radius: 8px;
}

/* .main_bottom_bubble {
	position: fixed;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.main_bottom_bubble img {
	height: auto;
} */
/* e: main.jsp 수정 */

/* s: main.jsp(app) 수정 */
.btn_add_border_jy[class*="bn_link_"]{
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21);
	width: calc(100% - 20px);
}
[class*="bn_link_"] .round_arrow_jy{
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/images/ic_list_right_arrow.png) center center no-repeat;
	background-size:contain;
	position: absolute;
	left: 200px;
	top: 55%;
}
.round_arrow_jy{
	display:inline-block;
	width:18px;
	height:18px;
	background: url(/images/ic_list_right_arrow.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	left: 223px;
	top: 60%;
}
/* e: main.jsp(app) 수정 */

/* s: 8_hyper_shopping_18.html (배너수정)*/
.register_banner_jy{
	position: relative;
	left: -24px;
	width: calc(100% + 48px);
	height: 146px;
	padding: 20px 0 0 24px;
	background: #f7f7f7;
}
.register_banner_jy .register_banner_background_jy{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
}
.register_banner_jy .register_banner_background_jy > img{
	display: inline-block;
	float: right;
	margin-right: 15px;
	height: 100%;
	width: auto;
}
.register_banner_jy .register_banner_textblock_jy{
	position: relative;
	z-index: 1;
}
.register_banner_jy .register_banner_textblock_jy > p{
	margin-top: 10px;
}
.register_banner_jy .register_banner_textblock_jy > .register_banner_bottomtxt_jy {
	margin-top: 10px;
}
.register_banner_jy .register_banner_textblock_jy > .register_banner_bottomtxt_jy > a {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: underline;
}
/* e: 8_hyper_shopping_18.html (배너수정)*/

/* s: 7_delete_account.html */
.delete_account_choose.radio_wrap{
	width: unset;
	height: unset;
}
.delete_account_choose > label{
	display: block;
	width: unset;
	height: unset;
	padding: 16px 0;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	border-bottom: 0.5px solid #ccc;
}
.delete_account_choose label span{
	left: unset;
	right: 0;
}

.delete_account_textwrap{
	margin-top: 15.5px;
}
.delete_account_textwrap > textarea{
	padding: 10px 16px;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	height: 102px;
}

.delete_account_caution li{
	display: flex;
	flex-wrap: nowrap;
}
.delete_account_caution li+li{
	margin-top: 16px;
}
.delete_account_caution li::before{
	content: "-";
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	margin-right: 5px;
}
.delete_account_caution p{
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

.delete_account_popwrap{
	padding: 32px 24px 24px;
}
.popup_title{
	text-align: center;
}
.popup_body{
	text-align: center;
}
.popup_btnbox{
	display: flex;
	flex-wrap: nowrap;
}
.popup_btnbox > a + a{
	margin-left: 8px;
}
/* e: 7_delete_account.html */

/* s: 9_check_beautycode.html */
.cb_imgbox_jy{
	display: inline-block;
	height: 100px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.cb_imgbox_jy::after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 42px;
	left: 18px;
	width: 64px;
	height: 29px;
	border-radius: 65.5px;
	border: 1px solid #57c4c6;
	background: rgba(159, 219, 220, 0.3);
}
.cb_imgbox_jy > img{
	position: relative;
	width: auto;
	height: 100px;
}
.cb_imgbox_jy .cb_txtbox_jy{
	position: absolute;
	left: 38px;
	top: 23px;
}
.cb_imgbox_jy .cb_txtbox_jy > p{
	font-size: 11px;
	line-height: 11px;
	font-family: 'Pretendard';
	font-weight: 300;
}
.cb_imgbox_jy .cb_txtbox_jy > .cords_nametag_jy{
	font-size: 19px;
	line-height: 19px;
	font-weight: normal;
}
.cb_imgbox_jy .cb_txtbox_jy > .cords_capacity_jy{
	font-size: 7px;
	line-height: 7px;
	position: absolute;
	bottom: 5px;
	right: -25px;
	transform: rotate(90deg);
}

.cb_inputbox_jy{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	padding: 0 24px;
}
.cb_inputbox_jy > div{
    display: inline-block;
    position: relative;
    width: 100%;
}
.cb_inputbox_jy div + div{
	margin-left: 16px;
}
.cb_inputbox_jy > div + div::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 4px;
	height: 1px;
	background: #d8d8d8;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.cb_inputbox_jy input{
    display: inline-block;
    width: 100%;
    height: 40px;
    border: 1px solid #000;
    background: #fff;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'SpoqaHanSansNeo';
}

.cb_cautionbox_jy{
	padding: 0 24px;
	position: relative;
	height: 50px;
}
.cb_cautionbox_jy > p{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
	opacity: 0.7;
	padding: 16px;
	display: none;
	width: calc(100% - 48px);
}

.cb_popup_layer_jy{
	display: none;
}
.cb_popup_layer_jy.on{
	display: block;
}
.cb_popup_layer_jy .layer_wrap_small_jy{
	padding: 32px 24px;
}
/* e: 9_check_beautycode.html */

/* s: 9_web_page_qrcode.html */
.qr_cautionbox{
	margin: 131px auto 0;
	text-align: center;
	max-width: 473px;
	padding: 69px 13px 53px;
	border: 1px solid #d1d1d1;
	position: relative;
}
.qr_cautionbox::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 16px;
	background: #009fa3;
}

.qr_titlebox h2{
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}

.qr_contbox{
	margin-top: 25px;
}
.qr_contbox p{
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.qr_codebox{
	margin-top: 50px;
	display: inline-block;
	width: 150px;
	height: 150px;
}
.qr_codebox img{
	object-fit: contain;
}

.qr_iconbox{
	margin: 52px auto 100px;
	padding: 0 33px;
	max-width: 473px;
}
.qr_iconbox ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.qr_iconbox li{
	display: inline-block;
}
.qr_iconbox li img{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.qr_iconbox li span{
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	text-align: center;
	margin-top: 16px;
}

/* 동일 페이지 1200 이상 일시 */
@media (min-width: 1200px){
	.qr_cautionbox{
		margin: 116px auto 0;
		max-width: 738px;
		padding: 121px 35px 53px;
	}

	.qr_titlebox h2{
		font-size: 45px;
		line-height: 45px;
	}

	.qr_contbox{
		margin-top: 32px;
	}
	.qr_contbox p{
		font-size: 20px;
		line-height: 35px;
		color: #2b2b2b;
	}

	.qr_codebox{
		margin-top: 46px;
		width: 169px;
		height: 169px;
	}

	.qr_iconbox{
		margin: 60px auto 50px;
		padding: 0 46px;
		max-width: 738px;
	}
	.qr_iconbox li > span{
		font-size: 20px;
		line-height: 35px;
		color: #2b2b2b;
		margin-top: 13px;
	}
}
/* e: 9_web_page_qrcode.html */

/* e: 개발과정에 수정 */


/* s: 2023.01.04 이후 수정 */
.feed_nocomment_jy{
	margin-top: 16px;
}

.feed_nocomment_btn_jy{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.make_comment_wrap_jy{
	display: flex;
	align-items: center;
}

.comment_icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: no-repeat url(/images/ic_comment.png) center center;
	background-size: contain;
}

.make_comment_text_jy{
	margin-left: 6px;
}

.make_comment_jy{
	float: right;
	font-weight: 500;
}

.story_tabmenu_jy{
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10;
	background: #fff;
}

/* s: 스토리 이미지 최상단 배치용 css */
.cp_wrapper.active{
	z-index: 999;
}
.cp_container.active{
	z-index: 999;
	position: fixed;
	height: 100%;
	padding-top: 60px;
}
.sb_container.active{
	position: relative;
	z-index: 999;
	margin-top: unset;
	padding-top: 60px;
	height: 100%;
}
.story_tabmenu_jy.active{
	z-index: 0;
}
.swiper-slide.active{
	width: 100vw;
}
.feed_body .feed_thumb_list li.active{
	width: 100vw;
}
.feed_thumb_list_jy.active{
	position: relative;
	z-index: 999;
}
.sec_feed.active{
	position: relative;
	z-index: 999;
}
.feed_body.active{
	z-index: 999;
}
.swiper-wrapper.active{
	z-index: 999;
}
/* e: 스토리 이미지 최상단 배치용 css */

/* .routine_animation01_jy{
	opacity: 1;
	transform: scale(1);
	transition: all .5s ease-in-out;
}
.routine_animation01_jy.on{
	opacity: 0;
	transform: scale(0.95);
}
*/
.routine_animation02_jy{
	transition: transform .2s ease-in-out, opacity 1s ease-in-out;
	position: relative;
	opacity: 1;
}

.routine_animation02_jy.bubble::after{
	content: "사진을 올려 루틴을 인증해 주세요";
	position: absolute;
	left: 50%;
	top: -16px;
	transform: translateX(-50%);
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
	background: #333;
	color: #fff;
	border-radius: 3px;
	padding: 4px 6px;
	font-family: "SpoqaHanSansNeo";
	font-weight: bold;
	white-space: nowrap;
	opacity: 1;
	transition: 5s;
}
.routine_animation02_jy.bubble::before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 3px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #333;
	opacity: 1;
	transition: 5s;
}
/* .routine_animation02_jy.on{
	opacity: 1;
} */
.routine_animation02_jy.bubble.on::after{
	opacity: 0;
}
.routine_animation02_jy.bubble.on::before{
	opacity: 0;
}

.routine_calendar.routine_calendar_jy{
	position: relative;
	height: 86px;
}

.routine_calendar.routine_calendar_jy::before{
	position: absolute;
	content: '';
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #000;
	border-radius:50%;
	position:absolute;
	top: 75%;
	left:50%;
	transform:translate(-50%, -50%);
}

.routine_calendar.routine_calendar_jy .cal_day{
	position: absolute;
	top: 30px;
	margin-left: calc(50% - 20px);
}

.routine_calendar.routine_calendar_jy .cal_day .r_day.today:before{
	display: none;
}

.ui-btn-inner {
	display: inline-block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.shop_product_banner_jy {
	position: relative;
}
.shop_product_banner_jy > a {
	display: inline-block;
	width: 100%;
	height: 96px;
	position: relative;
	padding: 28px 24px;
	background: no-repeat url(/images/bg_banner_shop_product_color.png);
	background-size: cover;
}
.shop_product_banner_jy .shop_product_banner_img_jy {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
}
.shop_product_banner_jy .shop_product_banner_img_jy > img{
	width: auto;
	height: 96px;
}
.shop_product_banner_jy > a > .shop_product_banner_txt_jy {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	z-index: 1;
}
.shop_product_banner_jy > a > .shop_product_banner_txt_jy::after {
	content: '';
	position: absolute;
	right: -22px;
	bottom: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: no-repeat url(/images/ic_arrow_in_right.png) center center;
	background-size: contain;
}

.item_wrap.sold_out .item_img > img, .item_wrap.sold_out .item_detail{
	opacity: 0.25;
}
.item_wrap.sold_out .item_img::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 39px;
	height: 14px;
	background: no-repeat url(/images/txt_soldout.png) center center;
	background-size: cover;
}

 /* s: prdNewRegQR.jsp */
.verify_top_bannerimgbox{
	height: 213px;
	background: #cdebe4;
	width: calc(100% + 48px);
	position: relative;
	left: -24px;
}
.verify_top_bannerimgbox > .verify_top_imgtit_left {
	position: absolute;
	top: 20px;
	left: 24px;
	font-size: 10px;
	line-height: 20px;
}
.verify_top_bannerimgbox > .verify_top_imgtit_left > strong {
	font-size: 15px;
	line-height: inherit;
}
.verify_top_bannerimgbox > .verify_top_imgtit_right {
	position: absolute;
	top: 20px;
	right: 56px;
	font-size: 10px;
	line-height: 20px;
}
.verify_top_bannerimgbox > .verify_top_imgtit_right > strong {
	font-size: 15px;
	line-height: inherit;
}
.verify_top_bannerimgbox > img:nth-child(3) {
	width: 125px;
	height: 130px;
	object-fit: contain;
	position: absolute;
	left: 0;
	bottom: 0;
}
.verify_top_bannerimgbox > img:nth-child(4) {
	width: 145px;
	height: 144px;
	object-fit: contain;
	position: absolute;
	right: 23px;
	bottom: 0;
}
/* e: prdNewRegQR.jsp */

/* s: ecPayMain.jsp */
.method_card_cautionbox {
	margin-top: 24px;
	display: none;
}
.method_card_cautionbox.on{
	display: block;
}
.method_card_cautionbox > h4 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
.method_card_cautionbox > p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}
/* e: ecPayMain.jsp */

/* s: ecPrdRvTab.jsp */
.changed_text_box {
	background: unset;
	margin-top: unset;
}

.select_box.type02.review_selbox {
	border: unset;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.review_selbox > div {
	width: 50%;
}
.review_selbox.type02 .nice-select {
	display: flex;
	align-content: center;
}

.review_titbox > p{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	display: inline-block;
}
.review_titbox > p:nth-child(1){
	color: #484848;
}
.review_titbox > p:nth-child(2){
	color: #79c4c6;
}

.select_box.review_selbox .nice-select .list {
	border-top: 1px solid #ccc;
	width: calc(100vw - 48px);
	left: unset;
	right: 0;
}
.select_box.type02.review_selbox .nice-select .current {
	font-size: 13px;
	font-weight: 500;
}
.select_box.review_selbox .nice-select .option {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 16px;
}

.review_inner_place .article_desc {
	padding-bottom: 15px;
}

.review_inner_place .article_desc .desc {
	display: inline-block;
	background: #ddd;
	border-radius: 9.5px;
	padding: 0 6px;
	color: #000;
}

.feed_manager_info {
	display: flex;
	align-items: center;
}

.feed_manager_thumb {
	display: inline-block;
	width: 39px;
	height: 33px;
}
.feed_manager_thumb > img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.feed_manager_name {
	margin-left: 5px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}

.feed_manager_comment > p{
	font-size: 14px;
	line-height: 20px;
}

.review_comment_wrap {
	margin-top: 20px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.review_comment_wrap > i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: no-repeat url(/images/ic_comment2.png);
	background-size: contain;
	margin-right: 5px;
}
.review_comment_wrap > span {
	font-size: 12px;
	line-height: 15px;
	color: #3e3e3e;
}
.review_comment_wrap.write > a.write {
	display: block;
}
.review_comment_wrap.write > a.look {
	display: none;
}
.review_comment_wrap.look > a.write {
	display: none;
}
.review_comment_wrap.look > a.look {
	display: block;
}

.pic_wrapper .pic_list.over .over_txt .over_txt_size {
	font-size: 4vw;
}

.tab_wrap .tab_change_fontweight li a {
	font-weight: 500;
}
.tab_wrap .tab_02.tab_change_fontweight li.on a::after {
	width: 72%;
	left: 50%;
	transform: translateX(-50%);
}
/* e: ecPrdRvTab.jsp */

/* s: pu_result.jsp */
.tab_menu_content_wrap {
	overflow-x: hidden;
	overflow-y: auto;
}

.result_floatbtn_wrap {
	position: fixed;
	bottom: 30px;
	right: 24px;
	z-index: 10;
}
.result_floatbtn {
	display: inline-block;
	width: 55px;
	height: 55px;
}
.result_floatbtn > span{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(/images/btn_floating_capture.svg) center center no-repeat;
	background-size: contain;
}
.result_floattxt {
	position: absolute;
	top: 50%;
	right: 75px;
	transform: translateY(-50%);
	font-size: 12px;
	line-height: 12px;
	padding: 7px;
	color: #006978;
	font-weight: bold;
	background: #9bd3c4;
	border-radius: 4px;
	display: none;
	white-space: nowrap;
}
.result_floattxt::after {
	content: "";
	position: absolute;
	right: -8px;
	display: inline-block;
	border-left: 10px solid #9bd3c4;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.result_down_pop_wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
	flex-direction: column;
	display: none;
}
.result_down_pop_wrap.on {
	display: flex;
}

.result_down_pop_top {
	display: inline-block;
	width: 272px;
	padding: 30px 24px 0;
}
.result_down_pop_down {
	display: inline-block;
	width: 272px;
	padding: 0 24px 30px;
	margin-top: 26px;
}
.result_down_pop_down > div {
	display: flex;
	justify-content: space-between;
}
.result_down_pop_down > div > a {
	width: 48%;
	display: inline-block;
}

.result_kakao_bannerbox {
	position: relative;
	left: -24px;
}
.result_kakao_bannerbox > a {
	display: inline-block;
	width: calc(100% + 48px);
	height: auto;
}
.result_kakao_bannerbox > a > img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
/* e: pu_result.jsp */

/* s: scbespoke05.jsp */
[class*="initials_wrap"] .initials_text span.emoji_box input {
	background: #d2ebe5;
	height: 100%;
	border: none;
}

[class*="initials_wrap"] .initials_text span.disabled_box {
	border: 1px solid #ccc;
}
[class*="initials_wrap"] .initials_text span.disabled_box input {
	background: #eaeaea;
	height: 100%;
	border: unset;
}

.emoji_tipwrap {
	position: relative;
	width: auto;
	margin-top: 15px;
}
.emoji_tip_tit {
	display: flex;
	align-items: center;
}
.emoji_tip_tit > i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: no-repeat url('/images/ic_emoji_tip.png');
	background-size: contain;
	margin-right: 7px;
}
.emoji_tip_tit > p {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
}
.emoji_tip_txt {
	border-radius: 10px;
	background: #d2ebe5;
	padding: 10px;
	color: #006978;
	margin-top: 10px;
}
.emoji_tip_txt > p {
	font-size: 12px;
	line-height: 17px;
	font-weight: 500;
	color: inherit;
}
.emoji_tip_txt > p > span {
	font-size: 11px;
	line-height: 17px;
	font-weight: 500;
	color: inherit;
}

[class*="initials_wrap"] .initials_area .initials_code .txt_nowrap {
	white-space: unset;
	display: flex;
	align-items: flex-end;
	padding-bottom: 10px;
}

[class*="initials_wrap"] .initials_text .emoji_can_enter input {
	border: none;
}
/* e: scbespoke05.jsp */

/* s: ai_skin.jsp */
/* s: 슬라이드 리뉴얼 */
.swiper_container_new .in_premise {
	padding-top: 4px;
	padding-bottom: 100px;
}

.new_slide_pagenation {
	margin-top: 29px;
	text-align: center;
}
.new_slide_pagenation p {
	font-size: 3.75vw;
	line-height: 4.6875vw;
	color: #ccc;
}
.new_slide_pagenation p span {
	font-size: inherit;
	line-height: inherit;
	font-weight: 500;
	color: #707070;
}

.in_premise p.multi_choose_txt {
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
}

[class*="basic_check0"] .swiper_container_new .wrap_option .in_option {
	border: unset;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li {
	border: 1px solid #ccc;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li:has(input:checked + label) {
	border: 1px solid #000;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li + li {
	margin-top: 3.125vw;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li label {
	text-align: left;
	font-size: 4.0625vw;
	line-height: 7.5vw;
	position: relative;
	padding: 4.0625vw 4.6875vw 3.4375vw;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li input:checked + label {
	font-size: 4.0625vw;
	line-height: 7.5vw;
	font-weight: bold;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li label i {
	position: absolute;
	right: 4.6875vw;
	content: '';
	display: inline-block;
	width: 4.375vw;
	height: 4.375vw;
	border-radius: 50%;
	background: #ccc;
	padding: 0.625vw;
	top: 50%;
	transform: translateY(-50%);
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li label i img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li input:checked label {
	font-size: 15px;
	font-weight: bold;
}
[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li input:checked + label i {
	background: #000;
}
/* s: 슬라이드 리뉴얼 */
.style_btn_dul {
	display: flex;
}
.style_btn_dul.dp_none.on {
	display: flex;
}
.style_btn_dul::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 1px;
	height: 24px;
	background: #fff;
}

.dp_none {
	display: none;
}
.dp_none.on {
	display: block;
}

.ingredient_wrap.in_option_more .ingredient_list li {
	height: 19.0625vw;
}

.in_option_more .ingredient_list li label {
	font-size: 4.0625vw;
    position: relative;
    padding: 4.6875vw 4.6875vw;
    line-height: 4.375vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* 선택지 내부 문항이 두줄 이상일시 */
.in_option_more.two_line_option .ingredient_list li label {
	align-items: flex-start;
	flex-direction: column;
}

.ingredient_wrap.in_option_more .ingredient_list li input:checked + label {
	font-size: 4.0625vw;
}

.in_option_more .ingredient_list li label span {
	font-size: 3.125vw;
	color: inherit;
	width: 100%;
    text-align: left;
}
.ingredient_wrap.in_option_more .ingredient_list li input:checked + label span {
	font-size: 3.125vw;
	color: #000;
}

.in_option_more .ingredient_list li label i {
	position: absolute;
	right: 3.125vw;
	content: '';
	display: inline-block;
	width: 4.375vw;
	height: 4.375vw;
	border-radius: 50%;
	background: #ccc;
	padding: 0.625vw;
	top: 50%;
	transform: translateY(-50%);
}
.in_option_more .ingredient_list li label i img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.in_option_more .ingredient_list li input:checked label {
	font-size: 4.375vw;
	font-weight: bold;
}
.in_option_more .ingredient_list li input:checked + label i {
	background: #000;
}

/* e: ai_skin.jsp */

/* s: 8_hyper_bespoke_result_new_01.html */
.in_tab.in_tab_jy.new_in_tab {
    padding: 0 24px 130px;
}

.skin_summary_wrap {
	margin-top: 28px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
}

.skin_summary_titbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.skin_summary_titbox > div:first-child {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.skin_summary_titbox h2 {
	margin-left: 2.5vw;
}

.skin_summary_tit_icon {
	display: inline-block;
	width: 5.625vw;
	height: 5.625vw;
	background: no-repeat url(/images/ic_chart.png);
	background-size: contain;
}

.skin_sumit_date {
	font-size: 3.125vw;
	line-height: 7.5vw;
	color: #707070;
}

.skin_state_comment > p {
	font-size: 4.6875vw;
	line-height: 7.625vw;
	font-weight: 500;
}
.skin_state_comment > p > span {
	font-size: inherit;
	line-height: inherit;
	font-weight: bold;
	color: #dd5130;
}

.new_result_sec {
	margin-top: 50px;
}
.new_result_sec .titbox {
	padding-bottom: 4.375vw;
	margin-bottom: 6.25vw;
	border-bottom: 2px solid #000;
}
.new_result_sec .article_desc:first-child {
	padding-top: unset;
}

.titbox > h2 > span {
	color: #006978;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.new_row_bar_level>ul>li:nth-child(1)::before {
	background: #9bd3c4;
}
.new_row_bar_level>ul>li:nth-child(2)::before {
	background: #f39b4d;
}
.new_row_bar_level>ul>li:nth-child(3)::before {
	background: #dd5130;
}

.new_row_bar_graph>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-top: unset;
}
.new_row_bar_graph>div>h2 {
	position: unset;
	white-space: nowrap;
}
.new_row_bar_graph>div>h2.on {
	color: #dd5130;
	font-weight: bold;
}
.new_row_bar_graph>div .row_bar_wrap_jy {
	width: 75%;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy {
	height: 12px;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy > span {
	display: inline-block;
	width: 33.33%;
	height: 12px;
	position: absolute;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy > span:nth-child(1) {
	left: 0;
	top: 0;
	background: rgba(156, 211, 196, 0.09);
	border-radius: 5px 0 0 5px;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy > span:nth-child(2) {
	left: 33.33%;
	top: 0;
	background: rgba(241, 214, 84, 0.09);
	border-radius: 0;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy > span:nth-child(3) {
	left: 66.66%;
	top: 0;
	background: rgba(221, 81, 48, 0.09);
	border-radius: 0 5px 5px 0;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy {
	top: 50%;
	transform: translate(50%, -50%);
	width: 12px;
	height: 12px;
}
.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_03:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: inherit;
	opacity: 0.5;
	margin-top: 50%;
	margin-left: 50%;
	transform: translate(-50%, -50%);
	border: none;
	top: unset;
	left: unset;
}
.row_bar_graph_jy>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: inherit;
	opacity: 0.5;
	margin-top: 50%;
	margin-left: 50%;
	transform: translate(-50%, -50%);
}

.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy>.line {
	top: 0;
	left: 33.33%;
	height: 12px;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy>.line + .line {
	left: 66.66%
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy>.line>img {
	vertical-align: top;
}
.new_row_bar_graph>div .row_bar_wrap_jy .row_bar_jy>.row_bar_round_jy.round_color_03::after {
	display: none;
}

.dropdown_cont_box {
	margin-top: 30px;
	left: -24px;
	width: calc(100% + 48px);
	position: relative;
	background: #f7f7f7;
}

.dropdown_cont_tit {
	padding: 5.3125vw 0 4.6875vw 7.5vw;
	display: block;
	position: relative;
}
.dropdown_cont_tit > span {
	font-size: inherit;
	line-height: inherit;
	font-weight: 500;
}
.dropdown_cont_tit .icon_arrow {
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	display: inline-block;
	width: 20px;
	height: 20px;
	background: no-repeat url(/images/ic_arrow_down.png) center center;
	background-size: contain;
}
.dropdown_cont_tit .icon_arrow.on {
	background: no-repeat url(/images/ic_arrow_up.png) center center;
	background-size: contain;
}

.dropdown_cont_text {
	display: inline-block;
	width: 100%;
	padding: 3.75vw 7.5vw;
	font-size: 3.75vw;
	line-height: 5.625vw;
	color: #707070;
	display: none;
}
.dropdown_cont_text.on {
	display: block;
}
.dropdown_cont_text > span {
	display: inline-block;
	width: 100%;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.user_photo_wrap {
	display: flex;
	flex-direction: row;
}
.user_photo_wrap .user_photo_jy {
	left: unset;
	width: 71.32%;
	min-height: unset;
	height: 194px;
	border: 0.5px solid #ccc;
}
.user_photo_wrap .skin_status_box_jy {
	flex-wrap: unset;
	flex-direction: column;
	margin-left: 8px;
	width: calc(28.68% - 8px);
	padding-bottom: unset;
	height: 194px;
}
.user_photo_wrap .skin_status_box_jy .skin_status_jy {
	padding: 10px 8px;
	height: calc((100% - 14px*3)/4);
	justify-content: space-between;
	flex-direction: row;
}
.user_photo_wrap .skin_status_box_jy .skin_status_jy + .skin_status_jy {
	margin-top: 14px;
	margin-left: unset;
}
.user_photo_wrap .skin_status_box_jy .skin_status_jy span:last-child {
	margin: unset;
}

.user_photo_textbox {
	margin-top: 10px;
}
.user_photo_textbox > p{
	font-size: 13px;
	line-height: 20px;
	color: #707070;
}

/* 비교 공통 디자인 */
.result_compare {
	width: 100%;
}

.new_result_sec .result_compare .case01,
.new_result_sec .result_compare .case02 {
	display: none;
}
.result_compare .case01.on {
	display: flex;
}
.result_compare .case02.on {
	display: block;
}

.result_compare .round {
	display: inline-block;
	width: 34.375vw;
	height: 34.375vw;
	border-radius: 50%;
	text-align: center;
	position: relative;
}
.result_compare .round p:nth-child(1){
	font-size: 4.375vw;
	line-height: 5.625vw;
	font-weight: bold;
	white-space: nowrap;
}
.result_compare .round p:nth-child(2){
	font-size: 3.125vw;
	line-height: 4.6875vw;
	margin-top: 0.3125vw;
}
.result_compare .round.blue > .round_text_box,
.result_compare .round.green > .round_text_box {
	position: absolute;
	left: 50%;
	top: 53%;
	transform: translate(-50%, -50%);
}
.result_compare .round.blue {
	background: #d3deef;
}
.result_compare .round.blue p {
	color: #5b769d;
}
.result_compare .round.green {
	background: #e2f2ee;
}
.result_compare .round.green p {
	color: #399497;
}
.result_compare .textbox {
	display: flex;
	flex-direction: row;
}
.result_compare .textbox li + li {
	margin-top: 2.5vw;
}
.result_compare .textbox p:nth-child(1) {
	font-size: 3.4375vw;
	line-height: 4.375vw;
	font-weight: 500;
}
.result_compare .textbox p:nth-child(2) {
	font-size: 2.8125vw;
	line-height: 3.75vw;
	color: #9d9d9d;
	margin-top: 0.625vw;
}

/* 비교 case01 디자인 */
.result_compare .case01 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.result_compare .case01 .bottom {
	display: flex;
	align-items: center;
}

.result_compare .case01 .round .line {
	position: absolute;
	top: 50%;
	right: -16%;
	transform: translateY(-50%);
	width: 5vw;
	height: 0.3125vw;
	background: #8599b6;
}
.result_compare .case01 .round .line::after {
	content: '';
	display: inline-block;
	width: 0.9375vw;
	height: 0.9375vw;
	border-radius: 50%;
	background: #5b769d;
	position: absolute;
	right: -0.3125vw;
	top: -0.3125vw;
}
.result_compare .case01 .round .line::before {
	content: '';
	display: inline-block;
	width: 2.8125vw;
	height: 2.8125vw;
	border-radius: 50%;
	background: #d3deef;
	position: absolute;
	right: -1.25vw;
	top: -1.25vw;
	opacity: 0.6;
}
.result_compare .case01 .textbox {
	margin-left: 8.125vw;
	align-items: center;
}
.result_compare .case01 .textbox > ul {
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

/* 비교 case02 디자인 */
.result_compare .case02 {
	text-align: center;
}
.result_compare .case02 .top {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.result_compare .case02 .top div:last-child{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 5.625vw;
	height: 5.625vw;
	background: no-repeat url(/images/ic_plus.png);
	background-size: contain;
}
.result_compare .case02 .top .round + .round {
	margin-left: 14.375vw;
}
.result_compare .case02 .top .round .line {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0.3125vw;
	height: 5vw;
	background: #8599b6;
}
.result_compare .case02 .top .round .line::after {
	content: '';
	display: inline-block;
	width: 0.9375vw;
	height: 0.9375vw;
	border-radius: 50%;
	position: absolute;
	right: -0.325vw;
	bottom: -0.325vw;
}
.result_compare .case02 .top .round .line::before {
	content: '';
	display: inline-block;
	width: 2.8125vw;
	height: 2.8125vw;
	border-radius: 50%;
	position: absolute;
	right: -1.25vw;
	bottom: -1.25vw;
	opacity: 0.6;
}

.result_compare .case02 .top  .round.blue .line {
	background: #8599b6;
}
.result_compare .case02 .top  .round.blue .line::after {
	background: #5b769d;
}
.result_compare .case02 .top  .round.blue .line::before {
	background: #d3deef;
}
.result_compare .case02 .top .green .line {
	background: #74b4b6;
}
.result_compare .case02 .top  .round.green .line::after {
	background: #399497;
}
.result_compare .case02 .top  .round.green .line::before {
	background: #d4eaeb;
}

.result_compare .case02 .bottom {
	margin-top: 7.5vw;
}
.result_compare .case02 .bottom .textbox div {
	display: inline-block;
	width: 50%;
}
.result_compare .case02 .textbox {
	width: 100vw;
	display: flex;
	margin-left: -24px;
}

.efficacy_guide_box {
	display: inline-block;
	margin-top: 6.25vw;
	padding: 0.9375vw 3.75vw 1.25vw 3.75vw;
	background: #e5e5e5;
	border-radius: 3.125vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.efficacy_guide_box a {
	font-size: 3.125vw;
	line-height: 3.75vw;
	font-weight: bold;
	color: #095aba;
}

.result_texture_box {
	margin-top: 30px;
}

.result_texture_bg {
	padding: 15px 0 0 17px;
	width: 100%;
	height: 120px;
	background: no-repeat url(/images/bg_result_texture.png) center center;
	background-size: cover;
}
.result_texture_bg h3 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

.result_texture_tagbox {
	padding: 8px 15px;
	border: 1px solid #e2e2e2;
}
.result_texture_tagbox span {
	font-size: 10px;
	line-height: 18px;
}
.result_texture_tagbox span + span {
	margin-left: 5px;
}

.result_my_beautycode_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.result_my_beautycode_box .imgbox {
	position: relative;
	display: inline-block;
	width: 68px;
	height: 159px;
}
.result_my_beautycode_box .imgbox > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.result_my_beautycode_box .imgbox > .code {
	position: absolute;
	left: 17px;
	top: 88px;
}
.result_my_beautycode_box .imgbox > .code > span {
	color: #fff;
	display: block;
}
.result_my_beautycode_box .imgbox > .code > span:first-child {
	display: flex;
	font-size: 9px;
	line-height: 10px;
}
.result_my_beautycode_box .imgbox > .code > span:first-child > span{
	font-size: 9px;
	line-height: 10px;
	margin-bottom: 2px;
}
.result_my_beautycode_box .imgbox > .code > span:first-child > span.cords_emoji_size{
	font-size: 7px;
}
.result_my_beautycode_box .imgbox > .code > span + span {
	font-size: 4px;
	line-height: 4px;
	margin-top: 1px;
}

.result_my_beautycode_box .codebox {
	margin-left: 5px;
}
.result_my_beautycode_box .codebox h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	margin-top: 53px;
}
.result_my_beautycode_box .codebox .mycode {
	display: inline-block;
	padding: 6px 15px 6px 10px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	background: #000;
	margin-top: 10px;
	position: relative;
	white-space: nowrap;
}
.result_my_beautycode_box .codebox .mycode > a {
	margin-left: 10px;
	display: inline-block;
	cursor: pointer;
	background: no-repeat url(/images/ic_copy.png) center center;
	background-size: contain;
	width: 15px;
	height: 12px;
	color: transparent;
}
.result_my_beautycode_box .codebox .mycode > span {
	display: flex;
	padding: 10px;
	border-radius: 40px;
	background: #006978;
	color: #fff;
	opacity: 0.8;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: -50px;
	white-space: nowrap;
	align-items: center;
	font-size: 10px;
}
.result_my_beautycode_box .codebox .mycode > span::after {
	position: absolute;
	content: '';
	display: inline-block;
	right: 10%;
	top: -11px;
	transform: translateX(-50%);
	border-bottom: 12px solid #006978;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.result_my_beautycode_box .codebox .mycode > span > a {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/images/btn_out.png) center center no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	text-indent: -9999px;
	color: transparent;
	margin-left: 5px;
}
.result_my_beautycode_box .codebox p {
	max-width: 165px;
	font-size: 10px;
	line-height: 12px;
	color: #9d9d9d;
	margin-top: 10px;
}

.result_user_box {
	margin-top: 50px;
	padding: 7.8125vw 0;
	background: #e6f1ef;
	text-align: center;
	position: relative;
	border-radius: 3.125vw;
}
.result_user_box::after {
	position: absolute;
	content: '';
	display: inline-block;
	left: 50%;
	bottom: -4.375vw;
	transform: translateX(-50%);
	border-top: 4.6875vw solid #e6f1ef;
	border-left: 2.5vw solid transparent;
	border-right: 2.5vw solid transparent;
}
.result_user_box > p {
	font-size: 3.75vw;
	line-height: normal;
}
.result_user_box > p > span {
	font-size: inherit;
	line-height: inherit;
	font-weight: bold;
}
.result_user_box > p:nth-child(2) {
	margin-top: 3.125vw;
	font-size: 4.6875vw;
}
.result_user_box > p:nth-child(2) > span {
	color: #095aba;
}

.result_goods_btn_box {
	display: flex;
	flex-direction: row;
	padding: 30px 0;
}
.result_goods_btn_box > a{
	font-size: 12px;
}
.result_goods_btn_box > a + a {
	margin-left: 20px;
}

.new_beautyreview_btnbox {
	margin-top: 50px;
}
.new_beautyreview_btnbox .btn_white_arrow_big_jy:last-child {
	border-bottom: 1px solid #000;
}

.lifestyle_cont_box + .lifestyle_cont_box {
	margin-top: 9.375vw;
}

.lifestyle_tagline {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
}
.lifestyle_tagline > div {
	display: inline-block;
	padding: 0.9375vw 3.125vw;
	background: #d2ebe5;
	border-radius: 4.0625vw;
	white-space: nowrap;
	font-size: 3.75vw;
	line-height: 6.25vw;
}
.lifestyle_tagline > div + div {
	margin-left: 3.125vw;
}
.lifestyle_tagline > div > span {
	margin-left: 0.625vw;
	font-size: inherit;
	line-height: inherit;
}

.lifestyle_text {
	padding: 3.125vw 3.75vw 5vw 2.8125vw;
	background: #f7f8fa;
	margin-top: 1.75vw;
}
.lifestyle_text p {
	font-size: 4.0625vw;
	line-height: 6.25vw;
}

.lifestyle_long_tagline > div{
	padding: 3.125vw 8.4375vw 2.5vw 2.5vw;
	background: #f7f8fa;
	font-size: 3.75vw;
	line-height: 7.5vw;
	margin-top: 6.25vw;
}
.lifestyle_long_tagline > div > span {
	margin-right: 0.625vw;
	font-size: inherit;
	line-height: inherit;
}
.lifestyle_long_tagline + .lifestyle_long_tagline {
	margin-top: 6.25vw;
}

.bottom_btnbox {
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 24px;
	z-index: 10;
	background: #fff;
	width: 100%;
	border-top: 1px solid #ccc;
}

.bottom_flexbtn {
	display: flex;
	flex-direction: row;
}
.bottom_flexbtn > a {
	width: 50%;
}
.bottom_flexbtn > a + a {
	margin-left: 7px;
}

.banner_wrap_full {
	position: relative;
}
/* e: 8_hyper_bespoke_result_new_01.html */

/* s: order.jsp */
.popup_bigbtnbox {
	padding: 24px;
}
.popup_bigbtnbox > a {
	margin-top: 16px;
}
.popup_bigbtnbox + .popup_bigbtnbox {
	padding-top: 0;
}
/* e: order.jsp */

/* s: productInformation.jsp */
.product_information_imglayer {
	display: flex;
	flex-direction: column;
	position: relative;
	left: -24px;
	width: calc(100% + 48px);
}
.product_information_imglayer > img {
	display: block;
	width: 100%;
	height: auto;
}
/* e: productInformation.jsp */

/* s: 배너추가 */
.banner_wrap_full {
	position: relative;
}
/* e: 배너추가 */
/* CUSTOMME-600 [커스텀미] 쿠폰 고도화*/
/* s: myCpnList.jsp merge*/
.coupon_inputbox {
	display: flex;
	flex-direction: row;
	padding: 0 24px;
	justify-content: space-between;
}
.coupon_inputbox > span {
	position: relative;
	display: inline-block;
	height: 44px;
	margin-right: 8px;
	width: calc(100% - 80px);
}
.coupon_input {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px solid #a5a5a5;
	background: #fff;
	padding-left: 10px;
}

.coupon_cancelbtn {
	position: absolute;
	bottom: 10px;
	right: 8px;
	display: inline-block;
	width: 24px;
	height: 24px;
	display: none;
}
.coupon_cancelbtn.on {
	display: block;
}
.coupon_cancelbtn > span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: no-repeat url('/images/btn_floating_close.png') center center;
	background-size: contain;
}

.coupon_inputbtn {
	display: inline-block;
	background: #f7f7f7;
	text-align: center;
	white-space: nowrap;
	width: 72px;
	height: 44px;
	line-height: 44px;
}
.coupon_inputbtn > span {
	color: #9d9d9d;
	font-size: 12px;
	line-height: 20px;
}

.coupon_inputbtn.on {
	background: #000;
}
.coupon_inputbtn.on > span {
	color: #fff;
}
/* e: myCpnList.jsp */

/* s: hmpgtopinc.jsp */
/* s: 사이드 메뉴 배너추가 */
.main_sidemenu_banner {
	height: 60px;
}
.main_sidemenu_banner > a{
	display: inline-block;
	background: #2C2C2C;
	width: 100%;
	height: 100%;
	text-align: center;
}
.main_sidemenu_banner > a > img {
	width: auto;
	height: 100%;
	object-fit: contain;
}
/* e: 사이드 메뉴 배너추가 */

.aside_content .aside_unit .bt_login .reco_box_main {
	margin-bottom: 16px;
}
.aside_content .aside_unit .bt_login .reco_box_main .reco_tit > p {
	font-size: 12px;
	line-height: 20px;
	color: #707070;
}

.aside_content .aside_unit .bt_login .reco_code_tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.aside_content .aside_unit .bt_login .reco_code {
	margin-top: 1px;
	display: flex;
	align-items: center;
}

.aside_content .aside_unit .bt_login .reco_code_btn {
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px 6px;
	margin-left: 5px;
	display: inline-block;
	border-radius: 2px;
}
.aside_content .aside_unit .bt_login .reco_code_btn > span {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
/* e: hmpgtpinc.jsp */

/* s: myMain.jsp */
.reco_box_my {
	display: flex;
	align-items: center;
}

.reco_tit > p {
	font-size: 14px;
	line-height: 20px;
	color: #707070;
}

.reco_box_my .reco_code {
	display: flex;
	align-items: center;
	margin-left: 5px;
}

.reco_code_tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.reco_code_btn {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 7px;
	margin-left: 5px;
	display: inline-block;
	border-radius: 2px;
}
.reco_code_btn > span {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}
/* s: 배너추가 */
.my_banner_wrap {
	width: calc(100% + 48px);
	position: relative;
	left: -24px;
	margin-bottom: 26px;
}
.my_banner_wrap > a {
	display: inline-block;
	width: 100%;
}
.my_banner_wrap > a > img {
	object-fit: contain;
	height: 100%;
}
/* e: 배너추가 */
/* e: myMain.jsp */

/* s: joinRecommend.jsp */
.block_02 .t_pink {
	margin-top: 6px;
	font-size: 12px;
	line-height: 12px;
	display: none;
}
.block_02 .t_pink.on {
	display: block;
}

.code_error_wrap {
	display: none;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 76px;
	text-align: center;
}
.code_error_wrap.on {
	display: block;
}
.code_error_wrap p {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	padding: 15px 39px;
	background: rgba(0, 0, 0, 0.7);
	white-space: nowrap;
}
/* s: joinRecommend.jsp */
/* s: 9_friendcode_event_page.html */
.friendcode_event_home_wrap {
	position: relative;
	left: -24px;
	width: calc(100% + 48px);
}

.friendcode_event_mycodebox {
	background: #2b2b2b;
	padding: 0 7.5vw 5vw 7.5vw;
	margin-top: -0.625vw;
	z-index: 1;
    position: relative;

}
.friendcode_event_mycodebox > div {
	background: rgba(0, 0, 0, 0.8);
	padding: 6.5625vw 0 3.4375vw 5.625vw;
	border-radius: 1.5625vw;
}

.friende_event_codebox_tit {
	font-size: 4.0625vw;
	line-height: normal;
	color: #f7f7f7;
	margin-bottom: 3.125vw;
	font-family: 'Pretendard';
    font-weight: 500;
}
.friende_event_codebox_tit > span {
	font-size: 3.75vw;
	color: #a0dbdc;
	display: block;
	line-height: inherit;
	margin-bottom: 2.8125vw;
	font-family: inherit;
    font-weight: bold;
}

.friendcode_event_login,
.friendcode_event_mycode {
	display: none;
	flex-direction: row;
	align-items: center;
}
.friendcode_event_login.on,
.friendcode_event_mycode.on {
	display: flex;
}

.friendcode_event_login > span {
	font-size: 3.125vw;
	color: #ccc;
}
.friendcode_event_login > a {
	padding: 1.5625vw 4.375vw;
}

.friendcode_event_mycode > .mycode {
	color: #f7f7f7;
	font-weight: normal;
	background: #464646;
	padding: 2.1875vw;
	display: flex;
	align-items: center;
	border-radius: 0.625vw;
}
.friendcode_event_mycode > .mycode > span:first-child {
	color: inherit;
	font-weight: inherit;
	font-size: 3.125vw;
	font-weight: 500;
}
.friendcode_event_mycode > .mycode > span:last-child {
	color: inherit;
	font-weight: inherit;
	font-size: 4.0625vw;
	font-weight: bold;
	margin-left: 1.875vw;
}
.friendcode_event_mycode > a {
	padding: 1.5625vw 3.125vw;
}

.friendcode_event_login > a,
.friendcode_event_mycode > a {
	background: #d5d5d5;
	font-size: 3.125vw;
	color: #2c2b35;
	border-radius: 0.625vw;
	line-height: normal;
	font-weight: bold;
	margin-left: 2.1875vw;
}

.friendcode_event_btnbox {
	padding: 5.3125vw 7.5vw;
	background: #eee;
}
.friendcode_event_btnbox .btn_ye_big,
.friendcode_event_btnbox .btn_bk_big {
	font-size: 13px;
}
.friendcode_event_btnbox .btn_ye_big span {
	background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
	padding-right: 15px;
    line-height: 13px;
}
.friendcode_event_btnbox a + a {
	margin-top: 5vw;
}

.friendcode_event_btnbox .btn_ye_big {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 48px;
	height: 48px;
}
.friendcode_event_btnbox .btn_ye_big > i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: no-repeat url(/images/ic_kakaoround.png) center 1px;
	background-size: contain;
}
.friendcode_event_btnbox .btn_ye_big > img {
	height: 100%;
	object-fit: contain;
}

.friendcode_event_image_page {
	width: 100%;
}
.friendcode_event_image_page > img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.make_friend_btnbox {
	background: #F9E04B;
}
.make_friend_btnbox .btn_ye_big {
	background: #000;
	color: #fff;
	border-radius: 48px;
}
.make_friend_btnbox .btn_ye_big span {
	background: no-repeat url(/images/ic_white_right.png) right center;
	background-size: 12px 12px;
}
/* e: 9_friendcode_event_page.html */
/* CUSTOMME-600 [커스텀미] 쿠폰 고도화*/


/* s: 9_story_product_photolist.html */
.cosmetics_list.cosmetics_list_result_size li .image_wrap .image {
	height: 39.3750vw;
}

.cosmetics_list li .image_wrap .image_wrap_txtbox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.cosmetics_list li .image_wrap .image_wrap_txtbox > span {
	white-space: nowrap;
	display: block;
}
.cosmetics_list li .image_wrap .image_wrap_txtbox > span + span {
	margin-top: 8px;
}
.cosmetics_list li .image_wrap .image_wrap_txtbox > span:nth-child(1) {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.cosmetics_list li .image_wrap .image_wrap_txtbox > span:nth-child(2) {
	font-size: 14px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cosmetics_list li .image_wrap .image_wrap_txtbox > span > .arrow_right {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/images/ic_arrow_in_right.png);
	background-size: contain;
	margin-left: 2px;
}
/* e: 9_story_product_photolist.html */

/* s: ecSubsPrdOptnPop.jsp */
.result_subscribe_btn {
	position: relative;
}

/* s: 결과 페이지 구독붉은 버블 */
.result_subscribe_btn > .bubble {
	position: absolute;
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	background: #ff3100;
	padding: 10px 10px;
	top: -38px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
    height: unset;
    border-radius: 3px;
}
.result_subscribe_btn > .bubble::after {
	content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #ff3100;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
}
.layer_fix_popup .layer_inner .option_wrap + .button_combo .result_subscribe_btn > .bubble {
	font-weight: bold;
	font-family: SpoqaHanSansNeo;
	margin-left: unset;
}
/* e: 결과 페이지 구독붉은 버블 */
/* e: ecSubsPrdOptnPop.jsp */

/* s: skinAnalysis.jsp */
li:has(.result_efficacy_wrap) {
	display: none;
}
li.on:has(.result_efficacy_wrap) {
	display: block;
}
li:has(.result_efficacy_wrap) + li:has(.result_efficacy_wrap) {
	margin-top: 20px;
}

.result_efficacy_wrap {
	display: flex;
	flex-wrap: nowrap;
	border: 1px solid #ccc;
	background: #fff;
	height: 31.25vw;
}

.result_efficacy_img {
	width: 37.1875vw;
	height: 100%;
}
.result_efficacy_img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.result_efficacy_txt {
	padding: 3.125vw;
	position: relative;
}
.result_efficacy_txt > p:first-child {
	font-size: 4.375vw;
	line-height: 4.375vw;
	font-weight: bold;
}
.result_efficacy_txt > p + p {
	margin-top: 2.5vw;
}

.result_efficacy_popbtn {
	position: absolute;
	bottom: 3.125vw;
}
.result_efficacy_popbtn > a {
	color: #707070;
	display: flex;
    align-items: center;
    white-space: nowrap;
}
.result_efficacy_popbtn > a > i {
	display: inline-block;
	width: 3.125vw;
	height: 3.125vw;
	margin-left: 0.9375vw;
}
.result_efficacy_popbtn > a > i > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hyper_pszt .result_efficacy_pop_wrap .btn_back span {
	filter: none;
}

.result_efficacy_pop_wrap {
	padding: 0 24px 45px;
	position: relative;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: calc(100vw * 0.6625);
}
.result_efficacy_pop_wrap > div:has(.btn_back) {
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
}
.result_efficacy_pop_wrap > .line {
	margin: 7.5vw 0 9.375vw;
	width: calc(100% + 48px);
	height: 0.5px;
	background: #000;
	position: relative;
	left: -24px;
}
.result_efficacy_pop_wrap > .line > i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 15.625vw;
	height: 2.5vw;
	background: center / contain no-repeat #fff url(/images/svg/ic_arrow_below.svg);
}

.result_efficacy_pop_fixed_top > div:first-child {
	position: absolute;
	z-index: 1;
}

.result_efficacy_pop_imgbox {
	width: 100vw;
    position: relative;
}
.result_efficacy_pop_imgbox > img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.result_efficacy_pop_titbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.result_efficacy_pop_tit {
	display: block;
	font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: 18px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}
.result_efficacy_pop_icon {
	margin: 6.875vw auto 0;;
	display: block;
	width: 26.5625vw;
	height: 26.5625vw;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
	border-radius: 50%;
    overflow: hidden;
    background: #fff;
}
.result_efficacy_pop_icon > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(90%);
}
.result_efficacy_pop_icon_name {
	display: block;
	font-size: 6.25vw;
	line-height: 7.5vw;
	font-weight: bold;
	white-space: nowrap;
	margin-top: 1.5625vw;
}

div.result_efficacy_pop_textbox_top {
	margin-top: 6.25vw;
	text-align: center;
}
.result_efficacy_pop_textbox_top > p:nth-child(1) {
	font-size: 4.6875vw;
	line-height: 6.25vw;
	font-weight: bold;
}
.result_efficacy_pop_textbox_top > p:nth-child(2) {
	font-size: 3.4375vw;
	line-height: 4.6875vw;
	color: #707070;
	margin-top: 3.125vw;
}

.result_efficacy_pop_effect {
	padding: 4.1667vw 5vw;
	border-radius: 27.7778vw;
	display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    margin-top: 5.5556vw;
}

.result_efficacy_pop_textbox_bottom > .graybox {
	text-align: center;
	padding: 4.6875vw 0;
	background: #f7f7f7;
}
.result_efficacy_pop_textbox_bottom > .graybox + .graybox {
	margin-top: 3.125vw;
}
.result_efficacy_pop_textbox_bottom > .graybox > p:nth-child(1){
	font-size: 4.375vw;
	line-height: 6.25vw;
	font-weight: bold;
}
.result_efficacy_pop_textbox_bottom > .graybox > p:nth-child(2){
	margin-top: 0.9375vw;
	font-size: 3.75vw;
	line-height: 5.625vw;
	color: #707070;
}

.result_efficacy_pop_textbox_bottom > .cautionbox {
	text-align: center;
	margin-top: 30px;
}
.result_efficacy_pop_textbox_bottom > .cautionbox > p {
	font-size: 12px;
    line-height: normal;
	color: #9d9d9d;
}

.btn_gray_round {
	display: inline-block;
	border-radius: 27.7778vw;
	border: 1px solid #ececec;
	padding: 1vw 3.3333vw;
	color: #707070;
	font-size: 2.7778vw;
}
.btn_gray_round > span {
	color: inherit;
	font-size: inherit;
	padding-right: 2.7778vw;
	background: center right / 2.2222vw 2.2222vw no-repeat url(/images/ic_arrow_gray_right.png);
}
/* e: skinAnalysis.jsp */

/* s: hmpgFooter.jsp */
.cp_footer .footer_area .ft_instargram a:nth-child(2):after {
    background: url(/images/ic_twiter.png) 0 center no-repeat;
    background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
}
.cp_footer .footer_area .ft_instargram a:nth-child(3):after {
    background: url(/images/ic_naverblog.png) 0 center no-repeat;
    background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
}

.cp_footer .footer_area .ft_instargram.footer_iconbox {
    height: unset;
    padding: 10px 0 20px 0;
}
.cp_footer .footer_area .ft_instargram.footer_iconbox a {
    line-height: 35px;
}
/* e: hmpgFooter.jsp */

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* s: 2023.10.06 이후 디자인 변경 */
/* s: main.jsp */
.visual_area.visual_area_v2 {
	height: 50vw;
}
.visual_area.visual_area_v2 .swiper-slide {
	height: 50vw;
}
.visual_area.visual_area_v2 img {
	object-fit: contain;
}
.visual_area.visual_area_v2 .swiper-pagination {
	background: rgba(0, 0, 0, 0.8);
	bottom: 12px;
	right: 12px;
	padding: 5px 10px;
	border-radius: 100px;
}
.visual_area.visual_area_v2 .swiper-pagination .swiper-pagination-current {
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	font-weight: bold;
}
.visual_area.visual_area_v2 .swiper-pagination .slide_pagenation_bar {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #ccc;
	margin: 0 7px;
}
.visual_area.visual_area_v2 .swiper-pagination .swiper-pagination-total {
	font-size: 10px;
	line-height: 12px;
	color: #ccc;
	font-weight: normal;
}

.selfcustom_home_btn {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	padding: 10px;
	display: flex;
	position: relative;
	border-radius: 8px;
	align-items: center;
}
.selfcustom_home_btn::after {
	content: '';
	position: absolute;
	right: 16px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: center / contain no-repeat url(/images/ic_arrow_gray_right.png);
}
.selfcustom_home_btn > img {
	width: 40px;
	height: 40px;
}
.selfcustom_home_btn > span {
	margin-left: 12px;
	font-size: 14px;
	line-height: 20px;
}

.main_banner_btnbox_row_v2 {
	display: flex;
    flex-direction: row;
}
.main_banner_btnbox_row_v2 > .main_banner_btn {
	display: inline-block;
	width: calc(50% - 4px);
	height: 141px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	position: relative;
}
.main_banner_btnbox_row_v2 > .main_banner_btn + .main_banner_btn {
	margin-left: 8px;
}
.main_banner_btnbox_row_v2 > .main_banner_btn > .left {
	position: absolute;
	bottom: 20px;
	left: 14px;
	z-index: 1;
}
.main_banner_btnbox_row_v2 > .main_banner_btn > .left > b,
.main_banner_btnbox_row_v2 > .main_banner_btn > .left > span {
	display: block;
}
.main_banner_btnbox_row_v2 > .main_banner_btn > .left > span {
	color: #9d9d9d;
}
.main_banner_btnbox_row_v2 > .main_banner_btn > .right {
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 42px;
	height: 42px;
}
.main_banner_btnbox_row_v2 > .main_banner_btn > .right > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.main_banner_btnbox_col_v2 {

}
.main_banner_btnbox_col_v2 > .main_banner_btn {
	display: inline-block;
	border-radius: 8px;
  	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  	position: relative;
  	width: 100%;
  	height: 100px;
  	overflow: hidden;
}
.main_banner_btnbox_col_v2 > .main_banner_btn:nth-child(1) {
	background: linear-gradient(to bottom, #0a3339 0%, #01151a 80%, #051e24 83%, #0a3539 100%);
}
.main_banner_btnbox_col_v2 > .main_banner_btn:nth-child(1) > .left {
	color: #f7f7f7;
}
.main_banner_btnbox_col_v2 > .main_banner_btn:nth-child(2) > .left > .txt_7 {
	color: #707070;
}
.main_banner_btnbox_col_v2 > .main_banner_btn > .left {
	position: absolute;
	top: 18px;
	left: 12px;
}
.main_banner_btnbox_col_v2 > .main_banner_btn > .left > span {
	display: block;
	color: inherit;
}
.main_banner_btnbox_col_v2 > .main_banner_btn > .right {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.main_banner_btnbox_col_v2 > .main_banner_btn > .right > img {
	height: 100%;
}

.main_review_box {
	background: #f7f7f7;
	border-radius: 8px;
	padding: 18px 14px;
	display: inline-block;
	width: 312px;
}

.main_review_code {
	display: inline-block;
	border-radius: 100px;
	background: #d2ebe5;
	padding: 0 6px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.main_review_info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 12px;
}

.main_review_tag > span {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #095aba;
	font-weight: bold;
}
.main_review_tag > span + span {
	margin-left: 4px;
}

.main_review_score {
	display: inline-flex;
	flex-direction: row;
}
.main_review_score > span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: center center / 14px 14px url(/images/ic_reward_point.png) no-repeat;
}

.main_review_cont {
	margin-top: 8px;
	display: flex;
	flex-direction: row;
}

.main_review_img {
	display: inline-block;
	width: 52px;
	height: 52px;
	border-radius: 4px;
	overflow: hidden;
}
.main_review_img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main_review_txt {
	width: calc(100% - 60px);
    margin-left: 6px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.feed_thumb_v2 {
	border-radius: 8px;
	overflow: hidden;
}

.main_skin_result_box {
	padding: 20px 18px;
	border-radius: 8px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	background: #fff;
}

.main_skin_result_top {
	padding-bottom: 25px;
}

.main_skin_result_info {
	display: flex;
	justify-content: space-between;
}
.main_skin_result_info > li {
	flex: 1;
	text-align: center;
}
.main_skin_result_info > li + li {
	margin-left: 16px;
}
.main_skin_result_info > li > div {
	text-align: center;
}
.main_skin_result_info > li > div > span {
	display: block;
}
.main_skin_result_info > li > div > span:last-child {
	display: inline-block;
}
.main_skin_result_info > li > div > span + span {
	margin-top: 4px;
}
.main_skin_result_info > li > div > span:nth-child(1) {
	color: #707070;
}
.main_skin_result_info > li > div > span:nth-child(3) {
	padding: 8px;
	background: #f7f7f7;
	color: #dd5130;
	font-weight: bold;
}

.main_skin_result_bottom {
	border-top: 1px solid #ececec;
}
.main_skin_result_bottom > a {
	display: block;
	color: #333;
	padding-top: 13px;
	position: relative;
}
.main_skin_result_bottom > a::after {
	content: '';
	position: absolute;
	display: inline-block;
	bottom: 0;
	right: 0;
	background: center right / contain no-repeat url(/images/ic_arrow_right.png);
	width: 20px;
	height: 20px;
}
/* e: main.jsp */

/* s: bottomMenu.jsp */
.quick_wrap.quick_wrap_v2 .quick_menu {
	justify-content: space-between;
}
.quick_wrap.quick_wrap_v2 .quick_menu li a {
	font-size: 10px;
	line-height: 14px;
	color: #9d9d9d;
	width: 17.7778vw;
	height: 17.7778vw;
	max-width: 64px;
	max-height: 64px;
}
.quick_wrap.quick_wrap_v2 .quick_menu li.on a {
	color: #000;
}
.quick_wrap.quick_wrap_v2 .quick_menu li.list_me a:after {
	width: 15.5556vw;
	height: 15.5556vw;
	max-width: 56px;
	max-height: 56px;
	top: -13px;
	margin-left: unset;
	transform: translateX(-50%);
}

/* 하단 메뉴 아이콘 */
.quick_wrap.quick_wrap_v2::before {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 10px 10px 0 0;
}
.quick_wrap_v2 .quick_menu li.list_me a:after {
	background: center center / contain url(/images/ic_quick_diagnosis.png) no-repeat
}

.quick_wrap_v2 .quick_menu li.list_magazine a:after {
	background: center center / contain url(/images/ic_quick_magazine_off.png) no-repeat
}
.quick_wrap_v2 .quick_menu li.list_magazine.on a:after {
	background: center center / contain url(/images/ic_quick_magazine_on.png) no-repeat
}

.quick_wrap_v2 .quick_menu li.list_manager a:after {
	background: center center / contain url(/images/ic_quick_managerservice_off.png) no-repeat
}
.quick_wrap_v2 .quick_menu li.list_manager.on a:after {
	background: center center / contain url(/images/ic_quick_managerservice_on.png) no-repeat
}
/* e: bottomMenu.jsp */

/* s: top.jsp */
.cp_header .inner_header .util .shopping_wrap {
	height: 60px;
	position: relative;
}
.cp_header .inner_header .util .shopping_wrap .cart_num {
	position: absolute;
	bottom: 15px;
	right: 7px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #ff3100;
	color: #fff;
	font-size: 9px;
    line-height: 11px;
    border-radius: 50%;
    text-align: center;
}
.btn_shopping {
	height: 100%;
	display: inline-block;
    width: 40px;
    background: url(/images/ic_shopping_cart.png) center center no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    text-indent: -9999px;
    overflow: hidden;
}

.sb_header .util .shopping_wrap {
	height: 60px;
	position: relative;
}
.sb_header .util .shopping_wrap .cart_num {
	position: absolute;
	bottom: 15px;
	right: 7px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #ff3100;
	color: #fff;
	font-size: 9px;
    line-height: 11px;
    border-radius: 50%;
    text-align: center;
}

.cp_header .inner_header .util .myinfo_wrap {
	height: 60px;
}
.cp_header .inner_header .util .myinfo_wrap .btn_myinfo {
	height: 100%;
}
.btn_myinfo {
	height: 100%;
	display: inline-block;
    width: 40px;
    height: 24px;
    background: url(/images/ic_quick_my_on2.png) center center no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    text-indent: -9999px;
    overflow: hidden;
}
/* e: top.jsp */

/* s: ecMain.jsp */
.promotion_list.promotion_list_resize {
	background-color: #fff;
}
.promotion_list.promotion_list_resize ul li .img {
	box-shadow: unset;
	background-color: #f7f7f7;
}

.cosmetics_list.cosmetics_list_v2 {
	grid-gap: 40px 8px;
}
.cosmetics_list.cosmetics_list_v2 li .info .name {
	height: unset;
}
.cosmetics_list.cosmetics_list_v2 li .info .price {
	margin-top: 4px;
}
.cosmetics_list.cosmetics_list_v2 li .info .original {
	position: unset;
	bottom: unset;
	left: unset;
	display: block;
	padding-top: 4px;
}

.promotion_list ul li .img {
	max-width: 105px;
	max-height: 105px;
}
/* e: ecMain.jsp */

/* s: eprtCtntMain.jsp */
.magazine_contents .img_area {
	width: 100%;
	height: calc(100vw - 48px);
	margin: 0 auto;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	overflow: hidden;
}

.magazine_contents .hashtag_txt {
	margin-top: 4px;
}

.magazine_contents .listing li {
	margin-top: 12px;
}
.magazine_contents .listing li + li {
	margin-left: 8px;
}
.magazine_contents .listing li a {
	border: 1px solid #ccc;
	border-radius: 100px;
}

.magazine_contents .sec_block .sec_feed {
	border: none;
}

.magazine_contents .feed_body .feed_thumb_list li {
	width: 100%;
	height: calc(100vw - 48px);
	margin: 0 auto;
	border: 1px solid #f7f7f7;
	border-radius: 8px;
	overflow: hidden;
}

.magazine_contents .feed_body .feed_scrap {
	right: 12px;
    bottom: 11px;
}

.magazine_contents .frame_scrap {
	width: 100%;
	height: 100%;
}
/* e: eprtCtntMain.jsp */

/* s: myMain.jsp */
.pf_wrap.pf_wrap_v2 {
	display: flex;
	align-items: center;
}

.pf_wrap.pf_wrap_v2 .pf_picture {
	width: 56px;
	height: 56px;
}
.pf_wrap.pf_wrap_v2 .pf_picture .btn_pic {
	width: 100%;
	height: 100%;
}
.pf_wrap.pf_wrap_v2 .pf_picture .btn_pic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pf_wrap.pf_wrap_v2 .pf_picture .btn_edit_pic {
	width: 20px;
	height: 20px;
	background-size: contain;
    -webkit-background-size: contain;
}

.pf_wrap.pf_wrap_v2 .pf_information {
	position: unset;
	left: unset;
	top: unset;
	transform: unset;
	padding: 0 0 0 12px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.pf_wrap.pf_wrap_v2 .pf_information .name {
	padding-right: 22px;
	background: right center / 20px 20px no-repeat url(/images/ic_arrow_right.png);
}
.pf_wrap.pf_wrap_v2 .pf_information .pf_option {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: center / contain no-repeat url(/images/ic_my_setting.png);
}

.pf_util_btn {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
}
.pf_util_btn a {
	display: flex;
    width: 58px;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.pf_util_btn a > img {
	width: 28px;
	height: 28px;
	display: block;
}
.pf_util_btn a > span {
	font-size: 12px;
	line-height: 18px;
	margin-top: 4px;
	display: block;
}
.pf_util_btn a.on::after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #ff3100;
	position: absolute;
	top: 0;
	right: 0;
}
/* e: myMain.jsp */

/* s: 9_me_main.html */
/* s: ios 바운스 문제 해결 */
.ios_bounce {
	position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
}
.ios_bounce .fixed_block {
	transform: translate3d(0,0,0);
	-webkit-transform: translateZ(0);
	-webkit-overflow-scrolling:touch;
}
/* e: ios 바운스 문제 해결 */
.bigwrap_jy:has(.me_main_bottom_btn) {
	padding: unset;
}

.fixed_top_bottom .sb_header {
	position: fixed;
    top: 0;
    width: 100%;
    max-width: 600px;
    z-index: 1;
}
.fixed_top_bottom .me_main_bottom_btn {
	position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 600px;
    padding-bottom: constant(safe-area-inset-bottom, 40px);
    padding-bottom: env(safe-area-inset-bottom, 40px);
    z-index: 1;
}

.bg_white_round {
	position: relative;
}
.bg_white_round::before {
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	background: #ebf7f3;
	width: 100%;
	height: 188px;
	border-radius: 0 0 10px 10px;
}
.bg_white_round > div {
	position: relative;
	background: unset;
}

.main_skin_result_box > .bubble {
	padding: 4px 12px;
	background: #abd9db;
	border-radius: 100px;
	display: inline-block;
	font-weight: bold;
}
.main_skin_result_box > .txt {
	margin-top: 12px;
}
.main_skin_result_box > .txt > h2 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.main_skin_result_box > .txt > p {
	margin-top: 4px;
}

.me_main_skin_imgbox {
	margin-top: 12px;
}
.me_main_skin_imgbox > img {
	width: 210px;
	object-fit: contain;
}

.me_main_device_imgbox {
	margin-top: 20px;
}
.me_main_device_imgbox > img {
	width: 220px;
	object-fit: contain;
}

.me_main_skin_result_bottom {
	margin-top: 22px;
}
.me_main_skin_result_bottom > ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.me_main_skin_result_bottom > ul > li {
	width: 85px;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.me_main_skin_result_bottom > ul > li + li {
	margin-left: 12px;
}
.me_main_skin_result_bottom > ul > li > span {
	font-size: 10px;
	line-height: 12px;
	display: block;
}
.me_main_skin_result_bottom > ul > li > span:nth-child(1) {
	color: #333;
	font-weight: 500;
}
.me_main_skin_result_bottom > ul > li > span:nth-child(2) {
	margin-top: 4px;
	padding: 8px 0;
	color: #dd5130;
	font-weight: bold;
	background: #f7f7f7;
	border-radius: 4px;
	white-space: nowrap;
}

.main_skin_problem_box {
	text-align: center;
	padding-bottom: unset;
}
.main_skin_problem_box > .imgbox {
	margin-top: 20px;
}
.main_skin_problem_box > .imgbox > img {
	width: 120px;
	height: 120px;
	object-fit: contain;
}
.main_skin_problem_box > .btnbox_top {
	margin-top: 12px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.main_skin_problem_box > .btnbox_top > a {
	padding: 5px 14px;
	border-radius: 100px;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #9d9d9d;
	color: #9d9d9d;
}
.main_skin_problem_box > .btnbox_top > a.on {
	border: 1px solid #000;
	color: #000;
}
.main_skin_problem_box > .btnbox_top > a + a {
	margin-left: 8px;
}
.main_skin_problem_box > .txtbox {
	margin-top: 16px;
}
.main_skin_problem_box > .txtbox > h3 {
	color: #dd5130;
}
.main_skin_problem_box > .txtbox > p {
	margin-top: 8px;
	color: #707070;
	text-align: start;
}
.main_skin_problem_box > .btnbox_bottom {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	position: relative;
}
.main_skin_problem_box > .btnbox_bottom::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #959595;
}
.main_skin_problem_box > .btnbox_bottom > a {
	padding: 16px 0 17px;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	font-weight: 500;
	flex: 1;
}

.main_skin_problem_box > .btnbox_bottom_one {
	border-top: 1px solid #ececec;
	margin-top: 20px;
}
.main_skin_problem_box > .btnbox_bottom_one > a {
	display: block;
	padding: 15px 18px 20px;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	position: relative;
	text-align: left;
}
.main_skin_problem_box > .btnbox_bottom_one > a::after {
	content: '';
    position: absolute;
    top: calc(50% - 2px);
    transform: translateY(-50%);
    right: 18px;
    display: inline-block;
    background: center / contain no-repeat url(/images/ic_arrow_gray_right.png);
    width: 14px;
    height: 14px;
}
.main_skin_problem_box > .figurebox {
	margin-top: 28px;
}
.main_skin_problem_box > .figurebox > ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.main_skin_problem_box > .figurebox > ul > li {
	width: 60px;
	text-align: center;
}
.main_skin_problem_box > .figurebox > ul > li + li {
	margin-left: 36px;
}
.main_skin_problem_box > .figurebox > ul > li > span {
	display: block;
}
.main_skin_problem_box > .figurebox > ul > li > span:nth-child(1){
	font-size: 10px;
	line-height: 20px;
	color: #6f6f6f;
	font-weight: 500;
}
.main_skin_problem_box > .figurebox > ul > li > span:nth-child(2){
	margin-top: 12px;
	position: relative;
}
.main_skin_problem_box > .figurebox > ul > li > span:nth-child(2) > img{
	width: 60px;
	height: 60px;
	object-fit: contain;
}
.main_skin_problem_box > .figurebox > ul > li > span:nth-child(2) > span{
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.main_skin_problem_box > .figurebox > ul > li > span:nth-child(3){
	font-size: 10px;
	line-height: 12px;
	color: #161616;
	font-weight: bold;
	margin-top: 8px;
}

.me_main_bottom_btn > [class*="btn"] {
	background: #fff;
    width: 100%;
    max-width: 600px;
    padding: 24px;
    border-top: 1px solid #ececec;
}
.me_main_bottom_btn a {
	font-weight: normal;
}


.me_main_pop_tit {
	padding: 28px 0;
	text-align: center;
}
.me_main_pop_tit > h2 {
	font-size: 18px;
	line-height: 23px;
	color: #161616;
	font-weight: bold;
}

.me_main_pop_cont {
	margin-top: 10px;
	padding: 0 24px 40px;
}
.me_main_pop_cont li + li {
	margin-top: 28px;
}
.me_main_pop_cont li > div {
	display: flex;
	align-items: center;
}
.me_main_pop_cont li > div > img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.me_main_pop_cont li > div > span {
	margin-left: 12px;
	font-size: 14px;
	line-height: 22px;
	color: #161616;
	font-weight: 500;
}

[class*='meTitle'] + .main_skin_result_box {
	margin-top: 20px;
}
.main_skin_result_box + [class*='meTitle'] {
	margin-top: 40px;
}
.main_skin_result_box + .main_skin_result_box {
	margin-top: 40px;
}
/* e: 9_me_main.html */

/* s: 9_manager_service_main.html */
.line_kakao {
	box-shadow: inset 0 -9px 0 #fae100;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
.line_green {
	box-shadow: inset 0 -9px 0 #d2ebe5;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.ms_caution_green {
	padding: 10px 0 10px 14px;
	border-radius: 8px;
	background: rgba(210, 235, 229, 0.5);
}

.round_gray_wrap {
	background-color: #f7f7f7;
	border-radius: 8px;
}
.round_gray_wrap .t_lightblue {
	font-weight: bold;
}

.round_gray_wrap.ms_chat_bg {
	padding: 20px;
	background: top 20px right 20px / 52px 46px no-repeat url(/images/ic_chat.png), #f7f7f7;
}
.round_gray_wrap.ms_mockup_bg {
	padding: 18px;
	height: 231px;
	background: right bottom / contain no-repeat url(/images/img_mockup.png), #f7f7f7;
}
.round_gray_wrap.ms_trophy_bg {
	padding: 18px 0 20px 18px;
	height: 216px;
	background: right 14px bottom 27px / 88px 88px no-repeat url(/images/img_trophy.png), #f7f7f7;
}

.ms_step_box .top > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ms_step_box .top > div > span {
	font-size: 14px;
	line-height: 20px;
	color: #707070;
	font-weight: 500;
}
.ms_step_box .top > div > a {
	display: inline-block;
	padding: 8px 10px;
	border-radius: 100px;
	font-weight: bold;
}

.ms_step_box .bottom ul {
	display: flex;
	flex-wrap: wrap;
}
.ms_step_box .bottom li {
	width: calc(50% - 6px);
	margin-top: 12px;
}
.ms_step_box .bottom li:nth-child(2n) {
	margin-left: 12px;
}
.ms_step_box .bottom li > div {
	width: 100%;
	height: 84px;
	padding: 14px;
	border-radius: 8px;
}
.ms_step_box .bottom li > div > span {
	display: block;
	font-weight: bold;
}
.ms_step_box .bottom li > div > span:nth-child(1){
	color: #68554f;
	margin-bottom: 8px;
}

.ms_step_box .kakao .top > div > a {
	background: #fae100;
}
.ms_step_box .customme .top > div > a {
	background: #d2ebe5;
}

.ms_step_box .kakao .bottom li > div {
	background-color: rgba(250, 225, 0, 0.15);
}
.ms_step_box .customme .bottom li > div {
	background-color: rgba(210, 235, 229, 0.2);
}

.ms_banner_txt {
	position: relative;
}
.ms_banner_txt > a {
	display: flex;
	height: 68px;
	background: rgba(210, 235, 229, 0.3);
}
.ms_banner_txt > a > img {
	width: 82px;
	height: 78px;
	margin-top: -10px;
	margin-left: 24px;
}
.ms_banner_txt > a > span {
	margin-left: 5px;
	padding-top: 16px;
}

.round_gray_wrap.ms_list {
	padding: 24px;
}
.round_gray_wrap.ms_list li + li {
	margin-top: 20px;
}
.round_gray_wrap.ms_list div {
	display: flex;
	align-items: center;
}
.round_gray_wrap.ms_list .emoji {
	font-size: 20px;
	line-height: 48px;
	font-weight: bold;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
}
.round_gray_wrap.ms_list .txt {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #333;
	margin-left: 20px;
}

.sm_small_tit {
	font-size: 18px;
	line-height: 26px;
	color: #333;
	font-weight: bold;
	margin-top: 8px;
}

.ms_trophy_list > li {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
}
.ms_trophy_list > li::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: center / contain no-repeat url(/images/graphic_check_bk.png);
	margin-right: 4px;
}
.ms_trophy_list > li + li {
	margin-top: 4px;
}
.ms_trophy_list > li p {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
}

.ms_caution_gray {
	margin: 50px 0 70px;
	background: #ececec;
	padding: 16px 24px;
}
.ms_caution_gray ul {
	list-style: outside;
}
.ms_caution_gray ul li {
	font-size: 10px;
	line-height: 14px;
	color: #707070;
}
.ms_caution_gray ul li::marker {
	color: #707070;
	font-size: 7px;
}
.ms_caution_gray ul li + li {
	margin-top: 6px;
}
/* e: 9_manager_service_main.html */

/* s: 9_my_option.html */
.my_option_wrap li + li {
	margin-top: 30px;
}
.my_option_wrap li > a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	background: top right / 20px 20px no-repeat url(/images/ic_arrow_right.png);
}
/* e: 9_my_option.html */

/* s: 9_how_to_connected_beauty.html */
.cb_top_banner {
	
}
.cb_top_banner > a {
	display: block;
	border-radius: 8px;
	overflow: hidden;
}
.cb_top_banner > a > img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.cb_tab_tit > h2 {
	font-weight: 500;
}

.cb_tab_btn {
	display: flex;
	justify-content: space-between;
}
.cb_tab_btn > a {
	display: inline-block;
	width: 100%;
	padding: 8px 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	color: #8d8d8d;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	background: #fff;
	text-align: center;
}
.cb_tab_btn > a.on {
	border: 1px solid #161616;
	color: #fff;
	font-weight: bold;
	background: #161616;
}
.cb_tab_btn > a + a {
	margin-left: 9px;
}

.cb_tab_cont_wrap {
	margin-top: 30px;
	display: none;
}
.cb_tab_cont_wrap.on {
	display: block;
}

/* s: tab01 */
.cb_tab01_cont.on {
	margin: 12px 0;
}
.cb_tab01_cont a {
	display: block;
}
.cb_tab01_cont span {
	display: block;
}

.cb_tab01_cont .imgbox {
	display: none;
	width: 100%;
	height: calc(48.8889vw + 60px);
	max-height: calc(293px + 60px);
}
.cb_tab01_cont.on .imgbox {
	display: block;
}

.cb_tab01_cont .btnbox {
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e0e0e0;
	overflow-x: scroll;
}
.cb_tab01_cont .btnbox::-webkit-scrollbar {
	height: 5px;
}
.cb_tab01_cont .btnbox::-webkit-scrollbar-thumb {
	background: #e7e7e7;
	border-radius: 50px;
}
.cb_tab01_cont .btnbox a {
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	color: #393939;
	border: 1px solid #e0e0e0;
	background: #fff;
	border-radius: 100px;
	white-space: nowrap;
}
.cb_tab01_cont .btnbox a.on {
	color: #fff;
	border: 1px solid #161616;
	background: #161616;
}
.cb_tab01_cont .btnbox a + a {
	margin-left: 4px;
}

.cb_tab01_cont .txtbox {
	padding: 12px 0;
	border-bottom: 1px solid #979797;
	position: relative;
}
.cb_tab01_cont:not(.first) .txtbox::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: inline-block;
	width: 16px;
	height: 16px;
	background: center / contain url(/images/ic_arrow_gray_down.png);
}
.cb_tab01_cont:not(.first).on .txtbox::after {
	background: center / contain url(/images/ic_arrow_gray_up.png);
}
.cb_tab01_cont .txtbox > span {
	display: block;
}
.cb_tab01_cont .txtbox > span:nth-child(1){
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #8bb7fe;
	word-break: break-all;
}
.cb_tab01_cont .txtbox > span:nth-child(2){
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #161616;
	word-break: break-all;
}
.cb_tab01_cont .txtbox > span:nth-child(3){
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	color: #8d8d8d;
	word-break: break-all;
}

.cb_tab01_cont.first .imgbox {
	display: block;
}
.cb_tab01_cont.first .txtbox {
	padding: 10px 0 20px;
	border-bottom: 1px solid #e0e0e0;
}
.cb_tab01_cont.first .btnbox {
	border-bottom: unset;
}
/* e: tab01 */

/* s: tab02 */
.cb_tab02_cont + .cb_tab02_cont {
	margin-top: 8px;
}

.cb_acco_question{
	display: block;
	padding: 12px 28px 12px 24px;
	position: relative;
	border-bottom: 1px solid #c6c6c6;
}
.cb_acco_question::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: center / contain no-repeat url(/images/ic_info_circle.png);
}
.cb_acco_question::after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: center / contain no-repeat url(/images/ic_arrow_gray_down.png);
}
.cb_acco_question > span {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
}

.cb_acco_answer {
	display: none;
	padding: 16px;
	background: #f4f4f4;
	font-size: 14px;
	line-height: 22px;
	color: #161616;
	font-weight: normal;
}
.cb_acco_answer b {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: 500;
}

.cb_tab02_cont.on .cb_acco_question::after {
	background: center / contain no-repeat url(/images/ic_arrow_gray_up.png);
}
.cb_tab02_cont.on .cb_acco_answer {
	display: block;
}
/* e: tab02 */

/* s: tab03 */
.cb_tab03_cont + .cb_tab03_cont {
	margin-top: 40px;
}

.cb_tab03_cont .tit {
	font-size: 16px;
	line-height: 24px;
	color: #161616;
	font-weight: bold;
}
.cb_tab03_cont .cont {
	margin-top: 12px;
}
.cb_tab03_cont .cont > p {
	font-size: 12px;
	line-height: 20px;
	color: #525252;
}
.cb_tab03_cont .cont > video {
	display: block;
	width: 100%;
	height: 48.8889vw;
	max-height: 293px;
	border-radius: 8px;
	overflow: hidden;
	background: #ccc;
}
.cb_tab03_cont .download_box a {
	display: inline-block;
}
.cb_tab03_cont .download_box a + a {
	margin-left: 6px;
}
.cb_tab03_cont .download_box a img {
	width: 100px;
	height: 30px;
}
/* e: tab03 */

/* e: 9_how_to_connected_beauty.html */

/* s: 9_app_download_alert.html */
.btn_gray_small {
	display: block;
	height: 44px;
	line-height: 44px;
	background-color: #fff;
	font-size: 14px;
	text-align: center;
	color: #000;
	border: 1px solid #333;
}
.btn_bk_small {
	display: block;
	height: 44px;
	line-height: 44px;
	background-color: #000;
	font-size: 14px;
	text-align: center;
	color: #fff;
}
/* e: 9_app_download_alert.html */

/* s: storyMain.jsp */
.tab_menu_wrap > ul li {
	border-bottom: 1px solid #ccc;
}
.tab_menu_wrap.tab_menu_wrap_jy > ul li {
	height: 55px;
}

.tab_menu_wrap > ul li.on a span, .story_tabmenu_jy > ul li.on a span {
	position: relative;
}
.tab_menu_wrap.no_border_bottom > ul li.on a:after,
.tab_menu_wrap.tab_menu_wrap_jy > ul li.on a:after,
.tab_menu_wrap.story_tabmenu_jy > ul li.on a:after {
	display: none;
}
.tab_menu_wrap > ul li.on a > span::after {
	content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #000;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.see_mystory_wrap {
	padding: 20px 24px;
	display: flex;
    justify-content: right;
    background: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    top: 108px;
    z-index: 10;
}
.see_mystory_wrap.fixed {
    top: 0;
}

.see_mystory_btn {
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color: #707070;
}
.see_mystory_btn::before {
	position: absolute;
	left: -18px;
	top: 50%;
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #ececec;
	background: center / contain #fff;
	transform: translateY(-50%);
	overflow: hidden;
}
.see_mystory_btn.on::before {
	background: center / contain url(/images/ic_checkbox_black_round.png);
}

.frame_scrap_black {
	background: center / contain no-repeat url(/images/ic_feed_scrap_black.png);
}
.frame_scrap_black.active {
	background: center / contain no-repeat url(/images/ic_feed_scraped_black.png);
}

/* e: storyMain.jsp */

/* s: ecPayComplete.jsp */
.above_title_v2 {
	padding: 13px 0 16px;
	text-align: center;
}

.order_complete_icon {
	width: 80px;
	height: 80px;
	position: relative;
	display: inline-block;
}
.order_complete_icon > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.order_complete_icon > span {
	font-weight: bold;
	background: #d2ebe5;
	padding: 3px 10px;
	border-radius: 100px;
	white-space: nowrap;
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.order_complete_txtbox {
	margin-top: 11px;
}

.order_complete_txt {
	font-size: 16px;
	line-height: 24px;
}

/* 결제완료 페이지 .above_title_v2 에 .bespoke_order 이 없을시 */
.above_title_v2 .order_complete_txt {
	display: block;
}
.above_title_v2 .order_complete_txt.bespoke_order {
	display: none;
}

/* 결제완료 페이지 .above_title_v2 에 .bespoke_order 이 있을시 */
.above_title_v2.bespoke_order .order_complete_icon > span {
	display: inline-block;
}

.above_title_v2.bespoke_order .order_complete_txt {
	display: none;
}
.above_title_v2.bespoke_order .order_complete_txt.bespoke_order {
	display: block;
}

/* e: ecPayComplete.jsp */

/* s: startMenu.jsp / mediaPipeFace.jsp */
/* s: 카메라 팝업 */
.layer_flt_popup .layer_wrap.mediapipe_popup_wrap {
	border-radius: 8px;
	padding: 0 14px;
	width: 312px;
}
.mediapipe_popup_wrap .layer_body .top {
	padding: 24px 0 0;
}

.camera_line_imgbox {
	margin-top: 40px;
	text-align: center;
}
.camera_line_imgbox img {
	width: 140px;
	height: 140px;
}

.camera_line_txtbox {
	margin-top: 28px;
	font-size: 16px;
	line-height: 24px;
}
.camera_line_txtbox > p {
	font-size: inherit;
	line-height: inherit;
}

.camera_line_btnbox {
	margin: 28px 0 40px;
}
.camera_line_btnbox > a{
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

/* e: 카메라 팝업 */

/* s: 카메라 화면 */
.cp_header.no_gray::after,
.cp_header.no_gray::before {
	display: none;
}

.camera_photo_box {
	width: 100%;
	height: calc(100% - 150px);
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
}

.camera_canvas {
	height: 100%;
}
.camera_canvas > canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
}
.camera_canvas > video {
	transform: rotateY(180deg);
	width: 100%;
	height: 100%;
}

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

.camera_gray_layer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: center / cover no-repeat url(/images/svg/photo_frame.svg);
}
.camera_gray_layer::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background: #f7f7f7;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.camera_gray_layer::before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #f7f7f7;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.camera_zoom {
	display: inline-block;
	width: 12.7778vw;
	height: 12.7778vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: no-repeat url(/images/ic_photo_frame_center.png);
	background-size: contain;
}

.camera_alert_box {
	position: absolute;
	top: 3.3333vw;
	left: 50%;
	transform: translateX(-50%);
	padding: 2.7778vw 0;
	background: #dd5130;
	border-radius: 1.1111vw;
	width: 86.6667%;
	display: none;
	align-items: center;
	justify-content: center;
}
.camera_alert_box > span:first-child {
	display: inline-block;
	width: 4.4444vw;
	height: 4.4444vw;
	background: no-repeat url(/images/ic_alert_mark.png);
	background-size: contain;
	margin-right: 1.1111vw;
}
.camera_alert_box > span:last-child {
	font-size: 3.3333vw;
	line-height: 5vw;
	color: #fff;
	font-weight: bold;
}

/* s: 9_camera_line_popup_v2.html */
.camera_line_txtbox_v2 {
	padding-top: 16px;
}
.camera_line_txtbox_v2 h3 {
	font-weight: normal;
}
.camera_line_txtbox_v2 h3 > span {
	display: block;
	font-weight: bold;
	font-size: inherit;
	margin-top: 2px;
}
.camera_line_txtbox_v2 p {
	margin-top: 16px;
}

.camera_line_imgbox_v2 {
	margin-top: 40px;
	margin-left: -24px;
	width: calc(100% + 48px);
}

.camera_line_btnbox_v2 {
	margin-top: 94px;
}
.camera_line_btnbox_v2 > a + span {
	display: block;
	margin-top: 20px;
	text-align: center;
}
/* e: 9_camera_line_popup_v2.html */

/* s : 활성 문구 */
.camera_alert_box.type_1.on {
	display: flex;
}
.camera_alert_box.type_2.on {
	display: flex;
}
.camera_alert_box.type_3.on {
	display: flex;
}
.camera_alert_box.type_4.on {
	display: flex;
}
.camera_alert_box.type_5.on {
	display: flex;
}
.camera_alert_box.type_6.on {
	display: flex;
}
/* e : 활성 문구 */

.camera_btn_box {
	height: 150px;
	position: relative;
	background: #fff;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.camera_btn_box > div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
.camera_btn_box > div:first-child.on {
	display: block;
}
.camera_btn_box > .bottom_flexbtn.on {
	display: flex;
	width: 100%;
	padding: 0 24px;
}

.camera_img_btn {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.camera_img_btn img {
	object-fit: contain;
	display: none;
}
.camera_img_btn img.on {
	display: block;
}
/* e: 카메라 화면 */
/* s: 폴드 사이즈 이상시 카메라 화면 */
.camera_photo_box.camera_fold_size {
	width: calc(100% - 140px);
	height: 100%;
}
.camera_fold_size .camera_alert_box {
	padding: 10px 0;
}
.camera_fold_size .camera_alert_box > span:first-child {
	width: 12px;
	height: 12px;
}
.camera_fold_size .camera_alert_box > span:last-child {
	font-size: 8px;
	line-height: 12px;
}

.camera_fold_size.camera_btn_box {
	position: absolute;
	width: 70px;
	height: calc(100% - 60px);
	top: 60px;
	right: 0;
	background: #000;
}
.camera_fold_size .camera_img_btn {
	width: 45px;
	height: 45px;
}
/* e: 폴드 사이즈 이상시 카메라 화면 */
/* e: startMenu.jsp / mediaPipeFace.jsp */

/* s: ai_texture2.jsp */
.inner_content.texture3 .slide_list_wrap_v2 .select_list li {
	width: auto;
	height: auto;
}
.inner_content.texture3 .slide_list_wrap_v2 .select_list li .radio_text label {
	width: auto;
	height: 116px;
	padding: 0 8px;
	white-space: nowrap;
	font-size: 12px;
	line-height: 22px;
}

.texture_titbox {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 30px;
	justify-content: space-between;
}
.texture_titbox .arrowbox {
	padding: 5px 8px;
	background: #f7f7f7;
	border-radius: 40px;
	display: flex;
    align-items: center;
}
.texture_titbox .arrowbox > span:last-child {
	width: 20px;
	height: 12px;
	margin-left: 2px;
}
.texture_titbox .arrowbox > span:last-child > img {
}
/* e: ai_texture2.jsp */

/* s: list.jsp */
.bottom_btn_wrap {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	padding: 24px;
	max-width: 600px;
}
.bottom_btn_wrap > a {
	display: block;
	padding: 12px 15px;
	border: 1px solid #333;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

.desert_wrap.history::before {
	background: center / containf no-repeat url(/images/img_empty_data.png);
}

.history_list li {
	padding: 16px 24px;
}
.history_list li p + p {
	margin-top: 2px;
}
.history_list > li > a > p > span {
	margin-left: 8px;
	font-weight: 500;
}
.history_list li .history_sub {
	margin-top: 4px;
	display: flex;
    align-items: center;
}
.history_list li .sub_left,
.history_list li .sub_right {
	color: #a8a8a8;
}
.history_list li .history_sub .sub_right {
	bottom: unset;
}
/* e: list.jsp */

/* s: commonTop.jsp */
.cp_header.active2 {
	height: 112px;
}
.cp_header.active.active2 {
	height: 164px;
}
/* e: commonTop.jsp */

/* s: layertop.jsp */
body .sub_contents .sb_header {
	box-shadow: unset;
}
/* e: layertop.jsp */

/* s: tnc.jsp */
.terms_style h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 14px;
}
.terms_style h4 {
    font-weight: bold;
    margin-top: 10px;
}

.terms_content .terms_style p {
    margin-top: 10px;
}
.terms_content .terms_style table {
    margin-top: 10px;
}

.terms_style table {
    text-align: center;
}
.terms_style table tr:first-child th {
    background: #ececec;
}
.terms_style table td, .terms_style table th {
    border: 1px solid #000;
    height: 50px;
    padding: 10px;
}
.terms_style table ul {
    text-align: left;
}
/* e: tnc.jsp */

/* s: custMngr-chat-pop.jsp */
.sub_wrap.manager_chat_pop {
	z-index: 118;
}
/* e: custMngr-chat-pop.jsp */

/* s: ScBespoke02.jsp */
.ingredient_select [class*="ingred_"] .button_circle {
	height: 45vw;
	max-height: 270px;
}
.ingredient_select [class*="ingred_"] .button_circle button .type01:after {
	width: 15vw;
	height: 15vw;
	max-width: 90px;
	max-height: 90px;
}
.ingredient_select [class*="ingred_"] .button_circle button .type01:before {
	width: 15vw;
	height: 15vw;
	max-width: 90px;
	max-height: 90px;
}
.ingredient_select [class*="ingred_"] .button_circle button .type02:after {
	width: 30vw;
	height: 30vw;
	max-width: 180px;
	max-height: 180px;
}
.ingredient_select [class*="ingred_"] .button_circle button .type02:before {
	width: 30vw;
	height: 30vw;
	max-width: 180px;
	max-height: 180px;
}
.ingredient_select [class*="ingred_"] .button_circle button .type03:after {
	width: 45vw;
	height: 45vw;
	max-width: 270px;
	max-height: 270px;
}
.ingredient_select [class*="ingred_"] .button_circle button .type03:before {
	width: 45vw;
	height: 45vw;
	max-width: 270px;
	max-height: 270px;
}
.ingredient_select [class*="ingred_"] .ingredient_desc li {
	margin-top: 4.4444vw;
}
.ingredient_select [class*="ingred_"] .ingredient_desc li strong {
	height: auto;
	border-radius: 27.7778vw;
	padding: 1.3889vw 3.3333vw;
	line-height: 3.3333vw;
	max-width: 25vw;
	word-break: auto-phrase;
	font-size: 2.7778vw;
}
.ingredient_select [class*="ingred_"] .ingredient_desc li p {
	font-size: 2.2222vw;
	line-height: 2.7778vw;
	color: #000;
	padding-top: 1.1111vw;
}
/* e: ScBespoke02.jsp */

/* s: eprtCtntDtl.jsp */
.article_top .article_bg {
	max-height: 600px;
}
/* e: eprtCtntDtl.jsp */

/* s: skinAnalysis.jsp */

.btn_gray_round {
	display: inline-block;
	border-radius: 27.7778vw;
	border: 1px solid #ececec;
	padding: 1vw 3.3333vw;
	color: #707070;
	font-size: 2.7778vw;
}
.btn_gray_round > span {
	color: inherit;
	font-size: inherit;
	padding-right: 2.7778vw;
	background: center right / 2.2222vw 2.2222vw no-repeat url(/images/ic_arrow_gray_right.png);
}
@media (min-width: 600px) {
	.btn_gray_round {
		border-radius: 167px;
		padding: 6px 20px;
		font-size: 17px;
	}
	.btn_gray_round > span {
		padding-right: 17px;
		background: center right / 13px 13px no-repeat url(/images/ic_arrow_gray_right.png);
	}
}
/* e: skinAnalysis.jsp */

/* s: list.jsp */
.bottom_btn_wrap {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	padding: 24px;
	max-width: 600px;
	background: #fff;
}
.bottom_btn_wrap > a {
	display: block;
	padding: 12px 15px;
	border: 1px solid #333;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

.desert_wrap.history::before {
	background: center / contain no-repeat url(/images/img_empty_data.png);
}
/* e: list.jsp */

/* s: 9_pc_bespoke_picture.html */
.bespoke_picture_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.bespoke_picture_box > span {
	display: inline-block;
	padding-top: 32px;
	text-align: center;
}
.bespoke_picture_box > span + span {
	margin-left: 12px;
}
.bespoke_picture_box > span > span {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 150px;
}
.bespoke_picture_box > span > span::after {
	display: inline-block;
	content: '';
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translateX(-50%);
	width: 24px;
	height: 24px;
}
.bespoke_picture_box > span:nth-child(1) > span::after {
	background: center / contain no-repeat url(/images/ic_positive_check.png);
}
.bespoke_picture_box > span:nth-child(2) > span::after {
	background:  center / contain no-repeat url(/images/ic_negative_check.png);
}
.bespoke_picture_box > span > span > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bespoke_picture_textbox {
	background: #f7f7f7;
	padding: 16px;
}
.bespoke_picture_textbox li {
	padding-left: 20px;
	position: relative;
}
.bespoke_picture_textbox li::before {
	display: inline-block;
	position: absolute;
	top: 10px;
    left: 10px;
	content: '';
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 50%;
}
/* e: 9_pc_bespoke_picture.html */

/* s: ecBespPrdInfo.jsp */
.bigwrap_jy .visual_area.visual_area_full {
	margin: -24px;
	width: calc(100% + 48px);
}
.bigwrap_jy .visual_area.visual_area_full ~ .gbdc {
	margin: 0 -24px;
	width: calc(100% + 48px);
}
/* e: ecBespPrdInfo.jsp */

/* s: myEvntList.jsp */
.black_top_message {
	background: #333;
	padding: 12px;
}
.black_top_message > p {
	color: #f7f7f7;
}

.img_area {
	max-height: 600px;
}
.img_area.img_area_thin {
	height: 50vw;
	max-height: 300px;
}
/* e: myEvntList.jsp */

/* s: evntDetail.jsp */
.event_detail_img figure.image + figure.image,
.event_detail_img figure.image + p,
.event_detail_img p + figure.image {
	margin-top: -2px;
}
/* e: evntDetail.jsp */

/* s: quaDetail.jsp */
.file_thumb .img_wrap.scroll_x {
	width: calc(100% - 24px);
    overflow-x: auto;

}
.file_thumb .img_wrap.scroll_x::-webkit-scrollbar {
	display: block;
	width: 0px;
    height: 6px;
}
.file_thumb .img_wrap.scroll_x::-webkit-scrollbar-thumb {
	background: #ececec;
}

.file_thumb .img_wrap.no_padding {
	width: 100%;

}
.img_wrap .file_img {
	padding-right: unset;
}

.file_img li + li {
	margin-left: 8px;
}
/* e: quaDetail.jsp */

/* s: 9_pink_btn.html */
.btn_pk_big {
	display:block;
	width:100%;
	height:48px;
	line-height:48px;
	background-color:#e1366c;
	font-size:14px;
	text-align:center;
	color:#fff;
	font-weight:700;
}
.btn_pk_big.disabled {
	background-color:#f7f7f7;
	color:#9d9d9d;
}
.btn_pk_big > .arrow_right {
	display: inline-block;
	width: 16px;
	height: 16px;
	transform: rotate(180deg) translateY(-3px);
	background: center / contain no-repeat url(/images/ic_arrow_left_gray.png);
}

.area_check > span {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.area_check > span + span {
	margin-top: 30px;
}
.area_check > span > a {
	font-weight: normal;
	font-size: 10px;
	color: #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}

.area_txtlist {
	display: none;
	margin-top: 24px;
}
.area_txtlist.on {
	display: block;
}
.area_txtlist li {
	padding-left: 10px;
	position: relative;
}
.area_txtlist li::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 8px;
}

.style_button .btn_bk_big {
	height: 106px;
	line-height: 106px;
	/*font-size: 26px;*/
}
/* e: 9_pink_btn.html */

/* e: 2023.10.06 이후 디자인 변경 */

/* s: 화면 가로 최대값 600px */
.cp_wrapper {
	background: #f7f7f7;
}
div.cp_container {
    height: calc(100% - 60px);
    background: #f7f7f7;
}
.cp_wrapper .cp_header .fix_header {
	width: 100%;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: unset;
}
.sub_contents .sb_header {
	max-width: 600px;
    margin: 0 auto;
}
.gate_wrap_bespoke {
	max-width: 600px;
	width: 100%;
    margin: 0 auto;
}
.gate_cover {
	min-width: unset;
	max-width: 600px;
	margin: auto;
}
.gate_button {
	max-width: calc(600px - 48px);
	margin: 0 auto;
}
.emoji_tipwrap {
	max-width: 600px;
    margin: 20px auto 0;
}
.design_bottle_wrap_jy {
	overflow: hidden;
}
.bottom_btnbox {
	max-width: 600px;
    left: 50%;
    transform: translateX(-50%);
}
.tab_menu_wrap_jy>ul {
	max-width: 600px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
}
.inner_content .sec_block {
	margin: 0 auto;
}
.new_result_sec {
	margin: 50px auto 0;
	max-width: 600px;
}
.cosmetics_list li .image_wrap {
	max-height: 248px;
}
.cosmetics_list li .image_wrap .image {
	max-height: 248px;
	background: #f7f7f7;
}
.inner_wrap .banner_area {
	max-height: 510px;
}
.magazine_contents .img_area {
	max-height: 552px;
}
.magazine_contents .feed_body .feed_thumb_list li {
	max-height: 552px;
}
.see_mystory_wrap {
	max-width: 600px;
	left: 50%;
    transform: translateX(-50%);
}
.feed_body {
	max-height: 600px;
}
.feed_body .feed_thumb_list li {
	max-height: 600px;
}
.prms_content .sec {
	margin: 0 auto;
}
.bigwrap_jy .swiper-slide {
	max-height: 600px;
}
.btn_lead_link {
	max-width: 600px;
	margin: 0 auto;
}

.banner_wrap,
.cp_footer,
.inside_content,
.rolling_wrap,
.banner_wrap_full,
.contents,
.tab_menu_wrap,
.part_wrap,
.style_button,
.sec,
.sec02,
.history_list,
.delete_account_wrap,
.friendcode_event_home_wrap,
.quick_wrap,
.visual_area,
.list_wrap,
.pr_sec,
.sb_button,
.sec_block,
.membership_content,
.verify_top,
.in_block,
.comment_wrap_02,
.sub_sec,
.desert_wrap,
.in_sec,
.btn_wh_big.normal,
.tab_wrap,
.tab_content,
.stage_list,
.in_premise,
.texture_wrap,
.initials_wrap,
.design_bottle_wrap_jy,
.product_information_imglayer,
.layer_inner,
.ingredient_wrap,
.swiper_area,
.pay_sec,
.result_efficacy_pop_imgbox,
.result_efficacy_pop_textbox_top,
.result_efficacy_pop_textbox_bottom,
figure.image,
.coupon_inputbox,
.in_wrap,
.visual_wrap,
.inner_step,
.sb_container.type_err,
.above_title_v2,
.inner,
.gbdc,
.cmt_list,
.sec_review,
.max_width_600 {
	max-width: 600px;
   	margin: 0 auto;
   	background: #fff;
}

@media (min-width: 600px) {
	.txt_2_vw {
		font-size: 34px;
		line-height: 47px;
	}
	.txt_3_vw {
		font-size: 29px !important;
    	line-height: 45px !important;
	}
	.txt_5_vw {
		font-size: 24px !important;
	    line-height: 38px !important;
	}
	.txt_5_1_vw {
		font-size: 25px !important;
    	line-height: 38px !important;
	}
	.txt_6_vw {
		font-size: 23px !important;
    	line-height: 34px !important;
	}
	.friendcode_event_home_wrap {
		left: 0;
	}
	.bigwrap_jy .story_tabmenu_jy {
		left: 0;
	}
	.verify_top_bannerimgbox {
		left: 0;
	}
	.skin_summary_titbox h2 {
		margin-left: 20px;
	}
	.feed_body {
		overflow: hidden;
	}
	.promotion_list.promotion_list_resize ul li {
		min-width: unset;
	}
	.lifestyle_swiperwrap_jy .swp_area .swp_img {
		width: 428px;
		height: 410px;
	}
	.in_option_more .ingredient_list li label i {
	    right: 19px;
	    width: 26px;
	    height: 26px;
	    padding: 4px;
	}
	.in_option_more .ingredient_list li label {
		font-size: 25px;
	    padding: 29px 29px;
	    line-height: 26px;
	}
	.in_option_more .ingredient_list li label span {
		font-size: 19px;
	}
	.ingredient_wrap.in_option_more .ingredient_list li input:checked + label span {
		font-size: 19px;
	}
	[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li + li {
		margin-top: 19px;
	}
	[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li label {
		font-size: 25px;
	    line-height: 45px;
	    padding: 25px 29px 21px;
	}
	[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li label i {
	    right: 29px;
	    width: 26px;
	    height: 26px;
	    padding: 4px;
	}
	[class*="basic_check0"] .swiper_container_new .wrap_option .in_option li input:checked + label {
		font-size: 25px;
    	line-height: 45px;
	}
	.ingredient_wrap.in_option_more .ingredient_list li {
		height: 115px;
	}
	.ingredient_wrap.in_option_more .ingredient_list li input:checked + label {
		font-size: 25px;
	}
	[class*="reset_swiper_jy"] .swiper-container {
		max-width: 600px;
	    overflow: hidden;
	    padding: unset;
	    padding-bottom: 100px;
	}
	[class*="reset_swiper_jy"] .swiper-slide {
		max-width: 600px;
	}
	.new_slide_pagenation p {
		font-size: 23px;
    	line-height: 29px;
	}
	.inner_content[class*="texture2"] .select_list.list2 li .radio_text label {
		height: 338px;
    	padding: 281px 12px 8px;
	}
	.inner_content[class*="texture2"] .select_list.list2 li .radio_text .image {
		height: 263px;
	}
	[class*="initials_wrap"] .initials_text span {
		height: 94px;
	}
	[class*="initials_wrap"] .initials_text span input {
		height: 94px;
    	line-height: 94px;
	}
	[class*="initials_wrap"] .initials_text span {
		height: 94px;
	}
	.design_bottle .design_bottle_jy {
		width: 195px;
    	height: 415px;
	}
	.design_wrap .design_bottle_jy {
		width: 195px;
    	height: 415px;
	}
	.design_bottle_wrap_jy .design_bottle_showwrap_jy {
		top: 203px;
    	left: 39px;
	}
	.design_bottle_wrap_jy .design_bottle_longwrap_jy {
		left: -570px;
	}
	.design_wrap .design_bottle_jy .cords {
		width: 130px;
	    height: 104px;
	    border-radius: 26px 0 0 0;
	    padding: 17px 0 0 17px;
	}
	.design_wrap .design_bottle_jy .cords+.cords {
		margin-left: 155px;
	}
	.design_wrap .design_bottle_jy .cords .cords_nametag_jy {
		font-size: 21px;
	    line-height: 21px;
	    margin-bottom: 8px;
	}
	.design_wrap .design_bottle_jy .cords .cords_nametag_jy .cords_emoji_size {
		font-size: 12px !important;
    	line-height: 18px !important;
	}
	.design_wrap .design_bottle_jy .cords span {
		font-size: 17px;
    	line-height: 17px;
	}
	.design_wrap .design_bottle_jy .cords .cords_capacity_jy {
		font-size: 8px;
	    line-height: 8px;
	    right: 10px;
	    bottom: 23px;
	}
	.design_colors_jy {
		width: 600px;
    	height: 258px;
	}
	.design_colors_jy .design_roundwrap_jy {
		width: 540px;
    	height: 540px;
	}
	.design_colors_jy .design_roundwrap_jy .des_colwrap_jy {
		transform-origin: 270px;
	}
	.design_colors_jy .design_roundwrap_jy .des_colwrap_jy>span[class*=des_col] {
		width: 56px;
    	height: 56px;
	}
	.skin_sumit_date {
		font-size: 19px;
    	line-height: 45px;
	}
	.skin_state_comment > p {
		font-size: 29px;
    	line-height: 46px;
	}
	.new_result_sec .titbox {
		padding-bottom: 26px;
    	margin-bottom: 38px;
	}
	.row_bar_level_jy>ul>li::before {
		left: -10px;
	}
	.dropdown_cont_tit {
		padding: 32px 0 29px 45px;
	}
	.dropdown_cont_text {
		padding: 23px 45px;
	    font-size: 23px;
	    line-height: 34px;
	}
	.result_compare .round {
		width: 206px;
    	height: 206px;
	}
	.result_compare .round p:nth-child(1) {
		font-size: 26px;
    	line-height: 34px;
	}
	.result_compare .round p:nth-child(2) {
		font-size: 19px;
	    line-height: 29px;
	    margin-top: 2px;
	}
	.result_compare .case02 .top div:last-child {
		width: 34px;
    	height: 34px;
	}
	.result_compare .case02 .bottom {
		margin-top: 45px;
	}
	.result_compare .case02 .top .round .line {
		width: 2px;
    	height: 30px;
	}
	.result_compare .case02 .top .round .line::before {
		width: 17px;
    	height: 17px;
    	right: -8px;
    	bottom: -8px;
	}
	.result_compare .case02 .top .round .line::after {
		width: 6px;
	    height: 6px;
	    right: -2px;
	    bottom: -2px;
	}
	.result_compare .textbox p:nth-child(1) {
		font-size: 21px;
    	line-height: 26px;
	}
	.result_compare .textbox p:nth-child(2) {
		font-size: 17px;
	    line-height: 23px;
	    margin-top: 4px;
	}
	.result_compare .case02 .top .round + .round {
		margin-left: 86px;
	}
	.efficacy_guide_box {
		margin-top: 38px;
	    padding: 6px 23px 8px 23px;
	    border-radius: 19px;
	}
	.efficacy_guide_box a {
		font-size: 19px;
    	line-height: 23px;
	}
	.result_user_box {
		padding: 47px 0;
	    border-radius: 19px;
	}
	.result_user_box::after {
		bottom: -26px;
	    border-top: 29px solid #e6f1ef;
	    border-left: 15px solid transparent;
	    border-right: 15px solid transparent;
	}
	.result_user_box > p {
		font-size: 23px;
	}
	.result_user_box > p:nth-child(2) {
		margin-top: 19px;
    	font-size: 29px;
	}
	.result_efficacy_wrap {
		height: 188px;
	}
	.result_efficacy_popbtn {
		bottom: 19px;
	}
	.result_efficacy_img {
		width: 224px;
	}
	.result_efficacy_txt {
		padding: 19px;
	}
	.result_efficacy_txt > p:first-child {
		font-size: 26px;
    	line-height: 26px;
	}
	.result_efficacy_txt > p + p {
		margin-top: 20px;
	}
	.result_efficacy_popbtn > a > i {
		width: 15px;
	    height: 15px;
	    margin-left: 6px;
	}
	#result_main_div .skin_analysis {
		max-width: 600px;
		margin: 0 auto;
	}
	.skin_summary_tit_icon {
		width: 34px;
    	height:34px;
	}
	.result_compare .case02 .textbox {
		width: calc(100% + 32px);
	}
	.result_efficacy_pop_icon {
		margin: 41px auto 0;
	    width: 160px;
	    height: 160px;
	}
	.result_efficacy_pop_icon_name {
		font-size: 38px;
	    line-height: 45px;
	    margin-top: 10px;
	}
	div.result_efficacy_pop_textbox_top {
		margin-top: 38px;
	}
	.result_efficacy_pop_textbox_top > p:nth-child(1) {
		font-size: 29px;
    	line-height: 38px;
	}
	.result_efficacy_pop_textbox_top > p:nth-child(2) {
		font-size: 21px;
	    line-height: 29px;
	    margin-top: 19px;
	}
	.result_efficacy_pop_effect {
		padding: 25px 30px;
		border-radius: 167px;
		margin-top: 33px;
	}
	.result_efficacy_pop_wrap {
		padding-top: 397.5px;
	}
	.result_efficacy_pop_wrap > .line {
		margin: 45px auto 56px;
		max-width: 600px;
	}
	.result_efficacy_pop_wrap > .line > i {
		width: 94px;
    	height: 15px;
	}
	.result_efficacy_pop_textbox_bottom > .graybox {
		padding: 29px 0;
	}
	.result_efficacy_pop_textbox_bottom > .graybox + .graybox {
		margin-top: 19px;
	}
	.result_efficacy_pop_textbox_bottom > .graybox > p:nth-child(1) {
		font-size: 26px;
    	line-height: 38px;
	}
	.result_efficacy_pop_textbox_bottom > .graybox > p:nth-child(2) {
		margin-top: 6px;
	    font-size: 23px;
	    line-height: 34px;
	}
	.lifestyle_tagline > div {
		padding: 6px 19px;
	    border-radius: 25px;
	    font-size: 23px;
	    line-height: 38px;
	}
	.lifestyle_text {
		padding: 19px 23px 30px 17px;
	    margin-top: 11px;
	}
	.lifestyle_text p {
		font-size: 25px;
    	line-height: 38px;
	}
	.lifestyle_long_tagline > div {
		padding: 19px 51px 15px 15px;
	    font-size: 23px;
	    line-height: 45px;
	    margin-top: 38px;
	}
	.friendcode_event_mycode > .mycode {
		padding: 14px;
	}
	.friendcode_event_mycode > .mycode > span:first-child {
		font-size: 19px;
	}
	.friendcode_event_mycode > .mycode > span:last-child {
		font-size: 25px;
	    margin-left: 11px;
	}
	.friendcode_event_mycode > a {
		padding: 10px 19px;
	}
	.friendcode_event_login > a, .friendcode_event_mycode > a {
		font-size: 19px;
	    border-radius: 4px;
	    margin-left: 14px;
	}
	.friendcode_event_btnbox {
		padding: 32px 45px;
	}
	.friendcode_event_btnbox a + a {
		margin-top: 30px;
	}
	.friendcode_event_mycodebox > div {
		padding: 40px 0 21px 34px;
    	border-radius: 10px;
	}
	.friende_event_codebox_tit {
	    font-size: 25px;
	    margin-bottom: 19px;
	}
	.friende_event_codebox_tit > span {
		font-size: 23px;
	    margin-bottom: 17px;
	}
	.friendcode_event_mycode > .mycode {
		padding: 14px;
	    border-radius: 4px;
	}
	.friendcode_event_mycode > .mycode > span:first-child {
		font-size: 19px;
	}
	.friendcode_event_mycode > .mycode > span:last-child {
		font-size: 25px;
	    margin-left: 11px;
	}
	.lifestyle_swiperwrap_jy .swiper-container {
		width: 430px;
	}
	.lifestyle_swiperwrap_jy {
		max-width: 600px;
	    left: 50%;
	    transform: translateX(-50%);
	    overflow: hidden;
	}
	.friendcode_event_mycodebox {
		padding: 0 23px 15px 23px;
    	margin-top: -2px;
	}
	.visual_area.visual_area_v2 {
		height: 300px;
	}
	.visual_area.visual_area_v2 .swiper-slide {
		height: 300px;
	}
	
	.camera_alert_box {
		top: 20px;
		border-radius: 7px;
	}
	.camera_alert_box > span:first-child {
		margin-right: 7px;
	}
	
	.camera_zoom {
		width: 77px;
		height: 77px;
	}
	
	.btn_gray_round {
		border-radius: 167px;
		padding: 6px 20px;
		font-size: 17px;
	}
	.btn_gray_round > span {
		padding-right: 17px;
		background: center right / 13px 13px no-repeat url(/images/ic_arrow_gray_right.png);
	}
	
	.ingredient_select {
		max-width: 600px;
		margin: 0 auto;
	}
	
	.ingredient_select [class*="ingred_"] .ingredient_desc li {
		margin-top: 27px;
	}
	.ingredient_select [class*="ingred_"] .ingredient_desc li strong {
		height: auto;
		border-radius: 167px;
		padding: 8px 20px;
		font-size: 17px;
		line-height: 20px;
		max-width: 150px;
		word-break: auto-phrase;
	}
	.ingredient_select [class*="ingred_"] .ingredient_desc li p {
		font-size: 13px;
		line-height: 17px;
		padding-top: 7px;
	}
	.ingredient_select .ingred_right {
		margin-left: -146px;
	}
	div.visual_area {
		height: 600px;
	}
	.visual_area li.swiper-slide {
		height: 600px;
	}
	div.option_unit .lk_button > a {
		min-width: 375px;
	}
	.review_option [class*="review_option0"] input + label {
		min-height: 150px;
	}
}

/* 몇몇 화면 cp_header가 아니라 sb_header일시 화면이 밑으로 밀림현상 방지 스타일 */
.sub_contents div.sb_container.type13 {
	height: 100%;
	padding: 60px 0 0;
	margin-top: unset;
}
.sub_contents div.sb_container.type13 .bigwrap_jy {
	padding: unset;
}
.sub_contents div.sb_container.type07 .bigwrap_jy{
	padding: 0 0 64px;
}
.sub_contents div.sb_container.type01 .bigwrap_jy{
	padding: 0 0 64px;
}

/* 폭 600 이상시 스크롤 없애기 */
@media (min-width: 600px) {
	::-webkit-scrollbar {
	    width: 0px;
	}
	
	/* ::-webkit-scrollbar-thumb {
	    background-color: hsla(0, 0%, 42%, 0.49);
	} */
}

.scroll_y::-webkit-scrollbar {
	display: block;
	height: 5px;
}
.scroll_y::-webkit-scrollbar-thumb {
	background: #e7e7e7;
	border-radius: 50px;
}

/* e: 화면 가로 최대값 600px */

/* e: 2023.01.04 이후 수정 */

/* s: 2024-06-13 ScBespoke 01 */
.ingredient_wrap.ingredient_wrap_v3 .ingredient_detail {position:relative; margin: 0;}

.ingredient_wrap.ingredient_wrap_v3 .ingredient_detail .swiper-slide {}
.ingredient_wrap.ingredient_wrap_v3 .ingredient_detail .swiper-slide + .swiper-slide {margin-left: 0;}
.ingredient_wrap.ingredient_wrap_v3 .ingredient_detail .swiper-slide:last-child {margin-right: 0;}
.ingredient_wrap.ingredient_wrap_v3 .ingredient_info {width: 100%; min-height:134px; background-color:#f7f7f7; padding:15px 14px 13px; text-align:left}

.ingredient_wrap.ingredient_wrap_v3 .ingredient_info .in_list li {width:65px; height:40px; font-size:8px; line-height:12px; font-weight:500; padding: 0 5.5px; border-radius:8px; background-color:#fff; border:1px solid #ccc; text-align:center; display:inline-flex; justify-content:center; align-items:center; white-space:pre-line}

.ingredient_add span:before {content:""; display:inline-block; width:12px; height:12px; background:url(/images/ic_ingredient_description.png) 0 0 no-repeat; background-size:12px 12px; -webkit-background-size:12px 12px; position:absolute; top:50%; left:0; transform:translateY(-50%)}

.ingredient_wrap.ingredient_wrap_v3 .ingredient_detail .swiper-pagination {position:unset; padding-top:15px; margin-left: 0;}
/* e: 2024-06-13 ScBespoke 01 */

/* 20250205 :: 종료 */
.cp_wrapper.close div.cp_container{
	height: 100%;
    background-color: #fff;
}
.cp_wrapper.close div.cp_container .bigwrap_jy{
	min-height: 100%;
    padding-bottom: 0;
    background: url(/images/close/bg_close_top.png) 0 0 no-repeat;
    background-size: 100% auto;
}
.close_area{
	display: flex;
	flex-direction: column;
    justify-content: space-around;
    height: 100vh;
	padding: 9.822% 25px 0;
	background: url(/images/close/bg_close_btm.png) 0 100% no-repeat;
    background-size: 100% auto;
}
.close_area .logo{
	width: 171px;
}
.close_area .close_content{
	max-width: 375px;
	margin: 0 auto;
}
.close_area h1{
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}
.close_area .txt1{
    margin-top: 20px;
	font-weight: 700;
	line-height: 20px;
}
.close_area .txt2{
	margin: 4.310% 0;
	font-size: 12px;
	line-height: 20px;
}
.close_area .box_icon{
	width: 100px;
	margin: 0 auto;
	text-align: center;
}
.close_area .box_icon img{
    margin-bottom: 10px;
}
.close_area .btn_area .google{
	margin-bottom: 16px;
}
.close_area .btn_area img{
    vertical-align: text-top;
}
.close_area .btn_area .google img{
	width: 23px;
	height: 20px;
    margin-right:3px;
}
.close_area .btn_area .apple img{
	width: 16px;
	height: 19px;
    margin-right:5px;
}    

@media screen and (max-width: 600px) {
.close_area{
    justify-content: space-evenly;
}    
    .close_area h1{
        margin-top: 17.24%;
    }
}
/* //20250205 :: 종료 */