@charset "UTF-8";

/* 시작: css 변수 */
:root {
	--color-primary-15: #fff8f9;
	--color-primary-25: #fff5f7;
	--color-primary-35: #fff2f4;
	--color-primary-40: #FFEDF3;
	--color-primary-50: #ffeaed;
	--color-primary-100: #ffcbce;
	--color-primary-200: #ef9693;
	--color-primary-300: #e46d69;
	--color-primary-400: #ed4c43;
	--color-primary-500: #f03b26;
	--color-primary-600: #e22f26;
	--color-primary-620: #db412f;
	--color-primary-700: #d02421;
	--color-primary-800: #c41c19;
	--color-primary-900: #b5090b;
	--color-red-700: #D02421;
	--color-gray-25: #fafafa;
	--color-gray-50: #f7f8fa;
	--color-gray-100: #f2f3f6;
	--color-gray-200: #eaebee;
	--color-gray-300: #dcdee3;
	--color-gray-400: #d1d3d8;
	--color-gray-500: #adb1ba;
	--color-gray-600: #868b94;
	--color-gray-650: #7a7e85;
	--color-gray-690: #616161;
	--color-gray-700: #4d5159;
	--color-gray-800: #393a40;
	--color-gray-900: #212124;
	--color-mint-400: #00d1b8;
	--color-green-300: #51ad58;
	--color-green-350: #00a000;
	--color-green-400: #008c72;
	--color-common-white: #fff;
	--color-common-black: #000;
	--color-alpha-4: rgba(33, 33, 36, 0.04);
	--color-alpha-12: rgba(33, 33, 36, 0.12);
	--color-alpha-40: rgba(33, 33, 36, 0.4);
	--color-alpha-60: rgba(33, 33, 36, 0.6);
	--color-white-alpha-60: rgba(255, 255, 255, 0.6);
	--color-white-alpha-80: rgba(255, 255, 255, 0.8);
	--color-kakao-bg: #fae300;
	--color-kakao-content: #391b1b;
	--color-naver-bg: #09aa5c;
	--color-alert: #fa2314;
	--color-tarot: #5d37af;
	--color-saju: #c97f27;
	--color-sinjeom: #b12c30;
	--color-link-100: #4295f6;
	--layout-max-width: 720px;
	--layout-max-width-half: 360px;
	--layout-header-height: 45px;
	--layout-home-header-height: 54px;
	--layout-navBar-height: 50px;
	--layout-tabs-height: 52px;
	--layout-side-padding: 16px;
	--masterList-gap-row: 8px;
	--masterList-gap-row-half: 4px;
	--masterList-gap-column: 24px;
	--form-radio-paddingLeft: 28px;
	--topLineBanner-height: 40px;
	--rolling-counter-lineHeight: 18px;
	--color-partner: #724D20;
	--color-new: #38AD74;
	--color-favorit: #A92B1F;
	--bg-partner: #F8F6EB;
	--bg-new: #EBF7ED;
	--bg-favorit: #FCF3F2;

}
/* 종료: css 변수 */

/* 시작: reset */
@font-face {
	font-family: Pretendard;
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Pretendard-Regular.subset.woff2') format('woff2');
}
@font-face {
	font-family: Pretendard;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Pretendard-Medium.subset.woff2') format('woff2');
}
@font-face {
	font-family: Pretendard;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/Pretendard-SemiBold.subset.woff2') format('woff2');
}
@font-face {
	font-family: Pretendard;
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Pretendard-Bold.subset.woff2') format('woff2');
}


html,
body,
input,
textarea,
button,
select,
table,
td,
th,
pre {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, Roboto,
	Malgun Gothic, '맑은 고딕', sans-serif;
	color: var(--color-gray-900);
}
body {
	line-height: 1.4;
	/* bootstrap의 모달 팝업 노출 시 스크롤바 width 확보하는 padding 제거 */
	padding-right: 0 !important;
}
a {
	text-decoration: none;
	color: var(--color-gray-900);  color: var(--color-gray-900);
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd,
p,
pre {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	color: var(--color-gray-900);
}
li {
	list-style: none;
}
input[type='number'] {
	-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
}
/* 종료: reset */

/* 시작: 공통 > KMC결제창(PC) */
.blockUI.blockOverlay {
	z-index: 2000 !important;
}
.blockUI.blockMsg.blockPage {
	z-index: 2011 !important;
}
/* 종료: 공통 > KMC결제창(PC) */

/* 시작: 공통 > 팝업 */
.modal-backdrop,
.offcanvas-backdrop {
	max-width: var(--layout-max-width);
	left: 50%;
	transform: translateX(-50%);
	opacity: 1 !important;
	background-color: var(--color-alpha-60);
}
.style-modal {
	max-width: var(--layout-max-width);
	left: 50%;
	transform: translateX(-50%);
}
.style-modal .style-modal-dialog {
	box-sizing: border-box;
	max-width: var(--layout-max-width);
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
	transform: translate(0, 0) !important;
}
.style-modal .style-modal-footer {
	width: 100%;
}
.style-modal-dialog-fullscreen {
	max-width: var(--layout-max-width);
	left: 50%;
	transform: translate(-50%, 0) !important;
	padding-bottom: env(safe-area-inset-bottom, 0.5vh);
}
.style-alert .style-alert-dialog {
	max-width: calc(280px + 32px);
	margin-left: auto;
	margin-right: auto;
}
.style-alert .style-alert-content {
	border-radius: 16px;
	padding: 20px 18px;
}
.style-alert .style-alert-title {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	padding-bottom: 6px;
}
.style-alert .style-button-alertTransparent {
	height: 30px;
	padding-top: 10px;
}
.style-alert .style-alert-footer {
	padding-top: 18px;
	display: flex;
	gap: 2px;
	flex-direction: column;
}
.style-alert .style-alert-footer2 {
	padding-top: 18px;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}
.style-alert .style-alert-footer2 button {
	width: calc(50% - 3px);
}
.style-signUpSuccessModal .style-signUpSuccessModal-dialog {
	max-width: calc(322px + 32px);
}
.style-signUpSuccessModal .style-signUpSuccessModal-body {
	display: flex;
	gap: 32px;
	flex-direction: column;
	align-items: center;
	padding: 36px 16px 24px;
	text-align: center;
}
.style-signUpSuccessModal .style-signUpSuccessModal-top {
	display: flex;
	gap: 11px;
	flex-direction: column;
	align-items: center;
}
.style-signUpSuccessModal .style-signUpSuccessModal-top h3 {
	font-weight: 700;
	font-size: 22px;
}
.style-signUpSuccessModal .style-signUpSuccessModal-body p {
	line-height: 1.2;
	color: #6c7179;
}
.style-signUpSuccessModal .style-signUpSuccessModal-logo {
	width: 54px;
	height: auto;
}
.style-signUpSuccessModal .style-signUpSuccessModal-footer {
	display: flex;
	gap: 8px;
	flex-direction: column;
	padding: 0 16px 20px;
}
.style-signUpSuccessModal .style-signUpSuccessModal-footer button {
	font-size: 16px;
}
.style-offcanvas-bottom.offcanvas-bottom {
	border: 0;
	width: 100%;
	max-width: var(--layout-max-width);
	height: auto;
	max-height: calc(100vh - 180px);
	left: 50%;
	right: unset;
	transform: translate(-50%, 100%);
	border-radius: 16px 16px 0 0;
	padding-bottom: env(safe-area-inset-bottom, 0.5vh);
}
.style-detail-inquire {
	height: 100% !important;
	max-height: 100% !important;
	border-radius: 0 !important;
}
.style-offcanvas-bottom.offcanvas-bottom.style-offcanvas-bottom-noRadius {
	border-radius: 0;
}
.style-offcanvas-bottom.offcanvas-bottom.show {
	transform: translate(-50%, 0%);
}
.style-offcanvas-bottom.offcanvas-bottom.showing {
	transform: translate(-50%, 0%);
}
.style-offcanvas-bottom.offcanvas-bottom.hiding {
	transform: translate(-50%, 100%);
}
.style-offcanvas-bottom .style-offcanvas-body {
	padding: 0;
	padding-bottom: calc(0px + env(safe-area-inset-bottom, 0.5vh));
}
.style-offcanvas-bottom .style-offcanvas-header {
	width: 100%;
	height: 62px;
}
.style-offcanvas-bottom .style-offcanvas-header-content {
	width: 100%;
	height: 62px;
	padding: 20px 20px 14px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--color-common-white);
	border-radius: 16px 16px 0 0;
}
.style-offcanvas-bottom .style-offcanvas-header-content h2 {
	font-size: 20px;
	font-weight: 700;
	padding-right: 30px;
}
.style-offcanvas-bottom .style-offcanvas-header-button {
	position: absolute;
	right: 20px;
	top: 22px;
}
.style-offcanvas-bottom .style-offcanvas-header-button svg {
	width: auto;
	height: 24px;
}
.style-counsel-close {
	position: absolute;
	top: 18px;
	right: 16px;
	z-index: 10;
}
.style-counsel-close button {
	padding: 0;
}

.style-toast {
	width: calc(100% - 16px);
	max-width: calc(var(--layout-max-width) - 16px);
	position: fixed;
	left: 50%;
	transform: translate(-50%, calc(100% + 10px));
	bottom: calc(8px + env(safe-area-inset-bottom, 0.5vh));
	border: 0;
	border-radius: 4px;
	background-color: var(--color-gray-900);
	color: var(--color-common-white);
	font-size: 14px;
	padding: 17px 24px;
	box-shadow: none;
	transition: all 0.3s ease !important;
	display: block !important;
	z-index: 2000;
	opacity: 0 !important;
}
.style-toast.showing {
	opacity: 1 !important;
}
.style-toast.show {
	transform: translate(-50%, 0);
	opacity: 1 !important;
}
.style-toast.hide {
	opacity: 0 !important;
}
.style-toast .style-toast-content {
	display: flex;
	justify-content: space-between;
}
.style-toast .style-toast-action {
	padding-left: 12px;
}
.style-toast .style-toast-action .style-toast-action-button {
	font-weight: 600;
	font-size: 14px;
	color: var(--color-primary-300);
}
.style-tooltip {
	--bs-tooltip-max-width: 246px;
	--bs-tooltip-bg: var(--color-gray-700);
	--bs-tooltip-opacity: 1;
	--bs-tooltip-padding-x: 12px;
	--bs-tooltip-padding-y: 20px;
	--bs-tooltip-zindex: 1000;
	--bs-tooltip-border-radius: 12px;
	--bs-tooltip-arrow-width: 20px;
	--bs-tooltip-arrow-height: 8px;
	margin-top: 4px !important;
}
.style-tooltip:after {
	content: '';
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: -20px;
}
/* 종료: 공통 > 팝업 */

/* 시작: 공통 > 탭메뉴 */
.style-tabs {
	width: 100%;
	height: var(--layout-tabs-height);
	padding-top: 15px;
	left: 0;
	top: var(--layout-header-height);
	background-color: var(--color-common-white);
}
.style-layout-home {
	padding: 0 16px;
}
.style-layout-home .style-tabs {
	padding-top:8px;
	height:45px;
}
.style-layout-home nav {
	gap: 5px !important;
}
.style-layout-home .style-tabs .style-tabs-button {
	color: #717070;
	font-size: 14px;
	font-weight: 600;
}
.style-tabs:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-gray-100);
	position: absolute;
	left: 0;
	bottom: 1px;
}
.style-tabs .style-tabs-buttonWrap {
	display: flex;
	gap: 0;
	flex-wrap: nowrap;
}
.style-tabs .style-tabs-button {
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	position: relative;
	z-index: 1;
	color: var(--color-gray-600);
	border-bottom: 2px solid transparent;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 0;
	margin: 0;
}
.style-tabs .style-tabs-button:hover {
	border-bottom: 2px solid transparent;
}
.style-tabs .style-tabs-button.active {
	color: var(--color-gray-900);
	border-bottom: 2px solid var(--color-gray-900);
}
.main-tabs .style-tabs-button.active {
	color: #C41C19 !important;
	border-bottom: none;
}
.main-tabs .style-tabs-button.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #C41C19;
	border-radius: 3px;
	overflow: hidden;
}
.style-tabs .style-tabs-dot {
	position: absolute;
	right: calc(50% - 19px);
	top: 0;
}
/* 종료: 공통 > 탭메뉴 */

/* 시작: 공통 > chips */
.style-chip-button {
	font-size: 13px;
	font-weight: 400;
	height: 34px;
	background-color: var(--color-common-white);
	border: 1px solid var(--color-gray-100);
	border-radius: 34px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-chip-button.style-chip-button-200 {
	border-color: var(--color-gray-200);
}
.style-chip-button-reset {
	width: 34px;
	height: 34px;
	background: url(../images/icons/icon_reset.svg) no-repeat 50% 50%;
	background-size: cover;
	border: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999em;
}
.style-chip-button svg {
	width: auto;
	height: 15px;
}
.style-chip-button svg path {
	fill: var(--color-gray-900);
}
.style-chip-button.style-chip-button-active {
	border-color: var(--color-primary-600);
	background-color: var(--color-primary-25);
	color: var(--color-primary-600);
}
.style-chip-button.style-chip-button-active svg path {
	fill: var(--color-primary-600);
}
.style-chips {
	width: 100%;
	padding: 12px 0 6px;
	background-color: var(--color-common-white);
	top: var(--layout-header-height);
}
.style-chips-tline {
	border-top: 1px solid #F2F3F6;
}
.style-chips.style-chips-top {
	padding-top: 6px;
	top: 0;
}
.style-chips swiper-slide {
	width: auto;
}
.style-chips4 {
	width: 100%;
	padding: 18px 0 2px;
	background-color: var(--color-common-white);
	top: var(--layout-header-height);
}
.style-chips4 swiper-slide {
	width: auto;
}
.style-chip2-link {
	font-size: 14px;
	font-weight: 400;
	height: 30px;
	background-color: var(--color-gray-100);
	border: 0;
	border-radius: 30px;
	padding: 0 6px 0 12px;
	display: inline-flex;
	align-items: center;
	line-height: 1;
}
.style-chip2-link .style-chip2-closeButton {
	display: flex;
	align-items: center;
	border: 0;
	padding: 6px;
	background: transparent;
}
.style-chip2-link .style-chip2-closeButton img {
	width: auto;
	height: 12px;
}
.style-chip3-link {
	font-size: 14px;
	font-weight: 400;
	height: 30px;
	border: 1px solid var(--color-gray-200);
	border-radius: 30px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	line-height: 1;
}
.style-chip3-button {
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	height: 36px;
	border: 0;
	background-color: var(--color-gray-50);
	border-radius: 36px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-chip3-button.style-chip3-button-active {
	background-color: var(--color-gray-900);
	color: var(--color-common-white);
}
.style-chip4-button {
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 700;
	color: var(--color-gray-700);
	height: 34px;
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-common-white);
	border-radius: 34px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	gap: 2px;
	line-height: 1;
}
.style-chip4-button.style-chip4-button-active {
	background-color: var(--color-gray-50);
	border: 1px solid var(--color-gray-700);
	color: var(--color-gray-900);
}
.style-chips5 {
	width: 100%;
	padding: 18px 0 2px;
	background-color: var(--color-common-white);
	top: var(--layout-header-height);
}
.style-chips5 swiper-slide {
	width: auto;
}
.style-chip5-button {
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 600;
	color: #212124;
	height: 34px;
	border: 1px solid #EAEBEE;
	background-color: var(--color-common-white);
	border-radius: 34px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	gap: 2px;
	line-height: 1;
}
.style-chip5-button.style-chip5-button-active {
	background-color: #2A2A2A;
	border: 1px solid #2A2A2A;
	color: var(--color-common-white);
}

/* 종료: 공통 > chips */

/* 시작: 공통 > 버튼 */
button:focus-visible {
	outline: 0;
}
.style-button {
	width: auto;
	height: 48px;
	border: 1px solid var(--color-primary-600);
	border-radius: 6px;
	background-color: var(--color-primary-600);
	padding: 0 16px;
	font-size: 17px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-common-white);
	white-space: nowrap;
	gap: 4px;
}
.style-button-large {
	height: 52px;
}
.style-button-small {
	height: 40px;
	font-size: 14px;
}
.style-button-xsmall {
	height: 34px;
	font-size: 13px;
}
.style-button-xsmall2 {
	height: 36px;
	font-size: 14px;
}
.style-button-2xsmall {
	height: 30px;
	font-size: 12px;
	font-weight: 400;
}
.style-button-3xsmall {
	height: 25px;
	font-size: 12px;
	font-weight: 700;
	padding-left: 12px;
	padding-right: 12px;
}
.style-button.style-button-line {
	background-color: var(--color-common-white);
	color: var(--color-primary-600);
}
.style-button.style-button-secondary {
	border: 1px solid var(--color-primary-25);
	background-color: var(--color-primary-25);
	color: var(--color-primary-600);
}
.style-button.style-button-line.style-button-secondary {
	background-color: var(--color-common-white);
}
.style-button-bk  {
	background: #2A3038;
	border: 1px solid #2A3038;
}
.style-button.style-button-tertiary {

	/*
	border: 1px solid var(--color-gray-500);
	background-color: var(--color-gray-500);
	color: var(--color-common-white);

	 */

	border: 1px solid #f6F6F6;
	background-color: #f6F6F6;
	color: #292929;

}

.style-button.style-button-tertiary-disable {
	border: 1px solid var(--color-gray-500);
	background-color: var(--color-gray-500);
	color: var(--color-common-white);
}

.style-button.style-button-tertiary-disable SVG path{
	fill: var(--color-common-white);
}


.style-button.style-button-line.style-button-tertiary {
	background-color: var(--color-common-white);
	color: var(--color-gray-500);
}
.style-button.style-button-disabled {
	border: 1px solid var(--color-gray-100);
	background-color: var(--color-gray-100);
	color: var(--color-gray-600);
}
.style-button.style-button-line.style-button-disabled {
	border-color: var(--color-gray-300);
	background-color: var(--color-common-white);
	color: var(--color-gray-400);
}

/* 블랙 버튼  실제롱 안씀*/
.style-button.style-button-black-line {
	border-color: #292929;;
	background-color: var(--color-common-white);
	color:  #292929;;
}

.style-button.style-button-black-line.style-button-disabled {
	border-color: var(--color-gray-300);
	background-color: var(--color-common-white);
	color: var(--color-gray-400);
}


.style-button.style-button-disabled2 {
	border: 1px solid var(--color-gray-300);
	background-color: var(--color-gray-300);
	color: var(--color-gray-500);
}
.style-button.style-button-line.style-button-disabled2 {
	border-color: var(--color-gray-300);
	background-color: var(--color-common-white);
	color: var(--color-gray-500);
}
.style-button.style-button-transparent {
	border: 1px solid transparent;
	background-color: transparent;
	color: var(--color-gray-900);
}
.style-button.style-button-etc {
	border: 1px solid var(--color-gray-300);
	background-color: var(--color-gray-300);
	color: var(--color-gray-900);
}
.style-button.style-button-line.style-button-etc {
	background-color: var(--color-common-white);
	color: var(--color-gray-900);
}
.style-button.style-button-etc2 {
	border: 1px solid var(--color-gray-100);
	background-color: var(--color-gray-100);
	color: var(--color-gray-900);
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
}
.style-button.style-button-etc2:disabled {
	color: var(--color-gray-600);
}
.style-likeButton {
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 4px;
	height: 32px;
	padding: 0 14px 0 12px;
	border: 0;
	/*
	background-color: var(--color-gray-200);
	 */
	background-color: #FFF;
	border:1px solid #EAEBEE;
	border-radius: 36px;
}
.style-likeButton > img {
	width: 14px;
	height: auto;
}
.style-likeButton > span {
	font-weight: 700;
}
.style-likeButton.style-likeButton-active {
	/*
	background-color: var(--color-primary-25);
	color: var(--color-primary-600);
	 */
	border:1px solid #FFCBCE;
	color:#F03F45;
}
.style-button-removeStyle {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.style-button-removeStyle-disabled {
	color: var(--color-gray-600);
}
.style-button-h36 {
	height: 36px !important;
}
.style-button-h50 {
	height: 50px !important;
}
.style-button-moreView-wrap {
	display: inline;
	/* display: block; */
	/* padding-left: 10px; */
	/* position: absolute;
  right: 0;
  bottom: 0; */
	/* background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 12%,
    rgba(255, 255, 255, 1) 100%
  ); */
}
.style-button-moreView {
	display: inline-flex;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-gray-600);
}
.style-login-kakaoButton {
	width: 100%;
	gap: 6px;
	border-color: var(--color-kakao-bg);
	background-color: var(--color-kakao-bg);
	color: var(--color-kakao-content);
	font-size: 16px;
}
.style-login-appleButton {
	width: 100%;
	gap: 6px;
	border-color: var(--color-common-black);
	background-color: var(--color-common-black);
	font-size: 16px;
}
.style-login-googleButton {
	width: 100%;
	gap: 6px;
	border-color: var(--color-gray-300);
	background-color: var(--color-common-white);
	color: var(--color-gray-900);
	font-size: 16px;
}
.style-login-naverButton {
	width: 100%;
	gap: 6px;
	border-color: var(--color-naver-bg);
	background-color: var(--color-naver-bg);
	font-size: 16px;
}
.style-login-kakaoButton img,
.style-login-appleButton img,
.style-login-googleButton img,
.style-login-naverButton img {
	width: auto;
	height: 20px;
}
.style-button-block {
	height: 30px;
	padding: 0 13px;
	border-color: #EFEFEF;
	background-color: var(--color-common-white);
	border-radius: 30px;
	color: var(--color-gray-900);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}
.style-button-block.style-button-block-active {
	border-color: #2A3038;
	background-color: #2A3038;
	color: var(--color-common-white);
}
.style-button-block2 {
	height: 40px;
	padding: 0 16px;
	border-color: var(--color-gray-400);
	background-color: var(--color-common-white);
	border-radius: 40px;
	color: var(--color-gray-900);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}
.style-button-block2.style-button-block2-active {
	border-color: var(--color-gray-900);
	background-color: var(--color-gray-900);
	color: var(--color-common-white);
}
.style-frequenterAll-button {
	width: 56px;
	height: 33px;
	background-color: var(--color-gray-100);
	border-radius: 33px;
	gap: 4px;
}
.style-frequenterAll-button > svg {
	width: auto;
	height: 16px;
}
.style-frequenterAll-button svg:last-of-type {
	width: auto;
	height: 12px;
}
.style-frequenterAll-button.style-frequenterAll-button-notReg {
	width: 48px;
	line-height: 1;
	font-size: 13px;
	font-weight: 600;
	color: var(--color-common-white);
	background-color: var(--color-gray-900);
}
/* 종료: 공통 > 버튼 */

/* 시작: 공통 > 폼 */
.style-form-label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 11px;
}
.style-form-input {
	box-shadow: none !important;
	border-color: var(--color-gray-400);
	caret-color: var(--color-primary-600);
	font-size: 16px;
	border-radius: 6px;
	height: 52px;
	padding: 6px 16px;
	color: var(--color-gray-900);
}
.style-form-input.style-form-input-noBorder {
	border: 0;
}
.style-form-input.style-input-small {
	height: 48px;
}

.style-form-help {
	color: #2A2A2A;
	font-weight: 400;
	font-size:14px;
	line-height: 140%;
	letter-spacing: 0;
	border: 1px solid #F2F3F6;
	background: #F2F3F6;
	border-radius: 6px;
	padding: 14px 16px;
	position: relative;
	/*margin-bottom:10px;*/
}

.style-form-textarea {
	color: var(--color-gray-900);
	border: 1px solid var(--color-gray-400);
	border-radius: 6px;
	padding: 14px 16px 28px;
	position: relative;
}
.style-form-textarea:has(textarea:focus) {
	border-color: var(--color-gray-900);
}
.style-form-textarea-label {
	font-weight: 600;
	font-size: 14px;
	display: block;
	padding-bottom: 10px;
}
.style-form-textarea textarea {
	width: 100%;
	box-shadow: none !important;
	border: 0 !important;
	caret-color: var(--color-primary-600);
	font-size: 16px;
	padding: 0;
	line-height: 1.4;
	resize: none;
}
.style-form-textarea .style-form-textarea-length {
	position: absolute;
	right: 8px;
	bottom: 6px;
	font-size: 11px;
	color: var(--color-gray-600);
}
.style-form-input::placeholder,
.style-form-textarea textarea::placeholder {
	color: var(--color-gray-500);
}
.style-form-input:focus {
	border-color: var(--color-gray-900);
}
.style-invalid-feedback {
	/*margin-top: 8px;*/
	font-size: 13px;
	color: var(--color-alert);
}
.style-form-feedback {
	margin-top: 8px;
	font-size: 13px;
	color: var(--color-alert);
	display: flex;
}
.style-input-addonType {
	position: relative;
}
.style-input-addonType .style-form-input {
	padding-right: 130px;
}
.style-input-addonType .style-input-addon {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--color-gray-700);
	line-height: 1;
}
.style-input-cash {
	position: relative;
}
.style-input-cash .form-control {
	box-shadow: none !important;
	border-color: var(--color-gray-100);
	caret-color: var(--color-primary-600);
	font-size: 14px;
	border-radius: 4px;
	height: 38px;
	padding: 6px 23px 6px 22px;
	background-color: transparent;
	text-align: right;
	z-index: 0 !important;
}
.style-input-cash .style-input-cash-unit {
	font-size: 14px;
	position: absolute;
	right: 83px;
	top: 50%;
	transform: translateY(-50%);
}
.style-input-cash .style-input-cash-button {
	width: 73px;
	font-size: 12px;
	font-weight: 400;
	background-color: var(--color-primary-600) !important;
	border: 0 !important;
	color: var(--color-common-white) !important;
	padding: 0 2px;
	border-radius: 0 4px 4px 0;
}
.style-input-cash .style-input-cash-button.style-input-cash-cancelButton {
	background-color: var(--color-gray-100) !important;
	color: var(--color-gray-600) !important;
}
.style-form-check {
	min-height: auto;
	margin-bottom: 0;
	padding-left: 30px;
}
.style-form-check .style-form-check-input {
	width: 26px;
	height: 26px;
	margin: 0 4px 0 -30px;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	background: url(../images/icons/icon_checkbox_off.svg) no-repeat 50% 50%;
	background-size: cover;
	cursor: pointer;
}
.style-form-check .style-form-check-input.style-form-check-input-noBorder {
	width: 20px;
	height: 20px;
	position: relative;
	top: 3px;
	background-image: url(../images/icons/icon_check_off.svg);
}
.style-form-check .style-form-check-input:active {
	filter: none;
}
.style-form-check .style-form-check-input:checked[type='checkbox'] {
	background-image: url(../images/icons/icon_checkbox_on.svg);
}
.style-form-check
.style-form-check-input.style-form-check-input-noBorder:checked[type='checkbox'] {
	background-image: url(../images/icons/icon_check_on.svg);
}
.style-form-check .style-form-check-label {
	line-height: 26px;
	font-size: 15px;
}
.style-form-check.style-form-check-small {
	padding-left: 28px;
	line-height: 24px;
	font-size: 14px;
}
.style-form-check.style-form-check-small .style-form-check-input {
	width: 24px;
	height: 24px;
	margin-left: -28px;
}
.style-form-check.style-form-check-small .style-form-check-label {
	color: var(--color-gray-700);
	line-height: 24px;
	font-weight: 400;
}
.style-form-check.style-form-check-xsmall {
	padding-left: 24px;
	line-height: 20px;
	font-size: 16px;
}
.style-form-check.style-form-check-xsmall .style-form-check-input {
	width: 20px;
	height: 20px;
	margin-left: -24px;
}
.style-form-check.style-form-check-xsmall .style-form-check-label {
	color: var(--color-gray-900);
	line-height: 20px;
	font-weight: 400;
	margin-left:4px;
}
.style-form-radio {
	min-height: auto;
	margin-bottom: 0;
	padding-left: var(--form-radio-paddingLeft);
	position: relative;
}
.style-form-radio .style-form-radio-input {
	width: 24px;
	height: 24px;
	margin: 0;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	background: url(../images/icons/icon_radio_off.svg) no-repeat 50% 50%;
	background-size: cover;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.style-form-radio .style-form-radio-input:active {
	filter: none;
}
.style-form-radio .style-form-radio-input:checked[type='radio'] {
	background-image: url(../images/icons/icon_radio_on.svg);
}
.style-form-radio .style-form-radio-label {
	line-height: 24px;
	font-size: 15px;
}
.style-input-search .style-form-input {
	height: 36px;
	background-color: var(--color-gray-100);
	border: 0;
	padding: 6px 36px 6px 12px;
}
.style-input-search .style-input-addon {
	right: 6px;
}
.style-form-switch {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 52px;
	height: 32px;
}
.style-form-switch .form-check-input {
	box-shadow: none !important;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgcj0iMTQiIGZpbGw9IndoaXRlIiAvPgo8L3N2Zz4K);
	border-color: var(--color-gray-200);
	border-width: 2px;
	background-color: var(--color-gray-200);
}
.style-form-switch .form-check-input:active {
	filter: brightness(100%);
}
.style-form-switch .form-check-input:checked {
	border-color: var(--color-primary-600);
	background-color: var(--color-primary-600);
}
.style-form-select {
	color: var(--color-gray-900);
	box-shadow: none !important;
	border-color: var(--color-gray-400);
	font-size: 14px;
	background-image: url(../images/icons/icon_expand.svg);
	background-size: 16px 16px;
}
.style-form-select.style-form-select-withPlaceholder {
	color: var(--color-gray-500);
}
.style-form-select.style-form-select-withPlaceholder.style-form-select-selected {
	color: var(--color-gray-900);
}
.style-form-select.style-form-select-large {
	font-size: 15px;
	padding: 0 16px;
	height: 52px;
}
.style-form-select:focus {
	border-color: var(--color-gray-900);
}
.style-form-select.style-form-select-withPlaceholder option {
	color: var(--color-gray-900);
}
.style-form-select option:disabled {
	color: var(--color-gray-500);
}
/* 종료: 공통 > 폼 */

/* 시작: 공통 > 별점 입력 */
.style-starRating-group {
	font-size: 0; /* remove inline-block whitespace */
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-starRating-group input {
	display: none;
}
.style-starRating-group .style-starRating-label {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	white-space: nowrap;
	cursor: pointer;
}
.style-starRating-group .style-starRating-icon {
	width: auto;
	height: 40px;
}
.style-starRating-group .style-starRating-icon path {
	fill: var(--color-primary-600);
}
.style-starRating-group
input:checked
~ .style-starRating-label
.style-starRating-icon
path {
	fill: var(--color-gray-200);
}
/* 종료: 공통 > 별점 입력 */

/* 시작: 공통 > chip 선택 */
.style-chipSelect {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.style-chipSelect li {
	flex-shrink: 0;
}
.style-chipSelect li input {
	display: none;
}
.style-chipSelect li label {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding: 10px 14px;
	border: 1px solid var(--color-gray-200);
	border-radius: 50px;
	background-color: var(--color-common-white);
}
.style-chipSelect li input:checked + label {
	background-color: var(--color-primary-25);
	border-color: var(--color-primary-600);
	color: var(--color-primary-600);
}
/* 시작: 공통 > chip 선택 */

/* 시작: 공통 > 로더 */
.style-loader {
	padding: 40px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 시작: 공통 > 로더 */

/* 시작: 공통 > 뱃지 */
.style-badge {
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	background-color: var(--color-gray-700);
	color: var(--color-common-white);
	font-size: 10px;
	font-weight: 700;
	height: 18px;
	padding: 0 6px;
}
.style-badge.style-badge-large {
	font-size: 12px;
	height: 20px;
}
.style-badge.style-badge-tarot {
	background-color: var(--color-tarot);
}
.style-badge.style-badge-saju {
	background-color: var(--color-saju);
}
.style-badge.style-badge-sinjeom {
	background-color: var(--color-sinjeom);
}
.style-badge.style-badge-partner {
	background-color: var(--bg-partner);
	color: var(--color-partner);
}
.style-badge.style-badge-new {
	background-color: var(--bg-new);
	color: var(--color-new);
}
.style-badge.style-badge-favorit {
	background-color: var(--bg-favorit);
	color: var(--color-favorit);
}
.style-badge-img {
	height: 15px;
	background: none;
	padding: 0;
	border-radius: 0;
	float: left;
	margin-right: 1px;
}
.style-badge-img img {
	width: auto;
	height: 100%;
}
/* 종료: 공통 > 뱃지 */

/* 시작: 공통 > 상태 */
.style-masterItem-status {
	position: absolute;
	bottom: 5px;
	right: 7px;
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
}
.style-masterItem-status .masterItem-status {
	border-radius: 4px;
	background: rgba(71, 71, 71, 0.50);
	font-size: 11px;
	color: #fff;
	font-weight: 600;
	gap: 3px;
	padding: 4px 5px;
	display: flex;
	align-items: center;
}
.style-masterItem-status .masterItem-status span {
	display: flex;
	width: 8px;
	height: 8px;
}
/* 종료: 공통 > 상태 */

/* 시작: 공통 > 태그 */
.style-tag {
	display: inline-flex;
	align-items: center;
	border-radius: 24px;
	background-color: var(--color-gray-50);
	color: var(--color-gray-700);
	font-size: 12px;
	height: 16px;
	padding: 0 3px;
	flex-shrink: 0;
}
.style-tag.style-tag-large {
	font-size: 13px;
	height: 24px;
	border-radius: 8px;
}
/* 종료: 공통 > 태그 */

/* 시작: 공통 > 필터 메뉴 */
.style-filterMenus {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.style-filterMenus .style-filterMenu-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0;
	background-color: transparent;
	color: var(--color-gray-900);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 30px 10px 0;
}
.style-filterMenus .style-filterMenu-button-active {
	font-weight: 700;
	color: var(--color-primary-600);
	background: url(../images/icons/icon_check_on.svg) no-repeat 100% 10px;
}
/* 종료: 공통 > 필터 메뉴 */

/* 시작: 공통 > select 메뉴 */
.style-selectMenus {
	display: flex;
	flex-direction: column;
}
.style-selectMenus > li:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-selectMenus .style-selectMenus-button {
	width: 100%;
	height: 58px;
	font-weight: 500;
	font-size: 16px;
}
.style-selectMenus .style-selectMenus-button.style-selectMenus-button-red {
	color: var(--color-primary-600);
}

.style-selectMenus .style-selectMenus-button.style-selectMenus-button-bold {
	font-weight: 800;
}
/* 종료: 공통 > select 메뉴 */

/* 시작: 공통 > 선생님 bg */
.style-bg-empty {
	background-color: var(--color-gray-100);
}
.style-bg-tarot {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/bg_tarot.jpg);
}
.style-bg-saju {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/bg_saju.jpg);
}
.style-bg-sinjeom {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/bg_sinjeom.jpg);
}
.style-bg-charge {
	background-color: var(--color-gray-50);
}
/* 종료: 공통 > 선생님 bg */

/* 시작: 공통 > 리스트 헤더 */
.style-listHeader {
	height: 44px;
	padding: 0 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-listHeader .style-listHeader-left {
	color: var(--color-gray-900);
	display: flex;
	gap: 4px;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-gray-600);
}
.style-listHeader .style-listHeader-left strong {
	color: var(--color-gray-900);
	font-weight: 700;
}
.style-listHeader .style-listHeader-left strong.big {
	font-size: 17px;
}
.reviews-listHeader {
	margin-top: 8px
}
.style-listHeader-sorting {
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
}
.style-listHeader-sorting.style-listHeader-sorting-left {
	justify-content: flex-start;
	height: 44px;
}
.style-listHeader-sorting button {
	padding: 0;
	font-size: 13px;
	color: var(--color-gray-500);
	font-weight: 700;
	border: 0;
	display: flex;
	align-items: center;
	gap: 4px;
	background-color: transparent;
}
.style-listHeader-sorting button:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color-gray-500);
}
.style-listHeader-sorting .style-listHeader-sortingActive {
	color: var(--color-gray-900);
}
.style-listHeader-sorting .style-listHeader-sortingActive:before {
	background-color: var(--color-primary-600);
}
/* 종료: 공통 > 리스트 헤더 */

/* 시작: 공통 > marker 리스트 */
.style-markerList {
	padding-left: 20px;
}
/* .style-markerList > li::marker {
  content: 'ㆍ ';
} */
.style-markerList > li {
	position: relative;
	margin-bottom:3px;
}
.style-markerList > li:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--color-gray-900);
	position: absolute;
	left: -12px;
	top: 8px;
}
.style-markerList.style-markerList-small {
	font-size: 13px;
	color: var(--color-gray-600);
}
.style-markerList.style-markerList-small > li:before {
	background-color: var(--color-gray-600);
	width: 2px;
	height: 2px;
	top: 7px;
}
.style-markerList.style-markerList-small2 {
	font-size: 16px;
	color: var(--color-gray-900);
}
.style-markerList.style-markerList-small2 > li:before {
	background-color: var(--color-gray-900);
	width: 3px;
	height: 1px;
	top: 7px;
}
/* .style-markerList > li::marker {
  font-size: 14px;
} */
/* 종료: 공통 > marker 리스트 */

/* 시작: 공통 > 선생님 리스트 */
.style-masterItem {
	width: 100%;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.style-masterItem .style-masterItem-thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 174/129;
	/*aspect-ratio: 168/125;*/
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
@media (max-width: 800px) {
	.small-tomato {
		background-color: tomato;
	}
}
.style-masterItem .style-masterItem-masterImage {
	width: 109.5238%;
	height: 109.5238%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.style-masterItem .style-masterItem-badge {
	line-height: 1;
	position: absolute;
	left: 5px;
	top: 5px;
}

.style-masterItem .style-masterItem-cta {
	margin-top: 6px;
	gap: 2px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

.style-masterItem .style-masterItem-cta.style-masterItem-cta-offline {
	margin-top: 6px;
	gap: 2px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	/*
	border:1px solid var(--color-gray-500);
	background-color:var(--color-gray-500);
	*/
	border:1px solid #F2F2F2;
	background-color:#F2F2F2;
	color:#272727;

}

.style-masterItem .style-masterItem-cta {
	margin-top: 6px;
	gap: 2px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}
.style-masterItem .style-masterItem-cta svg {
	width: auto;
	height: 16px;
}
/* 원래 컬러 fill: var(--color-primary-600); */
.style-masterItem .style-masterItem-cta.style-masterItem-cta-enable svg path {
	fill: var(--color-primary-600);
}
.style-masterItem
.style-masterItem-cta.style-masterItem-cta-inProgress
.style-lottiePlayer {
	width: 16px;
	height: 16px;
}
.style-masterItem .style-masterItem-cta.style-masterItem-cta-offline svg path {
	/* fill: var(--color-common-white); */
	fill:#292929;
}
.style-masterItem .style-masterItem-info {
	padding-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width:0;
}

.style-masterList2 .style-masterItem .style-masterItem-info {
	padding-top: 3px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 50%;
	min-width: 0;
	position: relative;
}

@media (min-width: 600px) {
	.style-masterList2 .style-masterItem .style-masterItem-info {
		/*padding-top: 15px;*/
		width: 60%;
	}
}

.style-masterItem .style-masterItem-nameBox {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-masterItem .style-masterItem-name {
	font-weight: 700;
	font-size: 15px;
	color: var(--color-gray-900);
	display: flex;
	align-items: end;
	gap: 4px;

}
.style-masterItem .style-masterItem-code {
	font-weight: 600;
	font-size: 13px;
	color: var(--color-gray-650);
}
.style-masterItem-nameBox .style-masterItem-badge {
	position: relative;
	left: 0;
	top: 1.1px;
	display: flex;
	padding-bottom: 2px;
}
.style-masterItem-nameBox .style-masterItem-badge .style-badge {
	height: 14px;
	font-size: 10px;
	padding: 0 4px;
	border-radius: 2px;
	align-items: center;
	display: flex;
}
.style-masterItem-nameBox .style-masterItem-badge .style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.style-masterItem-nameBox .style-masterItem-badge .style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.style-masterItem-nameBox .style-masterItem-badge .style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}

.style-masterItem .style-masterItem-introduce {
	width: 100%;
	font-size: 13px;
	font-style: normal;
	/* font-weight: 400; */
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	/* line-clamp: 2; */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 3px 0 2px 0;
	word-break: break-word;
}

.style-masterItem .style-masterItem-introduce-line1 {
	width: 100%;
	font-size: 12px;
	font-style: normal;
	/* font-weight: 400; */
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	/* line-clamp: 2; */
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding: 4px 0 0 0;
	margin-bottom: 2px;
	word-break: break-word;
}


.style-masterItem .style-masterItem-price {
	height: 18px;
	font-size: 12px;
	display: flex;
	align-items: center;
	padding-top: 3px;
	gap: 1px;
}

.style-masterItem .style-masterItem-price s {
	color:#7A7A7A;
	font-size:11.8px;
}

.style-masterItem .style-masterItem-price strong {
	height: 18px;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-masterItem .style-masterItem-price strong svg {
	width: 14px;
	height: auto;
	margin-top:-2px;
}
.style-masterItem .style-masterItem-price span {
	display: flex;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	color: var(--color-gray-650);
	padding-left: 2px;
	margin-top:2px;
	font-weight: 400;
}
.style-masterItem .style-masterItem-counts {
	font-size: 13px;
	color: var(--color-gray-650);
	padding: 1px 0;
}
.style-masterItem .style-masterItem-counts span {
	display: inline-block;
}
.style-masterItem .style-masterItem-counts span:not(:first-of-type) {
	position: relative;
	padding-left: 11px;
}
.style-masterItem .style-masterItem-counts span:not(:first-of-type)::before {
	/* content: ''; */
	display: block;
	width: 3px;
	height: 3px;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	background-color: var(--color-gray-500);
	border-radius: 50%;
}


.style-masterItem .style-masterItem-counts2 {
	font-size: 12px;
	color: #868B94;
	font-weight: 400;
	padding: 3px 0 0;
}
.style-masterItem .style-masterItem-counts2 span {
	display: inline-flex;
	align-items: center;
	margin-right: 2px;

}
.style-masterItem .style-masterItem-counts2 span svg {
	margin-right: 1.5px;
}

.style-masterItem .style-masterItem-tags {
	padding-top: 4px;
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}
.style-masterList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--masterList-gap-column) var(--masterList-gap-row);
	padding: 0 16px 16px;
}
.style-masterList > li {
	width: calc(50% - var(--masterList-gap-row-half));
}
.style-masterList-filter {
	padding: 8px 16px 10px;
}
.style-masterItem-type {
	padding: 3px 0  4px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.style-masterItem-type .style-type {
	display: inline-flex;
	align-items: center;
	border-radius: 3px;
	background-color: #F2F3F6;
	color: #4D5159;
	font-size: 10.3px;
	font-style: normal;
	font-weight: 300;
	height: 14px;
	padding: 3px 5px;
	flex-shrink: 0;
}
.style-home-popular .style-masterList2 {
	padding-top: 0;
	background: #F0F3F7;
}
.style-masterList2 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.style-masterList2 > li {
	width: 100%;
	display: flex;
	flex-direction: column; /* 세로 배치 */
	margin-bottom: 10px;
	background: #fff;
	padding: 20px 16px 0;
}
.style-masterList2 > li:first-child {
	padding-top: 0;
}
.style-masterList2 > li:last-child {
	margin-bottom: 0;
}
.style-masterList2 > li .style-masterItem {
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: normal;
}
.style-masterList2 > li .style-masterItem .style-masterItem-thumbnail {
	/*width: 174px;*/
	width: 50%; /* 44% */
	aspect-ratio: 174 / 129;
	min-width: 170px;

	/*
  max-width: 175px;
  min-width: 163px;

   */
}
.style-masterList2 > li .style-masterItem-button {
	margin-top:0px;
	margin-bottom:0px;

	width: 100%; /* 부모 폭 가득 */
	box-sizing: border-box; /* 패딩 포함 폭 계산 */

	position: absolute;
	bottom: 0;
	right: 0;
}

.style-masterList2 > li .style-masterItem-button button{
	width:100%;
}

.style-masterItem-review-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.style-masterItem-review-group .review-tag {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*.style-masterItem-review-group .review-tag:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 40px;
  height: 100%;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}*/
.style-masterItem-review-group .review-tag span {
	/*
	margin-right: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #e55678;
	letter-spacing: -0.64px;
	 */
	display: inline-flex;
	align-items: center;
	border-radius: 24px;
	background-color: var(--color-gray-50);
	color: var(--color-gray-700);
	font-size: 12px;
	height: 16px;
	padding: 0 3px;
	flex-shrink: 0;
}
.style-masterItem-review-group .review-tag span:last-child {
	margin-right: 0;
}
.style-masterItem-review-group .review-tag a {
	margin-right: 15px;
	font-size: 12px;
	font-weight: 500;
	color: #e55678;
	letter-spacing: -0.64px;
}
.style-masterItem-review-group .review-tag a:last-child {
	margin-right: 0;
}
.style-masterItem-review-group .review-countBox {
	display: flex;
	align-items: center;
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 10;
	background: #fff;
}
.style-masterItem-review-group .review-countBox:after {
	content: '';
	display: block;
	position: absolute;
	left: -40px;
	width: 40px;
	height: 100%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	z-index: 2;
}
.style-masterItem-review-group .review-countBox > div {
	display: flex;
	align-items: center;
	margin-right: 16px;
	position: relative;
	z-index: 5;
}
.style-masterItem-review-group .review-countBox > div:last-of-type {
	margin-right: 0;
}
.style-masterItem-review-group .review-countBox > div:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	right: -9px;
	width: 1px;
	height: 12px;
	background: #D1D3D8;
}
.style-masterItem-review-group .review-countBox > div:last-of-type:after {
	display: none;
}
.style-masterItem-review-group .review-countBox .review-tit {
	font-size: 12px;
	font-weight: 500;
	color: #1a1a1a;
	letter-spacing: -0.64px;
}
.style-masterItem-review-group .review-countBox .review-count {
	display: flex;
	align-items: center;
	margin-left: 4px;
	font-size: 12px;
	font-weight: 400;
	color: #555; }
.style-masterItem-review-group .review-countBox .review-count img {
	width: 20px;
	margin: 0 4px;
}
.style-masterItem-review-group .review-countBox svg {
	margin-top: -1px;
	margin-right: 2px;
}
.style-masterItem-review-group .review-countBox .style-masterItem-review-more {
	margin-left: 7px;
	transition: .2s all ease-out;
}

.style-masterItem-button .style-masterItem-cta {
	margin-top: 5px;
	gap: 2px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

.style-masterItem-button .style-masterItem-cta.style-masterItem-cta-offline {
	margin-top: 5px;
	gap: 2px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;

	/*
	border:1px solid var(--color-gray-500);
	background-color:var(--color-gray-500);
	*/
	color:#292929;
	border:1px solid #F2F2F2;
	background: #F2F2F2;

}


.style-masterItem-button .style-masterItem-cta svg {
	width: auto;
	height: 16px;
}
/* 원래 컬러 fill: var(--color-primary-600); */
.style-masterItem-button .style-masterItem-cta.style-masterItem-cta-enable svg path {
	fill: var(--color-primary-600);
}
.style-masterItem-button
.style-masterItem-cta.style-masterItem-cta-inProgress
.style-lottiePlayer {
	width: 16px;
	height: 16px;
}
.style-masterItem-button .style-masterItem-cta.style-masterItem-cta-offline svg path {
	/* fill: var(--color-common-white); */
	fill:#292929;
}

/*.style-masterList2 > li .style-masterItem .style-masterItem-name {
	font-size:17px;
}*/

.style-masterList2 > li .style-masterItem .style-masterItem-name .style-masterItem-code{
	font-size:13px;
	padding-left:1px;
	padding-right:1px;
	/*padding-bottom:2px;*/
}

@media (min-width: 600px) {
	.style-masterList2 > li .style-masterItem .style-masterItem-thumbnail {
		max-width: 259px;
	}
}
.style-masterList2 .style-masterItem-info {
	padding: 0;
}
.uto-event-icon-button {
	align-items: center;
	padding: 0 1px;
	display: inline-flex;
	margin-top: -3px;
}
.style-masterItem .style-masterItem-price .uto-event-icon-button svg {
	width: 14px;
	height: 13px;
}
.style-masterItem-review-group-normal-style .review svg{
	margin-top: 1px;
	margin-right: 2px;
}
.style-masterItem.vertical .style-masterItem-name {
	font-size: 14px;
}
.style-masterItem.vertical .style-masterItem-code {
	font-size: 12px;
	margin-top: 0;
}
.style-masterItem.vertical .style-masterItem-price strong {
	font-size: 12px;
}
.style-masterItem.vertical .style-masterItem-price span {
	font-size: 9px;
}
/* 종료: 공통 > 선생님 리스트 */

/* 시작: 공통 > 후기 리스트(소식 리스트) */
.style-reviewItem {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-reviewItem .style-reviewItem-user {
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-reviewItem .style-reviewItem-userImg {
	width: 36px;
	height: auto;
	border:0.5px solid #D3D5D9;
	border-radius: 50%;
}
.style-reviewItem .style-reviewItem-userInfo {
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-reviewItem .style-reviewItem-userName {
	font-size: 14px;
	color: var(--color-gray-900);
	font-weight: 600;
}

.style-reviewItem .style-reviewItem-userName span{
	font-size: 13px;
	font-weight: 400;
	color: #7A7E85;
	margin-left:2px;
}

.style-reviewList-inquire .style-reviewItem-userName {
	display: flex;
}
.style-reviewItem .style-reviewItem-userName .reviewItem-mywrite {
	display: flex;
	width: 25px;
	height: 16px;
	padding: 0.5px 0 1.5px 0;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	background: #14AE5C;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	color: #fff;
	margin-left: 5px;
}
.style-reviewItem .style-reviewItem-userInfo-etc {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.style-reviewItem .style-reviewItem-userInfo-etc > span {
	position: relative;
}

.style-reviewItem .style-reviewItem-userInfo-star {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
	margin-top:2px;
}

.style-reviewItem .style-reviewItem-userInfo-star svg{
	width:11px;
	height:11px;
}

.style-reviewItem .style-reviewItem-userInfo-star span{
	position: relative;
	line-height: 1;
	margin-left:3px;
	margin-top:-0.5px;
	color:#2A2A2A;
	font-weight: 600;
	font-size:13px;
}


.style-reviewItem
.style-reviewItem-userInfo-etc
> span:not(:first-of-type):before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background-color: var(--color-gray-600);
	border-radius: 50%;
	position: absolute;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
}
.style-reviewItem .style-reviewItem-images {
	margin: 0 -16px;
}
.style-reviewItem .style-reviewItem-images-item {
	width: 100%;
	height: 100%;
}
.style-reviewItem .style-reviewItem-images-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-newsList-images-item {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px !important;
	height: 90px !important;
	border-radius: 8px;
	overflow: hidden;
}
.style-reviewItem .style-reviewItem-topic {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background-color: var(--color-gray-100);
	font-size: 12px;
	padding: 5px 8px;
	border-radius: 4px;
	color: var(--color-gray-800);
}
.style-reviewItem .style-reviewItem-like {
	padding-top: 8px;
	margin-top:3px;
	/*margin-bottom:2px;*/

}
.style-reviewItem .style-masterLink {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	border: 1px solid var(--color-gray-200);
	border-radius: 8px;
	padding: 8px 14px;
	margin-top: 4px;
}
.style-reviewItem .style-masterLink .style-masterLink-masterImage {
	width: 42px;
	height: 42px;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
	overflow: hidden;
}
.style-reviewItem .style-masterLink .style-masterLink-masterImage > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-reviewItem .style-masterLink .style-masterLink-masterName {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-gray-650);
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-reviewItem .style-masterLink .style-masterLink-masterName strong {
	font-size: 14px;
	font-weight: 700;
	color: var(--color-gray-900);
}
.style-reviewItem .style-masterLink .style-masterLink-counts {
	font-size: 13px;
	color: var(--color-gray-650);
	display: flex;
	align-items: center;
	gap: 11px;
}
.style-reviewItem .style-masterLink .style-masterLink-counts > div {
	position: relative;
}
.style-reviewItem .style-masterLink .style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.style-reviewItem .style-masterLink .style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.style-reviewItem .style-masterLink .style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}
.style-reviewItem
.style-masterLink
.style-masterLink-counts
> div:not(:first-of-type):before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: var(--color-gray-650);
	border-radius: 50%;
	position: absolute;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
}
.style-reviewItem .style-masterLink .style-masterLink-icon {
	width: auto;
	height: 20px;
	margin-left: auto;
}
.style-reviewItem .style-masterLink .style-masterLink-icon path {
	fill: var(--color-gray-400);
}
.style-reviewItem .style-masterReply-wrap {
	display: flex;
	width: 100%;
	gap: 8px;
}
.style-reviewItem .style-masterReply-thumbnail {
	width: 36px;
	height: 36px;
	flex-grow: 0;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 50%;
}
.style-reviewItem .style-masterReply-thumbnail-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-reviewItem .style-masterReply {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	width: 100%;
	border-radius: 0px 8px 8px 8px;
	padding: 12px 16px;
	background-color: var(--color-gray-50);
	position: relative;
}
.style-reviewItem .style-masterReply:before {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	left: -9px;
	top: 0;
	background-image: url(../images/bubble_tail.svg);
}
.style-reviewItem .style-masterReply-header {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-reviewHeader-actionButton {
	margin-left: auto;
}
.style-reviewHeader-actionButton svg {
	width: auto;
	height: 24px;
}
.style-reviewItem .style-masterReply-body {
	width: 100%;
	font-size: 16px;
	position: relative;
	/* word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; */
	/* box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3; */
}
/* .style-reviewItem .style-masterReply-body .style-button-moreView-wrap {
  background: linear-gradient(
    90deg,
    rgba(255, 247, 248, 0) 0%,
    rgba(255, 247, 248, 1) 12%,
    rgba(255, 247, 248, 1) 100%
  ) !important;
} */
.style-reviewItem .style-masterReply-masterName {
	font-size: 16px;
	font-weight: 700;
}
.style-reviewItem .style-masterReply-date {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-gray-600);
}
.style-reviewItem .style-reviewItem-content-box {
	background:#F2F3F6;
	border-radius:4px;
	min-height: 54px;
	font-size:13px;

	font-weight: 500;
	color:#2A2A2A;
	letter-spacing: -0.009em;
	padding:9px 14px 8px 13px;
	margin-top:-4px;
}

.style-reviewItem .style-reviewItem-content-box span {
	color:#8A8A8A;
	margin-right:6px;
	font-size:13px;
	font-weight: 500;

}

.style-reviewItem .style-reviewItem-content-box div {
	margin-bottom:1px;
}



.style-reviewItem .style-reviewItem-content {
	width: 100%;
	font-size: 16px;
	position: relative;
	white-space: normal;
	word-break: break-all;
	margin-top:-3px;
	letter-spacing: normal;
	/*letter-spacing: 0.05em;*/

	/* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 5;
  -webkit-line-clamp: 5; */
}
.style-newsList-content {
	padding-right: 100px;
}
.style-reviewItem-content-secret {
	color: #868B94;
	display: flex;
	align-items: normal;
}
.style-reviewItem-content-secret svg {
	margin-left: 2px;
}
.style-newsList-content.full {
	padding-right: 0 !important;
}
.style-reviewItem-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.style-reviewItem .style-reviewItem-photo {
	width: calc(100% + 34px);
	margin-left: -17px;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	background-color: var(--color-common-black);
}
.style-reviewItem .style-reviewItem-photo swiper-container::part(pagination) {
	background-color: var(--color-alpha-40);
	width: auto;
	left: unset;
	right: 10px;
	bottom: 10px;
	font-size: 10px;
	color: var(--color-common-white);
	padding: 3px 8px;
	border-radius: 30px;
}
.style-reviewItem .style-reviewItem-photo-item {
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
}
.style-reviewItem .style-reviewItem-photo-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.style-reviewItem .style-reviewItem-util {
	margin-top: -16px;
	height: 44px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.style-reviewItem .style-reviewItem-util button {
	font-size: 14px;
	font-weight: 700;
	gap: 4px;
	line-height: 1;
}
.style-reviewItem .style-reviewItem-util button:last-of-type {
	margin-left: auto;
}
.style-detail-newsList .style-reviewItem .style-reviewItem-util button {
	margin-left: inherit;
}
.style-reviewItem .style-reviewItem-util svg {
	width: auto;
	height: 24px;
}
.style-reviewItem .style-reviewItem-util .style-like-active path {
	stroke: var(--color-primary-600);
	fill: var(--color-primary-600);
}
.style-reviewList {
	padding: 0;
}
.style-reviewList > li {
	padding: 20px 0 24px;
}
.style-reviewList > li:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-reviewList.style-newsList li {
	padding: 0 0 20px;
	border-top: 0 !important;
}
.style-detail-newsList.style-reviewList.style-newsList li {
	padding: 20px 0 24px
}
.style-reviewList.style-newsList .style-reviewItem-masterImg {
	width: 42px;
	height: 42px;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-reviewList.style-newsList .style-reviewItem-masterImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#style-floatButton-observer {
	position: absolute;
	left: 0;
	top: 0;
}
.style-addNews-button {
	z-index: 1030;
	position: fixed;
	right: 16px;
	bottom: 12px;
	background-color: var(--color-primary-600);
	color: var(--color-common-white);
	font-size: 16px;
	font-weight: 600;
	height: 45px;
	border-radius: 45px;
	line-height: 1;
	padding: 0 13px;
}
@media all and (min-width: 720px) {
	.style-addNews-button {
		right: calc(50% - var(--layout-max-width-half) + 16px);
	}
}
.style-addNews-button svg {
	width: auto;
	height: 18px;
}
.style-addNews-button svg path {
	stroke: var(--color-common-white);
}
.style-addNews-button .style-addNews-button-text {
	overflow: hidden;
	transition: 0.3s all ease;
	max-width: 74px;
}
.style-addNews-button .style-addNews-button-text span {
	padding-left: 4px;
}
.style-addNews-button.style-addNews-button-collapsed
.style-addNews-button-text {
	max-width: 0;
}
/* 종료: 공통 > 후기 리스트(소식 리스트) */

/* 시작: 공통 > progress */
.style-progress {
	height: 2px;
	background-color: var(--color-gray-200);
}
.style-progress .style-progress-bar {
	background-color: var(--color-gray-900);
}
/* 종료: 공통 > progress */

/* 시작: 공통 > 상단 띠배너 */
.style-topLineBanner {
	display: none;
	width: 100%;
	max-width: var(--layout-max-width);
	height: var(--topLineBanner-height);
	background-color: var(--color-primary-600);
	position: relative;
	z-index: 1035;
}
.style-topLineBanner a {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-common-white);
	font-size: 15px;
}
.style-topLineBanner .style-topLineBanner-closeButton {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 10px;
}
.style-topLineBanner .style-topLineBanner-closeButton svg {
	width: auto;
	height: 16px;
}
.style-topLineBanner-show .style-topLineBanner {
	display: flex;
}
.style-topLineBanner-show .style-layout-header {
	position: sticky;
	left: 0;
	top: 0;
	z-index: 1020;
}
.style-topLineBanner-show .style-header-container {
	position: relative !important;
	left: 0 !important;
	transform: translateX(0) !important;
}
.style-topLineBanner-show .style-tabs {
	top: var(--layout-header-height) !important;
}
.style-header-container-noFixed .style-tabs {
	top: 0 !important;
}
.style-topLineBanner-show.style-header-container-noFixed .style-tabs {
	top: 0 !important;
}
.style-layout-home.style-topLineBanner-show .style-layout-header {
	height: var(--layout-home-header-height) !important;
	position: relative;
}
.style-layout-home.style-topLineBanner-show .style-tabs {
	top: 0 !important;
}
.style-layout-home .style-tabs-button img {
	position: absolute;
	margin-top: -18px;
	margin-left: -10px;
	animation: ani 0.5s ease-in-out 0s infinite alternate;
	width: 23px;
}
@keyframes ani {
	0% { margin-top: -14px; }
	100% { margin-top: -19px; }
}
/* 종료: 공통 > 상단 띠배너 */

/* 종료: 공통 > 스와이퍼 fraction */
.style-swiper-fraction {
	z-index: 10;
	display: inline-flex;
	gap: 2px;
	align-items: center;
	width: auto !important;
	height: 20px;
	background-color: var(--color-alpha-40);
	color: var(--color-common-white) !important;
	font-size: 10px;
	padding: 0 8px;
	overflow: hidden;
	border-radius: 20px;
}
/* 종료: 공통 > 스와이퍼 fraction */

/* 시작: 공통 > 스와이퍼 freeMode는 pc환경에서만 사용, mobile은 horizontal scroll 처리 */
/* 안드로이드app 환경에서 swiper js의 freeMode가 버벅거리는 버그가 있어서 horizontal scroll로 대체 */
.style-horizontalScroll-mobile {
	display: flex;
	gap: 6px;
	overflow: auto hidden;
	/* white-space: nowrap; 2줄 조건 */
}
.style-horizontalScroll-mobile::-webkit-scrollbar {
	display: none;
}
.style-horizontalScroll-mobile:before {
	content: '!';
	display: inline-flex;
	width: 0;
	height: 100%;
	padding: 0 8px 0 2px;
	overflow: hidden;
	text-indent: -9999em;
}
.style-horizontalScroll-mobile:after {
	content: '!';
	display: inline-flex;
	width: 0;
	height: 100%;
	padding: 0 8px 0 2px;
	overflow: hidden;
	text-indent: -9999em;
}
.style-horizontalScroll-mobile.style-horizontalScroll-mobile-narrow {
	gap: 3px;
}
.style-horizontalScroll-mobile.style-horizontalScroll-mobile-narrow:before,
.style-horizontalScroll-mobile.style-horizontalScroll-mobile-narrow:after {
	padding-left: 5px;
}
@media all and (min-width: 720px) {
	.style-horizontalScroll-mobile {
		display: none;
	}
}
/* 종료: 공통 > 스와이퍼 freeMode는 pc환경에서만 사용, mobile은 horizontal scroll 처리 */

/* 시작: 선생님 리스트 스와이퍼 freeMode (mobile은 horizontal scroll 처리) */
.style-horizontalScroll-mobile .style-masterItem-swiper-slide {
	flex-shrink: 0;
	flex-grow: 0;
	width: 44%; /* 44% */
	/*width: 174px;*/
	/*width: 166px;*/
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-right: 3px;
}
.style-horizontalScroll-mobile-multiRows .style-masterItem {
	/*height: 256px;*/
}
.style-masterItem-swiper {
	display: none;
}
.style-masterItem-swiper swiper-slide {
	width: 166px;
	padding-right: 3px;
}
.style-masterItem-swiper-grid {
	height: 554px;
}
@media all and (min-width: 720px) {
	.style-horizontalScroll-mobile .style-masterItem-swiper-slide {
		width: 262px;
	}
	.style-masterItem-swiper {
		display: block;
	}
	.style-masterItem-swiper swiper-slide {
		width: 262px;
	}
	.style-masterItem-swiper-grid {
		height: 694px;
	}
}
.style-masterItem-swiper-grid swiper-slide:nth-of-type(1),
.style-masterItem-swiper-grid swiper-slide:nth-of-type(2) {
	margin-left: 16px;
}
.style-masterItem-swiper-grid swiper-slide:last-of-type {
	margin-right: 16px !important;
}

/* 종료: 선생님 리스트 스와이퍼 freeMode (mobile은 horizontal scroll 처리) */

/* 시작: 후기 > 사진 스와이퍼 freeMode (mobile은 horizontal scroll 처리) */
.style-horizontalScroll-mobile .style-reviewItem-swiper-slide {
	flex-shrink: 0;
	flex-grow: 0;
	width: 164px;
	height: 164px;
	display: flex;
	position: relative;
	overflow: hidden;
}
.style-horizontalScroll-mobile .style-reviewItem-swiper-slide:first-of-type {
	border-radius: 6px 0 0 6px;
}
.style-horizontalScroll-mobile .style-reviewItem-swiper-slide:last-of-type {
	border-radius: 0 6px 6px 0;
}
.style-horizontalScroll-mobile
.style-reviewItem-swiper-slide:first-of-type:nth-last-child(1) {
	/* slide가 1개만 있을 때 */
	width: calc(100% - 32px);
	border-radius: 6px;
}
.style-horizontalScroll-mobile
.style-reviewItem-swiper-slide:first-of-type:nth-last-child(2),
.style-horizontalScroll-mobile
.style-reviewItem-swiper-slide:first-of-type:nth-last-child(2)
~ .style-reviewItem-swiper-slide {
	/* slide가 2개만 있을 때 */
	width: calc(50% - 16px - 1.5px);
}
.style-reviewItem-images-swiper {
	display: none;
}
.style-reviewItem-images-swiper swiper-slide {
	width: 164px;
	height: 164px;
	overflow: hidden;
	position: relative;
}
.style-reviewItem-images-swiper swiper-slide:first-of-type {
	border-radius: 6px 0 0 6px;
}
.style-reviewItem-images-swiper swiper-slide:last-of-type {
	border-radius: 0 6px 6px 0;
}
.style-reviewItem-images-swiper swiper-slide:first-of-type:nth-last-child(1) {
	/* slide가 1개만 있을 때 */
	width: calc(100% - 32px);
	border-radius: 6px;
}
.style-reviewItem-images-swiper swiper-slide:first-of-type:nth-last-child(2),
.style-reviewItem-images-swiper
swiper-slide:first-of-type:nth-last-child(2)
~ swiper-slide {
	/* slide가 2개만 있을 때 */
	width: calc(50% - 16px - 1.5px);
}
@media all and (min-width: 720px) {
	.style-reviewItem-images-swiper {
		display: block;
	}
}
/* 종료: 후기 > 사진 스와이퍼 freeMode (mobile은 horizontal scroll 처리) */

/* 시작: 공통 > rollingCounter */
@-webkit-keyframes numRolling {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	1% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(
				calc(-100% + var(--rolling-counter-lineHeight))
		);
		transform: translateY(calc(-100% + var(--rolling-counter-lineHeight)));
	}
}
@keyframes numRolling {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	1% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(
				calc(-100% + var(--rolling-counter-lineHeight))
		);
		transform: translateY(calc(-100% + var(--rolling-counter-lineHeight)));
	}
}
.style-rollingCounter {
	position: relative;
	line-height: var(--rolling-counter-lineHeight);
}
.style-rollingCounter * {
	word-wrap: break-word;
	line-height: var(--rolling-counter-lineHeight);
}
.style-rollingCounter span[data-count-num] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.style-rollingCounter .style-number-rolling {
	display: none;
}
.style-rollingCounter .style-number-rolling.active {
	display: inline-flex;
}
.style-rollingCounter
.style-number-rolling.active
+ .style-rollingCounter-initNumber {
	display: none;
}
.style-number-rolling {
	position: relative;
	display: inline-flex;
	vertical-align: bottom;
}
.style-number-rolling > div {
	position: relative;
	overflow: hidden;
}
.style-number-rolling .num > span {
	opacity: 0;
}
.style-number-rolling .num:before {
	content: '012345678901234567890';
	display: block;
	position: absolute;
	top: calc(100% - var(--rolling-counter-lineHeight));
	left: 0;
	width: 100%;
}
.style-number-rolling .num.n1:before {
	content: '01234567890123456789012345678901';
}
.style-number-rolling .num.n2:before {
	content: '012345678901234567890123456789012';
}
.style-number-rolling .num.n3:before {
	content: '0123456789012345678901234567890123';
}
.style-number-rolling .num.n4:before {
	content: '01234567890123456789012345678901234';
}
.style-number-rolling .num.n5:before {
	content: '012345678901234567890123456789012345';
}
.style-number-rolling .num.n6:before {
	content: '0123456789012345678901234567890123456';
}
.style-number-rolling .num.n7:before {
	content: '01234567890123456789012345678901234567';
}
.style-number-rolling .num.n8:before {
	content: '012345678901234567890123456789012345678';
}
.style-number-rolling .num.n9:before {
	content: '0123456789012345678901234567890123456789';
}
/* .style-number-rolling.active .num:before {
  -webkit-animation: numRolling 2.5s 0.2s ease forwords;
  animation: numRolling 2.5s 0.2s ease forwards;
}
.style-number-rolling.active .num + .num:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
} */
/* 이하 코드는 사주나루와 억지로 animation을 맞추기 위함(스티븐 요청) */
.style-number-rolling.active .num:before {
	text-align: center;
	-webkit-animation: numRolling 2s 0s ease forwords;
	animation: numRolling 2s 0s ease forwards;
}
.style-number-rolling.active > div:nth-last-of-type(4n -2):before {
	/* 콤마로부터 두번째 자리 - 십, 만, 천만...*/
	-webkit-animation-delay: 0.01s;
	animation-delay: 0.01s;
}
.style-number-rolling.active > div:nth-last-of-type(4n - 1):before {
	/* 콤마로부터 세번째 자리 - 백, 십만, 억... */
	-webkit-animation-delay: 0.02s;
	animation-delay: 0.02s;
}
.style-number-rolling.active > div:nth-of-type(1):before {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.style-number-rolling.active > div:nth-of-type(2):before {
	-webkit-animation-duration: 2.04s;
	animation-duration: 2.04s;
}
.style-number-rolling.active > div:nth-of-type(3):before {
	-webkit-animation-duration: 2.08s;
	animation-duration: 2.08s;
}
.style-number-rolling.active > div:nth-of-type(4):before {
	-webkit-animation-duration: 2.12s;
	animation-duration: 2.12s;
}
.style-number-rolling.active > div:nth-of-type(5):before {
	-webkit-animation-duration: 2.16s;
	animation-duration: 2.16s;
}
.style-number-rolling.active > div:nth-of-type(6):before {
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
}
.style-number-rolling.active > div:nth-of-type(7):before {
	-webkit-animation-duration: 2.24s;
	animation-duration: 2.24s;
}
.style-number-rolling.active > div:nth-of-type(8):before {
	-webkit-animation-duration: 2.28s;
	animation-duration: 2.28s;
}
.style-number-rolling.active > div:nth-of-type(9):before {
	-webkit-animation-duration: 2.32s;
	animation-duration: 2.32s;
}
.style-number-rolling.active > div:nth-of-type(10):before {
	-webkit-animation-duration: 2.36s;
	animation-duration: 2.36s;
}
.style-number-rolling.active > div:nth-of-type(11):before {
	-webkit-animation-duration: 2.4s;
	animation-duration: 2.4s;
}
.style-number-rolling.active > div:nth-of-type(12):before {
	-webkit-animation-duration: 2.44s;
	animation-duration: 2.44s;
}
.style-number-rolling.active > div:nth-of-type(1).n0:before {
	content: '0';
}
.style-number-rolling.active > div:nth-of-type(1).n1:before {
	content: '01';
}
.style-number-rolling.active > div:nth-of-type(1).n2:before {
	content: '012';
}
.style-number-rolling.active > div:nth-of-type(1).n3:before {
	content: '0123';
}
.style-number-rolling.active > div:nth-of-type(1).n4:before {
	content: '01234';
}
.style-number-rolling.active > div:nth-of-type(1).n5:before {
	content: '012345';
}
.style-number-rolling.active > div:nth-of-type(1).n6:before {
	content: '0123456';
}
.style-number-rolling.active > div:nth-of-type(1).n7:before {
	content: '01234567';
}
.style-number-rolling.active > div:nth-of-type(1).n8:before {
	content: '012345678';
}
.style-number-rolling.active > div:nth-of-type(1).n9:before {
	content: '0123456789';
}
/* 종료: 공통 > rollingCounter */

/* 시작: 공통 > 이미지 업로더 */
.style-imageUploader swiper-slide {
	width: 60px;
	padding-top: 10px;
}
.style-imageUploader .style-imageUploader-item {
	display: flex;
	width: 60px;
	height: 60px;
	position: relative;
}
.style-imageUploader .style-imageUploader-item.style-imageUploader-label {
	cursor: pointer;
}
.style-imageUploader .style-imageUploader-input {
	display: none;
}
.style-imageUploader
.style-imageUploader-item.style-imageUploader-label:has(
    > .style-imageUploader-input:disabled
  ) {
	background-color: var(--color-gray-100);
	cursor: default;
}
.style-imageUploader .style-imageUploader-itemContent {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-gray-300);
	overflow: hidden;
	border-radius: 4px;
	color: var(--color-gray-650);
	font-size: 11px;
	position: relative;
}
.style-imageUploader .style-imageUploader-itemContent svg {
	width: auto;
	height: 24px;
}
.style-imageUploader .style-imageUploader-itemContent img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-imageUploader .style-imageUploader-deleteButton {
	position: absolute;
	right: -5px;
	top: -5px;
}
.style-imageUploader .style-imageUploader-deleteButton svg {
	width: auto;
	height: 18px;
}
/* 종료: 공통 > 이미지 업로더 */

/* 시작: 공통 > 로더 모달(full screen) */
.style-loaderModal {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -10;
	background-color: var(--color-white-alpha-80);
	display: none;
	align-items: center;
	justify-content: center;
}
.style-loaderModal.style-loaderModal-removeOpacity {
	background-color: var(--color-common-white);
}
.style-loaderModal.show {
	display: flex;
	z-index: 1050;
}
/* 종료: 공통 > 로더 모달(full screen) */

/* 시작: 공통 > 빈 컨텐츠(empty) */
.style-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	height: 400px;
	padding: 0;
	color: var(--color-gray-600);
}
/* 종료: 공통 > 빈 컨텐츠(empty) */

/* 시작: 공통 > 사진 masonry */
.style-photoMasonry-input {
	display: none;
}
.style-photoMasonry-wrap .style-photoMasonry {
	margin-left: -4px;
	margin-right: -4px;
}
.style-photoMasonry-wrap .style-photoMasonry-item {
	flex: 0 0 auto;
	width: 50%;
	margin-bottom: 8px;
	position: relative;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden;
}
.style-photoMasonry-wrap .style-photoMasonry-item-imageButton {
	width: 100%;
}
.style-photoMasonry-wrap .style-photoMasonry-image {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 12px;
}
.style-photoMasonry-wrap .style-photoMasonry-item-actionButton {
	position: absolute;
	right: 8px;
	top: 8px;
}
/* 종료: 공통 > 사진 masonry */

/* 시작: 공통 > modal팝업(fulll screen) */
.style-modalFullScreen .style-modalFullScreen-content {
	background-color: #000;
	color: var(--color-common-white);
}
.style-modalFullScreenWh .style-modalFullScreen-content {
	background-color: #ffffff;
	color: var(--color-common-black);
}
.style-modalFullScreen .style-modalFullScreen-header {
	height: var(--layout-header-height);
	padding: 0 16px;
	border: 0;
}
.style-modalFullScreen .style-modalFullScreen-header-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--color-common-white);
}
.style-modalFullScreen .style-modalFullScreen-header-buttonLeft {
	width: 24px;
}
.style-modalFullScreen .style-modalFullScreen-header-buttonRight {
	width: 24px;
	margin-left: auto;
}
.style-modalFullScreen .style-modalFullScreen-header-icon {
	width: auto;
	height: 24px;
}
.style-modalFullScreen .style-modalFullScreen-header-icon path {
	fill: var(--color-common-white);
}
.style-modalFullScreenWh .style-modalFullScreen-header-icon path {
	fill: var(--color-common-black);
}
.style-modalFullScreen .style-modalFullScreen-body {
	padding: 0;
}
/* 종료: 공통 > modal팝업(fulll screen) */

/* 시작: 공통 > 이미지 스와이퍼(fulll screen) */
.style-swiperFullScreen {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.style-swiperFullScreen swiper-container,
.style-swiperFullScreen swiper-slide {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.style-modalFullScreen .swiper-zoom-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.style-swiperFullScreen .style-swiperFullScreen-image {
	max-width: 100%;
	max-height: 100%;
}
.style-swiperFullScreen .style-swiperFullScreen-fraction {
	display: inline;
	width: auto;
	position: fixed;
	top: 14px;
	left: 50%;
	right: unset;
	bottom: unset;
	transform: translateX(-50%);
	font-size: 14px;
}
/* 종료: 공통 > 이미지 스와이퍼(fulll screen) */

/* 시작: 공통 > 댓글, 답글 */
.style-commentAndReply {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.style-commentAndReply-bottom-gap {
	box-sizing: content-box;
	min-height: 38px;
	max-height: 104px;
	padding: 12px 0;
}
.style-commentAndReply-bottom {
	flex-shrink: 0;
	flex-grow: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	min-height: 62px;
	border-top: 1px solid var(--color-gray-100);
	padding: 12px 16px;
	padding-bottom: calc(12px + env(safe-area-inset-bottom, 0.5vh));
	background-color: var(--color-common-white);
	z-index: 1030;
}
@media all and (min-width: 720px) {
	.style-commentAndReply-bottom {
		width: var(--layout-max-width);
		right: unset !important;
		left: calc(50% - var(--layout-max-width-half)) !important;
	}
}
.style-commentAndReply-bottom-container {
	width: 100%;
	display: flex;
	align-items: flex-end;
	gap: 8px;
}
.style-commentAndReply-chatInput-thumbWrap {
	width: 34px;
	height: 38px;
	padding: 2px 0;
}
.style-commentAndReply-chatInput-thumb {
	flex-shrink: 0;
	flex-grow: 0;
	width: 34px;
	height: 34px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}
.style-commentAndReply-chatInput-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-commentAndReply-chatInput-sendButton {
	flex-shrink: 0;
	flex-grow: 0;
	height: 38px;
}
.style-commentAndReply-chatInput-sendButton svg {
	width: auto;
	height: 24px;
}
.style-commentAndReply-chatInput-sendButton:disabled svg path {
	fill: var(--color-gray-200);
}
.style-commentAndReply-chatInput-textareaWrap {
	width: 100%;
	background-color: var(--color-gray-50);
	border-radius: 22px;
	padding: 0 12px 0 0;
}
.style-commentAndReply-chatInput-textarea {
	width: 100%;
	height: auto;
	min-height: 38px;
	max-height: 104px;
	box-shadow: none !important;
	border: 0;
	background-color: transparent;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	padding: 8px 0 8px 12px;
	color: var(--color-gray-900);
	caret-color: var(--color-primary-600);
	scrollbar-width: none;
}
.style-commentAndReply-chatInput-textarea::-webkit-scrollbar,
.style-commentAndReply-chatInput-textarea::-webkit-resizer {
	display: none;
}
.style-commentAndReply-chatInput-textarea:focus {
	border: 0;
	background-color: transparent;
}
.style-commentAndReply-chatInput-textarea::placeholder {
	color: var(--color-gray-650);
}
.style-commentAndReply-content {
	display: flex;
	flex-direction: column;
	-webkit-box-flex: 1;
	flex-grow: 1;
	width: 100%;
	height: auto;
}
.style-commentAndReply-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: auto 0;
}
.style-commentAndReply-empty h3 {
	font-size: 20px;
	font-weight: 600;
}
.style-commentAndReply-empty p {
	font-size: 14px;
	color: var(--color-gray-650);
}
.style-commentAndReply-chatList
> li:has(.style-commentAndReply-chatList)
> .style-commentAndReply-chatItem {
	background-color: var(--color-gray-50);
}
.style-commentAndReply-chatList .style-commentAndReply-chatList {
	padding-left: 40px;
}
.style-comment-new {
	animation:animateBackground 3s ease;
}
@keyframes animateBackground {
	0% {
		background-color: var(--color-gray-50);
	}
	100% {
		background-color: #ffffff;
	}
}

.style-commentAndReply-chatItem {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 12px 20px;
}
.style-commentAndReply-chatItem-thumb {
	flex-grow: 0;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border: 1px solid var(--color-gray-400);
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	top: 4px;
}
.style-commentAndReply-chatItem-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-commentAndReply-chatItem-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.style-commentAndReply-chatItem-content-top {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 400;
	font-size: 12px;
	color: var(--color-gray-650);
}
.style-commentAndReply-chatItem-content-top strong {
	font-weight: 600;
	font-size: 14px;
	color: var(--color-gray-900);
}
.style-commentAndReply-chatItem-content-text {
	white-space: normal;
	word-break: break-all;
	font-size: 15px;
	line-height: 1.2;
}
.style-commentAndReply-chatItem-content-bottom {
	padding-top: 8px;
	display: flex;
	align-items: center;
	gap: 18px;
}
.style-commentAndReply-chatItem-content-bottom button {
	font-size: 11px;
	font-weight: 600;
	color: var(--color-gray-650);
	line-height: 1;
	gap: 4px;
}
.style-commentAndReply-chatItem-content-bottom svg {
	width: auto;
	height: 16px;
}
.style-commentAndReply-chatItem-button {
	flex-grow: 0;
	flex-shrink: 0;
}
.style-commentAndReply-chatItem-button svg {
	width: 20px;
	height: 20px;
}
.style-commentAndReply .style-like-active svg path {
	stroke: var(--color-primary-600);
	fill: var(--color-primary-600);
}
/* 종료: 공통 > 댓글, 답글 */

/* 시작: 공통 > 기타 */
.style-icon-common {
	width: auto;
	height: 24px;
}
.style-fixed-bottom {
	width: 100%;
}
.style-fixed-bottom .style-fixed-bottom-content {
	width: 100%;
	max-width: var(--layout-max-width);
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--color-common-white);
	padding: 10px 16px;
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0.5vh));
	z-index: 1030;
}
.style-fixed-bottom .style-fixed-bottom-content.product-bottom-content {
	display: flex;
	gap: 8px;
}
.style-fixed-bottom .style-fixed-bottom-content .w-35 {
	width: 35%;
	font-size: 15px;
	font-weight: 500;
	color: var(--color-gray-700);
}
.style-fixed-bottom .style-fixed-bottom-content .w-65 {
	width: 65%;
	font-size: 15px;
	font-weight: 500;
}
/* .style-fixed-bottom.style-fixed-bottom-withNavBar .style-fixed-bottom-content {
  bottom: var(--layout-navBar-height);
  border-top: 1px solid var(--color-gray-100);
} */
.style-fixed-bottom
.style-fixed-bottom-content.style-fixed-bottom-content-borderTop {
	border-top: 1px solid var(--color-gray-100);
}
.style-certify-inputCert {
	padding: 24px 0 14px;
}
.style-certify-caution {
	font-size: 13px;
	padding-top: 8px;
	color: var(--color-gray-600);
}
.style-badge-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color-primary-600);
	overflow: hidden;
}
.style-link-viewAll {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--color-gray-600);
	font-size: 14px;
	font-weight: 500;
}
.style-link-viewAll svg {
	width: auto;
	height: 14px;
}
.style-link-viewAll svg path {
	fill: var(--color-gray-600);
}
.style-viewMore-expand {
	display: block !important;
	text-overflow: unset !important;
	/* white-space: pre-wrap !important; */
}
.style-viewMore-expand .style-button-moreView-wrap {
	display: none !important;
}
/* 종료: 공통 > 기타 */

/* 시작: 레이아웃 > wrapper */
.style-layout-wrapper {
	width: 100%;
	max-width: var(--layout-max-width);
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	padding: 0;
	padding-bottom: env(safe-area-inset-bottom, 0.5vh);
	margin: 0 auto;
	position: relative;
}
.style-layout-wrapper:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: var(--color-gray-50);
	position: absolute;
	left: -1px;
	top: 0;
}
.style-layout-wrapper:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: var(--color-gray-50);
	position: absolute;
	right: -1px;
	top: 0;
}
@media all and (max-width: 720px) {
	.style-layout-wrapper:before {
		display: none;
	}
	.style-layout-wrapper:after {
		display: none;
	}
}
/* 종료: 레이아웃 > wrapper */

/* 시작: 레이아웃 > 헤더 */
.style-layout-header {
	width: 100%;
	height: var(--layout-header-height);
	background-color: var(--color-common-white);
	transition: background-color 0.3s ease;
}
.style-layout-home .style-layout-header {
	height: var(--layout-home-header-height);
}
.style-layout-header .style-header-container {
	width: 100%;
	max-width: var(--layout-max-width);
	height: var(--layout-header-height);
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background-color: var(--color-common-white);
	z-index: 1030;
	transition: background-color 0.3s ease;
}


.style-layout-header
.style-header-container.style-header-container-borderBottom {
	border-bottom: 1px solid var(--color-gray-100);
}
.style-layout-home .style-layout-header .style-header-container {
	height: var(--layout-home-header-height);
}
.style-header-container-noFixed .style-layout-header .style-header-container {
	position: relative;
	left: 0;
	top: 0;
	transform: translateX(0%);
}
.style-header-button {
	border: 0;
	padding: 0 8px;
	position: relative;
}
.style-header-button .style-header-dot {
	position: absolute;
	left: calc(50% + 8px);
	top: calc(50% - 12px);
}
.style-header-icon {
	width: auto;
	height: 24px;
}
.style-layout-header .style-header-left {
	display: flex;
	justify-content: flex-start;
	height: var(--layout-header-height);
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 8px;
}
.style-layout-home .style-layout-header .style-header-left {
	height: var(--layout-home-header-height);
}
.style-layout-header .style-header-titleArea {
	width: calc(100% - 80px - 80px);
	padding: 0;
	margin: 0 auto;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.style-layout-header .style-header-titleArea.style-header-titleArea-wide {
	width: calc(100% - 50px - 50px);
}
.style-layout-header .style-header-title {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-common-black);
	text-align: center;
}
.style-layout-header .style-header-title.left {
	text-align: left;
}
.style-layout-header .header-title-big {
	font-size: 20px;
}
.style-layout-header .style-header-right {
	display: flex;
	justify-content: flex-end;
	height: var(--layout-header-height);
	position: absolute;
	right: 0;
	top: 0;
	padding-right: 8px;
}
.style-layout-home .style-layout-header .style-header-right {
	height: var(--layout-home-header-height);
}
.style-layout-header.style-layout-header-transparent,
.style-layout-header.style-layout-header-transparent .style-header-container {
	background-color: transparent;
}
.style-layout-header.style-layout-header-transparent
.style-header-container:before {
	content: '';
	display: block;
	width: 100%;
	height: 94px;
	opacity: 0.1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	position: absolute;
	left: 0;
	top: 0;
}
.style-layout-header.style-layout-header-transparent .style-header-title {
	opacity: 0;
}
.style-layout-header.style-layout-header-transparent .style-header-icon path {
	fill: var(--color-common-white);
}
.style-layout-header.style-layout-header-transparent .style-header-iconline path {
	stroke: var(--color-common-white);
}
.style-layout-header .style-header-search {
	width: calc(100% - 60px - 24px);
	position: absolute;
	left: 60px;
	top: 4px;
}
.style-layout-header.style-layout-header-transparent
.style-detail-wish
svg
path {
	stroke: var(--color-common-white) !important;
	fill: transparent !important;
}
.style-layout-header .style-detail-wish.style-detail-wish-added svg path {
	stroke: var(--color-primary-600) !important;
	fill: var(--color-primary-600) !important;
}
.style-layout-header .style-header-logo {
	padding-left: 8px;
	display: flex;
	align-items: center;
}
.style-layout-header .style-header-logo a {
	display: flex;
	align-items: center;
}
.style-layout-header .style-header-logo img {
	width: auto;
	height: 29px;
}
/* 종료: 레이아웃 > 헤더 */

/* 시작: 레이아웃 > 컨텐츠 */
.style-layout-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}
/* 종료: 레이아웃 > 컨텐츠 */

/* 시작: 레이아웃 > navBar */
.style-layout-navBarWrap {
	box-sizing: content-box;
	height: var(--layout-navBar-height);
	padding-bottom: env(safe-area-inset-bottom, 0.5vh);

}
.style-layout-navBarWrap .style-layout-navBar {
	width: 100%;
	max-width: var(--layout-max-width);
	height: calc(
			var(--layout-navBar-height) + env(safe-area-inset-bottom, 0.5vh)
	);
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) translateZ(0);
	background-color: var(--color-common-white);
	padding: 0;
	padding-bottom: env(safe-area-inset-bottom, 0.5vh);
	z-index: 1030;
	box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 2px;

	will-change: transform;
}
.style-layout-navBarWrap .style-layout-navBar:before {
	position: absolute;
	top: 7px;
	left: 50%;
	width: 53px;
	height: 53px;
	background: #fff;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 2px;
	content: "";
	transform:translate(-50%,-50%);
	z-index: 1;
}
.style-layout-navBarWrap .style-layout-navBar:after {
	position: absolute;
	top: 18px;
	left: 50%;
	width: 80px;
	height: 35px;
	background: #fff;
	content: "";
	transform:translate(-50%,-50%);
	z-index: 2;
}
.style-layout-navBarWrap .style-layout-navBar-inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	z-index: 5;
}
.style-layout-navBarWrap .style-navBar-button {
	color: var(--color-gray-900);
	font-size: 10px;
	line-height: 1.193;
	border-radius: 0;
	text-decoration: none;
	height: 100%;
	width: 20%;
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px 0 2px;
	border: 0;
	position: relative;
	font-weight: 500;
}
.style-layout-navBarWrap .style-navBar-iconWrap {
	position: relative;
	z-index: 3;
}
.style-layout-navBarWrap .style-navBar-icon {
	width: auto;
	height: 24px;
}

.style-layout-navBarWrap .style-navBar-icon.big{
	width: auto;
	height: 34px;
}

.style-layout-navBarWrap .style-navBar-dot {
	position: absolute;
	left: calc(50% + 8px);
	top: 0;
}
.layout-bottomNav-tooltip {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
	width: 100%;
}
.layout-bottomNav-tooltip a {

}
.bottomNav-tooltip {
	position: absolute;
	right: -20px;
	top: -43px;
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	color: #fff;
	background: #A647E3;
	border-radius: 26px;
	font-size: 12px;
	font-weight: 600;
	height: 36px;
	z-index: 5;

	min-width: 165px;
	width: fit-content;
	max-width: 190px;

	white-space: nowrap;
}
.bottomNav-tooltip img {
	width: 16px!important;
	height: 16px!important;
	margin-right: 4px;
	margin-top:-2px;
}

.bottomNav-tooltip a {
	color:#FFF;
}

.bottomNav-tooltip strong {
	margin-right: 2px;
	font-weight: 700;
}
.bottomNav-tooltip svg {
	margin-left: 5px;
	width: 10px!important;
	height: 10px!important;
	font-size: 1.2rem;
}
.bottomNav-tooltip path {
	stroke: #fff;
}
.layout-bottomNav-arrow {
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	overflow: hidden;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #A647E3;
}
/* 종료: 레이아웃 > navBar */

/* 시작: 레이아웃 > footer */
.style-layout-footer {
	background-color: var(--color-gray-50);
}
.style-layout-footer .style-footer-counseling {
	width: 100%;
	padding: 37px 16px 10px;
	display: flex;
	align-items: center;
	gap: 7px;
}
.style-layout-footer .style-footer-counseling a {
	width: 100%;
	height: 35px;
	font-weight: 400;
	font-size: 12px;
	color: var(--color-gray-600);
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-gray-300);
	border-radius: 4px;
}
.style-layout-footer .style-footer-bottom {
	padding: 16px 16px 21px;
}
.style-layout-footer .style-footer-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding-bottom: 10px;
}
.style-layout-footer .style-footer-menu a {
	font-size: 12px;
	font-weight: 700;
	color: var(--color-gray-600);
}
.style-layout-footer .style-footer-menu-privace {
	color: #000 !important;
}
.style-layout-footer .style-footer-address {
	margin: 0;
}
.style-layout-footer .style-footer-moreButton {
	font-size: 11px;
	font-weight: 400;
	color: var(--color-gray-600);
	border: 0;
	background-color: transparent;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 2px;
	align-items: center;
	line-height: 1;
	height: 17px;
}
.style-layout-footer .style-footer-expandIcon {
	width: 12px;
	height: 12px;
	transform: rotate(180deg);
}
.style-layout-footer
.style-footer-moreButton.collapsed
.style-footer-expandIcon {
	transform: rotate(0deg);
}
.style-layout-footer .style-footer-address-content {
	font-size: 11px;
	color: var(--color-gray-500);
}
.style-layout-footer .style-footer-address-content:first-of-type {
	padding-top: 6px;
}
.style-layout-footer .style-footer-address-content span {
	padding-right: 8px;
}
.style-layout-footer .style-footer-copyright {
	padding-top: 14px;
	font-size: 11px;
	color: var(--color-gray-500);
	font-weight: 700;
}
.style-layout-footer .style-footer-copyright a {
	color: var(--color-gray-500);
}
.style-footer-text {
	padding: 12px 0;
	border-top: 1px solid var(--color-gray-200);
	border-bottom: 1px solid var(--color-gray-200);
	color: #ADB1BA;
	font-size: 11px;
	font-weight: 400;
	margin-top: 16px;
}
.style-layout-footer .style-footer-sns {
	display: flex;
	gap: 12px;
	padding-top: 17px;
}
/* 종료: 레이아웃 > footer */

/* 시작: 홈 */
.style-home-mainBanner {
	width: 100%;
	position: relative;
}
.style-home-mainBanner .style-home-mainBanner-item {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 375/153;
	overflow: hidden;
}
.style-home-mainBanner .style-home-mainBanner-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-home-mainBanner .style-mainBanner-fraction {
	position: absolute;
	top: unset;
	left: unset;
	right: 8px;
	bottom: 16px;
}

.style-home-divider {
	padding: 5px 0;
	background: #F0F3F7;
}

.style-home-tab-title {
	padding: 16px 0;
	background: #FFF;
	text-align: center;
}

.style-home-tab-title .tab_title{
	font-size:16.5px;
	font-weight: 500;
}


.style-home-stats {
	padding: 16px 16px 8px;
	display: flex;
	gap: 8px;
}
.style-home-stats dl {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	border: 1px solid var(--color-primary-35);
	background-color: var(--color-primary-15);
	border-radius: 10px;
	padding: 10px;
}
.style-home-stats dl dt {
	font-size: 13px;
	font-weight: 400;
}
.style-home-stats dl dt strong {
	font-weight: 700;
}
.style-home-stats dl dd {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-primary-620);
	display: flex;
	align-items: center;
}
.style-home-categoryBanner {
	position: relative;
	padding: 8px 0 0;
}
.style-home-categoryBanner a span {
	margin-top: 8px;
	margin-bottom: 4px;
	font-size: 12px !important;
	font-weight: 400 !important;
}
.style-home-categoryBanner {
	position: relative;
	/* 스와이프시 2줄 주석 */
	/*
	padding-right:10px;padding-left:10px;
	padding-bottom:10px;
	 */


}

#homeCategoryBanner {
	padding-bottom: 22px;
	padding-right: 16px;
}
.style-home-categoryBanner .category-pagination {
	position: absolute;
	top: auto !important;
	bottom: 12px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: flex;
	justify-content: center;
	height: 2px;
	border-radius: 2px;
}
.style-home-categoryBanner .category-pagination .swiper-pagination-bullet {
	width: 8px !important;
	height: 2px;
	border-radius: 2px;
	overflow: hidden;
	background: #EBEBEB;
	opacity: 1;
	/*transition: all 0.4s ease; */
	margin: 0 !important;
}
.style-home-categoryBanner .category-pagination .swiper-pagination-bullet-active {
	background: #000;
}
/* 모바일에서 항상 2개만 표시 */
@media (max-width: 390px) {
	.style-home-categoryBanner .category-pagination .swiper-pagination-bullet:not(:nth-child(-n+2)) {
		display: none;
	}
}
.style-home-categoryBanner ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-home-categoryBanner li {
	width: 74px;
}
.style-home-categoryBanner a {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 13px;
}
.style-home-categoryBanner a img {
	width: auto;
	height: 55px;
}
#homeCategoryBanner .swiper-slide {
	flex-shrink: 0;
	position: relative;
	width: 55px !important;  /* 슬라이드 고정 */
	height: auto;
	box-sizing: border-box;
}
/*#homeCategoryBanner swiper-slide {
  flex-shrink: 0;
  width: 52px !important;
  margin: 0 !important;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}*/

/* 마지막 슬라이드 오른쪽 여백 없애기 */
#homeCategoryBanner .swiper-slide:last-child {
}
.style-home-article {
	padding-bottom: 24px;
}
.style-home-article.style-home-article-new {
	padding-top: 16px;
}
@media all and (min-width: 720px) {
	/*.style-home-article.style-home-article-new {
    padding-bottom: 10px;
  }*/
}
.style-home-article .style-home-article-header {
	padding: 0 12px 8px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.style-home-article-title {
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.style-home-article-title.style-home-article-title-padding {
	padding: 0 16px 6px;
}
.style-home-article-title.title-center {
	text-align: center;
}
.style-home-article-title .color-red {
	color: #C41C19;
}
.style-home-article .style-home-article-content {
	width: 100%;
}
.style-home-popular {
	padding: 6px 0 0;
}
.style-home-stickyTabWrap {
	height: 48px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
.style-home-stickyTab {
	height: 36px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: var(--color-common-white);
}

.style-popularNews {}
.style-popularNews-swiper swiper-slide {
	width: 85%;
	height: 201px;
	position: relative;
}
.style-popularNews-swiper swiper-slide:first-child {
	margin-left: -15px;
}
.style-popularNews-swiper swiper-slide:last-child {
	width: auto;
}
.style-popularNews-swiper swiper-slide:nth-last-of-type(2) {
	width: 90%;
}
@media all and (min-width: 500px) {
	.style-popularNews-swiper swiper-slide {
		width: 65%;
	}
	.style-popularNews-swiper swiper-slide:nth-last-of-type(2) {
		width: 65%;
	}
}
.style-popularNews-more {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.style-popularNews-swiper .popularNews-more {
	display: block;
	text-align: center;
}
.style-popularNews-swiper .style-popularNews-more span {
	display: block;
	font-size: 12px;
	color: #757575;
	margin-top: 3px;
}
.style-popularNews .style-reviewItem-masterImg {
	width: 42px;
	height: 42px;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-popularNews .style-reviewItem-masterImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-popularNews .style-reviewItem-text {
	-webkit-line-clamp: 3;
}
.style-popularNews .style-newsList-content {
	padding-right: 85px;
}
.style-popularNews .style-newsList-images-item {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px !important;
	height: 60px !important;
	border-radius: 8px;
	overflow: hidden;
}
.style-popularnewsList .style-reviewItem-user {
	position: relative;
}
.style-popularnewsList .style-detail-frequenterButton {
	position: absolute;
	top: 0;
	right: 0;
}
.style-popularNews-swiper .style-reviewItem {
	border: 1px solid #D1D3D8;
	border-radius: 15px;
	padding: 15px;
}

.style-popularNews .style-reviewItem .style-reviewItem-util button {
	margin-left: inherit;
}

/* 종료: 홈 */

/* 시작: 로그인 */
.style-login {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto 0;
	padding: 30px 16px;
}
.style-login .style-login-logo {
	width: auto;
	height: 36px;
	margin: 0 auto 78px;
}
.style-login .style-login-primary {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 37px;
}
.style-login .style-login-secondary {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding-bottom: 42px;
}
.style-login .style-login-secondaryButton {
	border: 0;
	background-color: transparent;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
}
.style-login .style-login-emailSignUp {
	width: 100%;
	display: flex;
	justify-content: center;
}
.style-login .style-login-emailSignUp a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--color-gray-900);
	font-weight: 500;
	font-size: 14px;
	text-decoration: underline;
}
.style-login .style-login-emailSignUp a img {
	width: auto;
	height: 14px;
}
.style-login .style-login-problem {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 87px;
}
.style-login .style-login-problem a {
	color: var(--color-gray-400);
	font-weight: 400;
	font-size: 16px;
}
.style-emailLogin {
	padding: 24px 16px 30px;
}
.style-emailLogin .style-emailLogin-inputArea {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	padding-bottom: 34px;
}
.style-emailLogin .style-emailLogin-help {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 24px;
}
.style-emailLogin .style-emailLogin-help a {
	color: var(--color-gray-900);
	font-weight: 500;
	font-size: 14px;
	text-decoration: underline;
}
/* 종료: 로그인 */

/* 시작: 아이디/비밀번호 찾기 */
.style-find .style-find-article {
	padding: 33px 16px 24px;
}
.style-find .style-find-article-title {
	font-size: 24px;
	font-weight: 700;
}
.style-find .style-find-article-input {
	padding-top: 20px;
}
.style-findResult {
	padding: 26px 16px 24px;
}
.style-findResult .style-findResult-title {
	font-size: 24px;
	font-weight: 700;
}
.style-findResult .style-findResult-subTitle {
	padding-top: 8px;
	font-size: 14px;
}
.style-findResult .style-findResult-box {
	margin-top: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	border-radius: 6px;
	background-color: var(--color-gray-50);
}
.style-findResult .style-findResult-box-image {
	width: 46px;
	height: 46px;
	overflow: hidden;
	border: 1px solid var(--color-gray-400);
	border-radius: 50%;
	object-fit: cover;
}
.style-findResult .style-findResult-box dl {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}
.style-findResult .style-findResult-box dl dt {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: 600;
}
.style-findResult .style-findResult-box dl dd {
	color: var(--color-gray-650);
}
.style-findResult .style-findResult-cta {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 28px;
}
.style-findResult .style-findResult-password {
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding: 20px 0 6px;
}
/* 종료: 아이디/비밀번호 찾기 */

/* 시작: 회원가입 */
.style-signUp {
	padding: 0 16px 24px;
}
.style-signUp-agree {
	width: 100%;
}
.style-signUp .style-signUp-agree-title {
	font-weight: 700;
	font-size: 24px;
	padding: 14px 0 20px;
}
.style-signUp .style-signUp-agree-all label {
	font-size: 16px;
	font-weight: 700;
}
.style-signUp .style-signUp-agree-list {
	border-top: 1px solid var(--color-gray-200);
	margin-top: 18px;
	padding: 16px 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-signUp .style-signUp-agree-list label {
	width: 100%;
}
.style-signUp .style-signUp-agree-list label a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-signUp .style-signUp-agree-list label a svg {
	width: auto;
	height: 16px;
}
.style-signUp .style-signUp-agree-list label a svg path {
	fill: var(--color-gray-400);
}
.style-signUp .style-signUp-progress {
	padding: 12px 0 24px;
}
.style-signUp .style-signUp-form h2 {
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 16px;
}
.style-signUp .style-signUp-form-subTitle {
	margin-top: -8px;
	font-size: 14px;
}
.style-signUp .style-signUp-password {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.style-signUp-success {
	padding: 53px 16px 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.style-signUp-success .style-signUp-success-content {
	padding-top: 34px;
	text-align: center;
	font-size: 16px;
	color: var(--color-gray-700);
}
.style-signUp-success .style-signUp-success-content h2 {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 4px;
}
.style-signUp-success .style-signUp-success-content p {
	padding-top: 4px;
}
.style-signUp-success .style-signUp-success-image {
	width: 100%;
	padding: 16px 0 0;
}
.style-signUp-success .style-signUp-success-bottom {
	width: 100%;
	margin-top: auto;
	padding: 14px 0 14px;
	color: var(--color-gray-700);
	text-align: center;
}
.style-signUp-error {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
	margin: auto 0;
	padding: 30px 16px;
	text-align: center;
}
.style-signUp-error .style-signUp-error-box {
	display: flex;
	justify-content: center;
}
.style-signUp-error .style-signUp-error-box span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	background-color: var(--color-gray-100);
	padding: 12px 16px;
}
/* 종료: 회원가입 */

/* 시작: 찜 */
.style-wish {
	padding-top: 16px;
}
/* 종료: 찜 */

/* 시작: 선생님 상세 */
#style-detail-observer {
	width: 1px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 1400;
}
.style-detail-ctaArea {
	display: flex;
	align-items: center;
	gap: 8px;
}
.style-detail-ctaArea-util {
	display: flex;
	align-items: center;
	gap: 8px;
}
.style-detail-ctaArea-util button {
	width: 42px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-size: 11px;
}
.style-detail-ctaArea-util button svg {
	width: auto;
	height: 30px;
}
.style-detail-cta {
	width: 100%;
	display: flex;
	gap: 8px;
}
.style-detail-cta button {
	position: relative;
}



.style-detail-cta svg {
	width: auto;
	height: 18px;
}
.style-detail-cta .style-lottiePlayer {
	width: 18px;
	height: 18px;
}
.style-detail-cta .style-detail-ctaButton-addOn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 9px;
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 5px 6px;
	border: 1px solid var(--color-common-white);
	border-radius: 24px;
}
.style-detail-cta .style-detail-ctaButton-addOn svg {
	width: auto;
	height: 10px;
}
.style-detail-cta .style-detail-ctaButton-addOn svg path {
	fill: var(--color-common-white);
}

.style-detail-cta button span {
	display: inline-block;
	position: absolute;
	right: 10px;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 18px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.78px;
}

@media only screen and (max-width: 720px) {
	.style-detail-cta button span {
		right: 10px;
		padding: 5px;
		border-radius: 12px;
		box-sizing: border-box;
		font-size: 9px;
		letter-spacing: -0.5px;
	}
}


.style-detail .style-detail-imageArea {
	/*margin-top: calc(0px - var(--layout-header-height));*/
	width: 100%;
	aspect-ratio: 375/222; /*375/240*/
	position: relative;
	overflow: hidden;
}
.style-detail .style-detail-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-detail #detailItemSwiper {
	margin-top: calc(0px - var(--layout-header-height));
}
.style-product-detail #detailItemSwiper {
	margin-top: 0 !important;
}



.style-detail .style-detail-imageAreaWrap {
	position: relative;
}
.style-detail .style-detail-imageArea {
	/*margin-top: calc(0px - var(--layout-header-height));*/
	width: 100%;
	aspect-ratio: 375/222; /*375/240*/
	position: relative;
	overflow: hidden;
}
.style-product-detail .style-detail-imageArea {
	width: 100%;
	aspect-ratio: 1/1 !important;
	position: relative;
	overflow: hidden;
}
.style-detail .style-detail-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-detail-none-imageAreaWrap {
	position: relative;
	border-bottom: 1px solid #EAEBEE;
}
.style-detail-none-imageAreaWrap .style-detail-imageArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	color: var(--color-gray-500);
}
.style-detail .style-detail-imageArea.is-portrait {
	background: #000; /* 좌우 여백 배경 */
	display: flex;
	justify-content: center; /* 가로 가운데 */
	align-items: center;     /* 세로 가운데 */
}
.style-product-detail .style-detail-imageArea.is-portrait {
	background: #fff; /* 좌우 여백 배경 */
	display: flex;
	justify-content: center; /* 가로 가운데 */
	align-items: center;     /* 세로 가운데 */
}
.style-detail .style-detail-imageArea.is-portrait .style-detail-image {
	width: auto;
	height: 100%;
	object-fit: contain;
}


.style-detail .style-detail-image-empty {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	gap: 8px;
	color: var(--color-gray-600);
	font-size: 13px;
}
.style-detail .style-detail-image-empty img {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid var(--color-gray-400);
	border-radius: 50%;
}
.style-detail-imageArea-message {
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	gap: 5px;
	height: 25px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 30px;
	color: var(--color-common-white);
	font-size: 12px;
	z-index: 50;
}
.style-detail .style-detail-content {
	background-color: var(--color-gray-50);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-detail .style-detail-tabs {
	padding-top: 12px;
	height: 41px;
}
.style-detail .style-detail-tabs:before {
	bottom: 0;
}
.style-detail .style-detail-tabs .style-detail-tabs-button {
	height: 29px;
	padding: 0 0 9px;
	font-weight: 600;
}
.style-detail .style-detail-article {
	background-color: var(--color-common-white);
	padding: 16px 16px 20px;
	position: relative;
}

.style-detail .style-detail-article.style-detail-info-warp {
	padding: 14px 16px ;
}
.style-detail .style-detail-mt10n {
	margin-top: -10px;
}

.style-detail .style-detail-mt10non {
	/*margin-top: -10px;*/
}

.style-detail .style-detail-articleTitle {
	font-weight: 700;
	font-size: 18px;
	margin: 0;
	padding-bottom: 12px;
}
.style-detail .style-detail-info {
	padding: 0 0 4px;
	position: relative;
}
.style-detail .style-detail-frequenterButton {
	position: absolute;
	right: 0;
	top: 24px;
}
.style-detail .style-detail-masterName-wrap {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-detail .style-detail-masterName {
	font-size: 19px;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
	gap: 6px;
}
.style-detail .style-masterName-pro-user {
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-detail .style-masterName-pro-user .style-detail-userImg {
	width: 36px;
	height: auto;
	border:0.5px solid #D3D5D9;
	border-radius: 50%;
}
.style-detail .style-masterName-pro-user .style-detail-userInfo {
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-detail .style-masterName-pro-user .style-detail-userName {
	font-size: 14px;
	color: var(--color-gray-900);
	font-weight: 700;
}
.style-detail .style-masterName-pro-user .style-detail-masterImg {
	width: 42px;
	height: 42px;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-detail .style-masterName-pro-user .style-detail-masterImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-reviewList-inquire .style-reviewItem-userName {
	display: flex;
}
.style-masterName-badge {
	display: inline-flex;
	align-items: center;
	border-radius: 2px;
	background-color: var(--color-gray-700);
	color: var(--color-common-white);
	font-size: 11px;
	font-weight: 700;
	height: 14px;
	padding: 0 4px;
	line-height: 18px;
	margin-left:2px;
	margin-bottom:4px;
}
.style-masterName-badge.style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.style-masterName-badge.style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.style-masterName-badge.style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}
.style-detail .style-detail-masterName strong {
	font-weight: 600;
	font-size: 16px;
	color: var(--color-gray-600);
	margin-bottom:1px;
}
.style-detail .style-detail-pro-title {
	font-weight: 600;
	font-size: 18px;
	color: var(--color-gray-900);
	margin: 6px 0;
}
.style-detail .style-detail-pro-price {
	font-weight: 600;
	font-size: 17px;
	color: var(--color-gray-900);
	align-items: center;
	display: flex;
	gap: 3px;
}
.style-detail-pro-none {
	display: flex;
	padding: 10px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border: 1px solid #EAEBEE;
	font-size: 16px;
	color: var(--color-gray-500);
}
.style-detail-pro-none.mbn-1 {
	margin-bottom: -1px;
}
.style-detail .style-detail-reviewAndPrice {
	display: flex;
	align-items: center;
	gap: 15px;
	font-weight: 600;
	padding-top: 4px;
}
.style-detail .style-detail-reviewAndPrice > div {
	position: relative;

}
.style-detail .style-detail-reviewAndPrice > div:not(:first-of-type):before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: var(--color-gray-300);
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.style-detail .style-detail-reviewAndPrice .style-detail-reviewCount {
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-detail .style-detail-reviewAndPrice .style-detail-arrowIcon {
	width: auto;
	height: 12px;
}
.style-detail .style-detail-reviewAndPrice .style-detail-price {
	display: flex;
	align-items: center;
	gap: 2px;
	/* font-size: 14px; */
}
.style-detail .style-detail-reviewAndPrice .style-detail-cashIcon {
	width: 14px;
	height: auto;
}
.style-detail .style-detail-reviewAndPrice .style-detail-price span {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-gray-600);
	padding-left: 2px;
	margin-top:2px;
}
.style-detail .style-detail-count {
	font-size: 14px;
	padding-top: 2px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.style-detail .style-detail-count dl {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 2px;
	position: relative;
}
.style-detail .style-detail-count dt {
	color: var(--color-gray-650);
	font-weight: 500;
}
.style-detail .style-detail-count dd {
	color: var(--color-gray-650);
	font-weight: 500;
}
.style-detail .style-detail-count dl:not(:first-of-type):before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background-color: var(--color-gray-650);
	border-radius: 50%;
	position: absolute;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
}
.style-detail-badge {
	padding-bottom: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
}
.style-detail-badge.style-detail-badge-img {
	gap: 6px 3px;
}
.style-detail-badge .style-badge {
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border-radius: 6px;
}
.style-detail-badge .style-badge.style-badge-img {
	padding: 0;
	border-radius:0;
	height: 17px;
	background: none;
	float: left;
}
.style-detail-badge .style-badge.style-badge-img img {
	width: auto;
	height: 100%;
}
.style-detail .style-detail-tags {
	padding-top: 17px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
}
.style-detail .style-detail-summary {
	display: flex;
	flex-wrap: wrap;
	padding-top: 12px;
	margin: 20px 0 -12px;
	border-top: 1px solid var(--color-gray-100);
}
.style-detail .style-detail-summary dt {
	width: 28px;
	padding: 8px 0;
}
.style-detail .style-detail-summary dt svg {
	width: auto;
	height: 20px;
	position: relative;
	top: -2px;
}
.style-detail .style-detail-summary dd {
	width: calc(100% - 28px);
	padding: 8px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 15px;
}
.style-detail .style-detail-summary ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.style-detail .style-detail-summary ul li {
	line-height: 1.58;
}

.style-detail .style-detail-summaryBox {
	background-color: var(--color-common-white);
	padding: 16px 16px 20px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.style-detail .style-detail-summaryBox dt {
	width: 28px;
	padding: 8px 0;
}
.style-detail .style-detail-summaryBox dt svg {
	width: auto;
	height: 20px;
	position: relative;
	top: -2px;
}
.style-detail .style-detail-summaryBox dd {
	width: calc(100% - 28px);
	padding: 8px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 15px;
}
.style-detail .style-detail-summaryBox .style-detail-price span {
	color: #7A7E85;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}
.style-detail .style-detail-summaryBox ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.style-detail .style-detail-summaryBox ul li {
	line-height: 1.58;
}

.style-detail .style-detail-summary-profile {
	overflow: hidden;
}
.style-detail
.style-detail-summary-profile.collapsed
ul
li:not(:nth-child(-n + 6)) {
	display: none;
}
.style-detail .style-detail-summary-profile .style-detail-summaryMoreExpand,
.style-detail .style-detail-summary-profile .style-detail-summaryMoreCollapse {
	display: inline-flex;
	vertical-align: middle;
	margin: -2px 0 0 10px;
}
.style-detail .style-detail-summary-profile .style-detail-summaryMoreExpand svg,
.style-detail
.style-detail-summary-profile
.style-detail-summaryMoreCollapse
svg {
	width: auto;
	height: 16px;
}
.style-detail
.style-detail-summary-profile
.style-detail-summaryMoreCollapse
svg {
	transform: rotate(180deg);
}
.style-detail
.style-detail-summary-profile.expanded
.style-detail-summaryMoreExpand {
	display: none;
}
.style-detail .style-detail-introduce {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding-bottom: 20px;
}
.style-detail .style-detail-introduce > dt {
	flex-grow: 0;
	flex-shrink: 0;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-detail .style-detail-introduce-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-detail .style-detail-introduce > dd {
	font-size: 15px;
	padding: 10px;
	background-color: var(--color-primary-25);
	border-radius: 16px;
	position: relative;
}
.style-detail .style-detail-introduce > dd:before {
	content: '';
	display: block;
	width: 10px;
	height: 9px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bubble.svg) no-repeat 50% 50%;
	background-size: 10px 9px;
}
.style-detail-introduce-content {
	max-height: 620px;
	overflow: hidden;
	position: relative;
}
.style-detail-introduce-content:after {
	content: '';
	display: none;
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(
			0deg,
			rgba(255, 255, 255, 1) 0%,
			rgba(255, 255, 255, 0) 100%
	);
}
.style-detail .style-detail-introduce-content-more {
	display: none;
	gap: 6px;
	width: 100%;
	height: 46px;
	font-weight: 700;
	font-size: 16px;
	color: var(--color-gray-700) !important;
}
.style-detail .style-detail-introduce-content-more svg {
	width: auto;
	height: 18px;
}
.style-detail
.style-detail-introduce-contentWrap.collapsed
.style-detail-introduce-content:after {
	display: block;
}
.style-detail
.style-detail-introduce-contentWrap.collapsed
.style-detail-introduce-content-more {
	display: flex;
}
.style-detail
.style-detail-introduce-contentWrap.expanded
.style-detail-introduce-content {
	max-height: none;
}
.style-detail
.style-detail-introduce-contentWrap.expanded
.style-detail-introduce-content:after {
	display: none;
}
.style-detail
.style-detail-introduce-contentWrap.expanded
.style-detail-introduce-content-more {
	display: flex;
	margin-top: 12px;
}
.style-detail
.style-detail-introduce-contentWrap.expanded
.style-detail-introduce-content-more
svg {
	transform: rotate(180deg);
}
.style-detail .style-review-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
}
.style-detail .style-review-filter {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 0;
}
.style-detail .style-review-header .style-review-count {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-detail .style-review-header .style-review-count .sub-stit {
	font-size: 16px;
	font-weight: 400;
	color: #212124;
}
.style-detail .style-review-header .style-review-count span {
	color: var(--color-gray-600);
}
.style-detail .style-review-header strong {
	color: var(--color-gray-600);
}
.style-review-ruleButton {
	font-size: 14px;
	color: var(--color-gray-600);
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 0;
	border: 0;
	background-color: transparent;
}
.style-detail .style-review-ruleButton img {
	width: auto;
	height: 14px;
}
.style-detail .style-detail-viewMoreReviewButton {
	width: 100%;
	height: 43px;
	gap: 2px;
	color: var(--color-gray-700);
}
.style-detail .style-detail-viewMoreReviewButton svg {
	width: auto;
	height: 12px;
}
.style-detail .style-detail-viewMoreReviewButton svg path {
	fill: var(--color-gray-700);
}
.style-reviewRule-content {
	padding: 0 20px 12px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.style-reviewRule-content dt {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 8px;
}
.style-reviewRule-content table,
.style-reviewRule-content table th,
.style-reviewRule-content table td {
	border: 1px solid var(--color-gray-100);
	padding: 6px;
}
.style-reviewRule-content table {
	width: 100%;
	font-size: 15px;
	text-align: center;
}
.style-reviewRule-content table th {
	font-weight: 400;
}
.style-reviewRule-content .style-reviewRule-ol {
	padding-left: 1.2rem;
	padding-top: 16px;
}
.style-reviewRule-content .style-reviewRule-ol li {
	list-style-type: decimal;
}
.style-reviewRule-close {
	height: 64px;
}
.style-reviewRule-close > div {
	width: 100%;
	height: 64px;
	padding: 6px 16px;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: var(--color-common-white);
	border-top: 1px solid var(--color-gray-100);
}
.style-detail-addPhoto {
	margin: -4px 0 24px;
	width: 100%;
}
.style-detail-policy {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-detail-policy-title {
	display: flex;
}
.style-detail-grayBox {
	padding: 12px;
	background: var(--color-gray-50);
}
.style-detail-product-introduce {
	padding: 50px 28px;
}
.style-detail-product-introduce.bg-color1 {
	background: #FFF6F2;
}
.style-detail-product-introduce.bg-color2 {
	background: #F4F1EC;
}
.product-introduce-name {
	margin-top: 10px;
	color: #934243;
	text-align: center;
	font-size: 27px;
	font-weight: 900;
}
.product-introduce-title {
	margin-top: 10px;
	color: var(--color-gray-700);
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}
.product-introduce-img {
	display: flex;
	width: 90%;
	margin: 18px auto 50px;
	background: #fff;
	padding: 7px;
	box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.06);
}
.product-introduce-none-img {
	position: relative;
	display: flex;
	width: 90%;
	margin: 18px auto 50px;
	background: #fff;
	padding: 7px;
	box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.06);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	color: var(--color-gray-500);
}
.product-introduce-none-img .none-img-text {
	position: absolute;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #EAEBEE;
	gap: 10px;
	font-size: 16px;
	color: var(--color-gray-500);
}
.product-introduce-contBox {
	display: flex;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}
.product-introduce-contBox .contBox-title {
	font-size: 22px;
	color: #934243;
	font-weight: 800;
	margin-bottom: 13px;
}
.product-introduce-contBox .contBox-title svg {
	margin-bottom: 23px;
}
.product-introduce-contBox .contBox-cont {
	font-size: 16px;
	color: var(--color-gray-650);
	line-height: 160%;
}
.contBox-none-cont {
	display: flex;
	border: 1px solid #EAEBEE;
	background: #fff;
	height: 66px;
	padding: 10px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	color: var(--color-gray-500);
}
.style-detail .style-product-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
}
.style-productItem ul {
	display: flex;
	flex-direction: column;
	gap: 23px;
}
.style-productItem li {

}
.style-productItem-swiper {
	margin: 0 -16px
}
.style-productItem-swiper swiper-slide {
	width: 162px;
	padding-right: 3px;
}
.style-detail-productItem {
	width: 100%;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.style-productItem-thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 162/162;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}
.style-productItem-productImage {
	width: 109.5238%;
	height: 109.5238%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.style-detail-product-info {
}
.style-detail-product-user {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 0 6px;
}
.style-detail-product-userName {
	font-size: 14px;
	color: var(--color-gray-900);
	font-weight: 600;
}
.style-detail-product-userImg {
	width: 32px;
	height: 32px;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-detail-product-userImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-detail-product-title {
	font-size: 14px;
	color: var(--color-gray-900);
	font-weight: 400;
	letter-spacing: -0.03em;
}
.style-detail-product-price {
	font-size: 14px;
	color: var(--color-gray-900);
	margin-top: 3px;
}
.style-detail-product-price .discount {
	color: #E22F26;
	font-weight: 700;
	margin-right: 4px;
}
.style-productItem-images {
	margin: 0 -16px;
}
.style-productItem-images-item {
	width: 100%;
	height: 100%;
}
.style-productItem-images-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-productItem-images-swiper swiper-slide {
	width: 164px;
	height: 164px;
	overflow: hidden;
	position: relative;
}
.style-productItem-images-swiper swiper-slide:first-of-type {
	border-radius: 6px 0 0 6px;
}
.style-productItem-images-swiper swiper-slide:last-of-type {
	border-radius: 0 6px 6px 0;
}
.style-productItem-images-swiper swiper-slide:first-of-type:nth-last-child(1) {
	/* slide가 1개만 있을 때 */
	width: calc(100% - 32px);
	border-radius: 6px;
}
.style-productItem-images-swiper swiper-slide:first-of-type:nth-last-child(2),
.style-productItem-images-swiper
swiper-slide:first-of-type:nth-last-child(2)
~ swiper-slide {
	/* slide가 2개만 있을 때 */
	width: calc(50% - 16px - 1.5px);
}
@media all and (min-width: 720px) {
	.style-productItem-images-swiper {
		display: block;
	}
}
.style-productItem .style-productItem-images-item {
	width: 100%;
	height: 100%;
}
.style-detail-product-review {
	display: flex;
	align-items: center;
	margin-top:3px;
}
.style-detail-product-review svg {
	margin-right: 4px;
}
.style-detail-product-review .review-title {
	font-size: 12px;
	font-weight: 500;
	color: #7A7E85;
}
.style-detail-product-review .review-count {
	font-size: 12px;
	font-weight: 500;
	color: #7A7E85;
}

/* 종료: 선생님 상세 */

/* 시작: 후기 더보기, 실시간 후기 */
.style-reviews .style-reviews-header {
	border-bottom: 1px solid var(--color-gray-100);
}
.style-reviews .style-reviews-header-info {
	font-size: 11px;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 2px;
	letter-spacing: -0.02em;
}
.style-reviews .style-reviews-header-info img {
	width: auto;
	height: 20px;
}
.style-reviews .style-reviews-listWrap {
	padding: 0 16px;
}
.style-review-header-title {
	padding: 16px 16px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-review-header-title h3 {
	font-size: 17px;
	color: #000;
	font-weight: 700;
}
.style-review-header-title .review-header-more {
	font-size: 14px;
	color: #8D8D8D;
}
.style-reviews-best-slide {
	padding: 16px 0 26px;
}
#bestSwiper swiper-slide {
	width: calc(100% - 32px); /* 양쪽 16px씩 보이게 */
	min-width: 320px;
	flex-shrink: 0;
}
.style-bestSwiper-link {
	padding: 16px 20px;
	border: 1px solid #E3E3E3;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	min-height: 193.6px;
}
.bestSwiper-top {
	display: flex;
	align-items: center;
}
.bestSwiper-top .cate {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin-right: 8px;
}
.bestSwiper-top span {
	position: relative;
	display: inline-flex;
	font-size: 12px;
	color: #7A7E85;
	margin-right: 13px;
	margin-top:4px;
}

.bestSwiper-top span:before {
	position: absolute;
	top: 50%;
	right: -8px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #7A7E85;
	content: "";
	margin-top: -1px;
}
.bestSwiper-top span:last-child
{
	margin-right: 0;
}
.bestSwiper-top span:last-child:before {
	display: none;
}
.bestSwiper-cont {
	font-size: 16px;
	color: #393A40;
	display: flex;
	font-size: 16px;
	color: #393A40;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	margin: 8px 0 10px;
	min-height: 114.3px;
}
.bestSwiper-cont img {
	width: 33px;
	vertical-align: middle;
	margin-top: -1px;
}
.bestSwiper-cont .best-icon {
	border-radius: 4px;
	border: 1px solid #CBA2FF;
	background: #FFF;
	font-size: 10px;
	color: #9746FF;
	font-weight: 700;
	padding: 0 4px;
}
.bestSwiper-masterInfo {
	display: flex;
	align-items: center;
	gap: 6px;
}
.bestSwiper-masterInfo .style-masterLink-masterImage {
	width: 32px;
	height: 32px;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
	overflow: hidden;
}
.bestSwiper-masterInfo .style-masterLink-masterImage > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bestSwiper-masterInfo .bestSwiper-masterInfo-masterName {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-gray-650);
	display: flex;
	align-items: center;
	gap: 4px;
}
.bestSwiper-masterInfo .bestSwiper-masterInfo-masterName strong {
	font-size: 13px;
	font-weight: 600;
	color: var(--color-gray-900);
}
.bestSwiper-masterInfo-masterName .style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.bestSwiper-masterInfo-masterName .style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.bestSwiper-masterInfo-masterName .style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}
.style-chip-buttonBox {
	position: sticky;
	top: 45px;
	display: flex;
	gap: 6px;
	padding: 8px 16px 12px;
	border-bottom: 1px solid #F0F0F0;
	background: #fff;
	z-index: 100;
}
.style-chip-asbox {
	position: absolute;
	top: 50px;
	left: 16px;
	padding: 14px 18px;
	border-radius: 6px;
	border: 1px solid #A1A1A1;
	background: #FFF;
	z-index: 10;
	display: none;
}
.style-chip-asbox.open {
	display: block;
}
.style-chip-asbox ul {
	gap: 15px;
	display: flex;
	flex-direction: column;
}
.style-chip-asbox button {
	color: #4D5159;
	font-size: 14px;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}
.style-chip-asbox button.active {
	color: #212124;
	font-weight: 700;
}
.tooltipBox {
	position: absolute;
	top: -10px;
	left: 24px;
	padding: 8px 11px;
	background: #3A6EFF;
	color: #fff;
	font-size: 12px;
	width: 220px;
	border-radius: 4px;
	text-align: left;
	z-index: 10;
	display: none;
}
.tooltipBox.open {
	display: block;
}
.tooltipBox:after {
	position: absolute;
	width: 0;
	height: 0;
	left: -6px;
	top: 8px;
	overflow: hidden;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #3A6EFF;
	content: "";
}
.style-chip-buttonBox .style-chip-button-active {
	border-color: #4377FD;
	background-color: #4377FD;
	color: #fff;
}
.style-chip-buttonBox .style-chip-button-active svg path {
	fill: #fff;
}
.style-reviewItem-userBox {
	display: flex;
	flex-direction: column;
	padding: 16px;
}
.style-reviewItem-userBox .style-reviewItem-user {
	display: flex;
	align-items: center;
	gap: 14px;
}
.style-reviewItem-userBox .style-reviewItem-userImg {
	width: 63px;
	height: auto;
	border-radius: 50%;
}
.style-reviewItem-userBox .style-reviewItem-userInfo {
	font-size: 13px;
	color: #868B94;
}
.style-reviewItem-userBox .style-reviewItem-userName {
	font-size: 20px;
	color: #212124;
	font-weight: 700;
}
.style-reviewItem-user-text {
	display: flex;
	gap: 16px;
	margin-top: 16px;
}
.style-reviewItem-user-text li {
	font-size: 14px;
	color: #2A2A2A;
}
/* 종료: 후기 더보기, 실시간 후기 */

/* 시작: 검색 */
.style-search {
	padding: 16px 0;
}
.style-search-area {
	padding-bottom: 20px;
}
.style-search .style-latest-search-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	margin-bottom: 10px;
}
.style-search-area .style-latest-search-header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	height: 34px;
	padding: 0 16px;
}
.style-search .style-latest-search-header h3 {
	font-weight: 700;
	font-size: 16px;
}
.style-search .latest-search-header-left {
	justify-content: left;
}
.style-search .latest-search-header-left span {
	margin-left: 10px;
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-search .style-latest-search-header button {
	font-size: 14px;
	color: var(--color-gray-700);
}
.style-search .style-latest-search-chips {
	padding: 8px 0;
}
.style-search .style-latest-search-chips swiper-slide {
	width: auto;
	height: auto;
}
.style-search-results {
	padding: 16px 0;
}
.style-recommended-search-chips {
	display: flex;
	padding: 0 16px;
	flex-wrap: wrap;
	gap: 8px;
}
.style-recommended-search-chips .style-chip4-button {
	font-size: 14px;
	font-weight: 400;
	height: 30px;
	border: 1px solid var(--color-gray-200);
	border-radius: 30px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	line-height: 1;
}
.style-recommendedAll {
	padding: 2px 16px 24px;
}
.style-recommendedAll .style-recommendedAll-list {
	display: flex;
	flex-direction: column;
}
.style-recommendedAll .style-recommendedAll-list > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 8px 0;
}
.style-recommendedAll .style-recommendedAll-list > li > a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.style-recommendedAll .style-masterThumb-withState-small {
	width: 40px;
	height: 40px;
}
.style-recommendedAll .recommendedAll-rank {
	font-weight: 600;
	font-size: 16px;
	line-height: 40px;
}
.style-recommendedAll .style-recommendedAll-list > li:nth-child(1) .recommendedAll-rank,
.style-recommendedAll .style-recommendedAll-list > li:nth-child(2) .recommendedAll-rank,
.style-recommendedAll .style-recommendedAll-list > li:nth-child(3) .recommendedAll-rank {
	color: var(--color-primary-600);
}
.style-recommendedAll .recommendedAll-name {
	font-weight: 600;
	font-size: 15px;
	line-height: 40px;
}
.style-recommendedAll .recommendedAll-type {
	font-weight: 600;
	font-size: 13px;
	line-height: 40px;
}
.style-recommendedAll .style-color-tarot {
	color: var(--color-tarot);
}
.style-recommendedAll .style-color-saju {
	color: var(--color-saju);
}
.style-recommendedAll .style-color-sinjeom {
	color: var(--color-sinjeom);
}
/* 종료: 검색 */

/* 시작: 상담하기 */
.style-counsel .style-counsel-master {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	border: 1px solid var(--color-gray-100);
	background-color: var(--color-gray-50);
	padding: 20px;
}
.style-counsel-offcanvas .style-counsel-master {
	background: none !important;
	border: none !important;
	padding: 30px 20px;
}
.style-counsel .style-counsel-master-masterImageBox {
	position: relative;
}
.style-counsel .style-counsel-master .style-counsel-master-masterImage {
	width: 80px;
	height: 80px;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
	overflow: hidden;
}
.style-counsel .style-counsel-master .style-counsel-master-masterImage > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-counsel .style-counsel-master .style-counsel-master-state {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 12px;
	height: 12px;
	background: #00A000;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	box-sizing: initial;
}
.style-counsel-master-state.status-color-green {
	background: var(--color-green-350);
}
.style-counsel-master-state.status-color-red {
	background: var(--color-primary-600);
}
.style-counsel-master-state.status-color-gray {
	background: var(--color-gray-500);
}

.style-counsel .style-counsel-master .style-counsel-master-masterInfo {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.style-counsel .style-counsel-master .style-counsel-master-masterInfo .style-counsel-master-masterInfo-badge{
	display: flex;
	flex-direction: row;
	gap: 2px;
}


.style-counsel .style-counsel-master .style-counsel-master-masterInfo .style-badge {
	margin-bottom: 3px;
}
.style-counsel .style-counsel-master .style-counsel-master-masterInfoBox {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-counsel .style-counsel-master .style-counsel-master-badge {
	position: relative;
	left: 0;
	top: 1.1px;
	display: flex;
	padding-bottom: 2px;
}
.style-counsel .style-counsel-master .style-counsel-master-masterName {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-gray-600);
	display: flex;
	align-items: baseline;
	gap: 4px;
}
.style-counsel .style-counsel-master .style-counsel-master-masterName strong {
	font-size: 17px;
	font-weight: 700;
	color: var(--color-gray-900);
}
.style-counsel .style-counsel-master .style-counsel-master-counts {
	font-size: 14px;
	color: var(--color-gray-650);
	display: flex;
	align-items: center;
	gap: 11px;
}
.style-counsel .style-counsel-master .style-counsel-master-counts > div {
	position: relative;
}
.style-counsel
.style-counsel-master
.style-counsel-master-counts
> div:not(:first-of-type):before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: var(--color-gray-300);
	border-radius: 50%;
	position: absolute;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
}
.style-counsel .style-counsel-info {
	padding: 4px 20px 0;
	display: flex;
	flex-direction: column;
}
.style-counsel .style-counsel-article {
	padding: 20px 0 24px;
}
.style-counsel .style-counsel-article:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-counsel .style-counsel-title {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 700;
	min-height: 22px;
}
.style-counsel .style-counsel-title-left {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 4px;
}
.style-counsel .style-counsel-title-left img {
	width: auto;
	height: 18px;
}
.style-counsel-tooltip {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-align: left;
}
.style-counsel-tooltip h4 {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-primary-100);
	padding-bottom: 3px;
}
.style-counsel-tooltip ol {
	padding-left: 16px;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: var(--color-common-white);
}
.style-counsel-tooltip ol li {
	list-style: decimal;
}
.style-counsel .style-counsel-title-right {
	font-size: 15px;
	font-weight: 500;
	display: flex;
	justify-content: flex-end;
	flex-shrink: 0;
	gap: 6px;
}
.style-counsel .style-counsel-title-price {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 2px;
}

.style-counsel .style-counsel-title-price s {
	color:#787878;
}

.style-counsel .style-counsel-title-price img {
	width: auto;
	height: 20px;
}
.style-counsel .style-counsel-title-price strong {
	font-size: 16px;
}
.style-counsel .style-counsel-title-time {
	font-weight: 400;
	font-size: 12px;
	color: var(--color-gray-700);
	align-self: center;
}
.style-counsel .style-counsel-myCash {
	margin-top: 13px;
	display: flex;
	border: 1px solid var(--color-primary-50);
	background-color: var(--color-primary-25);
	border-radius: 8px;
	padding: 20px 12px;
}
.style-counsel .style-counsel-myCash dl {
	width: 50%;
	text-align: center;
	position: relative;
}
.style-counsel .style-counsel-myCash dl:not(:first-of-type):before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/icons/icon_navi_next.svg) no-repeat 50% 50%;
	background-size: cover;
	opacity: 0.4;
}
.style-counsel .style-counsel-myCash dl dt {
	font-size: 13px;
	line-height: 1.4;
	font-weight: 500;
	color: var(--color-gray-600);
	padding-bottom: 4px;
}
.style-counsel .style-counsel-myCash dl dd {
	font-size: 16px;
	font-weight: 700;
}
.style-counsel .style-counsel-charge {
	margin: 6px auto 0;
}
.style-counsel .style-counsel-cta {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.style-counsel .style-counsel-cta-button {
	height: 50px;
	font-size: 16px;
	gap: 24px;
}
.style-counsel .style-counsel-cta-call {
	font-weight: 400;
	position: relative;
}
.style-counsel .style-counsel-cta-call:before {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--color-common-white);
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}
.style-counsel .style-button-line .style-counsel-cta-call:before {
	background-color: var(--color-primary-600);
}
.style-counsel .style-counsel-cta p {
	text-align: center;
	font-size: 13px;
	color: var(--color-gray-600);
}
.style-counsel .style-counsel-collapseButton {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}
.style-counsel .style-counsel-collapseButton svg {
	width: auto;
	height: 14px;
	transform: rotate(180deg);
}
.style-counsel .style-counsel-collapseButton.collapsed svg {
	transform: rotate(0deg);
}
.style-counsel .style-counsel-collapseButton svg path {
	stroke: var(--color-gray-900);
}
.style-counsel-offcanvas .style-counsel-master-masterName strong {
	font-size: 15px !important;
}
.style-counsel-offcanvas .style-counsel-master-masterName {
	font-size: 11px !important;
}
.style-counsel-offcanvas .style-counsel-master-masterInfo .style-badge {
	height: 14px;
	font-size: 11px;
	padding: 0 4px;
	border-radius: 2px;
	align-items: center;
	display: flex;
}
.style-counsel-offcanvas .style-counsel-master-masterInfo .style-badge-img {
	padding: 0 !important;
}
.style-counsel-master-badge .style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.style-counsel-master-badge .style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.style-counsel-master-badge .style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}
.style-counsel-offcanvas .style-counsel-master-price {
	height: 18px;
	font-size: 13px;
	display: flex;
	align-items: center;
}

.style-counsel-offcanvas .style-counsel-master-price s{
	height: 18px;
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-right:3px;
	color:#787878;
}

.style-counsel-offcanvas .style-counsel-master-price strong {
	height: 18px;
	font-size: 14px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 3px;
}
.style-counsel-offcanvas .style-counsel-master-price strong svg {
	width: 14px;
	height: auto;
	margin-top:-2px;
}
.style-counsel-offcanvas .style-counsel-master-price span {
	display: flex;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	color: var(--color-gray-650);
	padding-left: 4px;
	margin-top:2px;
	font-weight: 400;
}
.style-counsel-master-contents {
	font-size: 12px;
	padding: 0 16px;
	flex: 1;
	min-width: 0;
	min-height: 0;
	align-self: flex-start;

	line-height: 1.5;              /* 줄 높이 명시 (중요) */
	max-height: calc(1.5em * 3);   /* 👈 3줄 높이 강제로 제한 */

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	margin-bottom: 30px;
}
.style-counsel-master-button {
	padding: 0 16px 30px;
	display: flex;
	gap: 8px;
}
.style-counsel-master-button button {
	width: 50%;
	font-weight: 500;
}
.style-counsel-master-button button svg {
	width: 16px;
	height: 16px;
}
.style-counsel-master-button .style-lottiePlayer {
	width: 16px;
	height: 16px;
}
.style-counsel-master-button .style-button-tertiary {
	background: #CACCD1;
	border: 1px solid #CACCD1;
}
.style-counsel-waiting {
	padding: 20px 16px 16px;
}
.style-counsel-waiting .style-counsel-title {
	justify-content: center;
}
.style-counsel-waiting .style-counsel-master {
	padding: 20px 0 27px;
	background: none !important;
	border: none !important;
	justify-content: center;
}
.style-counsel-waiting .style-counsel-master .big-masterImage {
	width: 107px;
	height: 107px;
}
.style-counsel-waiting .style-counsel-stext {
	font-size: 13px;
	color: #4D5159;
	justify-content: center;
	display: flex;
	text-align: center;
}
/* 종료: 상담하기 */

/* 시작: 충전 */
.style-charge {
	background-color: var(--color-gray-50);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-charge .style-charge-article {
	padding: 20px 16px;
	background-color: var(--color-common-white);
}
.style-charge .style-charge-myCashWrap {
	padding: 20px 16px 17px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-charge .style-charge-myCash {
	background-color: var(--color-gray-50);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	padding: 18px 14px;
}
.style-charge .style-charge-myCash dt {
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-charge .style-charge-myCash dt img {
	width: auto;
	height: 20px;
}
.style-charge .style-charge-myCash dd {
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 1px;
}
.style-charge .style-charge-myCash dd strong {
	font-size: 18px;
}
.style-charge .style-charge-article-title {
	font-weight: 700;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 16px;
}
.style-charge .style-charge-article-titleLeft span {
	font-weight: 400;
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-charge .style-charge-article-subTitle {
	margin-top: -13px;
	padding-bottom: 14px;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-charge .style-charge-priceList {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.style-charge .style-charge-priceItem {
	width: 100%;
	border: 1px solid var(--color-gray-100);
	border-radius: 8px;
	padding: 14px;
}
.style-charge .style-charge-priceItem .style-form-radio-label {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-charge .style-charge-priceItem-cash {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 4px;
	font-size: 14px;
	font-weight: 700;
}
.style-charge .style-charge-priceItem-cash-badge {
	display: inline-flex;
	align-items: center;
	height: 20px;
	padding: 0 5px;
	font-size: 10px;
	font-weight: 600;
	background: var(--color-primary-40);
	border: 0px solid var(--color-primary-300);
	color: var(--color-primary-600);
	border-radius: 4px;
}
.style-charge .style-charge-priceItem-cash-bottom {
	display: flex;
	gap: 4px;
	width: 100%;
	line-height: 1.2;
}
.style-charge .style-charge-priceItem-cash-bottom span {
	font-size: 12px;
	color: var(--color-gray-650);
	font-weight: 400;
}
.style-charge .style-charge-priceItem-cash-bottom strong {
	font-size: 12px;
	color: var(--color-primary-600);
}
.style-charge .style-charge-priceItem-price {
	flex-grow: 0;
	flex-shrink: 0;
	width: 80px;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
}
.style-charge .style-charge-methodList {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.style-charge .style-charge-methodList input {
	top: 0;
	transform: translateY(0);
}
.style-charge .style-charge-methodList .style-charge-methodList-label {
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-charge .style-charge-methodList .style-charge-methodList-label > span {
	position: relative;
}
.style-charge .style-charge-methodList-tooltip {
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translate(100%, -50%);
	background-color: var(--color-primary-50);
	color: var(--color-primary-600);
	font-weight: 500;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 142px;
	border-radius: 4px;
}
.style-charge .style-charge-methodList-tooltip:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: var(--color-primary-50);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	left: -6px;
	top: 50%;
}
.style-charge .style-charge-methodList .style-charge-methodList-logo {
	width: auto;
	height: 20px;
}
.style-charge .style-charge-methodList-addOn {
	display: none;
	position: relative;
	width: calc(
			100% + var(--form-radio-paddingLeft) + var(--layout-side-padding) +
			var(--layout-side-padding)
	);
	margin-left: calc(
			0px - var(--form-radio-paddingLeft) - var(--layout-side-padding)
	);
	padding-top: 20px;
}
.style-charge input:checked + label + .style-charge-methodList-addOn {
	display: block;
}
.style-charge .style-charge-unsePay-item-wrap {
	width: 100%;
	padding: 0 5px;
}
.style-charge .style-charge-unsePay-item {
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 268/166;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--color-gray-25);
	border: 1px solid var(--color-gray-300);
	display: flex;
	align-items: center;
	justify-content: center;
}
.style-charge .style-charge-unsePay-hyundai {
	background-color: #000;
}
.style-charge .style-charge-unsePay-lotte {
	background-color: rgba(129, 113, 105, 1);
}
.style-charge .style-charge-unsePay-nh {
	background-color: rgba(0, 102, 179, 1);
}
.style-charge .style-charge-unsePay-bc {
	background-color: rgba(121, 25, 31, 1);
}
.style-charge .style-charge-unsePay-hana {
	background-color: rgba(88, 144, 143, 1);
}
.style-charge .style-charge-unsePay-kb {
	background-color: rgba(248, 181, 0, 1);
}
.style-charge .style-charge-unsePay-shinhan {
	background-color: rgba(0, 70, 255, 1);
}
.style-charge .style-charge-unsePay-woori {
	background-color: rgba(45, 101, 167, 1);
}
.style-charge .style-charge-unsePay-samsung {
	background-color: rgba(0, 60, 220, 1);
}
.style-charge .style-charge-unsePay-cardLogo {
	width: auto;
	height: 22px;
	position: absolute;
	left: 20px;
	top: 20px;
}
.style-charge .style-charge-unsePay-cardInfo {
	position: absolute;
	left: 20px;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: var(--color-common-white);
	font-size: 14px;
}
.style-charge .style-charge-unsePay-cardName {
	display: flex;
	gap: 4px;
}
.style-charge .style-charge-unsePay-cardName strong {
	font-weight: 400;
}
.style-charge .style-charge-unsePay-cardName span {
	color: var(--color-white-alpha-60);
}
.style-charge .style-charge-unsePay-cardRemove-icon {
	width: auto;
	height: 20px;
	position: absolute;
	right: 18px;
	top: 18px;
}
.style-charge .style-charge-unsePay-addCard {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 13px;
}
.style-charge .style-charge-unsePay-addCard-top {
	display: flex;
	gap: 7px;
	align-items: center;
}
.style-charge .style-charge-unsePay-addCard-logo {
	width: auto;
	height: 34px;
}
.style-charge .style-charge-unsePay-addCard-plus {
	width: auto;
	height: 24px;
}
.style-charge .style-charge-normalPayment {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 8px;
	padding: 0 var(--layout-side-padding);
}
.style-charge .style-charge-normalPayment li {
	box-sizing: border-box;
	width: calc(50% - 4px);
}
.style-charge .style-charge-normalPayment li input {
	display: none;
}
.style-charge .style-charge-normalPayment li label {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 15px;
	padding: 0 8px;
	height: 46px;
	border: 1px solid var(--color-gray-200);
	border-radius: 4px;
	background-color: var(--color-common-white);
}
.style-charge .style-charge-normalPayment li input:checked + label {
	border-color: var(--color-primary-600);
	color: var(--color-primary-600);
}
.style-charge .style-charge-current-myCash {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: var(--color-gray-600);
	font-size: 13px;
	padding-top: 8px;
}
.style-charge .style-charge-helpButton {
	font-weight: 500;
	font-size: 13px;
	color: var(--color-gray-600);
}
.style-charge .style-charge-payment {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.style-charge .style-charge-payment dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
}
.style-charge .style-charge-payment dl dt {
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-charge .style-charge-payment dl dt span {
	font-weight: 400;
	color: var(--color-gray-600);
	font-size: 13px;
}
.style-charge .style-charge-payment dl dd {
	font-weight: 700;
	font-size: 16px;
}
.style-charge .style-charge-payment-price {
	font-weight: 600;
	color: var(--color-primary-600);
}
.style-charge .style-charge-payment-final {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--color-gray-100);
}
.style-charge .style-charge-payment-final dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-charge .style-charge-payment-final dl dt {
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-charge .style-charge-payment-final dl dd {
	font-size: 18px;
	font-weight: 700;
}
/* .style-charge .style-charge-cta {
  box-sizing: border-box;
  padding: 6px 16px 0;
  margin: 20px -16px 0;
  border-top: 1px solid var(--color-gray-100);
} */
.style-charge .style-autoCharge-state {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 6px;
	color: var(--color-gray-600);
	font-size: 16px;
	font-weight: 700;
	padding: 16px 14px;
	border: 1px solid var(--color-gray-200);
	border-radius: 8px;
}
.style-charge .style-autoCharge-state-left {
	display: flex;
	gap: 4px;
}
.style-charge .style-autoCharge-state-left strong {
	color: var(--color-primary-600);
}
.style-charge .style-autoCharge-description {
	font-size: 14px;
	padding: 18px 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	overflow: hidden;
	background-color: var(--color-gray-50);
	border-radius: 8px;
}
.style-charge .style-autoCharge-base {
	padding-bottom: 34px;
}
.style-charge .style-autoCharge-base-select {
	display: flex;
	gap: 8px;
}
.style-charge .style-autoCharge-base-select li {
	width: 100%;
}
.style-charge .style-autoCharge-base-select li input {
	display: none;
}
.style-charge .style-autoCharge-base-select li label {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	padding: 0 8px;
	height: 46px;
	border: 1px solid var(--color-gray-200);
	border-radius: 8px;
	background-color: var(--color-common-white);
}
.style-charge .style-autoCharge-base-select li input:checked + label {
	border-color: var(--color-primary-600);
	color: var(--color-primary-600);
}
.style-charge .style-autoCharge-total-title {
	padding-bottom: 0;
}
.style-charge .style-autoCharge-total-title strong {
	font-weight: 700;
	font-size: 18px;
}
.style-button-calculator {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border: none;
	background: none;
	font-weight: 500;
	font-size: 12px;
	color: var(--color-primary-600);
}
.style-button-calculator-tarot {
	color: var(--color-tarot);
}
.style-button-calculator svg.ico-clock {
	margin-right: 2px;
}
.style-button-calculator svg.ico-arrow {
	margin-left: 2px;
}
#style-caculSelect .style-alert-dialog {
	max-width: calc(340px + 32px);
}
#style-caculSelect .modal-content {
	padding: 20px 16px;
}
.style-caculSelect-title {
	display: flex;
	flex-shrink: 0;
	align-items: center;
}
.style-caculSelect-title h2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-common-black);
	text-align: center;
}
.style-caculSelect-title button {
	position: absolute;
	right: 16px;
}
.style-caculSelect-content {
	padding-top: 20px;
}
.style-caculSelect-content h3 {
	font-size: 16px;
	font-weight: 600;
}
.style-caculSelect-content .form-select {
	margin: 11px 0 20px;
}
.style-tbl {
	width: 100%;
	border-collapse: collapse;
}
.style-tbl thead th {
	height: 42px;
	padding: 0 18px;
	box-sizing: border-box;
	font-size: 14px;
	background: #f5f5f5;
	font-weight: 500;
	color: #000;
}
.style-tbl thead th:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-sizing: border-box;
}
.style-tbl thead th:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	box-sizing: border-box;
}
.style-tbl tbody tr {
	border-bottom: 1px solid #ededed;
	box-sizing: border-box;
}
.style-tbl tbody td {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.style-tbl th, .style-tbl td {
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
.style-tbl thead th span {
	color: #979797;
}
.style-caculSelect-tblWrap {
	max-height: 245px;
	overflow-y: scroll;
}
.style-caculSelect-bottom-text {
	font-weight: 500;
	font-size: 12px;
	color: var(--color-gray-650);
	margin-top: 16px;
}
/* 종료: 충전 */

/* 시작: vip 혜택 안내 */
.style-vip {
	padding: 22px 16px;
}
.style-vip .style-vip-myCash {
	background-color: var(--color-primary-25);
	border: 1px solid var(--color-primary-50);
	border-radius: 8px;
	padding: 16px;
	display: flex;
}
.style-vip .style-vip-myCash dl {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: center;
	position: relative;
}
.style-vip .style-vip-myCash dl:not(:first-of-type):before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: var(--color-primary-50);
	position: absolute;
	left: 0;
	top: 0;
}
.style-vip .style-vip-myCash dl dt {
	font-size: 12px;
	font-weight: 400;
}
.style-vip .style-vip-myCash dl dd {
	font-size: 18px;
	font-weight: 700;
}
.style-vip .style-vip-myCash-reward {
	color: var(--color-primary-600);
}
.style-vip .style-vip-myCash-info {
	font-size: 12px;
	padding-top: 8px;
	color: var(--color-gray-700);
}
.style-vip .style-vip-table {
	padding-top: 40px;
}
.style-vip .style-vip-table table {
	width: 100%;
	text-align: center;
	font-size: 14px;
}
.style-vip .style-vip-table th {
	font-weight: 400;
	background-color: var(--color-gray-50);
	padding: 8px 0;
	border-radius: 8px 0 0 8px;
}
.style-vip .style-vip-table th:not(:first-of-type) {
	border-radius: 0 8px 8px 0;
}
.style-vip .style-vip-table td {
	font-weight: 600;
	border-bottom: 1px solid var(--color-gray-100);
	padding: 8px 0;
}
.style-vip .style-vip-table td:not(:first-of-type) {
	color: var(--color-primary-600);
	font-weight: 700;
}
.style-vip .style-vip-descriptions {
	padding-top: 20px;
	font-size: 14px;
}
/* 종료: vip 혜택 안내 */

/* 시작: 결제 비밀번호(pin code) */
.style-pinCode {
	width: 100%;
	padding: 80px 16px 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.style-pinCode h2 {
	font-weight: 600;
	font-size: 24px;
}
.style-pinCode .style-pinCode-top {
	width: 100%;
	padding: 26px 0 24px;
	position: relative;
}
.style-pinCode .style-pinCode-warning {
	width: 100%;
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 13px;
	letter-spacing: -0.02em;
	color: var(--color-primary-600);
}
.style-pinCode .style-pinCode-dotArea {
	display: inline-flex;
	margin: 0 auto;
	gap: 16px;
	padding: 12px;
}
.style-pinCode .style-pinCode-dot {
	width: 18px;
	height: 18px;
	overflow: hidden;
	border-radius: 50%;
	background-color: var(--color-gray-200);
}
.style-pinCode .style-pinCode-dot-active {
	background-color: var(--color-primary-600);
}
.style-pinCode .style-pinCode-findPw {
	margin: 20px auto 0;
	font-size: 14px;
	color: var(--color-gray-600);
	text-decoration: underline;
}
.style-keypad {
	width: 100%;
	margin-top: auto;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px 0;
	position: relative;
}
.style-keypad .style-keypad-button {
	width: calc(33.3333%);
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.style-keypad .style-keypad-button:nth-of-type(1) {
	order: 0;
}
.style-keypad .style-keypad-button:nth-of-type(2) {
	order: 1;
}
.style-keypad .style-keypad-button:nth-of-type(3) {
	order: 2;
}
.style-keypad .style-keypad-button:nth-of-type(4) {
	order: 3;
}
.style-keypad .style-keypad-button:nth-of-type(5) {
	order: 4;
}
.style-keypad .style-keypad-button:nth-of-type(6) {
	order: 5;
}
.style-keypad .style-keypad-button:nth-of-type(7) {
	order: 6;
}
.style-keypad .style-keypad-button:nth-of-type(8) {
	order: 7;
}
.style-keypad .style-keypad-button:nth-of-type(9) {
	order: 8;
}
.style-keypad .style-keypad-button:nth-of-type(10) {
	order: 10;
}
.style-keypad .style-keypad-button:nth-of-type(11) {
	order: 9;
}
.style-keypad .style-keypad-button:nth-of-type(12) {
	order: 11;
}
.style-keypad .style-keypad-button button {
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 50%;
	font-size: 25px;
	font-weight: 700;
	color: var(--color-gray-700);
}
.style-keypad .style-style-keypad-icon {
	width: auto;
	height: 24px;
}
.style-keypad .style-keypad-button button:active {
	background-color: var(--color-gray-200);
}
.style-keypad .style-keypad-button-cancel button,
.style-keypad .style-keypad-button-delete button {
	font-size: 20px;
}
.style-keypad .style-keypad-input {
	display: none;
	/* position: absolute;
  left: 0;
  top: -30px; */
}
/* 종료: 결제 비밀번호(pin code) */

/* 시작: 주문완료(결제완료) */
.style-paymentSuccess {
	padding: 25px 16px;
}
.style-paymentSuccess .style-paymentSuccess-title {
	font-size: 24px;
	font-weight: 700;
}
.style-paymentSuccess .style-paymentSuccess-info {
	padding-top: 8px;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-paymentSuccess .style-paymentSuccess-data {
	border-top: 1px solid var(--color-gray-100);
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 24px 0;
	padding: 24px 0;
}
.style-paymentSuccess .style-paymentSuccess-data dt {
	width: 80px;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-gray-600);
}
.style-paymentSuccess .style-paymentSuccess-data dd {
	width: calc(100% - 80px);
	font-size: 16px;
	font-weight: 400;
	text-align: right;
}
/* 종료: 주문완료(결제완료) */

/* 시작: 마이페이지 메인 */
#style-myPage-observer {
	width: 1px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 1400;
}
.style-myPage-title {
	font-weight: 700;
	font-size: 18px;
	display: flex;
	padding-left: 10px;
	align-items: center;
	opacity: 1;
	transition: all 0.3s ease;
}
.style-myPage-title.style-myPage-title-hide {
	opacity: 0;
}
.style-mypage {
	padding-bottom: 30px;
}
.style-mypage .style-mypage-top {
	padding: 0 16px;
}
.style-mypage .style-mypage-profile {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0 20px;
}
.style-mypage .style-mypage-name {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 700;
	font-size: 20px;
}
.style-mypage .style-mypage-name img {
	width: auto;
	height: 36px;
}
.style-mypage .style-mypage-name-image {
	width: 36px;
	height: 36px;
	border: 1px solid var(--color-gray-400);
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}
.style-mypage .style-mypage-name-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-mypage .style-mypage-myCash {
	border: 1px solid var(--color-gray-200);
	border-radius: 10px;
	padding: 16px 14px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.style-mypage .style-mypage-saved {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-mypage .style-mypage-saved dt {
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-mypage .style-mypage-saved dt img {
	width: auto;
	height: 20px;
}
.style-mypage .style-mypage-saved dd {
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 1px;
}
.style-mypage .style-mypage-saved dd strong {
	font-size: 18px;
}
.style-mypage .style-mypage-charge {
	width: 100%;
	height: 36px;
	gap: 4px;
	font-size: 14px;
}
.style-mypage .style-mypage-charge svg {
	width: auto;
	height: 16px;
}
.style-mypage .style-mypage-expect {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--color-gray-100);
	padding-top: 14px;
}
.style-mypage .style-mypage-expect dt {
	display: flex;
	align-items: center;
	gap: 2px;
	font-weight: 400;
	font-size: 13px;
}
.style-mypage .style-mypage-expect dt img {
	width: auto;
	height: 14px;
}
.style-mypage .style-mypage-expect dd {
	display: flex;
	align-items: center;
	gap: 1px;
	font-size: 12px;
}
.style-mypage .style-mypage-expect dd strong {
	font-weight: 700;
	font-size: 13px;
}
.style-mypage .style-mypage-attainableCash {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	padding: 12px 14px;
	background-color: var(--color-gray-100);
	border-radius: 10px;
	margin-top: 16px;
}
.style-mypage .style-mypage-attainableCash-right {
	display: flex;
	align-items: center;
	gap: 2px;
	font-size: 12px;
}
.style-mypage .style-mypage-attainableCash svg {
	width: auto;
	height: 14px;
}
.style-mypage-save-cash {
	display: flex;
	gap: 10px;
	align-items: center;
	width: 100%;
	background: #FFF6F5;
	border-radius: 10px;
	padding: 16px;
	margin-top: 16px;
	margin-bottom: 14px;
}
.style-mypage-save-cash .save-cash-icon {
	border-radius: 16px;
	/*background: #F7F8FA;*/
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.style-mypage-save-cash .save-cash-icon img {
	width: 42px;
	height: 42px;
}
.style-mypage-save-cash .save-cash-text {
	display: flex;
	flex-direction: column;
	text-align: left;
	color: #2A2A2A;
	font-size: 14px;
	line-height: 140%;
}
.style-mypage-save-cash .save-cash-text strong {
	font-weight: 700;
	font-size: 16px;
	color: #2A2A2A;
	line-height: 140%;
}
.style-mypage-save-cash .save-cash-text .c_b {
	color: #4377FD;
}
.style-mypage-save-cash .save-cash-right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 5px;
}
.style-mypage-save-cash .save-cash-cash {
	padding: 8px;
	background: #F6F6F6;
	border-radius: 16px;
	display: flex;
	gap: 3px;
	color: #454545;
	font-weight: 400;
	align-items: center;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}
.style-mypage-save-cash .arrow {
	width: 16px;
	height: 16px;
	margin-left: auto;
}
.style-mypage .style-mypage-article {
	padding: 12px 16px;
}
.style-mypage .style-mypage-article:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-mypage .style-mypage-article-title {
	height: 46px;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
}
.style-mypage .style-mypage-article a {
	display: flex;
	align-items: center;
	gap: 13px;
	height: 46px;
	font-size: 16px;
	line-height: 1;
}
.style-mypage .style-mypage-banner {
	padding: 0 16px;
}
.style-mypage .style-mypage-banner a {
	display: flex;
}
/* 종료: 마이페이지 메인 */

/* 시작: 마이페이지 > 설정 */
.style-setting .style-setting-article {
	padding: 12px 16px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.style-setting .style-setting-article:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-setting .udr-line .style-setting-list {
	border-bottom: 1px solid var(--color-gray-100);
	padding-bottom: 20px;
	margin-bottom: 20px
}
.style-setting .style-setting-title {
	height: 40px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
}
.style-setting .style-setting-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.style-setting .style-setting-list > li {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.style-setting .style-setting-list > li > a {
	display: flex;
	align-items: center;
	padding: 12px 0;
}
.style-setting .style-setting-withAddOn {
	width: 100%;
	min-height: 46px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.style-setting .style-setting-icon {
	width: auto;
	height: 18px;
}
.style-setting .style-setting-withsubTitle {
	padding: 12px 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.style-setting .style-setting-withsubTitle div {
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-setting .style-setting-addOnButton {
	color: var(--color-primary-600);
}
.style-setting .style-setting-addOnButton-alignTop {
	align-self: flex-start;
	position: relative;
	top: 12px;
}
.style-changeForm {
	padding: 24px 16px;
}
.style-changeForm .style-changeForm-top {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 24px;
}
.style-changeForm .style-changeForm-top h3 {
	font-size: 18px;
	font-weight: 700;
}
.style-changeForm .style-changeForm-top p {
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-changeForm .style-changeForm-certify {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-changeForm .style-changeForm-newPassword {
	width: 100%;
	padding-top: 32px;
}
.style-changeForm .style-changeForm-newPassword-again {
	margin-top: 12px;
}
.style-changeForm .style-changeForm-myCash {
	background-color: var(--color-gray-50);
	border-radius: 8px;
	padding: 18px 16px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}
.style-changeForm .style-changeForm-myCash span {
	color: var(--color-primary-600);
}
.style-changeForm .style-withdraw-reason {
	padding-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.style-changeForm .style-withdraw-reason h4 {
	font-size: 16px;
	font-weight: 700;
}
.style-changeForm .style-withdraw-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.style-changeForm .style-withdraw-agree a {
	color: var(--color-primary-600);
	text-decoration: underline;
}
/* 종료: 마이페이지 > 설정 */

/* 시작: 마이페이지 > 프로필 */
.style-profile {
	padding: 24px 16px;
}
.style-profile .style-profile-photoInput {
	margin: 0 auto 26px;
	width: 96px;
	height: 96px;
	position: relative;
}
.style-profile .style-profile-photoInput-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	border: 1px solid var(--color-gray-400);
	border-radius: 50%;
}
.style-profile .style-profile-photoInput-button {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border: 1px solid var(--color-gray-200);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-common-white);
	position: absolute;
	right: 0;
	bottom: 0;
}
.style-profile .style-profile-photoInput-button svg {
	width: 22px;
	height: 22px;
}
/* 종료: 마이페이지 > 프로필 */

/* 시작: 마이페이지 > 이용내역 */
.style-useList {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 12px 16px;
}
.style-useList h3 {
	font-size: 14px;
	color: var(--color-gray-600);
	height: 28px;
	display: flex;
	width: 100%;
	align-items: center;
}
.style-useList ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-useList ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
.style-useList .style-useList-info {
	display: flex;
	gap: 8px;
	width: 100%;
	align-items: stretch;
}
.style-useList .style-useList-thumbnail {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 6px;
}
.style-useList .style-useList-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-useList .style-useList-description {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.style-useList .style-useList-title {
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.7;
}
.style-useList .style-useList-date {
	width: 100%;
	margin-top: auto;
	font-size: 13px;
	color: var(--color-gray-600);
	display: flex;
	gap: 4px;
}
.style-useList .style-useList-divider {
	color: var(--color-gray-300);
}
.style-useList .style-useList-adjust {
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 700;
}
.style-useList .style-useList-charge .style-useList-adjust {
	/* color: var(--color-green-400); */

}

.style-useList .style-useList-charge .style-useList-adjust.charge {
	color: var(--color-red-700);
}

.style-useList .style-useList-charge .style-useList-thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
}
.style-useList .style-useList-charge .style-useList-thumbnail img {
	width: 24px;
	height: 24px;
	object-fit: unset;
}
.new-useList .style-useList-charge .style-useList-thumbnail img {
	width: 42px;
	height: 42px;
	object-fit: unset;
}
.new-useList .style-useList-description {
	padding: 3px 0;
}
.new-useList .style-useList-charge .style-useList-adjust.plus {
	color: #E22F26
}

/* 종료: 마이페이지 > 이용내역 */

/* 시작: 마이페이지 > 이용내역 > 상세내역 */
.style-useDetail {
	padding: 34px 16px 24px;
}
.style-useDetail .style-useDetail-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
}
.style-useDetail .style-useDetail-thumbnail {
	flex-shrink: 0;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 6px;
}
.style-useDetail .style-useDetail-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-useDetail .style-useDetail-thumbnail.style-bg-charge {
	display: flex;
	align-items: center;
	justify-content: center;
}
.style-useDetail .style-useDetail-thumbnail.style-bg-charge img {
	width: 39px;
	height: 39px;
	object-fit: unset;
}
.style-useDetail .style-useDetai-adjust {
	text-align: right;
}
.style-useDetail .style-useDetail-title {
	font-size: 14px;
}
.style-useDetail .style-useDetail-cash {
	font-size: 24px;
	font-weight: 700;
}
.style-useDetail .style-useDetail-etc {
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-useDetail
.style-useDetai-adjust.style-useDetail-charge
.style-useDetail-cash {
	/* color: var(--color-green-400); */
}
.style-useDetail
.style-useDetai-adjust.style-useDetail-charge
.style-useDetail-cash.black {
	color: var(--color-gray-900);
}
.style-useDetail .style-useDetail-detailList {
	margin-top: 24px;
	padding-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 24px 0;
	border-top: 1px solid var(--color-gray-100);
}
.style-useDetail .style-useDetail-detailList dt {
	width: 140px;
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-gray-600);
}
.style-useDetail .style-useDetail-detailList dd {
	width: calc(100% - 140px);
	font-size: 16px;
	font-weight: 400;
	text-align: right;
}
.new-useDetail .style-useDetail-thumbnail.style-bg-charge img {
	width: 62px;
	height: 62px;
	object-fit: unset;
}
.new-useDetail .style-useDetail-cash.plus {
	color: #E22F26;
}
.style-use {

}
.style-use-top {
	display: flex;
	justify-content: center;
	padding: 20px 0;
	border-top: 1px solid #F2F3F6;
}
.style-use-top-date {
	display: flex;
	gap: 30px;
	align-items: center;
}
.style-use-top-date .arw-button {
	border: none;
	background: none;
}
.style-use-top-date .arw-button svg {
	width: 18px;
	height: 18px;
}
.style-use-top-date .date {
	font-size: 18px;
	color: #212124;
	font-weight: 600;
}
.style-use-li {
	padding: 12px 16px;
}
.style-use-li li {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.style-use-li li span {
	font-size: 16px;
	color: #000;
	align-items: center;
	display: flex;
	gap: 4px;
}
.style-use-li li button {
	border: none;
	background: none;
	padding: 0;
	display: flex;
	align-items: flex-start;
}
.style-use-li li strong {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.style-use-li li .text-btn {
	font-size: 16px;
	font-weight: 600;
	text-decoration-line: underline;
	line-height: 22px;
}
.style-use-li li .gray-txt {
	font-size: 14px;
}
/* 종료: 마이페이지 > 이용내역 > 상세내역 */

/* 시작: 마이페이지 > 나의후기 */
.style-myReview {
	padding: 0 16px;
}
.style-myReview .style-myReview-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px 0;
}
.style-myReview .style-myReview-list > li {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-myReview .style-myReview-list > li:not(:first-of-type) {
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-100);
}
.style-myReview .style-myReview-item {
	display: flex;
	gap: 8px;
}
.style-myReview .style-myReview-item:not(:first-of-type) {
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-100);
}
.style-myReview .style-myReview-thumbnail {
	flex-shrink: 0;
	box-sizing: border-box;
	width: 108px;
	height: 108px;
	border: 1px solid var(--color-gray-100);
	overflow: hidden;
	border-radius: 6px;
}
.style-myReview .style-myReview-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-myReview .style-myReview-content {
	padding-top: 6px;
}
.style-myReview .style-myReview-title {
	font-weight: 700;
	font-size: 14px;
	color: var(--color-gray-600);
	padding-bottom: 12px;
}
.style-myReview .style-myReview-title-writable {
	color: var(--color-primary-600);
}
.style-myReview .style-myReview-name {
	font-weight: 700;
	font-size: 16px;
}
.style-myReview .style-myReview-etc {
	font-size: 14px;
	color: var(--color-gray-600);
	display: flex;
	align-items: center;
	gap: 8px;
}
.style-myReview .style-myReview-etc .style-myReview-date {
	display: flex;
	align-items: center;
	gap: 8px;
}
.style-myReview .style-myReview-etc .style-myReview-date:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--color-gray-300);
}
/* 종료: 마이페이지 > 나의후기 */

/* 시작: 마이페이지 > 나의후기 > 후기 작성하기 */
.style-reviewWrite .style-reviewWrite-top {
	padding-bottom: 10px;
	background-color: var(--color-gray-50);
}
.style-reviewWrite .style-reviewWrite-top .style-reviewWrite-top-inner {
	padding: 12px 16px;
	background-color: var(--color-common-white);
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.style-reviewWrite .style-reviewWrite-master {
	display: flex;
	align-items: center;
	gap: 8px;
}
.style-reviewWrite .style-reviewWrite-thumbnail {
	flex-shrink: 0;
	width: 74px;
	height: 74px;
	overflow: hidden;
	border-radius: 50%;
}
.style-reviewWrite-master2 .style-reviewWrite-thumbnail {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
}
.style-reviewWrite .style-reviewWrite-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-reviewWrite .style-reviewWrite-content {
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-reviewWrite .style-reviewWrite-content > div {
	display: flex;
	align-items: center;
	gap: 3px;
}
.style-reviewWrite .style-reviewWrite-name {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-gray-900);
}
.style-reviewWrite .style-reviewWrite-content strong {
	color: var(--color-gray-900);
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
.style-reviewWrite-master2 .style-reviewWrite-content strong {
	color: var(--color-gray-900);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
.style-reviewWrite .style-reviewWrite-bottom {
	padding: 40px 16px 20px;
}
.style-reviewWrite .style-reviewWrite-bottom h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-gray-700);
}
.style-reviewWrite .style-reviewWrite-star {
	display: flex;
	justify-content: center;
	padding: 12px 0 60px;
}
.style-reviewWrite .style-reviewWrite-selectArea {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.style-reviewWrite .style-reviewWrite-selectArticle {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-reviewWrite .style-reviewWrite-selectArticle h4 {
	display: flex;
	align-items: center;
	gap: 2px;
	font-weight: 600;
	font-size: 14px;
}
.style-reviewWrite .style-reviewWrite-selectArticle h4 span {
	font-weight: 400;
	color: var(--color-gray-500);
}
.style-reviewWrite .style-reviewWrite-imagesAndText {
	padding: 16px 0 24px;
}
.style-reviewWrite .style-reviewWrite-textarea {
	padding: 24px 0px 0;
}
.style-reviewWrite .style-reviewWrite-textarea.pd0 {
	padding: 0;
}
/* 종료: 마이페이지 > 나의후기 > 후기 작성하기 */

/* 시작: 마이페이지 > 나의후기 > 닉네임 입력 */
.style-nickname {
	padding: 24px 16px;
}
.style-nickname .style-nickname-title {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 16px;
}
/* 종료: 마이페이지 > 나의후기 > 닉네임 입력 */

/* 시작: 마이페이지 > 공지사항 */
.style-notice {
	padding: 0 16px;
}
.style-notice .style-notice-list {
	display: flex;
	flex-direction: column;
}
.style-notice .style-notice-list > li:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-notice .style-notice-list a {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 24px 0;
}
.style-notice .style-notice-list-title {
	width: 100%;
	font-size: 16px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.style-notice .style-notice-list-date {
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-notice .style-notice-view-top {
	padding: 22px 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-bottom: 1px solid var(--color-gray-200);
}
.style-notice .style-notice-view-title {
	font-size: 18px;
	font-weight: 600;
}
.style-notice .style-notice-view-date {
	font-size: 13px;
	color: var(--color-gray-600);
}
.style-notice .style-notice-view-content {
	padding: 36px 0;
}
/* 종료: 마이페이지 > 공지사항 */

/* 시작: 마이페이지 > 고객센터 */
.style-cs {
	padding: 24px 16px;
}
.style-cs .style-cs-top {
	padding-bottom: 40px;
}
.style-cs .style-cs-title {
	font-weight: 700;
	font-size: 24px;
}
.style-cs .style-cs-info {
	padding: 12px 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
}
.style-cs .style-cs-info dt {
	font-weight: 600;
}
.style-cs .style-cs-info dd {
	color: var(--color-gray-600);
}
.style-cs .style-cs-buttons {
	padding-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.style-cs .style-cs-bottom-title {
	font-size: 18px;
	font-weight: 700;
}
.style-cs-faq {
	display: flex;
	flex-direction: column;
}
.style-cs-faq li:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
}
.style-cs-faq a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 24px 0;
}
.style-cs-faq a svg {
	width: auto;
	height: 18px;
	flex-shrink: 0;
}
.style-cs-tabs {
	margin: 0 -16px;
	padding-top: 8px;
}
/* 종료: 마이페이지 > 고객센터 */

/* 시작: 마이페이지 > 약관 및 정책 */
.style-policy {
	padding: 0 16px 24px;
}
/* 종료: 마이페이지 > 약관 및 정책 */

/* 시작: 약관 및 정책 상세 */
.style-termsAndPolicy {
	padding: 24px 16px;
	font-weight: 400;
	font-size: 16px;
}
.style-termsAndPolicy h2 {
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 24px;
}
.style-termsAndPolicy .style-termsAndPolicy-select {
	margin-top: 6px;
}
.style-termsAndPolicy h3 {
	font-weight: 700;
	font-size: 16px;
	padding-bottom: 16px;
}
.style-termsAndPolicy article {
	padding-bottom: 24px;
}
.style-termsAndPolicy h4 {
	font-weight: 500;
	font-size: 16px;
	padding-bottom: 6px;
}
.style-termsAndPolicy li ol,
.style-termsAndPolicy li ul {
	padding-left: 16px;
}
.style-termsAndPolicy table,
.style-termsAndPolicy table th,
.style-termsAndPolicy table td {
	border: 1px solid var(--color-gray-200);
	padding: 6px;
}
.style-termsAndPolicy table {
	width: 100%;
	font-size: 15px;
}
.style-termsAndPolicy table th,
.style-termsAndPolicy table td {
	width: 40%;
}
.style-termsAndPolicy table th {
	font-weight: 400;
	background-color: var(--color-gray-50);
	text-align: center;
}
/* 종료: 약관 및 정책 상세 */

/* 시작: 선생님 등록 */
.style-register .style-register-hero {
	width: 100%;
	aspect-ratio: 375/520;
}
.style-register .style-register-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-register .style-register-divider {
	width: calc(100% - 32px);
	height: 1px;
	background-color: var(--color-gray-200);
	margin: 0 auto;
}
.style-register .style-register-article {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 54px 0;
}
.style-register .style-register-article-title {
	display: flex;
	flex-direction: column;
	font-size: 24px;
	align-items: center;
	padding: 0 16px;
}
.style-register .style-register-article-subTitle {
	font-size: 14px;
	color: var(--color-gray-700);
	padding: 8px 16px 0;
}
.style-register .style-register-article.style-register-review {
	padding-bottom: 50px;
}
.style-register .style-register-review-swiper {
	width: 100%;
	position: relative;
	margin-top: 24px;
}
.style-register .style-register-review-swiper swiper-slide {
	padding-bottom: 4px;
}
.style-register .style-register-review-item {
	margin: 0 auto;
	width: 100%;
	max-width: 286px;
	height: 128px;
	border: 1px solid var(--color-gray-200);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 20px 20px 0;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.style-register .style-register-review-content {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.style-register .style-register-review-content p {
	font-size: 15px;
	color: var(--color-gray-700);
}
.style-register .style-register-masterInfo {
	font-size: 12px;
	color: var(--color-gray-500);
}
.style-register .style-register-masterImage {
	width: 58px;
	height: 58px;
	flex-shrink: 0;
}
.style-register .style-reviewSwiper-button {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--color-common-white);
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	border-radius: 50%;
}
.style-register .style-reviewSwiper-button svg {
	width: auto;
	height: 15px;
}
.style-register .style-reviewSwiper-button.swiper-button-disabled {
	display: none;
}
.style-register #reviewSwiper-button-prev {
	left: calc(50% - 143px);
}
.style-register #reviewSwiper-button-prev svg {
	transform: rotate(180deg);
}
.style-register #reviewSwiper-button-next {
	left: calc(50% + 143px);
}
.style-register .style-register-easy {
	padding: 24px 16px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	width: 100%;
}
.style-register .style-register-easy li {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	max-width: 300px;
	height: 88px;
	border: 1px solid var(--color-gray-200);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 0 20px;
}
.style-register .style-register-easy li div {
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.style-register .style-register-easy li img {
	width: 40px;
	height: auto;
	flex-shrink: 0;
}
.style-register .style-register-easy li h3 {
	color: var(--color-gray-800);
	font-size: 14px;
	font-weight: 400;
}
.style-register .style-register-easy li h3 strong {
	font-weight: 400;
	color: var(--color-primary-600);
}
.style-register .style-register-easy li p {
	color: var(--color-gray-600);
	font-size: 12px;
}
.style-register .style-register-graph {
	width: 186px;
	height: auto;
	margin: 59px auto 36px;
}
.style-register .style-register-value {
	padding: 24px 16px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	width: 100%;
}
.style-register .style-register-value li {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: 290px;
	height: 76px;
	border: 1px solid var(--color-gray-200);
	border-radius: 4px;
	padding: 0 20px;
	font-size: 13px;
}
.style-register .style-register-value li img {
	width: 50px;
	height: auto;
	flex-shrink: 0;
}
.style-register .style-register-process {
	background-color: var(--color-gray-50);
	padding: 50px 16px 54px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.style-register .style-register-process h2 {
	font-weight: 400;
	font-size: 24px;
	text-align: center;
}
.style-register .style-register-process h3 {
	font-weight: 400;
	font-size: 18px;
	text-align: center;
}
.style-register .style-register-step {
	width: 100%;
	max-width: 336px;
	height: auto;
	margin: 44px auto 0;
}
.style-register .style-register-qualification {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding-top: 18px;
}
.style-register .style-register-qualification > li {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	max-width: 290px;
	min-height: 144px;
	border: 1px solid var(--color-gray-200);
	border-radius: 4px;
	padding: 26px 25px;
	font-size: 13px;
	background-color: var(--color-common-white);
}
.style-register .style-register-qualification > li h4 {
	font-weight: 400;
	font-size: 15px;
	color: var(--color-gray-700);
}
.style-register .style-register-qualification > li ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.style-register .style-register-qualification > li li {
	font-weight: 700;
	font-size: 13px;
	color: var(--color-gray-700);
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-register .style-register-qualification > li li img {
	width: auto;
	height: 20px;
	flex-shrink: 0;
}
.style-register .style-register-faq {
	padding: 50px 0 0;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-gray-200);
}
.style-register .style-register-faq h2 {
	padding: 0 16px;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 20px;
}
.style-register .style-register-faq-item {
	border: 0 !important;
}
.style-register .style-register-faq-button {
	box-shadow: none !important;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-gray-900);
	background-color: var(--color-common-white) !important;
	padding: 16px;
	border-top: 1px solid var(--color-gray-200);
}
.style-register .style-register-faq-button:after {
	display: none;
}
.style-register .style-register-faq-icon {
	width: auto;
	height: 12px;
	margin-left: auto;
	transform: rotate(180deg);
}
.style-register .style-register-faq-button.collapsed .style-register-faq-icon {
	transform: rotate(0deg);
}
.style-register .style-register-faq-icon path {
	fill: var(--color-gray-600);
}
.style-register .style-register-faq-body {
	padding: 12px 16px;
	background-color: var(--color-gray-50);
	border-top: 1px solid var(--color-gray-200);
}
.style-register .style-register-faq-answer {
	overflow: unset;
	white-space: pre-wrap;
	font-size: 13px;
}
.style-registerForm {
	padding: 14px 16px;
}
.style-registerForm .style-registerForm-top {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 20px;
}
.style-registerForm .style-registerForm-top h3 {
	font-size: 24px;
	font-weight: 700;
}
.style-registerForm .style-registerForm-top p {
	font-size: 14px;
}
.style-registerForm .style-registerForm-content {
	display: flex;
	flex-direction: column;
	gap: 34px;
}
.style-registerForm .style-registerForm-description {
	font-size: 13px;
	color: var(--color-gray-600);
	margin-top: -9px;
	padding-bottom: 12px;
}
.style-registerForm .style-registerForm-agree {
	padding-top: 24px;
}
.style-registerForm .style-registerForm-agree a {
	color: var(--color-primary-600);
	text-decoration: underline;
}
.style-registerForm-cash {
	position: relative;
}
.style-registerForm-cash .form-control {
	box-shadow: none !important;
	border-color: var(--color-gray-400);
	caret-color: var(--color-primary-600);
	font-size: 16px;
	border-radius: 6px !important;
	height: 52px;
	padding: 6px 16px;
	color: var(--color-gray-900);
}
.style-registerForm-cash .style-input-cash-unit {
	font-size: 16px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}
/*-------------------*/

.style-registerForm .registerForm-tit {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.style-registerForm .registerForm-stit {
	font-size: 14px;
	font-weight: 600;
	color: #000;
}
.style-registerForm .registerForm-txt {
	font-size: 14px;
	color: #7A7E85;
	margin-top:3px;
}
.style-registerForm .registerForm-button {
	display: flex;
	gap: 8px;
	margin-top: 13px;
}
.style-registerForm .registerForm-button .style-button-block {
	height: 36px;
	font-size: 14px;
	padding:  0 15px;
}
.style-registerForm .style-imageUploader swiper-container {
	/*margin-left: -16px;*/
}
.style-registerForm .inp-t13 {
	margin-top: 12px;
}
.style-registerForm .registerForm-inputBox {
	position: relative;
}
.style-registerForm .registerForm-inputBox .registerForm-input-unit {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}
.style-registerForm .style-form-check.style-form-check-xsmall {
	padding-left: 26px;
}
.style-registerForm .style-form-check .style-form-check-input {
	width: 22px;
	height: 22px;
	margin-left: -26px;
	background: url(../images/icons/icon_checkbox_off2.svg) no-repeat 50% 50%;
}
.style-registerForm .style-form-check .style-form-check-input:checked[type='checkbox'] {
	background: url(../images/icons/icon_checkbox_on2.svg) no-repeat 50% 50%;
}
.style-registerForm .style-form-check.style-form-check-xsmall .style-form-check-label {
	line-height: 22px;
	font-size: 15px;
}
.registerForm-grayBox {
	display: flex;
	background: #F2F3F6;
	padding: 16px;
	border-radius: 4px;
	margin: 16px 0 16px 0;
}

.registerForm-grayBox .style-markerList {
	font-size: 14px;
}
.registerForm-grayBox .style-markerList .tit {
	font-weight: 700;
	margin-left: -20px;
}
.registerForm-grayBox .style-markerList > .tit:before {
	display: none;
}
.style-registerForm .registerForm-line {
	padding-top: 16px;
	border-top: 1px solid #F2F3F6;
}
.registerFrom-block {
	width: calc(100% + 32px);
	margin-left: -16px;
	background: #F2F3F5;
	height: 10px;
}
.style-registerForm .style-invalid-feedback {
	margin-top: 9px;
}
.style-registerForm .style-invalid-feedback svg {
	margin-top: -2px;
}
.style-registerForm .style-form-invalid {
	border: 1px solid #E22F26;
}

/* 종료: 선생님 등록 */

/* 시작: 신고하기 */
.style-report {
	padding: 12px 16px;
}
.style-report h2 {
	font-weight: 700;
	font-size: 20px;
}
.style-report-menu {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--color-gray-100);
}
.style-report-menu li {
	border-top: 1px solid var(--color-gray-100);
}
.style-report-menu a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 24px 0;
}
.style-report-menu a svg {
	width: auto;
	height: 18px;
	flex-shrink: 0;
}
.style-report-textarea {
	padding-top: 10px;
}
/* 종료: 신고하기 */

/* 시작: 단골 */
.style-masterThumb-withState {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	position: relative;
}
.style-masterThumb-withState-thumbImage {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.style-masterThumb-withState-thumbImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-masterThumb-withState-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	border: 2px solid var(--color-common-white);
	border-radius: 16px;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 8px;
	z-index: 10;
	background-color: var(--color-primary-600);
}
.style-masterThumb-withState-badge:after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 0 4px;
	font-weight: 700;
	color: var(--color-common-white);
}
.style-masterThumb-state-enable .style-masterThumb-withState-badge {
	background-color: var(--color-green-350);
}
.style-masterThumb-state-absence .style-masterThumb-withState-badge {
	background-color: var(--color-gray-500);
}
.style-masterThumb-state-live .style-masterThumb-withState:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--color-primary-600);
	position: absolute;
	left: 0;
	top: 0;
}
.style-masterThumb-state-live .style-masterThumb-withState-thumbImage:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 3px solid var(--color-common-white);
	position: absolute;
	left: 0;
	top: 0;
}
.style-masterThumb-state-live .style-masterThumb-withState-badge:after {
	content: 'LIVE';
}
.style-masterThumb-withState-middle {
	width: 58px;
	height: 58px;
}
.style-masterThumb-withState-small {
	width: 36px;
	height: 36px;
}
.style-masterThumb-withState-small .style-masterThumb-withState-badge {
	min-width: 13px;
	height: 13px;
	border-radius: 13px;
}
.style-frequenter .style-frequenter-list {
	width: 100%;
	padding: 16px 0 18px;
	display: flex;
	align-items: center;
}
.style-frequenter .style-frequenter-list-swiper {
	width: calc(100% - 53px);
}
.style-frequenter .style-frequenter-list-swiper swiper-slide {
	width: 62px;
}
.style-frequenter .style-frequenter-list-swiperItem {
	width: 62px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.style-frequenter .style-frequenter-list-swiperItem-name {
	text-align: center;
	font-size: 12px;
}
.style-frequenter .style-frequenter-viewAllLink {
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 53px;
	height: 40px;
	font-weight: 600;
	font-size: 14px;
	color: var(--color-link-100);
}
.style-frequenterAll {
	padding: 2px 16px 24px;
}
.style-frequenterAll .style-frequenterAll-list {
	display: flex;
	flex-direction: column;
}
.style-frequenterAll .style-frequenterAll-list > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 8px 0;
}
.style-frequenterAll .style-frequenterAll-list > li > a {
	display: inline-flex;
	align-items: center;
	gap: 16px;
}
.style-notiMenu {
	padding: 0 20px;
}
.style-notiMenu .style-notiMenu-title {
	height: 62px;
	padding: 20px 0 14px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 20px;
}
.style-notiMenu .style-notiMenu-list:not(:first-of-type) {
	border-top: 1px solid var(--color-gray-100);
	padding-top: 4px;
	margin-top: 4px;
}
.style-notiMenu .style-notiMenu-button {
	width: 100%;
	padding: 16px 0;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 15px;
	text-align: left;
}
.style-notiMenu .style-notiMenu-itemHeader {
	padding: 2px 0;
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-notiMenu .style-notiMenu-itemHeader svg {
	width: auto;
	height: 20px;
}
.style-notiMenu .style-notiMenu-button p {
	width: 100%;
	padding-left: 28px;
	font-weight: 400;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-notiMenu .style-notiMenu-button-active {
	font-weight: 700;
	color: var(--color-primary-600);
	background: url(../images/icons/icon_check_on.svg) no-repeat 100% 14px;
}
.style-notiMenu
.style-notiMenu-button-active
.style-notiMenu-itemHeader
svg
path:first-of-type {
	fill: var(--color-primary-600);
}
.style-notiMenu
.style-notiMenu-button-active
.style-notiMenu-itemHeader
svg
path:nth-of-type(2) {
	stroke: #fff;
}
.style-notiMenu
.style-notiMenu-button-active
.style-notiMenu-itemHeader
svg
path:nth-of-type(3) {
	stroke: var(--color-primary-600);
}
/* 종료: 단골 */

/* 시작: 서비스 점검 중 */
.style-serviceCheck {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 130px 16px 24px;
}
.style-serviceCheck svg {
	width: auto;
	height: 80px;
}
.style-serviceCheck h1 {
	font-weight: 700;
	font-size: 23px;
	padding-top: 34px;
}
.style-serviceCheck p {
	font-size: 17px;
	color: var(--color-gray-700);
	padding-top: 8px;
}
.style-serviceCheck div {
	font-size: 17px;
	font-weight: 700;
	color: var(--color-link-100);
	padding-top: 22px;
}
/* 종료: 서비스 점검 중 */

/* 시작: 선생님 어드민 공통 */
.style-admin-form-title {
	border-bottom: 1px solid var(--color-gray-100);
}
.style-admin-input-title {
	height: 70px;
	font-size: 20px;
}
.style-admin-textarea {
	padding: 24px 16px 0;
}
.style-adminGrade {
	display: inline-flex;
	align-items: center;
}
.style-adminGrade img {
	z-index: 10;
}
.style-adminGrade > div {
	min-width: 63px;
	height: 18px;
	border-radius: 18px;
	background-color: var(--color-gray-690);
	color: var(--color-common-white);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -16px;
	padding: 0 10px 0 21px;
}
.style-admin-form-imageUploader {
	margin-top: 14px;
}
.style-admin-form-top {
	padding: 25px 16px 0;
}
.style-admin-form-top h2 {
	font-weight: 700;
	font-size: 24px;
}
.style-admin-form-top p {
	padding-top: 8px;
	font-size: 14px;
	color: var(--color-gray-600);
}
/* 종료: 선생님 어드민 공통 */

/* 시작: 선생님 어드민 공통 > drawer menu */
.style-drawerMenu {
	width: 80vw !important;
	max-width: 302px !important;
	overflow: auto;
}
@media all and (min-width: 720px) {
	.style-drawerMenu-wrap:has(> .style-drawerMenu.show),
	.style-drawerMenu-wrap:has(> .style-drawerMenu.showing) {
		transform: translate3d(0, 0, 0);
		width: var(--layout-max-width);
		height: 100vh;
		position: fixed;
		left: calc(50% - var(--layout-max-width-half));
		top: 0;
		overflow: hidden;
		z-index: 1050;
		background-color: var(--color-alpha-12);
	}
	.style-drawerMenu {
		right: calc(50% - var(--layout-max-width-half)) !important;
	}
}
.style-drawerMenu .style-drawerMenu-header {
	flex-shrink: 0;
	flex-grow: 0;
	width: 100%;
	height: var(--layout-header-height);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: sticky;
	left: 0;
	top: 0;
	padding: 0 16px;
}
.style-drawerMenu .style-drawerMenu-header-icon {
	width: auto;
	height: 22px;
}
.style-drawerMenu .style-drawerMenu-header-icon path {
	fill: var(--color-gray-600);
}
.style-drawerMenu .style-drawerMenu-top {
	padding: 2px 16px 0;
}
.style-drawerMenu .style-drawerMenu-user {
	display: inline-flex;
	gap: 12px;
	align-items: center;
}
.style-drawerMenu .style-drawerMenu-photo {
	width: 34px;
	height: 34px;
	overflow: hidden;
	border-radius: 50%;
}
.style-drawerMenu .style-drawerMenu-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-drawerMenu .style-drawerMenu-userName {
	font-size: 18px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
.style-drawerMenu .style-drawerMenu-userName svg {
	width: 16px;
	height: 16px;
}
.style-drawerMenu .style-drawerMenu-newsButton {
	width: 100%;
	height: 38px;
	margin-top: 20px;
	gap: 4px;
}
.style-drawerMenu .style-drawerMenu-newsButton svg {
	width: auto;
	height: 16px;
}
.style-drawerMenu .style-drawerMenu-primary > li {
	border-bottom: 1px solid var(--color-gray-100);
	padding: 12px 0;
}
.style-drawerMenu .style-drawerMenu-primary-title {
	font-size: 12px;
	font-weight: 700;
	color: var(--color-gray-650);
	padding: 12px 16px;
}
.style-drawerMenu .style-drawerMenu-primary ul {
	padding-top: 5px;
}
.style-drawerMenu .style-drawerMenu-primary ul li {
	padding: 0 16px;
}
.style-drawerMenu .style-drawerMenu-primary a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 12px 0;
}
.style-drawerMenu .style-drawerMenu-primary svg {
	width: auto;
	height: 20px;
}
.style-drawerMenu .drawerMenu-badge-dot {
	display: flex;
	align-items: start;
}
.style-drawerMenu .drawerMenu-badge-dot .style-badge-dot {
	margin: 2px 0 0 4px;
}
.style-drawerMenu .style-drawerMenu-secondary {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 12px 16px;
}
.style-drawerMenu .style-drawerMenu-secondary a {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 12px 0;
	font-size: 14px;
}
/* 종료: 선생님 어드민 공통 > drawer menu */

/* 시작: 선생님 어드민 - 상세 */
.style-detail .style-detail-imageArea.style-adminDetail-imageArea {
	margin-top: 0;
}
.style-detail .style-adminDetail-imageArea-actions {
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: flex;
	gap: 6px;
}
.style-detail .style-adminDetail-imageArea-actionButton {
	gap: 2px;
	line-height: 1;
	padding: 0 13px;
	font-weight: 700;
}
.style-detail .style-adminDetail-imageArea-actionButton svg {
	width: auto;
	height: 16px;
}
.style-detail .style-adminDetail-imageArea-actionButton:last-of-type {
	font-weight: 400;
}
.style-detail .style-adminDetail-imageArea-actionButton:last-of-type svg path {
	fill: var(--color-gray-900);
}
.style-detail .style-adminDetail-imageArea-actionButton-wait {
	padding-right: 12px;
	border-color: var(--color-link-100);
	background-color: var(--color-link-100);
}
.style-detail .style-adminDetail-imageArea-actionButton-wait svg {
	height: 12px;
}
.style-adminDetail-imageArea-actionButton-wait-tooltip {
	margin: 0 -4px;
	font-size: 13px;
	text-align: left;
}
.style-detail .style-adminDetail-state {
	width: 100%;
	height: 44px;
	border: 1px solid var(--color-gray-200);
	overflow: hidden;
	border-radius: 8px;
	padding: 1px;
	position: relative;
	display: flex;
	align-items: center;
	margin: 4px 0 7px;
}
.style-detail .style-adminDetail-state-imvalid {
	width: calc(50% - 2px);
	height: calc(100% - 2px);
	position: absolute;
	top: 1px;
	left: 2px;
	z-index: 20;
}
.style-detail .style-adminDetail-state-radio {
	position: absolute;
	left: -9999em;
	top: -9999em;
	display: none;
}
.style-detail .style-adminDetail-state-label {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--color-gray-500);
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 10;
	transition: all ease 0.3s;
}
.style-detail .style-adminDetail-state-radio:checked + label {
	color: var(--color-common-white);
}
.style-detail .style-adminDetail-state-indicator {
	width: calc(50% - 2px);
	height: calc(100% - 2px);
	overflow: hidden;
	border-radius: 8px;
	position: absolute;
	right: 2px;
	top: 1px;
	background-color: var(--color-gray-650);
	transition: all ease 0.3s;
}
.style-detail
.style-adminDetail-state-radio:first-of-type:checked
~ .style-adminDetail-state-indicator {
	background-color: var(--color-green-300);
	transform: translateX(-100%);
}
.style-detail .style-adminDetail-viewGrade svg {
	width: auto;
	height: 12px;
}
.style-detail-price .style-adminGrade {
	margin-right: 4px;
}
.style-detail .style-adminDetail-emptyMessage {
	padding: 8px 0;
	color: var(--color-gray-600);
}
.style-detail
.style-adminDetail-emptyMessage.style-adminDetail-emptyMessage-padding {
	padding: 24px 0;
}
.style-detail .style-adminDetail-actionButton {
	width: 100%;
	margin-top: 12px;
}
.style-detail .style-reviewList .style-adminDetail-actionButton {
	margin-top: 0;
}
.style-detail .style-adminDetail-bestReviewInfo {
	margin-bottom: 20px;
	padding: 10px 12px;
	border-radius: 4px;
	background-color: var(--color-gray-50);
	color: var(--color-gray-700);
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-detail .style-adminDetail-bestReviewInfo svg {
	width: auto;
	height: 16px;
}
.style-detail .style-adminDetail-bestReviewInfo button {
	margin-left: 2px;
	color: var(--color-gray-700);
	font-size: 14px;
	text-decoration: underline;
}
.style-detail .style-adminDetail-reviewheader {
	padding-bottom: 20px;
	border-bottom: 1px solid var(--color-gray-100);
}
.style-detail .style-adminDetail-reviewheader .style-review-count span {
	font-weight: 400;
	font-size: 16px;
}
/* 종료: 선생님 어드민 - 상세 */

/* 시작: 선생님 어드민 - 상세 > 운세7 상담료 */
.style-adminGradeView {
	padding-top: 20px;
}
.style-adminGradeView-table {
	padding: 0 10px;
}
.style-adminGradeView-table table {
	width: 100%;
	font-size: 15px;
	text-align: center;
	table-layout: fixed;
	font-size: 12px;
	letter-spacing: -0.06em;
}
.style-adminGradeView-table table,
.style-adminGradeView-table tr {
	border: 1px solid var(--color-gray-400);
}
.style-adminGradeView-table th {
	background-color: var(--color-gray-600);
	border: 1px solid var(--color-gray-600);
	color: var(--color-common-white);
	padding: 8px 4px;
	font-weight: 400;
}
.style-adminGradeView-table td {
	color: var(--color-gray-700);
	border-left: 1px solid var(--color-gray-100);
	padding: 6px;
	font-weight: 400;
}
.style-adminGradeView-table td:first-of-type {
	border-left: 0;
}
.style-adminGradeView-table .style-adminGradeView-table-price {
	padding: 0;
}
.style-adminGradeView-table .style-adminGradeView-table-price table {
	min-height: 64px;
}
.style-adminGradeView-table-price .style-adminGradeView-price-col1 {
	width: 28.53%;
}
.style-adminGradeView-table-price .style-adminGradeView-price-col2 {
	width: 34.04%;
}
.style-adminGradeView-table-price .style-adminGradeView-price-col3 {
	width: 37.43%;
}
.style-adminGradeView-table .style-adminGradeView-table-price table,
.style-adminGradeView-table .style-adminGradeView-table-price table tr {
	border: 0;
}
.style-adminGradeView-table .style-adminGradeView-table-price table td {
	border-left: 1px solid var(--color-gray-100);
	border-top: 1px solid var(--color-gray-100);
}
.style-adminGradeView-table
.style-adminGradeView-table-price
table
tr:first-of-type
td {
	border-top: 0;
}
.style-adminGradeView-table
.style-adminGradeView-table-price
table
td:first-of-type {
	border-left: 0;
}
.style-adminGradeView .style-adminGradeView-caution {
	margin-top: 28px;
	background-color: var(--color-gray-25);
	padding: 24px 16px;
}
.style-adminGradeView .style-adminGradeView-caution h3 {
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -0.013em;
	color: var(--color-gray-600);
	padding: 0 4px 16px;
}
.style-adminGradeView .style-adminGradeView-caution ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
/* 종료: 선생님 어드민 - 상세 > 운세7 상담료 */

/* 시작: 선생님 어드민 - 정보 관리 */
.style-adminSection {
	padding: 24px 16px;
}
.style-adminSection .style-adminSection-title {
	font-weight: 700;
	font-size: 18px;
}
.style-adminSection .style-adminSection-subTitle {
	padding-top: 8px;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-adminSection .style-adminSection-chipSelect {
	margin-top: 11px;
}
.style-adminSection .style-adminSection-hashtags {
	padding-top: 11px;
	display: flex;
	gap: 16px;
}
.style-adminSection .style-adminSection-hashtags li {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
}
.style-adminSection .style-adminSection-hashtag-label {
	font-size: 16px;
	color: var(--color-gray-650);
}
.style-adminData {
	padding: 12px 16px;
}
.style-adminData ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.style-adminData a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	padding: 10px;
}
.style-adminData a > div {
	font-size: 14px;
	color: var(--color-gray-700);
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.style-adminData a h3 {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-gray-900);
}
.style-adminData svg {
	flex-grow: 0;
	flex-shrink: 0;
	width: auto;
	height: 16px;
}
.style-adminData .style-setting-addOnButton {
	color: var(--color-primary-600);
}
.style-adminData .style-setting-addOnButton-alignTop {
	align-self: flex-start;
	position: relative;
	top: 12px;
}

.style-adminProfile-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-adminProfile-handleArea {
	padding-top: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}
.style-adminProfile-handleArea button {
	gap: 8px;
}
.style-adminProfile-handleArea button span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1px solid var(--color-gray-200);
	border-radius: 4px;
}
.style-adminProfile-handleArea button svg {
	width: auto;
	height: 14px;
}
/* 종료: 선생님 어드민 - 정보 관리 */

/* 시작: 선생님 어드민 - 상담 내역 */
.style-counselList {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 4px 16px 16px;
}
.style-counselList h3 {
	padding: 12px 0 4px;
	font-weight: 400;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-counselList > ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.style-counselList > ul > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.style-counselList .style-counselList-item-content {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.style-counselList .style-counselList-item-title {
	font-size: 14px;
	font-weight: 700;
}
.style-counselList .style-counselList-item-detail {
	font-size: 13px;
	color: var(--color-gray-600);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.style-counselList .style-counselList-item-detail > div {
	position: relative;
}
.style-counselList
.style-counselList-item-detail
> div:not(:first-of-type):before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: var(--color-gray-400);
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
}
.style-counselList .style-button-block {
	flex-grow: 0;
	flex-shrink: 0;
}
/* 종료: 선생님 어드민 - 상담 내역 */

/* 시작: 선생님 어드민 - 프로필 사진 */
.style-profilePhoto .style-profilePhoto-top {
	padding: 14px 16px;
}
.style-profilePhoto .style-profilePhoto-top-box {
	background-color: var(--color-gray-50);
	border-radius: 4px;
	padding: 10px 12px;
	color: var(--color-gray-700);
}
.style-profilePhoto .style-profilePhoto-content {
	padding: 20px 16px 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.style-profilePhoto .style-profilePhoto-content-title {
	font-size: 18px;
	font-weight: 700;
}
.style-profilePhoto .style-profilePhoto-content-examples {
	padding-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.style-profilePhoto .style-profilePhoto-content-examples li {
	width: calc(33.3333% - 5.3334px);
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 12px;
}
.style-profilePhoto .style-profilePhoto-content-examples li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-profilePhoto .style-profilePhoto-content-guide {
	padding-top: 14px;
}
/* 종료: 선생님 어드민 - 프로필 사진 */

/* 시작: 마이페이지 > 고객관리 */
.style-customer-search {
	padding: 16px;
}
.style-customer {
	padding: 0 16px;
}
.style-customer-table {
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.style-customer-table thead {
}
.style-customer-table thead th {
	background: #F7F8FA;
	font-size: 12px;
	color: #757575;
	text-align: center;
	padding: 8px;
	font-weight: normal;
}
.style-customer-table thead th:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.style-customer-table thead th:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.style-customer-table td {
	color: #0C0C0D;
	padding: 10px;
	border-bottom: 1px solid #F2F3F6;
}
.style-customer-table2 {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #DCDEE3;
}
.style-customer-table2 thead {
}
.style-customer-table2 thead th {
	background: #F2F3F6;
	font-size: 14px;
	color: #2A2A2A;
	text-align: center;
	padding: 8px;
	font-weight: 600;
	border-right: 1px solid #DCDEE3;
	border-bottom: 1px solid #DCDEE3;
}
.style-customer-table2 td {
	color: #2A2A2A;
	padding: 8px;
	border-right: 1px solid #DCDEE3;
}
.style-customer-table2 th:last-child {
	border-right: none;
}
.style-customer-table2 td:last-child {
	border-right: none;
}
.style-customer-none {
	border-bottom: none !important;
}
.style-customer-badge {
	display: block;
}
.customer-badge-consulting {
	background: #FFEEF1;
	color: #E13248;
}
.style-customer-memo {
	text-decoration: underline;
}
.style-customer-none {
	color: #ADB1BA;
}
.style-customer-info {
	padding: 16px;
}
.style-customer-info li {
	overflow: hidden;
	padding: 6px 0;
}

.style-customer-text {
	font-size: 14px;
}
.customer-tit {
	color: #868B94;
	float: left;
}
.customer-txt {
	color: #212124;
	float: right;
	font-size: 16px;
}
.style-customer-memoarea {
	border-top: 10px solid #F7F8FA;
	padding: 16px;
}
.style-customer-title-left {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 4px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
.style-customer .style-empty {
	font-size: 16px;
}
.style-customer-detail .form-control {
	height: 200px;
}
.style-customer-button {
	padding: 16px 0;
}
.style-customer-button .style-button-gray {
	background: #F2F3F6;
	border: 1px solid #F2F3F6;
	color: #212124;
	font-size: 14px;
	height: 40px;
	border-radius: 4px;
}
.style-customer-tooltip {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-align: left;
	font-size: 13px;
}
.style-customer-body .style-tooltip {
	--bs-tooltip-max-width: 350px !important;
}
.style-customer-body .tooltip-inner {
	margin-left: 9px !important;
}
@media screen and (min-width: 720px){
	.style-customer-body .tooltip {
		transform: translate(0, 259px) !important;
		left: 50% !important;
		margin-left: -360px !important;
	}
	.style-customer-body .tooltip-arrow {
		transform: translate(69px, 0px) !important;
	}
}


/* 종료: 마이페이지 > 고객관리 */

/* 시작: 채팅리스트*/
.style-chatAll {
	padding: 2px 16px 24px;
}
.style-chatAll-guide {
	padding: 12px 16px;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: var(--color-gray-800);
	background: #F2F3F6;
	border-radius: 10px;
	margin: 20px 0;
}
.style-chatAll .style-chatAll-list {
	display: flex;
	flex-direction: column;
}
.style-chatAll .style-chatAll-list > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 20px 0;
	border-bottom: 1px solid #F2F3F6;
}
.style-chatAll .style-chatAll-list > li:last-child {
	border-bottom: none;
}
.style-chatAll .style-chatAll-list > li > a {
	display: inline-flex;
	align-items: center;
	gap: 16px;
}
.style-chatAll-info {
	width: calc(100% - 74px)
}
.style-chatAll-info .style-chatAll-nameBox {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-chatAll-info .style-chatAll-name {
	font-weight: 500;
	font-size: 16px;
	color: var(--color-gray-900);
	display: flex;
	align-items: end;
	gap: 4px;

}
.style-chatAll-info .style-chatAll-badge {
	position: relative;
	left: 0;
	top: 1.1px;
	display: flex;
	padding-bottom: 2px;
}
.style-chatAll-info .style-chatAll-badge .style-badge {
	height: 14px;
	font-size: 11px;
	padding: 0 4px;
	border-radius: 2px;
	align-items: center;
	display: flex;
}
.style-chatAll-info .style-chatAll-badge .style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.style-chatAll-info .style-chatAll-badge .style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.style-chatAll-info .style-chatAll-badge .style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}
.style-chatAll-info .style-chatAll-text {
	font-size: 14px;
	color: var(--color-gray-650);
}
.style-chatAll-info .style-chatAll-date {
	font-size: 13px;
	color: var(--color-gray-650);
}
.style-chatAll-count {
	align-items: center;
}
.style-chatAll-count .style-chatAll-num {
	width: auto;
	min-width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: #E22F26;
	border-radius: 18px;
	font-size: 11px;
	align-items: center;
	text-align: center;
	justify-content: center;
	display: flex;
	color: #fff;
	font-weight: 600;
	padding: 0 5px;
}

/* 종료: 채팅리스트 */

/* 시작: 채팅안내*/
.contentTop {
	margin-top: -45px;
}
.style-chat-guide {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto 0;
	padding: 30px 16px;
}
.style-chat-guide-cont {
	display: flex;
	flex-direction: column;
	gap: 2px;
	justify-content: center;
	width: 100%;
}
.style-chat-guide-title {
	color: var(--color-gray-900);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}
.style-chat-guide-info {
	font-size: 13px;
	color: var(--color-gray-650);
	text-align: center;
}
.style-chat-guide-img {
	padding: 0 16px;
	margin-top: 30px;
	text-align: center;
}
.style-chat-guide-img img {
	width: 100%;
	max-width: 450px;
}
@media screen and (min-width: 720px){
	.style-chat-guide-img img {
		max-width: 343px;
	}
}
.style-chat-guide-qr {
	text-align: center;
	padding: 20px 0 8px;
}
.style-chat-guide-qr img {
	max-width: 176px;
}
.style-chat-collapse {
	display: flex;
	justify-content: center;
	margin-bottom: 35px;
}
.style-chat-guide .style-chat-moreButton {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-gray-650);
	border: 0;
	background-color: transparent;
	margin: 0;
	display: flex;
	gap: 4px;
	align-items: center;
	line-height: 1;
	height: 17px;
	padding: 0 22px;
}
.style-chat-guide .style-chat-expandIcon {
	width: 12px;
	height: 12px;
	transform: rotate(180deg);
}
.style-chat-guide
.style-chat-moreButton.collapsed
.style-chat-expandIcon {
	transform: rotate(0deg);
}
.style-chat-collapse-text {
	font-size: 12px;
	color: var(--color-gray-650);
	padding-top: 5px;
}
/* 종료: 채팅안내 */

/* 시작: 이벤트 페이지*/
.style-content-img img {max-width: 100%;}

.event-cs {display: block;padding: 24px 16px;font-size: 14px;line-height: 21px}

.event-cs h2 {display: block;font-size: 22px;font-weight: 700;margin-bottom: 30px}
.event-cs h3 {display: block;font-size: 22px;font-weight: 700;margin-bottom: 20px}
.event-cs .sub-btit {display: block;font-size: 18px;font-weight: 700;line-height: 25px;margin-bottom: 20px}
.event-cs .sub-btit img {width: 18px;line-height: 25px;margin-top: -3px}
.event-cs .gr-box {display: block;padding: 14px 12px;background: #F7F8FA;}
.event-cs .sub-stit {display: block;font-size: 14px;font-weight: 700;margin-bottom: 20px}

.gap20 {display: block;height: 30px}
.gap30 {display: block;height: 30px}
.gap40 {display: block;height: 40px}
.gap50 {display: block;height: 50px}
.gap60 {display: block;height: 60px}
.gap70 {display: block;height: 70px}
/* 종료: 이벤트 페이지*/

/* 시작: 이벤트 페이지*/
#event-masterItem-swiper {
	padding: 5% 0 15%;
}
#event-masterItem-swiper swiper-slide {
	padding-bottom: 10px;
}
.event-masterItem {
	width: 100%;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #f5f5f5;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.10);
}
.event-masterItem-thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 174/129;
	position: relative;
	overflow: hidden;
}
.event-masterItem .style-masterItem-masterImage {
	width: 109.5238%;
	height: 109.5238%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.event-masterItem-info {
	padding: 26px;
	display: flex;
	flex-direction: column;
}
.event-masterItem-info .event-masterItem-name {
	display: flex;
	justify-content: center;
	font-size: 5vw;
	font-weight: 700;
	margin-bottom: 2vw;
}
.event-masterItem-button {
	display: flex;
	justify-content: center;
}
.event-masterItem-button .style-button {
	font-size: 3.5vw;
	font-weight: 500;
	width: 25vw;
	height: 8vw;
}

@media screen and (min-width: 720px){
	.event-masterItem-info .event-masterItem-name {
		font-size: 36px;
		margin-bottom: 14px;
	}
	.event-masterItem-button .style-button {
		font-size: 25px;
		width: 180px;
		height: 58px;
	}

}
/* 종료: 이벤트 페이지*/

/* 시작: 상품관리*/
.style-product {
	border-top: 1px solid #EAEBEE;
}
.style-order {
	border-top: 1px solid #EAEBEE;
}
.style-product-article {
	padding: 12px 16px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.style-product-list {
	display: flex;
	flex-direction: column;
}
.style-product-list > li {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
	padding: 20px 0;
}
.style-product-list > li:not(:first-of-type) {
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-100);
}
.style-product-list .style-button-removeStyle {
	position: absolute;
	top: 16px;
	right: 0;
}
.style-product-item {
}
.style-product-item > a {
	display: flex;
	gap: 12px;
}
.style-product-item:not(:first-of-type) {
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-100);
}
.style-productOrder .style-product-item:not(:first-of-type) {
	padding-top: 0;
	border-top: none;
}
.style-product-itemTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 12px;
	border-bottom: 1px solid #F2F3F6;
	margin-bottom: 12px;
}
.style-product-user {
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-product-user .style-product-userName {
	font-size: 15px;
	color: var(--color-gray-900);
	font-weight: 600;
}
.style-product-user .style-product-userImg {
	width: 36px;
	height: 36px;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-product-user .style-product-userImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-product-thumbnail {
	flex-shrink: 0;
	box-sizing: border-box;
	width: 128px;
	height: 128px;
	border: 1px solid var(--color-gray-100);
	overflow: hidden;
	border-radius: 6px;
}
.style-product-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.style-product-thumbnail img.not_expose{
	filter: blur(2px);
}

.style-product-thumbnail .style-product-not_expose {
	position: relative;
	top:-100%;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 22;
	color:#EFEFEF;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.style-product-itemCont {
	display: flex;
	gap: 12px;
}
.style-product-content {
	gap: 6px;
	display: flex;
	flex-direction: column;
}
.style-confirm .style-product-content {
	gap: 2px;
}
.style-product-status {
	font-weight: 600;
	font-size: 14px;
	color: var(--color-gray-900);
	margin-top:2px;
}
.style-product-suser {
	font-size: 13px;
	color: var(--color-gray-600);
}
.style-product-date {
	font-size: 12px;
	color: #ADB1BA;
	font-weight: 400;
	margin-left: 6px;
}
.style-product-title {
	font-weight: 400;
	font-size: 15px; /* 기존:17px */
}
.style-product-price {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0px;
	margin-top:2px;
	align-items: center;
}
.style-product-price svg {
	margin-right: 3px;
}
.style-product-price_admin {
	font-weight: 700;
	font-size: 17px;
	letter-spacing: -0.5px;
}
.style-product-review {
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-product-review strong {
	color: var(--color-gray-900);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
.style-product-cancel {
	font-size: 13px;
	color: #D02421;
	padding: 9px 16px;
	background: #F7F8FA;
	border-radius: 6px;
	font-weight: 500;
}
.style-product-cancel-button {
	display: flex;
	gap: 10px;
}
.style-product-cancel-button button {
	width: 33.33%;
	font-size: 13px;
	font-weight: 600;
}
.style-product-cancel-button button.active {
	border: 1px solid #E22F26 !important;
	background: #FFF5F7 !important;
	color: #E22F26 !important;
}
.style-order .style-product-article {
	padding: 0;
}
.style-order .style-product-list {
	padding: 0;
	background: #F2F3F6;
}
.style-order .style-product-list > li {
	background: #fff;
	margin-bottom: 10px;
	padding: 12px 16px 22px;
}
.style-order .style-product-list > li:last-child {
	margin-bottom: 0;
}
.style-product-list .style-button-xsmall {
	height: 36px;
	font-size: 13px;
	font-weight: 600;
}
.style-orderDetail {
	display: flex;
	flex-direction: column;
	background: #F2F3F6;
	gap: 10px;
}
.style-orderDetail-top {
	display: flex;
	flex-direction: column;
	padding: 20px 16px;
	background: #fff;
}
.style-order-top-date {
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-order-top-number {
	font-size: 15px;
	color: var(--color-gray-900);
	font-weight: 500;
}
.style-orderDetail-article {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 20px 16px;
}
.style-order-article-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}
.style-order-article-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-gray-900);
}
.style-orderDetail-article .style-product-list > li {
	padding: 0;
}
.style-orderDetail-article .style-button-3xsmall {
	font-weight: 500;
}
.style-orderDetail-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.style-orderDetail-list li {
	display: flex;
	justify-content: space-between;

}
/* 종료: 상품관리*/


/* 시작: 상품주문*/
.style-productOrder {
	background-color: var(--color-gray-50);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-productOrder .style-productOrder-article {
	padding: 20px 16px;
	background-color: var(--color-common-white);
}
.style-productOrder .style-productOrder-article-title {
	font-weight: 700;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 12px;
}
.style-productOrder .style-charge-article-subTitle {
	margin-top: -13px;
	padding-bottom: 14px;
	font-size: 14px;
	color: var(--color-gray-600);
}
.style-charge-methodList-addOn {
	position: relative;
	margin: 0 -16px;
}
.style-productOrder .style-charge-normalPayment {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 8px;
	padding: 0 var(--layout-side-padding);
}
.style-productOrder .style-charge-normalPayment li {
	box-sizing: border-box;
	width: calc(50% - 4px);
}
.style-productOrder .style-charge-normalPayment li input {
	display: none;
}
.style-productOrder .style-charge-normalPayment li label {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 15px;
	padding: 0 8px;
	height: 46px;
	border: 1px solid var(--color-gray-200);
	border-radius: 4px;
	background-color: var(--color-common-white);
}
.style-productOrder .style-charge-normalPayment li input:checked + label {
	border-color: var(--color-primary-600);
	color: var(--color-primary-600);
}
.style-productOrder-payment {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.style-productOrder-payment dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
}
.style-productOrder-payment dl dt {
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 2px;
}
.style-productOrder-payment dl dt span {
	font-weight: 400;
	color: var(--color-gray-600);
	font-size: 13px;
}
.style-productOrder-payment dl dd {
	font-weight: 700;
	font-size: 16px;
}
.style-productOrder-payment ul {
	display: flex;
	gap: 6px;
	flex-direction: column;
}
.style-productOrder-payment li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
}
.style-productOrder-payment li.total {
	margin-top: 10px;
	padding-top: 16px;
	border-top: 1px solid #EAEBEE;
}
.style-productOrder-payment li.total strong {
	font-size: 16px;
	font-weight: 700;
}
.style-productOrder-agree {
	padding: 20px 0;
}
.style-productOrder-agree .style-agree-link {
	color: #E22F26;
	text-decoration: underline;
}
.style-productOrder-agreebox {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.style-productOrder-agreebox dd {
	padding-left: 23px;
}
.style-productOrder-agreebox dd a {
	color: #ADB1BA;
	font-size: 14px;
	text-decoration: underline;
}
.style-productOrder-agreebox .style-form-check-input {
	background: url(../images/icons/checkbox_bk_off.svg) no-repeat 50% 50%;
}
.style-productOrder-agreebox .style-form-check-input:checked[type='checkbox']  {
	background: url(../images/icons/checkbox_bk_on.svg) no-repeat 50% 50%;
}
.style-orderRule-content {
	padding: 0 20px 12px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.style-orderRule-content dt {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 8px;
}
.style-orderRule-content dd {
	margin-bottom: 15px;
}
.style-orderRule-content dd:last-child {
	margin-bottom: 0;
}
.style-confirm.style-reviewWrite {
	background-color: var(--color-gray-50);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.style-confirm-article {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 20px 16px;
}
.style-confirm-article.gray {
	background: var(--color-gray-50);;
}
.style-confirm-article.gray .style-markerList {
	color:  var(--color-gray-600);
}
.style-confirm-article.gray .style-markerList > li:before {
	background-color: var(--color-gray-600);
}
.style-confirm-article.reviewWrite {
	padding: 0 16px;
}
.style-confirm-article .style-reviewWrite-star {
	padding: 12px 0 40px;
}
.style-confirm-article-title {
	font-weight: 700;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 16px;
}
.style-product-confirm-text {
	padding: 26px 0 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 140%;
}
.style-productOrder-coin {
	display: flex;
	margin-bottom: 10px;
	gap: 8px;
}
.style-productOrder-coin .style-input-coin {
	border-radius: 6px;
	border: 1px solid #D1D3D8;
	padding: 10px 16px;
	align-items: center;
	display: flex;
}
.style-productOrder-coin .style-input-coin-text {
	font-size: 16px;
	color: #7A7E85;
	line-height: 24px;
	height: 24px;
}
.style-productOrder-coin .form-control {
	border: none !important;
	padding: 0;
	text-align: right;
	font-weight: 700;
	color: #E22F26;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
}
.style-productOrder-coin .style-input-coin-unit {
	font-weight: 700;
	color: #E22F26;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
}
.style-productOrder-coin .style-input-coin-clear {
	border: none;
	background: none;
	padding: 0;
	margin-left: 6px !important;
}
.style-productOrder-coin .style-input-coin-clear svg {
	margin-top: -2px;
}
.style-productOrder-coin .style-input-coin-Button {
	background: #FFEAED;
	border-radius: 6px;
	color: #000;
	font-size: 15px;
	height: 50px;
	display: flex;
	align-items: center;
	border: none;
	padding: 0 14px;
	width: 95px;
	font-weight: 600;
	justify-content: center;
	white-space: nowrap;
}
.style-productOrder-coin-txt {
	font-size: 14px;
	color: #2A2A2A;
}
/* 종료: 상품주문*/

/* 시작: 1:1문의*/
.style-inquiryDetail {
	padding: 16px;
}
.style-inquiryDetail .style-detail-article {
	position: relative;
}
.style-inquiryDetail .style-detail-articleTitle {
	font-weight: 700;
	font-size: 18px;
	margin: 0;
	padding-bottom: 12px;
}
.style-inquiryDetail .style-detail-info {
	padding: 0 0 4px;
	position: relative;
}
.style-inquiryDetail .style-detail-frequenterButton {
	position: absolute;
	right: 0;
	top: 24px;
}
.style-inquiryDetail .style-detail-masterName-wrap {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-inquiryDetail .style-detail-masterName {
	font-size: 19px;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
	gap: 6px;
}
.style-inquiryDetail .style-masterName-pro-user {
	display: flex;
	align-items: center;
	gap: 6px;
}
.style-inquiryDetail .style-masterName-pro-user .style-detail-userImg {
	width: 36px;
	height: auto;
	border:0.5px solid #D3D5D9;
	border-radius: 50%;
}
.style-inquiryDetail .style-masterName-pro-user .style-detail-userInfo {
	font-size: 12px;
	color: var(--color-gray-600);
}
.style-inquiryDetail .style-masterName-pro-user .style-detail-userName {
	font-size: 14px;
	color: var(--color-gray-900);
	font-weight: 700;
}
.style-inquiryDetail .style-masterName-pro-user .style-detail-masterImg {
	width: 42px;
	height: 42px;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-gray-100);
	border-radius: 50%;
}
.style-inquiryDetail .style-masterName-pro-user .style-detail-masterImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-inquiryDetail .style-detail-masterName strong {
	font-weight: 600;
	font-size: 16px;
	color: var(--color-gray-600);
	margin-bottom:1px;
}
.style-inquiryDetail .style-review-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	padding-top: 16px;
}
.style-inquiryDetail .style-review-filter {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 0;
}
.style-inquiryDetail .style-review-header .style-review-count {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-inquiryDetail .style-review-header .style-review-count .sub-stit {
	font-size: 16px;
	font-weight: 400;
	color: #212124;
}
.style-inquiryDetail .style-review-header .style-review-count span {
	color: var(--color-gray-600);
}
.style-inquiryDetail .style-review-header strong {
	color: var(--color-gray-600);
}
.style-inquiryDetail .style-review-ruleButton {
	font-size: 14px;
	color: var(--color-gray-600);
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 0;
	border: 0;
	background-color: transparent;
}
.style-inquiryDetail .style-review-ruleButton img {
	width: auto;
	height: 14px;
}
/* 종료: 1:1문의*/

/* 시작: 페이징*/
.style-pagination .pagination {
	--bs-pagination-font-size: 16px;
	--bs-pagination-color: #868B94;
	--bs-pagination-bg: #fff;
	--bs-pagination-border-color: #fff;
	--bs-pagination-hover-color: #2A2A2A;
	--bs-pagination-hover-bg: #fff;
	--bs-pagination-hover-border-color: #fff;
	--bs-pagination-focus-color: #2A2A2A;
	--bs-pagination-focus-bg: #fff;
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-active-color: #2A2A2A;
	--bs-pagination-active-bg: none;
	--bs-pagination-active-border-color: #fff;
	--bs-pagination-disabled-color: #fff;
	--bs-pagination-disabled-bg: #fff;
	--bs-pagination-disabled-border-color: #fff;
	display: flex;
	padding-left: 0;
	list-style: none;
}
.style-pagination .pagination .active a {
	font-weight: 800;
	color: #2A2A2A;
}
.style-pagination .pagination a {
	color: #868B94;
}
/* 종료: 페이징*/


/**/
.style-timeSaleList {
	padding: 0 16px;
}
.style-timeSaleList li {
	position: relative;
	margin-bottom: 24px;
}
.style-timeSaleList .style-timeSaleList-thumbnail {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	aspect-ratio: 72 / 41;
	height: auto;
	overflow: hidden;
	position: relative;
	background-size: cover;
	margin-bottom: auto;
	border-radius: 4px;
}
.style-timeSaleList .style-timeSaleList-badge {
	position: absolute;
	top: 9px;
	left: 9px;
	z-index: 2;
	display: flex;
	gap: 4px;
}
.style-timeSaleList .style-timeSaleList-badge div {
	display: flex;
	padding: 3px 5.5px 4px 5.5px;
	align-items: center;
	font-size: 12px;
	color: #fff;
	border-radius: 4px;
	line-height: 100%;
}
.style-timeSaleList .style-timeSaleList-badge .sale {
	background: #FF3D25;
	font-weight: 600;
	font-size:11.8px;
}
.style-timeSaleList .style-timeSaleList-badge .time {
	background: #000;
	font-weight: 400;
	display: flex;
	gap:2px;
}

.style-timeSaleList .style-timeSaleList-badge .time .ts_timer{
	width:49px;
	font-size:11.8px;
	font-weight: 600;
	font-feature-settings: "tnum";
	-webkit-font-feature-settings: "tnum";
	letter-spacing: -0.3px;
	position: relative;

}

.style-timeSaleList .style-timeSaleList-badge .time .left_text{
	font-size:11px;
	font-weight: 600;
}

.style-timeSaleList .style-timeSaleList-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 8px;
	z-index: 10;
	height: 34px;
	font-size:13.4px;
	color:#EFEFEF;
	overflow: hidden;
}

.style-timeSaleList .style-timeSaleList-text::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5); /* DIM */
	z-index: -1; /* 뒤로 빼서 자식과 레이어 분리 */
}

.style-timeSaleList .style-timeSaleList-text .text-wrap {
	/*background: rgba(0, 0, 0, 0.5);*/
}


.style-timeSaleList .style-timeSaleList-text .text {
	position: absolute;
	width: 100%;
	height: 34px;
	line-height: 20px;
	text-align: center;
	font-weight: 600;
	opacity: 1;
	transform: translateY(100%);
}

.style-timeSaleList .style-timeSaleList-text .text svg {
	position: relative;
	margin-top:-2px;
	margin-right:3px;
}


/* 첫 번째 텍스트 */
.style-timeSaleList .style-timeSaleList-text  .t0 {
	animation: textAniTimesale 5s infinite;
}

/* 두 번째 텍스트 (2초 뒤 시작) */
.style-timeSaleList .style-timeSaleList-text  .t1 {
	animation: textAniTimesale 5s infinite 2.5s;
}


@keyframes textAniTimesale {
	0%   { transform: translateY(100%); }
	10%  { transform: translateY(0); }
	40%  { transform: translateY(0); }
	60%  { transform: translateY(-100%); }
	100% { transform: translateY(-100%); }
}


/* 고정적인 UI */
.style-timeSaleList .style-timeSaleList-text .text_static {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-weight: 600;
	/*opacity: 1;*/
	/*background: rgba(0,0,0,0.3);*/

}

.style-timeSaleList .style-timeSaleList-text .text_static svg {
	position: relative;
	margin-top:-4px;
	margin-right:3px;
}


.style-timeSaleList .style-timeSaleList-like {
	position: absolute;
	bottom: 7px;
	right: 7px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	z-index: 20;
}
.style-timeSaleList button {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}
.style-timeSaleList-masterImage {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}
.style-timeSaleList-info {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
}
.style-timeSaleList-info-badge {
	display: flex;
	gap: 3px;
	margin-bottom: 3px;
}
.style-timeSaleList .style-timeSaleList-nameBox {
	display: flex;
	align-items: center;
	gap: 4px;
}
.style-timeSaleList .style-timeSaleList-name {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-gray-900);
	display: flex;
	align-items: end;
	gap: 4px;

}
.style-timeSaleList .style-timeSaleList-code {
	font-weight: 600;
	font-size: 13px;
	color: var(--color-gray-650);
}
.style-timeSaleList-nameBox .style-timeSaleList-badge {
	position: relative;
	left: 0;
	top: 1.1px;
	display: flex;
	padding-bottom: 2px;
}
.style-timeSaleList-nameBox .style-timeSaleList-badge .style-badge {
	height: 14px;
	font-size: 10px;
	padding: 0 4px;
	border-radius: 2px;
	align-items: center;
	display: flex;
}
.style-timeSaleList-nameBox .style-timeSaleList-badge .style-badge-tarot {
	color: #5D37AF;
	background: #F4EFFF;
}
.style-timeSaleList-nameBox .style-timeSaleList-badge .style-badge-saju {
	color: #C97F27;
	background: #FFF6D9;
}
.style-timeSaleList-nameBox .style-timeSaleList-badge .style-badge-sinjeom {
	color: #D7585C;
	background: #FFEFEC;
}
.style-timeSaleList-price {
	position: relative;
	width: 100%;
	/* margin-top:-2px; */
}
.style-timeSaleList-price .price-text {
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	padding-right: 2px;
	color: #E61328;
}
.style-timeSaleList-price s {
	color: #787878;
	font-size: 12px;
	font-family: Pretendard,sans-serif;
	line-height: 1.4;
}
.style-timeSaleList .discount {
	position: absolute;
	top: 0;
	right: 0;
	color: #E61328;
	font-size: 25px !important;
	font-weight: 800 !important;
	letter-spacing: -0.05em;
}
.style-timeSaleList-price .price {
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 3px;
}
.style-timeSaleList-price .price svg {
	width: 16px;
	height: auto;
	margin-top: -1px;
}
.style-timeSaleList-price .price span {
	display: flex;
	font-size: 12px;
	color: var(--color-gray-650);
	padding-top: 2px;
	padding-left: 2px;
	font-weight: 400;
}
.timeSaleList-more {
	display: flex;
	padding: 12px 16px;
	align-items: center;
	border-radius: 100px;
	border: 1px solid #D6DBDA;
	color: #000;
	font-size: 14px;
	justify-content: center;
	font-weight: 600;
}
/**/
.style-register {
	padding: 0 16px 24px;
}
.style-register .style-register-progress {
	padding: 12px 0 24px;
}
.style-register .style-register-form h2 {
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 16px;
}
@media (max-width: 450px) {
	.style-register .style-register-form h2 span {
		display: block;
	}
}
.style-register .style-register-form-subTitle {
	margin-top: -8px;
	font-size: 15px;
	color: #4D5159;
}
.style-register-buttonBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 8px;
}
.style-register-button {
	display: flex;
	border-radius: 20px;
	border: 1px solid #EAEBEE;
	background: #fff;
	padding: 8px 15px;
	font-size: 14px;
}
.style-register-button.active {
	color: #fff;
	background: #2A3038;
}
.style-register-tagBox {

}
.style-register-tag {
	position: relative;
	display: flex;
}
.style-register-tag input {
	padding-left: 30px;
}
.style-register-tag .txt-tag {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: #ADB1BA;
	font-size: 16px;
}
.style-register-tagBox .tit {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 4px;
}
.style-register-tag-swiper {
	position: relative;
	margin-top: 10px;
	padding-right: 80px;
}
.style-register-tag-swiper swiper-slide {
	width: auto !important;
}
.style-register-tag-swiper swiper-slide a {
	display: flex;
	border-radius: 20px;
	border: 1px solid #EAEBEE;
	background: #fff;
	padding: 8px 15px;
	font-size: 14px;
}
.style-register-tag-swiper swiper-slide a.active {
	color: #fff;
	background: #2A3038;
}
.style-register-tag-swiper .register-tag-more {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-radius: 20px;
	border: 1px solid #EAEBEE;
	background: #EAEBEE;
	padding: 8px 15px;
	font-size: 14px;
}
.style-form-profile {
	padding-top: 24px;
}
.style-form-profile .profile-tit {
	font-size: 15px;
	font-weight: 600;
}
.style-form-profile .profile-tit span {
	color: #4377FD;
}
.style-form-profile .profile-txt {
	color: #7A7E85;
	font-size: 14px;
}
.style-form-profile .style-button-etc2 {
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	width: 100%;
}
.offcanvas-profile {
	padding: 0 20px 20px;
}
.offcanvas-profile .offcanvas-profile-top {
	display: flex;
	justify-content: space-between;
	padding: 20px 0 14px;
}
.offcanvas-profile .offcanvas-profile-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.offcanvas-profile .offcanvas-profile-close {
	background: none;
	border: none;
	padding: 0;
}
.offcanvas-profile-stit {
	font-size: 16px;
	font-weight: 600;
	color: #212124;
	margin-bottom: 16px;
}
.offcanvas-profile-txt {
	font-size: 16px;
	color: #212124;
	margin-bottom: 16px;
}
.offcanvas-img img {
	width: 100%;
}
.offcanvas-line {
	width: 100%;
	height: 1px;
	background: #F2F3F6;
	margin: 22px 0;
}
.profile-gray-txt {
	display: block;
	padding: 16px;
	border-radius: 4px;
	background:#F2F3F6;
	font-size: 14px;
}
.profile-gray-txt .udr_link {
	text-decoration: underline;
}
.profile-photo {
	padding: 12px 0;
}
.profile-photo ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.profile-photo ul li {
	position: relative;
	width: calc((100% - 24px) / 3);
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(33, 33, 36, 0.04);
}
.profile-photo ul li span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	width: 100%;
	z-index: 3;
	font-weight: 400;
}
.profile-photo ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile-photo ul li .del-button {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	background: none;
	z-index: 2;
}
.profile-photo-big {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}
.profile-photo-big img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile-photo-text-btn {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.80);
	padding: 8px 12px;
	border: none;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	color: #fff;
	align-items: center;
	max-width: 270px;
	width: 100%;
}
.profile-photo-text-btn span
{
	text-align: left;
	display: inline-flex;
	padding-right: 18px;
	font-size: 12px;
}
.profile-photo-text-btn svg {
	width: 16px;
	height: 16px;
}
.style-register-list {
	margin-top: 10px;
}
.style-register-list li .register-list-link {
	display: flex;
	gap: 10px;
	padding: 14px 0;
	line-height: 1;
	align-items: center;
	border-bottom: 1px solid #F2F3F6;
}
.style-register-list li a svg {
	width: auto;
	height: 16px;
	margin-left: auto;
}
.style-register-list li .register-list-tit {
	font-size: 15px;
	font-weight: 700;
	color: #000;
	margin-bottom: 13px;
}
.style-register-list li .register-list-txt {
	color: #7A7E85;
	font-size: 15px;
	line-height: 140%;
}
.register-list-name {
	font-size: 15px;
	color: #7A7E85;
	margin-left: auto;
}
.register-list-tag {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 8px;
}
.register-list-tag span {
	display: flex;
	border-radius: 20px;
	background: #2A3038;
	padding: 8px 15px;
	font-size: 14px;
	color: #fff;
}

.offcanvas-tag {
	padding: 0 20px 20px;
}
.offcanvas-tag .offcanvas-tag-top {
	display: flex;
	justify-content: space-between;
	padding: 20px 0 14px;
}
.offcanvas-tag .offcanvas-tag-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.offcanvas-tag .offcanvas-tag-close {
	background: none;
	border: none;
	padding: 0;
}
.offcanvas-tag-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 8px;
}
.offcanvas-tag-list a {
	display: flex;
	border-radius: 20px;
	border: 1px solid #EAEBEE;
	background: #fff;
	padding: 8px 15px;
	font-size: 14px;
}
.offcanvas-tag-list a.active {
	color: #fff;
	background: #2A3038;
}



.style-time-sale {
	padding: 16px;
	border-top: 1px solid #F2F3F6;
}
.style-time-saleForm {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.style-time-saleForm .style-time-sale-help {
	align-items: center;
	display: flex;
	gap: 3px;
	font-size:13px;
	margin-top: 11px;
}

.style-time-saleForm .style-time-sale-help svg{
	margin-top:-1.5px;
	margin-right:4px;
}
.time-sale-radio {
	display: flex;
	gap: 10px;
	flex-direction: column;
}
.time-sale-radio .style-form-radio {
	padding: 0;
}
.time-sale-radio .style-form-radio .style-form-radio-input {
	left: auto;
	right: 16px;
	width: 20px;
	height: 20px;
	background-image: url(../images/icons/icon_radio_off2.svg);
}
.time-sale-radio .style-form-radio .style-form-radio-label {
	width: 100%;
	border: 1px solid #EAEBEE;
	border-radius: 10px;
	padding: 18px 16px;
	transition: background-color 0.2s ease;
}
.time-sale-radio .style-form-radio-input:checked[type='radio']  {
	background-image: url(../images/icons/icon_radio_on2.svg);
}
.time-sale-radio .style-form-radio-input:checked + .style-form-radio-label {
	background: #F2F3F6;
	border:1px solid #D1D3D8;
}
.time-sale-radio .style-form-radio .time-sale-radio-tit {
	font-size: 15px;
	font-weight: 700;
	color: #2A2A2A;
	line-height: 23px;
}
.time-sale-radio .style-form-radio .time-sale-radio-txt {
	font-size: 14px;
	color: #7A7E85;
	line-height: 23px;
}
.style-time-sale .style-button-large {
	height: 48px;
	font-size: 15px;
	font-weight: 600;
}



/**/

.style-save-cash {

}
.style-save-cash .style-home-divider {
	background: #F7F8FA;
}
.style-save-cash-gray {
	background: #F9F9F9;
}
.save-cash-list {
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.mypage-save-cash {
	display: flex;
	gap: 10px;
	align-items: center;
	width: 100%;
}
.mypage-save-cash .save-cash-icon {
	border-radius: 16px;
	/*background: #F7F8FA;*/
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.save-cash-list .mypage-save-cash .save-cash-icon {
	background: #F7F8FA;
	width: 48px;
	height: 48px;
}
.mypage-save-cash .save-cash-icon img {
	width: 42px;
	height: 42px;
}
.mypage-save-cash .save-cash-text {
	display: flex;
	flex-direction: column;
	text-align: left;
	color: #868B94;
	font-size: 14px;
	line-height: 140%;
}
.mypage-save-cash .save-cash-text strong {
	font-weight: 700;
	font-size: 16px;
	color: #2A2A2A;
	line-height: 140%;
}
.save-cash-list .save-cash-text strong {
	font-size: 15px;
}
.mypage-save-cash .save-cash-text .c_b {
	color: #4377FD;
}
.mypage-save-cash .save-cash-right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 5px;
}
.mypage-save-cash .save-cash-cash {
	padding: 8px;
	background: #F6F6F6;
	border-radius: 16px;
	display: flex;
	gap: 3px;
	color: #454545;
	font-weight: 400;
	align-items: center;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}
.mypage-save-cash .arrow {
	width: 16px;
	height: 16px;
	margin-left: auto;
}
.save-cash-detail {

}
.save-cash-detail-top {
	padding: 20px 16px;
	display: flex;
	gap: 16px;
	background: #ffff;
}
.save-cash-detail-top .save-cash-icon {
	border-radius: 16px;
	background: #F7F8FA;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.save-cash-detail-top .save-cash-icon img {
	width: 62px;
	height: 62px;
}
.save-cash-detail-top .save-cash-text {
	display: flex;
	flex-direction: column;
	text-align: left;
	color: #868B94;
	font-size: 14px;
	padding: 3px 0;
}
.save-cash-detail-top .save-cash-text strong {
	font-weight: 700;
	font-size: 16px;
	color: #2A2A2A;
	margin-bottom: 2px;
}
.save-cash-detail-top .save-cash-cash {
	display: flex;
	gap: 3px;
	color: #2A2A2A;
	font-weight: 600;
	font-size: 14px;
	align-items: center;
	margin-top: 2px;
}
.save-cash-detail-guide {
	display: flex;
	gap: 50px;
	flex-direction: column;
	background: #fff;
}
.save-cash-detail-guide div {
	padding: 20px 20px 0;
}
.save-cash-detail-guide div:first-child {
	background: #fff;
}
.save-cash-detail-guide .gr-box {
	background: #F9F9F9;
	padding: 50px 20px;
}
.save-cash-detail-guide h3 {
	font-size: 16px;
	font-weight: 700;
	color: #212124;
	margin-bottom: 5px;
}
.save-cash-detail-guide ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.save-cash-detail-guide li {
	font-size: 16px;
}
.save-cash-detail-guide .dot-list li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
}
.save-cash-detail-guide .dot-list li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #212124;
	content: "";
}
.style-save-cash  .style-fixed-bottom-content {
	display: flex;
	width: 100%;
	gap: 10px;
}
.offcanvas-save-cash {
	padding: 30px 20px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.offcanvas-save-cash .title {
	font-size: 26px;
	color: #000;
	font-weight: 700;
}
.offcanvas-save-cash .img {
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 30px;
}
.offcanvas-save-cash .img img {
	position: relative;
	z-index: 2;
}
.offcanvas-save-cash .cash-img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
.offcanvas-save-cash .cash {
	padding: 10px 20px;
	background: #FAFAFA;
	font-size: 14px;
	color: #646464;
	display: inline-flex;
	width: fit-content;
	margin: 0 auto;
	border-radius: 12px;
	margin-bottom: 30px;
}
.offcanvas-save-cash .cash strong {
	font-weight: 500;
	color: #000;
	margin-left: 7px;
}
.save-cash-attendance{
	display: flex;
	flex-direction: column;
	gap: 30px;
	background: #fff;
}
.save-cash-attendance-calendar {
	padding: 20px 16px;
}
.save-cash-attendance-calendar .title {
	font-weight: 700;
	font-size: 22px;
	color: #212124;
	margin-bottom: 20px;
}
.save-cash-attendance-calendar .calendarBox {
	padding: 20px 16px;
	border-radius: 16px;
	border: 1px solid #F0F0F0;
}
.save-cash-attendance-calendar .calendarBox .calendar-month {
	font-weight: 700;
	font-size: 19px;
	color: #000;
}
.save-cash-attendance-calendar .calendarBox .calendar {
	margin: 16px 0 0;
}
.save-cash-attendance-calendar .calendarBox .calendar table {
	width: 100%;
}
.save-cash-attendance-calendar .calendarBox .calendar table th,
.save-cash-attendance-calendar .calendarBox .calendar table td {
	text-align: center;
	vertical-align: top;
}
.save-cash-attendance-calendar .calendarBox .calendar table th {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 20px;
}
.save-cash-attendance-calendar .calendarBox .calendar table td {
	font-size: 15px;
	height: 50px;
	color: #8D8D8D;
}
.save-cash-attendance-calendar .calendarBox .calendar table .today {
	color: #000;
	font-weight: 700;
}
.save-cash-attendance-calendar button {
	font-weight: 400;
	font-size: 14px;
	height: 49px;
	border-radius: 8px;
}
.save-cash-attendance-calendar .calendar-cash {
	font-size: 10px;
	color: #8D8D8D;
	text-align: center;
	display: block;
	margin-top: 1px;
}
.save-cash-attendance-guide {
	background: #F9F9F9;
	padding: 50px 20px;
}
.save-cash-attendance-guide h3 {
	font-weight: 700;
	font-size: 15px;
	color: #000;
	margin-bottom: 12px;
}
.save-cash-attendance-guide li {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	color: #787878;
	margin-bottom: 8px;
}
.save-cash-attendance-guide li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #787878;
	content: "";
}
.w-35 {
	width: 35%;
}
.w-65 {
	width: 65%;
}
.style-button-gray {
	background: #F3F4F6;
	color: #000;
	border: 1px solid #F3F4F6;
	font-size: 16px;
	font-weight: 600;
	height: 50px;
}
.style-button-gray2 {
	background: #F0F0F0;
	color: #A1A1A1;
	border: 1px solid #F3F4F6;
	font-size: 16px;
	font-weight: 400;
	height: 50px;
}
.style-button-black {
	background: #000;
	color: #fff;
	border: 1px solid #000;
	font-size: 16px;
	font-weight: 600;
	height: 50px;
}
.style-modal-save-cash {
	padding: 12px 16px;
}
.style-modal-save-cash h2 {
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 7px;
}
.style-modal-save-cash .style-modal-save-cash-title {
	font-size: 15px;
	color: #4D5159;
}
/**/