@charset "utf-8";
/* kiosk size : 1080px X 1880px; */
:root {
	/* color, background */
	--main-white: rgb(255, 255, 255);
	--main-bg: rgb(249, 250, 254);    /* #f9fafe */
	--main-purple: rgb(134, 54, 248); /* #8636f8 */
	--purple-bg: rgb(134, 58, 248);   /* #8c3fff */
	--main-pink: rgb(243, 103, 210);  /* #f367d2 */
	--main-blue: rgb(85, 128, 244);   /* #5580f4 */
	--main-orange: rgb(249, 151, 70); /* #f99746 */
	--main-red: rgb(247, 54, 28);     /* #f7361c */
	--main-gray: rgb(75, 75, 75);     /* #4b4b4b */
	--mng-pink: rgb(235, 111, 160);   /* #EB6FA0 */
	--mng-blue: rgb(128, 145, 235);   /* #8091EB */
	--main-title-color1: rgb(51, 51, 51);    /* #333333 */
	--main-title-color2: rgb(101, 101, 101); /* #656565 */
	--main-text-color: rgb(143, 149, 164);   /* #8f95a4 */
	--main-placeholder-color: rgb(188, 191, 201); /* #bcbfc9 */
	--main-linear-gradient: linear-gradient(25deg, rgba(134, 58, 248), rgba(243, 103, 210));
	/*--main-default-shadow: 2px 2px 2px 1px rgba(175, 175, 175, .5);
	--main-purple-shadow: 2px 2px 12px 1px rgba(160, 76, 239, .5);*/
	/* font-weight */
	--font-thin: 100;
	--font-light: 300;
	--font-regular: 400;
	--font-medium: 500;
	--font-bold: 700;
	--font-black: 900;
}

::-webkit-scrollbar { -ms-overflow-style: none; display:none; }
::-webkit-scrollbar-track { -ms-overflow-style: none; scrollbar-width: none; }
::-webkit-scrollbar-thumb { -ms-overflow-style: none; scrollbar-width: none; }

/* 숨김텍스트 */
.a11y-hidden { position: relative; }
.a11y-hidden .a11y-text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }


/* title */
.ttl-h1 { font-size: 1.875rem; font-weight:var(--font-bold); }
.ttl-h2 { font-size: 1.5625rem; font-weight:var(--font-bold); }
.ttl-h3 { font-size: 1.375rem; font-weight:var(--font-medium); }
.ttl-h4 { font-size: 1.3125rem; font-weight:var(--font-medium); }
.ttl-h5 { font-size: 1.25rem; font-weight:var(--font-medium); }


/* font-size */
.fs60{ font-size: 1.875rem !important; }
.fs50{ font-size: 1.5625rem !important; }
.fs44{ font-size: 1.375rem !important; }
.fs42{ font-size: 1.3125rem !important; }
.fs40{ font-size: 1.25rem !important; }
.fs38{ font-size: 1.1875rem !important; }
.fs36{ font-size: 1.125rem !important; }
.fs32{ font-size: 1rem !important; }
.fs28{ font-size: 0.875rem !important; }
.fs26{ font-size: 0.8125rem !important; }

/* font-weight */
.fw500 { font-weight:var(--font-medium); }
.fw700 { font-weight:var(--font-bold); }

/* color */
.c-white  { color: var(--main-white); }
.c-purple {color: var(--main-purple);}
.c-pink   {color: var(--main-pink);}
.c-mng-pink   {color: var(--mng-pink);}
.c-blue   {color: var(--main-blue);}
.c-orange {color: var(--main-orange);}
.c-red    {color: var(--main-red);}
.c-gray   {color: var(--main-gray);}
.c-gray1  {color: var(--main-title-color1); }
.c-gray2  {color: var(--main-title-color2);}
.c-gray3  {color: var(--main-text-color) !important;}


/* bullet */
.text-bullet { position: relative; font-size: 1.125rem; letter-spacing:-0.03em; text-align: left; padding-left: 1.375rem; }
.text-bullet * { line-height:1.14; }
.text-bullet p + p  { margin-top: 0.21875rem; }
.text-bullet:before { content: ''; position: absolute; top:0.0625rem; bottom:0; left: 0; width: 0.6875rem; border-radius:0.34375rem; box-shadow: inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28); background: url(/assets/renewal_assets/images/ico_point_bullet.png) no-repeat center / 100% 100%; }
.text-bullet.primary:before { background:var(--main-purple); }
.text-bullet.secondary:before { background:var(--main-pink); }
.text-bullet.futher:before { background:var(--main-blue); }


/* space padding, margin */
.pt60 { padding-top:1.875rem; }
.pb60 { padding-bottom:1.875rem; }
.mt24  { margin-top: 0.75rem; }

/* button */
.btn  { border:0; }
a.btn  { display: flex; align-items: center; justify-content: center; }

.btn-back { display:block; cursor:pointer; }
.btn-back .ico-back { display: inline-block; width: 0.84375rem; height: 1.6875rem; background: url(/assets/renewal_assets/images/ico_arrow_back.svg?v2) no-repeat center / contain; }
.btn-del { width:1.25rem; height:1.25rem; background: url(/assets/renewal_assets/images/icon_trash_white.svg) center center / 62.5% auto no-repeat #EF4949; border-radius: 0.1875rem; }
.btn-detail-dot  { display: flex; flex-direction: column; align-items: center; justify-content: center; width:1.4375rem; height:1.4375rem; background: #ededed; border-radius: 0.4375rem; }
.btn-detail-dot .dot  { position: relative; }
.btn-detail-dot .dot,
.btn-detail-dot .dot::before,
.btn-detail-dot .dot::after  { width: 0.21875rem; height:0.21875rem; background: #abb0bd; border-radius: 50%; }
.btn-detail-dot .dot::before,
.btn-detail-dot .dot::after  { content:''; position:absolute; display: block; }
.btn-detail-dot .dot::before  { top: -0.3125rem; }
.btn-detail-dot .dot::after  { bottom: -0.3125rem; }

.btn-wrap.btn-floating { flex:0 0 6rem; box-shadow: 0 -0.09375rem 0.5625rem rgba(0, 0, 0, 0.2); z-index:2; }
.btn-wrap.btn-floating.top-layer  { z-index:2000; }
.btn-wrap .btn-inner { display: flex; align-items: center; justify-content: center; background-color: var(--main-white); gap:0.65625rem; }
.btn-wrap.btn-floating .btn-inner { background-color:rgba(255,255,255,0.8); padding: 0.9375rem 1.5625rem; }

.btn-wrap .btn-inner > .btn { width: 100%; min-height: 4.09375rem; font-size: 1.625rem; font-weight: var(--font-medium); padding: .25rem .5rem; text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.24); border-radius: 0.78125rem; /*box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.39);*/ overflow: hidden; }
.btn-wrap .btn-inner > .btn .text { color: inherit; line-height: inherit; }
.btn-wrap .btn-inner > .btn-confirm,
.btn-wrap .btn-inner > .btn-settle  { font-size: 1.75rem; }
.btn-wrap .btn-inner > .btn-narrow,
.btn-modal-wrap .btn-inner > .btn-narrow  { flex-basis: 60%; }
.modal-body .btn-wrap .btn-inner > .btn  { min-height:3.625rem; font-size:1.5rem; }
.btn.with-count  { position: relative; }
.btn.with-count::after  { content:attr(data-cart-count); position: absolute; top:0; right:0; width:2.5625rem; height:2.21875rem; border-bottom-left-radius: 0.78125rem; display: flex; align-items: center; justify-content: center; font-size:1.125rem; text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.24); box-shadow: 0 0.25rem 1.125rem rgba(0, 0, 0, 0.39); }
.btn-purple.with-count::after,
.btn-shadow-purple.with-count::after  { background-color: var(--main-pink); }
.btn.with-count[data-cart-count='0']::after  { display: none; } /* 담은품목 0 일때 안 보이게 */

.btn-pink { background: var(--main-pink); color: var(--main-white); }
.btn-purple { background: var(--main-purple); color: var(--main-white); }
.btn-blue { background: var(--main-blue); color: var(--main-white); }
.btn-gray { background: var(--main-gray); color: var(--main-white); }
.btn-default  { background-color: var(--main-bg); border: 0.0625rem solid #E2E2E2; color:var(--main-title-color2); }

.btn-shadow-pink, .btn-shadow-purple, .btn-shadow-gray, .btn-shadow-orange  { background-image:linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, rgba(255,255,255,0) 0.3rem); color: var(--main-white); box-shadow: inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28), 0 0.125rem 0.725rem 0 rgba(0, 0, 0, 0.32) !important; }
.btn-shadow-pink   { background-color:var(--main-pink); }
.btn-shadow-purple { background-color:var(--main-purple); }
.btn-shadow-gray   { background-color:var(--main-gray); }
.btn-shadow-orange { background: #EF4949; }
.btn-confirm { width: 100%; min-height: 4.09375rem; font-weight: var(--font-medium); padding: .25rem .5rem; color:#fefefe; text-shadow: 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.24);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, rgba(255,255,255,0) 0.3rem),linear-gradient(125deg, var(--main-purple) 30%, var(--main-pink) 68%);
	box-shadow: inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28), 0 0.125rem 0.725rem 0 rgba(0, 0, 0, 0.32) !important; overflow: hidden; }
.btn-confirm .point  { color:#f0c02d; }
.btn-settle { width: 100%; min-height: 4.09375rem; font-weight: var(--font-medium); padding: .25rem .5rem; color:#fefefe; text-shadow: 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.24);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, rgba(255,255,255,0) 0.3rem), linear-gradient(125deg, #337BFC 0%, #F367D2 90%);
	box-shadow: inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28), 0 0.125rem 0.725rem 0 rgba(0, 0, 0, 0.32) !important; overflow: hidden; }
.btn-settle .point  { color:#FAE683; }
.btn-emboss  { box-shadow: inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28), 0 0.125rem 0.725rem 0 rgba(0, 0, 0, 0.32) !important; }

.btn-pink:hover, .btn-purple:hover, .btn-gray:hover, .btn-blue:hover, .btn-shadow-pink:hover, .btn-shadow-purple:hover, .btn-shadow-gray:hover, .btn-shadow-orange:hover { color:var(--main-white); }
.btn-confirm:hover  { color:#fefefe; }

.btn-circle-close { width: 3.125rem; height: 3.125rem; background: url(/assets/renewal_assets/images/icon_close.svg?v2)no-repeat center / 3.125rem; }
/* btn - count */
.qty-section  { display: flex; align-items: center; width: 5rem; margin-top:0.625rem; }
.qty-section .qty  { flex: 1; text-align: center; }
.qty-section .btn-plus,
.qty-section .btn-minus  { box-shadow: 0 0.1rem 0.25rem rgba(0,0,0,0.3); }
.btn-plus,
.btn-minus  { width:1.46875rem; height:1.5rem; border: 0.0625rem solid #e1e1e1; border-radius: 0.3125rem; background: url(/assets/renewal_assets/images/btn_qty.png) center top / 100% auto no-repeat; }
.btn-plus   { background-position:center bottom; }



/* card box type : shadow */
/* 위,아래 그림자 있는 내용영역 박스 */
.contentbox-shadow  {
	background-color: rgba(255,255,255,0.3);
	box-shadow: 1.25rem 0 1.25rem rgba(0,0,0,0.09);
	margin-top: 1.25rem;
}
.contentbox-shadow:first-child  {
	margin-top: 0;
}
.contentbox-shadow:last-child  {
	margin-bottom: 0;
}
.contentbox-shadow.top-character  {
	position: relative;
	min-height: 24.5rem;
	text-align: center;
	padding-bottom: 2rem;
	margin-top:0;
}
.contentbox-shadow.top-character .img-character  {
	height:17.125rem;
}
.contentbox-shadow.top-character .text-bow  {
	font-size: 1.75rem;
	color: #595959;
	font-weight: var(--font-medium);
	line-height: 2.5rem;
	text-align: center;
}
/* 둥근모서리 흰색배경 카드형 박스 */
.card-shadow  {
	display: block;
	position: relative;
	border:0.0625rem solid #dfdfdf;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 1.0625rem;
	overflow: hidden;
	box-shadow: 0 0.25rem 1rem 0 rgba(175,175,175,0.6);
}
a.card-shadow:hover  { color:unset; }
.card-shadow > .card-inner  {
	background-color: var(--main-bg);
}
.card-shadow.active:not(.card-rcmd-designer)  {  /* 선택된 상태 */
	border: 0.1875rem solid transparent;
	background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%);
	box-shadow: 0 0.25rem 1rem 0 rgba(160, 76, 239, 0.6);
	transition:box-shadow .35s ease-out;
}

/* 이미지 카드 */
.img-card  { position: relative; background-origin: border-box; background-clip: content-box, border-box; background-image:linear-gradient(#dfdfdf, #dfdfdf); border-radius: 0.625rem; padding-top:100%; overflow: hidden; }
.img-card > img  { position: absolute; top:0; left:0; width:100%; height:100%; border:0.125rem solid transparent; border-radius: 0.625rem; object-fit: cover; }
.img-card.selected,
.img-card.active  { background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%); }
.img-card.active > img  { border-width: 0.15625rem; }
.img-card::after  { content: ''; position: absolute; right:0.625rem; top:0.625rem; width:1.875rem; height:1.875rem; background: url(/assets/renewal_assets/images/icon_check_bubble.svg) center no-repeat; background-size: 0 0; transition: all 0.2s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.img-card.active::after  { background-size: 100% 100%; }

/* 헤어컬러 카드 */
.color-card  { position: relative; background-origin: border-box; background-clip: content-box, border-box; background-image:linear-gradient(#dfdfdf, #dfdfdf); border-radius:50%; width:3.75rem; height:3.75rem; margin:0 auto; overflow: hidden; }
/*.color-card > img  { position: absolute; top:0; left:0; width:100%; height:100%; border:0.125rem solid transparent; border-radius:50%; object-fit: cover; }*/
.color-card.active  { background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%); }
.color-card.active > img  { border-width: 0.15625rem; }
.color-card::after  { content: ''; position: absolute; top:50%; left:50%; width:1.5625rem; height:1.5625rem; margin-left:-0.78125rem; margin-top:-0.78125rem; background: url(/assets/renewal_assets/images/icon_check_bubble_wh.svg) center no-repeat; background-size: 0 0; transition: all 0.2s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.color-card.active::after  { background-size: 100% 100%; }

/* icon */
.icon { display: inline-block; vertical-align: middle; }

.ico-home { background: url(/assets/renewal_assets/images/ico_home.svg?v2) no-repeat center / 1.46875rem 1.46875rem; }
.ico-cart { background: url(/assets/renewal_assets/images/ico_cart.svg?v2) no-repeat center / 1.5625rem 1.59375rem }
.ico-setting  { width:1.75rem; height:1.75rem; background: url(/assets/renewal_assets/images/ico_gear.png) no-repeat center / auto 1.75rem;}
.ico-shop  { width:1.75rem; height:1.75rem; background: url(/assets/renewal_assets/images/txt-shop-choice.svg) no-repeat center / auto 1.5rem;}

.ico-arrow-sm { width: 1rem; height: 0.875rem; background: url(/assets/renewal_assets/images/icon_arrow_sm.svg) no-repeat center / 1rem 0.875rem }
.icon-info-170 { width: 5.3125rem; height: 5.3125rem; background:url(/assets/renewal_assets/images/info_170.svg)no-repeat center / 100%; }

.icon-chair  { background: url(/assets/renewal_assets/images/icon_chair.png) no-repeat center / contain; }
.icon-more-circle  { width: 1.25em; height: 1.139em; background: url(/assets/renewal_assets/images/icon_dot_more.svg) center / contain no-repeat; }
.icon-send { background: url(/assets/renewal_assets/images/ico_send.png) no-repeat center / contain; }
.icon-check-circle { background: url(/assets/renewal_assets/images/icon_check_circle.svg) no-repeat center / contain; }
.icon-cancel { background: url(/assets/renewal_assets/images/icon_cancel_2.png) no-repeat center / contain; }
.icon-arrow-view  { background: url(/assets/renewal_assets/images/icon_arrow_right.png) no-repeat center / contain; }
.icon-magic-wand { background: url(/assets/renewal_assets/images/icon_magic_wand.svg) no-repeat center / contain; }
.icon-magic-wand2 { background: url(/assets/renewal_assets/images/icon_magic_wand2.svg) no-repeat center / contain; }
.icon-light-on { background: url(/assets/renewal_assets/images/icon_lightbulb.svg) no-repeat center / contain; }
.icon-print  { background:url(/assets/renewal_assets/images/icon_print.svg) no-repeat center / contain; }


/* form */
.form-control::placeholder  { font-size: 1em; }

.text-number { font-size:1.875rem; }

/* checkbox */
.check-block { margin-bottom:0.25rem; }
.check-block:last-of-type { margin-bottom:0rem; }
.check-block .text-label  { position: relative; line-height:1.5; padding-left:1.5rem; }
.check-block .text-label input  { opacity:0; }
.check-block > .input-checkbox  { display: inline-block; width: 1.5rem; height: 1.5rem; border-radius: 0.375rem; border:0.125rem solid #afb4c2; }
.check-block .text-label .name:before { content:''; position: absolute; top:0; left:0; display:block; width: 1.5rem; height: 1.5rem; border-radius: 0.375rem; border:0.125rem solid #afb4c2; }
.check-block .text-label input:checked + .name:before,
.check-block > .input-checkbox:checked { background:url(/assets/renewal_assets/images/icon_check_wh.svg) center 35% / 80% auto #863AF8 no-repeat; border-color:transparent; }

/* radiobox */
.radio-block { margin-bottom:0.25rem; }
.radio-block .text-label .name,
.check-block .text-label .name  { padding-left:0.375em; }
.radio-block .input-radio { display:inline-block; width: 1.25rem; height: 1.25rem; background: url(/assets/renewal_assets/images/icon_radio_off.svg?v2) no-repeat center / 1.25rem; }
.radio-block .input-radio:checked { background-image: url(/assets/renewal_assets/images/icon_radio_on.svg?v2); }
.radio-block .btn-label .input-radio { display:none; }
.btn-label .name {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 5.25rem;
	height:1.875rem;
	border: 0.0625rem solid #aeb3c1;
	border-radius: 0.937rem;
	box-shadow: 0 0.0625rem 0.625rem rgba(175, 175, 175, 0.2);
	font-size: 1rem;
	color: var(--main-text-color);
	padding:0 1em;
}
.btn-label .input-radio:checked + .name{
	background-color: var(--main-gray);
	color: var(--main-white);
}


.radio-card-type input  {
	display:none;
	appearance: none;
}
.radio-card-type .text  {
	height:3.4375rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border:0.0625rem solid #dfdfdf;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 0.75rem;
	box-shadow: 0 0.15625rem 0.625rem 0 rgba(175,175,175,0.6);
	font-size:1.125rem;
}
.radio-card-type input:checked + .text {
	border: 0.15625rem solid transparent;
	border-width: 0.1875rem;
	background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%);
	box-shadow: 0 0.15625rem 0.625rem 0 rgba(160, 76, 239, 0.6);
}

.check-card-type input  {
	display:none;
	appearance: none;
}
.check-card-type .text  {
	position: relative;
	height:3.4375rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border:0.0625rem solid #dfdfdf;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 0.75rem;
	box-shadow: 0 0.15625rem 0.625rem 0 rgba(175,175,175,0.6);
	font-size:1.125rem;
}
.check-card-type input:checked + .text {
	border: 0.15625rem solid transparent;
	border-width: 0.1875rem;
	background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%);
	box-shadow: 0 0.15625rem 0.625rem 0 rgba(160, 76, 239, 0.6);
}
.check-card-type input[type=checkbox]:checked + .text:before {
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 1rem; 
	width:1.4375rem;
	height:1rem;
	background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat;
	transform: translateY(-50%);
}


/* no-data */
.no-prd {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin:3.125rem 0 2.5rem;
}

.no-prd .img{
	width:3.46875rem;
	padding-bottom:1.46875rem;
}

.no-prd .text{
	font-size: 1.125rem;
	color:#a9afc0;
}


/* 내용구분선 */
.line-divide  {
	height: 0.1875rem;
	border-top:0.0625rem solid #d5d5d5;
	border-radius: 0.09375rem;
	background-color: #dfdfdf;
}


/* logo wrapper */
/* 샵로고 BIG */
.shop-logo-wrapper  {
	width:12.5rem;
	height:12.5rem;
	border:2px solid #e8e8e8;
	border-radius: 50%;
	margin:0 auto;
	overflow: hidden;
}
.shop-logo-wrapper img  {
	object-fit: cover;
	width:100%;
	height:100%;
}


/* layout */
#wrapper  {
	height: 100%;
}
#wrapper .main-container {
	position:relative;
	width: 100%;
	height: 100%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	background-color: var(--main-bg);
	background-image: url(/assets/renewal_assets/images/ellipse_w_bg.png), url(/assets/renewal_assets/images/ellipse1_w_bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: -11.5625rem 1.1875rem, -12rem 41.5rem;
	background-size: 57.125rem 40.71875rem, 22.375rem 28.84375rem;
}

/* header */
.header {
	flex: 0 0 6rem;
	background-color: rgba(252, 253, 255, 1);
	border-bottom:1px solid rgb(239, 239, 239);
	box-shadow: 0px 5px 40px 0px rgba(218, 218, 218, 1);
}

.header.main-type  {
	flex-basis:3.9rem; background-color: transparent; border:0; box-shadow: none; /*overflow: hidden;*/
}
.header.main-type .header-inner  { align-items: flex-end; }

.header .header-inner {
	position:relative;
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 1.5625rem;
}

.header .btn-linkedbox {
	position: relative;
	display: block;
	width: 2.84375rem;
	height: 2.84375rem;
	border: 0.0625rem solid rgba(204, 204, 204, 1);
	border-radius: 0.8125rem;
	box-shadow: 0rem 0.15625rem 0.3125rem 0rem rgba(0, 0, 0, 0.12);
}

.header .btn-linkedbox .icon {
	display: inline-block;
	width:100%;
	height:100%;
}

.header .btn-linkedbox.btn-cart {
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to top, #888eff 0%, #888eff 50%, #e99ef5 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.header .btn-linkedbox.btn-cart.on:before {
	content:'';
	position: absolute;
	top: 0.40625rem;
	right: 0.40625rem;
	width: 0.75rem;
	height: 0.75rem;
	border: 0.1875rem solid rgb(255, 255, 255);
	border-radius: 50%;
	background-color: #cf39e2;
	box-sizing: border-box;
	z-index: 10;
}
.header .header-inner .left {
	flex: 0 0 auto;
	min-width:12%;
	display:flex;
	align-items:center;
	margin-right: auto;
}

.header .header-inner .right {
	flex: 0 0 auto;
	min-width:12%;
	margin-left: auto;
	display:flex;
	justify-content:flex-end;
}
.header .header-inner .h1-title {
	flex: 1;
	font-size: 1.875rem;
	text-align: center;
}
.header .header-inner .h1-title.small {
	font-size: 1.5rem;
	font-weight: 500;
}
.header .header-inner .left .btn-back + .btn-linkedbox {
	margin-left: 1.25rem;
}
.header .btn-manager,
.header .btn-share  { position: relative; display:flex; align-items: center; justify-content: center; width: 2.8125rem; height: 2.8125rem; border: 2px solid transparent; border-radius: 0.8125rem;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to top, #888eff 0%, #888eff 50%, #e99ef5 100%); background-origin: border-box; background-clip: content-box, border-box; }

.relate-links {
	position: fixed;
	top:1.0625rem;
	left:50%;
	margin-left:12.5rem;
	z-index:1000;
}
.relate-links .btn-linkedbox {
	display:flex;
	align-items: center;
	justify-content: center;
	width:2.8125rem;
	height:2.8125rem;
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to top, #888eff 0%, #888eff 50%, #e99ef5 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius:0.75rem;
	box-shadow: 0 0.15625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
}
.relate-links .btn-linkedbox + .btn-linkedbox {
	margin-top:0.625rem;
}
.relate-links .icon  {
	width:2.1875rem;
	height:2.1875rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.relate-links .icon.ico-user-app  {
	background-image: url(/assets/renewal_assets/images/ico_app_user.png);
}
.relate-links .icon.ico-owner-app  {
	background-image: url(/assets/renewal_assets/images/ico_app_owner.png);
}



.main .btn-ai  { position: absolute; top:0.75rem; right:1.5625rem; width:2.8125rem; height:2.8125rem; background: url(/assets/renewal_assets/images/ico_ai.png) no-repeat center / 100%; border-radius:0.75rem; box-shadow:0 0.125rem 0.3125rem rgba(0,0,0,0.12); }

.main-type .btn-waiting  { display:flex; align-items: center; gap:0.3125rem; height:2.5rem; background:linear-gradient(90deg, #863AF8 0%, #F367D2 100%); border-radius:0.75rem; font-size:1rem; color:var(--main-white); box-shadow:0 0.1875rem 1.25rem 0 rgba(250, 141, 218, 0.5); text-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,0.2);	padding:0 0.625rem 0 0.46875rem; margin-top:0.25rem; }
.main-type .btn-waiting .icon  { width:1.5625rem; height:1.5625rem; background:url(/assets/renewal_assets/images/icon_wait.svg) center 67% no-repeat rgba(255,255,255,0.3); background-size:80% 80%; border-radius:0.3125rem; }

.main { position: relative;	flex:1; }
.main .content  { position: absolute; top:0; left:0; width:100%; height:100%; overflow-y: auto; }
.main .content .inner { min-height:100%; display: flex; flex-direction: column; margin: 0 1.5625rem; }

.inner > .full-width  {	margin-left:-1.5625rem;	margin-right:-1.5625rem }

.contentbox-inner  { margin: 0 1.5625rem; }


/* 슬라이드 - 메인메뉴(화면상단) */
.main-menu-swiper  { position: relative; margin-bottom: -1.2425rem; }
.main-menu-swiper .swiper  { padding: 0.9375rem 1.5625rem 0.93rem; }
.main-menu-swiper .swiper-slide  { width: auto; height:2.78125rem; display: flex; align-items: center; background-color: #ededed; border-radius: 0.68em; font-size: 1.375rem; font-weight: var(--font-medium); color:#858b9c; letter-spacing: -0.04em; padding: 0 1rem; margin-right:0.68em; cursor: pointer; }
.main-menu-swiper .swiper-slide:last-child { margin-right: 0; }
.main-menu-swiper .swiper-slide.active  { color: var(--main-white); box-shadow: inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28), 0 0.125rem 0.725rem 0 rgba(0, 0, 0, 0.32) !important;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, rgba(255,255,255,0) 0.3rem),linear-gradient(125deg, var(--main-purple) 36%, var(--main-pink) 64%); }
.main-menu-swiper .swiper-slide a  { height:100%; display: flex; align-items: center; color:#858b9c; letter-spacing: -0.04em; padding: 0 1rem; margin:0 -1rem; }
.main-menu-swiper .swiper-slide.active a  { color: var(--main-white); }
.main-menu-swiper .swiper-button-prev.swiper-button-disabled,
.main-menu-swiper .swiper-button-next.swiper-button-disabled  { opacity: 0; }
.main-menu-swiper .swiper-button-next,
.main-menu-swiper .swiper-button-prev { top:0; bottom:0; width:1.5625rem; height:auto; margin-top:0; background:url(/assets/renewal_assets/images/swiper-button-bg1.png) left top / auto 100% no-repeat; }
.main-menu-swiper .swiper-button-next  { right:0;  }
.main-menu-swiper .swiper-button-prev  { left:0; background-position:right top; }
.main-menu-swiper .swiper-button-next::after,
.main-menu-swiper .swiper-button-prev::after  { content:''; width:50%; height:1.3125rem; background:url(/assets/renewal_assets/images/arrow_gray_1.png) left top / auto 1.3125rem no-repeat }
.main-menu-swiper .swiper-button-next::after  { transform: rotate(180deg); }


/* 슬라이드 - 시간선택 */
.time-swiper  { position: relative; }
.time-swiper .swiper  { padding: 0 1.5625rem; }
.time-swiper .swiper-slide  { width: auto; background-color: #fbfcfe; border: 0.0625rem solid #ededed; background: url(/assets/renewal_assets/images/icon_clock-gray.svg) 0.4375rem center / 1.1875rem auto no-repeat; border-radius: 0.938rem;
	font-size: 0.9375rem; font-weight: var(--font-medium); color:#9d9e9f; line-height: 1.75rem; letter-spacing: -0.04em; padding: 0 0.6875rem 0 2.0625rem; margin-right:0.8125rem; }
.time-swiper .swiper-slide:last-child { margin-right: 0; }
.time-swiper .swiper-slide.active  { color:var(--main-white); background-image: url(/assets/renewal_assets/images/icon_clock-active.svg); background-color: var(--purple-bg); border-color: var(--purple-bg); text-shadow: 0 0.0625rem 0.15625rem rgba(0, 0, 0, 0.15); }
.time-swiper .swiper-button-prev.swiper-button-disabled,
.time-swiper .swiper-button-next.swiper-button-disabled  { opacity: 0; }
.time-swiper .swiper-button-next,
.time-swiper .swiper-button-prev { top:0; bottom:0; width:1.375rem; height:1.875rem; margin-top:0; background-color: rgba(255,255,255,0.6); }
.time-swiper .swiper-button-next  { right:0; border-top-left-radius: 0.938rem; border-bottom-left-radius: 0.938rem; }
.time-swiper .swiper-button-prev  { left:0; border-top-right-radius: 0.938rem; border-bottom-right-radius: 0.938rem; }
.time-swiper .swiper-button-next::after,
.time-swiper .swiper-button-prev::after  { content:''; width:38%; height:0.8125rem; background:url(/assets/renewal_assets/images/arrow_gray_1.png) left top / auto 0.8125rem no-repeat }
.time-swiper .swiper-button-next::after  { transform: rotate(180deg); }


/* 슬라이드 - 카테고리 선택 */
.category-swiper  { position: relative; margin-top:1rem; }
.category-swiper .swiper  { padding: 0.25rem 1.5625rem 0.75rem; }
.category-swiper .swiper-slide  { width: auto; min-width: 4rem; background-color: transparent; border-radius: 0.938rem; text-align: center; font-size: 1.125rem; font-weight: var(--font-medium); color:#858b9c; line-height: 1.875rem; letter-spacing: -0.04em; padding: 0 1.25rem; margin-right:0.1875rem; }
.category-swiper .swiper-slide:last-child { margin-right: 0; }
.category-swiper .swiper-slide.active  { color:var(--main-white); background-color: var(--purple-bg); text-shadow: 0 0.0625rem 0.15625rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.12); }
.category-swiper .swiper-button-prev.swiper-button-disabled,
.category-swiper .swiper-button-next.swiper-button-disabled  { opacity: 0; }
.category-swiper .swiper-button-next,
.category-swiper .swiper-button-prev { top:0.25rem; bottom:0; width:1.375rem; height:1.875rem; margin-top:0; background-color: rgba(255,255,255,0.6); }
.category-swiper .swiper-button-next  { right:0; border-top-left-radius: 0.938rem; border-bottom-left-radius: 0.938rem; }
.category-swiper .swiper-button-prev  { left:0; border-top-right-radius: 0.938rem; border-bottom-right-radius: 0.938rem; }
.category-swiper .swiper-button-next::after,
.category-swiper .swiper-button-prev::after  { content:''; width:38%; height:0.8125rem; background:url(/assets/renewal_assets/images/arrow_gray_1.png) left top / auto 0.8125rem no-repeat }
.category-swiper .swiper-button-next::after  { transform: rotate(180deg); }


/* 입력폼 */
.phone-input-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	border: 2px solid #c1c1c1;
	background-color: var(--main-white);
	border-radius: 0.78125rem;
	border-radius: 0.78125rem;
	background-color: var(--main-white);
	box-shadow: 0 0 1.3125rem 0 rgba(211, 96, 222, 0.2);
	padding: 0 1rem;
}
.modal-body .phone-input-wrapper  {
	padding: 0;
	box-shadow: 0 0 0.875rem 0 rgba(211, 96, 222, 0.2);
}
.phone-input-wrapper + .phone-input-wrapper  {
	margin-top:1rem;
}

.phone-input-wrapper .phone-input {
	flex: 0 0 25%;
	position: relative;
}
.phone-input-wrapper .phone-input:last-child {
	flex: 1;
}
.phone-input-wrapper .phone-input ~ .phone-input  {
	flex: 0 1 min-content;
}
.phone-input-wrapper .phone-input input {
	width: 100%; height: 3.3125rem;
	border:0; font-size: 1.625rem;
	color: var(--main-title-color1);
	text-align: center;
}
.phone-input-wrapper .phone-input input::-ms-reveal { display: none; }
.phone-input-wrapper .phone-input input::placeholder { position: absolute; top:0.8125rem; left:0; width:100%; font-size: 1.125rem; letter-spacing: -0.06em; }
.phone-input-wrapper .phone-input .btn-chk-eyes,
.phone-input-wrapper .phone-input .btn-clear  { visibility:hidden; position:absolute; top:50%; transform: translateY(-50%); width:1.75rem; height:1.75rem; outline:0; }
.phone-input-wrapper .phone-input .btn-chk-eyes  { right:1.875rem; background:url(/assets/renewal_assets/images/ico_eye_off.svg) center center no-repeat #fff; background-size: 100% auto; }
.phone-input-wrapper .on .btn-chk-eyes { background-image:url(/assets/renewal_assets/images/ico_eye.svg) }
.phone-input-wrapper .phone-input .btn-clear  { right:-0.25rem; background: transparent; }
.phone-input-wrapper .phone-input .btn-clear::before  { content:''; position:absolute; top:0.25rem; left:0.25rem; width:1.25rem; height:1.25rem; border-radius:50%; background:url(/assets/renewal_assets/images/icon_close_white.svg)center center no-repeat var(--main-red); }


/* 화면상단 입력받는부분 */
.top-number  { padding: 1.25rem 0; }
.top-number .phone-input-wrapper  { border-color: #e2e2e2; }

/* phone1 phone2 */
.phone-input-wrapper .phone-input .phone1{ text-align:right; }
.phone-input-wrapper .phone-input .phone2{ width: 10.6em; text-align:left; padding-left:0.75em; }
.modal-body .phone-input-wrapper .phone-input  { flex-basis:20%; }
.modal-body .phone-input-wrapper .phone-input .phone2{ width: 8em; padding-left:0; }

.select-wrapper  { border: 0.09375rem solid #DFDFDF; border-radius: 0.5rem; background: url(/assets/renewal_assets/images/arrow_down.svg) calc(100% - 0.75rem) center no-repeat; background-size:1.5rem auto; box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.2); }
.select-wrapper select  { width:100%; font-size:inherit; color:var(--main-title-color2); padding-left:1em; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.select-wrapper::-ms-expand { display:none } /* 화살표 없애기 for IE10, 11*/


/* 숫자패드 */
.keypad-number { display: flex; flex-wrap: wrap; gap: 0.375rem 0.875rem; margin:0; }
.phone-input-wrapper + .keypad-number  { margin-top:1rem; }
.keypad-number + .btn-wrap  { margin-top:0.9375rem; }
.keypad-number .card  { flex: 1; border: 2px solid #ebebf7; border-radius: 0.75rem; box-shadow: none !important; }
.keypad-number .card-body  { height: 3.625rem; display:flex; align-items: center; justify-content: center; font-size: 1.75rem; color: var(--main-title-color1); padding: 0; }
.keypad-number .card-body.clear  { font-size: 1.25rem; }
.keypad-number .card-body.delete  { background: url(/assets/renewal_assets/images/keypad_delete.png) center center / 2.625rem auto no-repeat; }
.keypad-number .card-body.delete:active  { background-image: url(/assets/renewal_assets/images/keypad_delete_active.png); }
.keypad-number .card:active  { background-color: var(--main-purple); border-color: var(--main-purple); }
.keypad-number .card:active .card-body { color:var(--main-white); }

.keypad-number.keypad-big  { padding:1.5625rem 0 1.25rem }
.keypad-number.keypad-big .card  { border-radius: 1.875rem; box-shadow: 0 0 0.625rem 0 rgba(212, 66, 222, 0.2) !important; }
.keypad-number.keypad-big .card-body  { height:6.25rem; }
.keypad-number.keypad-big .card-body.clear  { font-size:1.5rem; }

/* 휴대번호 조회결과 */
.phone-search-result  { border-top:2px solid #EDEDED; padding-top:0.9375rem; margin-top:0.9375rem; }
.phone-search-result .origin-box  { height:2.5rem; border:0.0625rem solid #E6EAF3; background: #F6FAFD; border-radius: 0.4375rem; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: var(--font-medium); }
.phone-search-result .origin-box b  { color: var(--main-purple); }
.phone-search-result .result-list  { max-height:7.25rem; text-align: left; overflow-y: auto; margin-top:0.9375rem; }
.phone-search-result .result-list li  { padding-bottom:0.4375rem; }
.phone-search-result .result-list .radio-block  { display: inline-block; min-width:5rem; vertical-align: top; }
.phone-search-result .result-list .text-label .name  { font-size:0.875rem; color:var(--main-text-color); padding-left:0.25em; }
.phone-search-result .result-list .input-radio:checked + .name  { color:var(--main-title-color1); }
.phone-search-result .result-list .btn-pink  { height:1.25rem; font-size:0.78125rem; vertical-align: top; padding: 0 0.625rem; }

.phone-search-list  { min-height:40vh; text-align: left; }
.phone-search-list ul  { height:calc(60vh - 2rem); padding:0.75rem 0.5rem; margin-left:-0.5rem !important; margin-right:-0.5rem !important }
.phone-search-list li  { margin-bottom:0.75rem; }
.phone-search-list .radio-card-type  { position:relative; width:100%; }
.phone-search-list .radio-card-type .text  { justify-content: flex-start; text-indent:1rem; }
.phone-search-list .radio-card-type input:checked + .text  { text-indent:0.875rem; }
.phone-search-list .radio-card-type input:checked + .text:after  { content:''; position:absolute; top:50%; right:1rem; margin-top:-0.65rem; width:1.4375rem; height:1.25rem; background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat; }


/******** modal popup ********/
.modal-kiosk {
	text-align:center;
}

.modal-kiosk .modal-content{
	background-color:#fff;
	border-radius: 1.25rem;
}

.modal-kiosk .modal-header,
.modal-kiosk-btm .modal-header {
	min-height:4.0625rem;
	background-image: -moz-linear-gradient( -25deg, rgb(134,58,248) 0%, rgb(243,103,210) 100%);
	background-image: -webkit-linear-gradient( -25deg, rgb(134,58,248) 0%, rgb(243,103,210) 100%);
	background-image: -ms-linear-gradient( -25deg, rgb(134,58,248) 0%, rgb(243,103,210) 100%);
	background-image:linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, rgba(255,255,255,0) 0.3rem), linear-gradient( 65deg, rgb(134,58,248) 0%,  rgb(243,103,210) 100%);
	box-shadow: inset 0px 0rem 0.25rem rgba(0, 0, 0, 0.28);
	border-top-left-radius: 1.25rem;
	border-top-right-radius: 1.25rem;
	justify-content: center;
	margin-top:-1px;
}
.modal-kiosk .modal-header.bg-white {
	min-height:auto;
	background-image: unset;
	border-bottom:0;
	box-shadow: unset;
}
.modal-kiosk .modal-header.bg-pink  {
	background: var(--main-pink);
}
.modal-kiosk .modal-header.bg-blue  {
	background: var(--main-blue);
}

/* modal-xl , modal-lg 까지 커스텀 */
.modal-kiosk .modal-dialog  {
	padding-top:2.75rem;
	margin-left:auto;
	margin-right:auto;
}
.modal-kiosk .modal-dialog.modal-xl{
	max-width: 28.75rem;
}

.modal-kiosk .modal-dialog.modal-lg{
	max-width: 24.6875rem;
}

/* modal-kiosk-btm 커스텀 ( 하단에 붙은 '구매상세' 모달 ) */
.modal-kiosk-btm .modal-content{
	background-color:#fff;
	border:0;
	border-radius: 0;
	border-top-left-radius: 1.25rem;
	border-top-right-radius: 1.25rem;
}
.modal-kiosk-btm .modal-dialog  {
	width:100%;
	height:100%;
	max-width: 100%;
	display: flex;
	align-items: flex-end;
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
}
.modal-kiosk-btm .modal-dialog .modal-content  {
	transform: translateY(100%);
	transition: all 0.3s ease-in;
	transition-delay: 0.1s;
}
.modal-kiosk-btm.show .modal-dialog .modal-content  {
	transform: translateY(0);
}

.modal-kiosk .modal-header .modal-title,
.modal-kiosk-btm .modal-header .modal-title {
	font-size: 1.5625rem;
	line-height: 1.25;
	color: var(--main-white);
	text-shadow: 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.24);
}

.modal-kiosk .modal-body {
	padding: 0 1.875rem;
	margin-top: 1.375rem;
	margin-bottom: 1.375rem;
}

.btn-modal-wrap .btn-inner {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0;
}

.modal-footer.btn-modal-wrap  {
	padding: 0 1.875rem 1.875rem;
	border: 0;
}

.modal-kiosk .btn-circle-close,
.modal-kiosk-btm .btn-circle-close {
	position: absolute;
	top: -4.0625rem;
	left: 50%;
	transform: translateX(-50%);
}

.modal-kiosk-btm .btn-bar-close  {
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:2.5rem;
	z-index: 10;
}
.modal-kiosk-btm .btn-bar-close:after  {
	content:'';
	position:absolute;
	top:1.25rem;
	left:50%;
	transform:translateX(-50%);
	width:4.375rem;
	height:0.625rem;
	background: #D7D7D7;
	border-radius: 0.375rem;
}

.btn-modal-wrap .btn-inner > .btn {
	width: 100%;
	min-height: 4.09375rem;
	font-size: 1.5rem;
	font-weight: var(--font-medium);
	padding: 0.25rem;
	color: var(--main-white);
	text-shadow: 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.24);
	border-radius: 0.78125rem;
	line-height: 1.25;
	overflow: hidden;
}

.btn-modal-wrap .btn-inner > .btn ~ * {
	font-size: 1.3125rem;
	margin-left: 0.65625rem;
	border-radius: 0.78125rem;
}

.btn-modal-wrap .btn-inner > .btn .text {
	color: inherit;
	line-height: inherit;
}

.modal .btn-full-btm {
	display: flex;
	height:4.0625rem;
	margin-bottom:-0.0625rem;
}
.modal .btn-full-btm button  {
	width:100%;
	font-size:1.5rem;
	color:#fff;
	font-weight:700;
}
.modal .btn-full-btm button:first-child  {
	border-bottom-left-radius:1.25rem;
}
.modal .btn-full-btm button:last-child  {
	border-bottom-right-radius:1.25rem;
}
.modal .btn-full-btm .btn-update  {
	background-color: #F130B1;
}
.modal .btn-full-btm .btn-close  {
	background-color: #0E4A7C;
}

.modal-backdrop.show {
	opacity:0.87;
}


/* 모달 : modal-info 안내 타이틀 공통 */
.modal-info .point-purple {
	color: var(--main-purple);
	font-weight: var(--font-bold);
}
.modal-info .modal-inner .text {
	font-size: 1.125rem;
	color: var(--main-text-color);
}
.modal-body.modal-info .info-reselection {
	min-height:34vh;
	padding-bottom: 1rem;
}
.modal-info .info-reselection .ttl-h3  {
	font-weight: var(--font-medium);
	color: var(--main-text-color);
	line-height: 1.318;
}
.modal-info .info-reselection .ttl-info,
.modal-info .info-reselection .ttl-ok,
.modal-info .info-reselection .pro-info,
.modal-info .info-reselection .logout-info  {
	padding-top: 10rem;
	padding-bottom: 2rem;
}
.modal-info .info-reselection .ttl-info { /* 원형 느낌표 아이콘 */
	background: url(/assets/renewal_assets/images/info_170.png) no-repeat center 2rem / 5.3125rem 5.3125rem;
}
.modal-info .info-reselection .ttl-ok { /* 구름 체크 아이콘 */
	background: url(/assets/renewal_assets/images/info_ok.png) no-repeat center 2rem / auto 5.3125rem;
}
.modal-info .info-reselection .pro-info { /* 제품관리 아이콘 */
	background: url(/assets/renewal_assets/images/img_flatbed.png) no-repeat center 2rem / 5.3125rem 5.3125rem;
}
.modal-info .info-reselection .logout-info { /* 웃음 하트 아이콘 */
	background: url(/assets/renewal_assets/images/img_smile_hearts.png) no-repeat center 2rem / 5.3125rem 5.3125rem;
}
.modal-info .btn-modal-wrap .text.ico-back-arrow{
	display: inline-block;
	width: 100%;
	text-align: center;
	background: url(/assets/renewal_assets/images/icon_arrow_sm.svg)no-repeat left / 1.125rem 1rem;
}
/* 05 kiosk 서비스 추가 : 비밀번호 안내 레이어 */
.modal-info .info-area .ttl-info {
	padding-top: 10.28125rem;
	padding-bottom: 3.3125rem;
}
/* 모달 인포 - 카트담기 완료(장바구니 아이콘) */
.modal-info .cart-success  {
	min-height:28.5vh;
	font-size: 1.375rem;
	line-height: 1.318;
	font-weight: var(--font-medium);
	color: var(--main-text-color);
	background: url(/assets/renewal_assets/images/img_cart_success.png) no-repeat center 1.75rem / 5.375rem 5.375rem;
	padding-top: 9.875rem;
}


/* 안내문구 */
.info-box {
	text-align:center;
	padding: 0.90625rem 1.75rem;
	background-color:#ededed;
	border-radius:0.625rem;
	margin-bottom: 1rem;
}

.info-box > p {
	font-size:1.0625rem;
	color:#8f95a4;
	letter-spacing: -1px;
}

.info-box > .c-purple {
	font-weight: 700;
}



/* 상단 보라 정보박스 */
.inform-top-box  {
	border: 0.0625rem solid rgb(162, 105, 246);
	background-color: var(--purple-bg);
	border-radius: 1.0625rem;
	box-shadow: 0 0.25rem 1rem rgba(218,218,218,0.6);
	color: var(--main-white);
	font-weight: var(--font-regular);
	padding:1.25rem;
}
.inform-top-box .icon.online-member  {
	width:1.9375rem;
	height:1.9375rem;
	background:url(/assets/renewal_assets/images/icon_online_member.png) center / contain no-repeat;
	margin-right:-0.3125rem;
}
.inform-top-box .badge  {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	height: 1.9375rem;
	font-size: 1.1875rem;
	font-weight: var(--font-regular);
	color: var(--main-white);
	line-height: 1;
	background-color: #ee66d4;
	border-radius: 1rem;
	padding:0 0.6875rem;
	margin: -0.0625rem 0;
}
.inform-top-box .user-info.guest .badge  { /* 비회원일 때 뱃지 */
	background-color: #a86dff;
	margin:0 0 0 auto;
}
.inform-top-box .user-info.guest  {
	font-weight: var(--font-medium);
}
.inform-top-box .user-info  {
	position: relative; font-size: 1.5rem;
}
.inform-top-box .user-info .provider  {
	font-size: 1.375rem;
}
.inform-top-box .user-info .ai-ex  {
	position: absolute; width:2.625rem; height:2.625rem; border-radius: 50%; border:0.0625rem solid #e4e4e4; top:-0.1875rem; right:0; cursor: pointer;
}
.inform-top-box .user-info .ai-ex img {
	width:100%; height:100%; border-radius: 50%; object-fit: cover;
}
.inform-top-box .user-info .ai-ex:after  {
	content:''; position: absolute; bottom:-0.25rem; right:-0.25rem; width:1.125rem; height:1.125rem; background: url(/assets/renewal_assets/images/ai/ico-ai-ex.png) no-repeat; background-size: 100% 100%;
}
.inform-top-box .pay-info,
.inform-top-box .user-info  {
	display: flex;
	align-items: center;
	gap:0.625rem;
}
.inform-top-box .pay-info  {
	font-size: 1.4375rem;
	margin: -0.3125rem 0;
}
.inform-top-box .pay-info .date  {
	color: #ffdd65;
	font-weight: var(--font-bold);
}
.inform-top-box .icon.icon-calendar  {
	width:2.1875rem;
	height:2.1875rem;
	background: url(/assets/renewal_assets/images/icon_calendar-day.svg) center 47% / auto 1.25rem no-repeat;
	background-color: #af79ff;
	border-radius: 0.625rem;
}
.inform-top-box .pay-info .phone-num  {
	position: relative;
	width: 7rem;
	height:1.46875rem;
	border-radius: 0.71875rem;
	background-color: #af79ff;
	padding: 0 0.5rem;
	margin-left: auto;
}
.inform-top-box .pay-info .phone-num > input  {
	width: 100%;
	height: 100%;
	font-size: 0.9375rem;
	color:var(--main-white);
	text-align: center;
	vertical-align: top;
}
.inform-top-box .pay-info .phone-num > input::placeholder  {
	position: absolute;
	top:0.25em;
	left:0;
	font-size: 0.8em;
	color:#e1ccff;
}
.inform-top-box .pay-info .phone-num > input::-webkit-input-placeholder {
	display: block;
	padding-bottom:0.25em;
}
.inform-top-box .pay-info .phone-num .btn-num-search{
	position:absolute;
	top:0.15625rem;
	right:0.15625rem;
	padding:0;
	cursor:pointer;
	width:1.15625rem;
	height:1.15625rem;
	outline: none;
	background: url(/assets/renewal_assets/images/bg_search_phone_sm.svg)  center / cover no-repeat;
}
.inform-top-box .pay-info .phone-num.clear .btn-num-search{
	background: url(/assets/renewal_assets/images/bg_close_phone_sm.svg)  center / cover no-repeat;
}
.inform-top-box .user-opt {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 2.8125rem;
	gap:0.3125rem;
}
.inform-top-box .user-opt::before  {
	content: '';
	position: absolute;
	top: 1.3125rem;
	left: 0;
	width:100%;
	height: 0.25rem;
	background-color: #a365ff;
	border-radius: 0.125rem;
}
.inform-top-box .user-opt li {
	display:flex;
	align-items: center;
	justify-content: flex-start;
	min-width:8.125rem;
}
.inform-top-box .user-opt li > span,
.inform-top-box .user-opt li > a {
	display: block;
	color: inherit;
}
.inform-top-box .user-opt li > a  {
	cursor: pointer;
}
.inform-top-box .user-opt li > .icon {
	position: relative;
	display: block;
	width: 2.625rem;
	height: 2.625rem;
	padding: 0;
	background-color: #a96fff;
	border-radius: 0.625rem;
	overflow: hidden;
}
.inform-top-box .user-opt li > .icon > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 1.875rem;
}
.inform-top-box .user-opt li.level > .icon > img  {
	top:0;
	left:0;
	transform:none;
	max-width:100%;
	height:100%;
	object-fit: cover;
}
.inform-top-box .user-opt li .txt {
	font-size: 1.3125rem;
	margin-left: 0.65625rem;
}
.inform-top-box .c-lt-green {
	color:#d3f2ec !important;
}
.inform-top-box .membership a{
	padding-right:1.25rem;
	background:url(/assets/renewal_assets/images/arrow_white_10.png)no-repeat 90% center / 0.3125rem 0.625rem;
}

.inform-top-box .membership a > span {
	display: inline-block;
	border-bottom:0.0625rem solid #fff;
}
.inform-top-box.continue  { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* 상단 예약정보박스(보라박스아래) */
.user-reserved-info  {
	position: relative;
	height: 4.5rem;
	border-bottom-left-radius: 1.0625rem;
	border-bottom-right-radius: 1.0625rem;
	border: 0.0625rem solid #b8dde1;
	background: url(/assets/renewal_assets/images/season/bg_season_01.png) left top / 100% 100% no-repeat;
	display: flex;
	gap:0.625rem;
	padding: 0 1.21875rem;
	margin:0.125rem 0 1.8125rem;
}
.user-reserved-info::before,
.user-reserved-info::after  {
	content: '';
	position: absolute;
	top:-0.1875rem;
	width:0.375rem;
	height: 0.9375rem;
	background: url(/assets/renewal_assets/images/img_ring.png)left top / cover no-repeat;
	transform: translateY(-40%);
	opacity: 0.7;
	z-index:2;
}
.user-reserved-info::before  {
	left: 1.7%;
}
.user-reserved-info::after  {
	right: 1.7%;
}
.user-reserved-info .info-summary,
.user-reserved-info .btn-date-change  {
	height: 3.125rem;
	border-radius: 0.5rem;
	box-shadow: 0 0.0625rem 0.28125rem rgba(0, 0, 0, 0.34);
	margin-top: 0.625rem;
}
.user-reserved-info .info-summary  {
	flex:1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.375rem;
	color:var(--main-white);
	text-shadow: 0 0.0625rem 0.1875 rgba(0, 0, 0, 0.15);
}
.user-reserved-info .btn-date-change  {
	flex: 0 0 3.25rem;
	background: url(/assets/renewal_assets/images/icon_more_circle.png) center center / 2em auto no-repeat;
}
.user-reserved-info.season-01  {/* 봄배경 */
	background-image: url(/assets/renewal_assets/images/season/bg_season_01.png);
}
.user-reserved-info.season-01 .info-summary,
.user-reserved-info.season-01 .btn-date-change  {
	background-color: rgba(148,201,206,0.5);
}
.user-reserved-info.season-02  {/* 여름배경 */
	background-image: url(/assets/renewal_assets/images/season/bg_season_02.png);
}
.user-reserved-info.season-02 .info-summary  {
	background-color: rgba(241,176,127,0.5);
}
.user-reserved-info.season-02 .btn-date-change  {
	background-color: rgba(13,85,178,0.5);
}
.user-reserved-info.season-03  {/* 가을배경 */
	border-color: #f4cc60;
	background-image: url(/assets/renewal_assets/images/season/bg_season_03.png);
}
.user-reserved-info.season-03 .info-summary  {
	background-color: rgba(232,159,89,0.5);
}
.user-reserved-info.season-03 .btn-date-change  {
	background-color: rgba(253,95,101,0.5);
}
.user-reserved-info.season-04  {/* 겨울배경 */
	background-image: url(/assets/renewal_assets/images/season/bg_season_04.png);
}
.user-reserved-info.season-04 .info-summary,
.user-reserved-info.season-04 .btn-date-change  {
	background-color: rgba(144,214,255,0.5);
}


/* tbl list type */
.tbl-list-wrap .tbl-list-w{
	width:100%;
	color:#8f95a4;
	font-size:1rem;
	text-align:left;
	border:0.0625rem solid #e6eaf3;
	border-radius:0.35rem;
	overflow:hidden;
}
.tbl-list-wrap .tbl-list-w li {
	display:flex;
	border-bottom:0.0625rem solid #e6eaf3;
}

.tbl-list-wrap .tbl-list-w li:last-child {
	border-bottom:0px;
}

.tbl-list-wrap .tbl-list-w li p{
	padding:.5rem;
}

.tbl-list-wrap .tbl-list-w .txt-li{
	flex:1 1 58.4%;
	max-width: 58.4%;
	background-color:var(--main-white);
}

.tbl-list-wrap .tbl-list-w .txt-li{
	position:relative;
}

.text-bullet + .table-radius  {
	margin-top:0.75rem;
}
.table-radius  {
	border-collapse: separate;
	border: 0.0625rem solid #e6eaf3;
	border-radius: 0.4375rem;
	font-size: 0.8125rem;
	color: #8f95a4;
	overflow: hidden;
}
.table-radius thead th  {
	border: 0;
	background-color: #f6fafd;
	font-weight: var(--font-medium);
}
.table-radius th,
.table-radius td  {
	border-top: 0.0625rem solid #e6eaf3;
	padding: 0.625rem 0.125rem;
}
.table-radius th + th,
.table-radius th + td,
.table-radius td + td  {
	border-left: 0.0625rem solid #e6eaf3;
}
.table-radius tbody th,
.table-radius tfoot th  {
	color: var(--main-title-color1);
	font-weight: var(--font-medium);
}
.table-radius th.text-left,
.table-radius td.text-left  {
	padding-left:1rem;
}
.table-radius .foot-primary th,
.table-radius .foot-primary td  {
	background-color: #f5efff;
}
.table-radius .foot-secondary th,
.table-radius .foot-secondary td  {
	background-color: #ffedfb;
}

/* 결제정보요약 리스트 */
.pay-info-table  { border:0.0625rem solid #e6eaf3; border-radius: 0.4375rem; overflow: hidden; }
.pay-info-table li  { display: flex; font-size:1.0625rem; font-weight: var(--font-medium); color:#8f95a4; }
.pay-info-table li + li  { border-top:0.0625rem solid #e6eaf3; }
.pay-info-table .name  { flex:0 0 37%; display: flex; align-items: center; justify-content: center; min-height: 2.6875rem; background-color: #f6fafd; border-right:0.0625rem solid #e6eaf3; }
.pay-info-table .con  { flex:1; display: flex; align-items: center; justify-content: flex-end; background: var(--main-white); padding-right:1.375rem; }
.pay-info-table .con.description  { display: block; text-align: right; padding-top:0.5rem; padding-bottom:0.5rem }
.pay-info-table .con.description .desc  { display: block; font-size:0.75em; font-weight:var(--font-regular); padding-bottom:0.25rem; }

.pay-info-table.text-left .name,
.pay-info-table.text-left .con { justify-content: flex-start; padding-left:1.3125rem }

.modal-body .pay-info-table li  { font-size:1rem; }
.modal-body .pay-info-table .con  { letter-spacing: -0.03em; }

/* card flex type1 */
.card-label-area {
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5625rem;
}

.card-label-area > li .card-shadow{
	display:block;
	height: 9.46875rem;
	background-color:#fff;
}
.card-label-area > li .card-inner{
	padding: 0.875rem 0.9375rem;
}

.card-label-area .top{
	display: flex;
}
.card-label-area .disigner-img{
	flex: 0 0 5.5625rem;
}
.card-label-area .disigner-name{
	flex:1;
	margin-top: 0.0625rem;
}

.card-label-area .disigner-img .img-inner{
	position:relative;
	width: 5.0625rem;
	height: 4.15625rem;
	border-radius: 0.6875rem;
	overflow: hidden;
}

.card-label-area .disigner-img .img-inner img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.card-label-area .tri-corner-cate {
	z-index:10;
}
.card-label-area .disigner-name .name-tac  {
	margin-top:0.1875rem;
}

.card-label-area .disigner-name .date-tac > span,
.card-label-area .disigner-name .name-tac > span{
	display:block;
	max-width:7.5em;
	white-space: nowrap;
	margin-right: -0.75rem;
	text-overflow: ellipsis;
	overflow: hidden;
}

.card-label-area .disigner-name .date-tac .txt1,
.card-label-area .disigner-name .name-tac .txt1{
	font-size:0.625rem;
	color:#989898;
}
.card-label-area .disigner-name .date-tac .txt2{
	font-size:1rem;
	font-weight:700;
	color:#656565;
}
.card-label-area .disigner-name .name-tac .txt2{
	font-size:1rem;
	color:#863af8;
	font-weight:500;
}

.card-label-area .btm {
	clear:both;
	padding-top:0.75rem;
}

.card-label-area .btm p:nth-child(1) {
	max-width:12.25rem;
	display: flex;
	justify-content: space-between;
	font-size:1.125rem;
	font-weight:700;
	color:#333;
}

.card-label-area .btm p:nth-child(1) .prd-ttl {
	flex:1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.card-label-area .btm p:nth-child(1) .prd-count {
	flex:0 0 auto;
	font-weight:500;
	color:#999999;
	vertical-align: top;
	text-align: right;
}

.card-label-area .btm p:nth-child(1) > span em{
	font-size:1.125rem;
	font-weight:500;
	color:#333;
}

.card-label-area .btm p:nth-child(2) {
	font-size:0.9375rem;
	color:#333;
	margin-top:0.3125rem;
}

.card-label-area .btm .sum {
	font-size:0.9375rem;
	color:#d225b1;
}

/* common */
/* card flex type2 (wide) */
.cardwide-label-area > li + li {
	margin-top: 1.5625rem;
}

.cardwide-label-area > li .card-shadow{
	display:block;
	height: 9.46875rem;
	background-color:#fff;
}
.cardwide-label-area > li .card-inner{
	padding: 1.0625rem;
}

.cardwide-label-area .card-inner{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-flow:column;
}

.cardwide-label-area .top {
	width: 100%;
}

.cardwide-label-area .top:after {
	content:'';
	display:block;
	clear: both;
}

.cardwide-label-area .disigner-img,
.cardwide-label-area .disigner-name{
	float:left;
}

.cardwide-label-area .disigner-name {
	position:relative;
}

.cardwide-label-area .disigner-img .img-inner{
	position:relative;
	width: 5.0625rem;
	height: 4.15625rem;
	border-radius: 0.75rem;
	overflow: hidden;
}

.cardwide-label-area .disigner-img .img-inner img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.cardwide-label-area .top:after{
	content:'';
	display:block;
	clear:both;
}

.cardwide-label-area .tri-corner-cate {
	z-index:10;
}

.cardwide-label-area .disigner-name .label {
	position:absolute;
	top:0.21875rem;
	left:0;
	width: 4.53125rem;
	height: 1.25rem;
	background:url(/assets/renewal_assets/images/img_kiosk_label.png)no-repeat center / 4.53125rem 1.25rem;
}

.cardwide-label-area .disigner-name .date-tac,
.cardwide-label-area .disigner-name .time-tac,
.cardwide-label-area .disigner-name .name-tac {
	max-width:auto;
}

/* .cardwide-label-area .disigner-name .name-tac {
    margin-top: 0.25rem;
} */
.cardwide-label-area .schedule-area {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	padding-top:2rem;
}
.cardwide-label-area .disigner-name .date-tac > span,
.cardwide-label-area .disigner-name .name-tac > span,
.cardwide-label-area .disigner-name .time-tac > span{
	display:block;
	color:#989898;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.cardwide-label-area .disigner-name .item .txt1{
	font-size: 0.75rem;
}
.cardwide-label-area .disigner-name .date-tac .txt2{
	font-size: 1.125rem;
	font-weight: 700;
	color: #656565;
}

.cardwide-label-area .disigner-name .name-tac .txt2{
	font-size:1rem;
	color:#863af8;
	font-weight:500;
}

.cardwide-label-area .disigner-name .time-tac .txt2{
	font-size:1rem;
	font-weight:700;
	color:#656565;
}

.cardwide-label-area .btm {
	margin-top:0.5rem;
}

.cardwide-label-area .btm .prd-ttl {
	font-size:1.125rem;
	font-weight:700;
	color:#333;
	padding-left:0.9375rem;
}

.cardwide-label-area .btm .prd-ttl > span{
	vertical-align:top;
	float:left;
}

.cardwide-label-area .btm .prd-ttl .ttl {
	display:inline-block;
	max-width:8.75rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size:1.0625rem;
	font-weight:500;
	color:var(--main-title-color2);
}

.cardwide-label-area .btm .prd-ttl .prd-pay{
	font-size:0.9375rem;
	color:#333;
}

.cardwide-label-area .btm .prd-ttl .prd-pay .sum{
	font-size:0.9375rem;
	font-weight:500;
	color:#989898;
}

.cardwide-label-area .btm .prd-ttl .prd-pay .sum strong{
	font-size:1rem;
	font-weight:500;
	color:#d225b1;
}

.cardwide-label-area .btm .prd-ttl .prd-pay .sale {
	position:relative;
}

.cardwide-label-area .btm .prd-ttl .prd-pay .sale:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	width:100%;
	height:1px;
	background-color:#cdcdcd;
}

.cardwide-label-area .btm .prd-ttl .prd-pay .sale,
.cardwide-label-area .btm .prd-ttl .prd-pay .sale strong {
	font-size:0.8125rem;
	font-weight:500;
	color:#ccc;
}

.cardwide-label-area .disigner-name {
	width: calc(100% - (5.5625rem + 0.9375rem));
	margin-left: 0.9375rem;
}

.cardwide-label-area > li .card-inner {
	position:relative;
	padding-right:4.1875rem;
}

.cardwide-label-area .opt-area {
	position: absolute;
	top: 50%;
	right: 1.28125rem;
	transform:translate(0 , -50%);
}

.cardwide-label-area .btm {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width: 100%;
}

.cardwide-label-area .qty-section{
	min-width: 5.0625rem;
}

.cardwide-label-area .prd-ttl {
	width: 100%;
}

/* 카테고리구분(디자이너정보 코너) */
.tri-corner-cate  { position: absolute; top:0; right:0; width:3.84375rem; height:3.875rem; background: url(/assets/renewal_assets/images/bg_flag_category.png); }
.tri-corner-cate::after  { content: ''; position:absolute; top:0.25rem; right:0.3125rem; width:1.25rem; height:1.25rem; background:url(/assets/renewal_assets/images/icon_cate_flag.png) left top / 100% auto no-repeat; }
.tri-corner-cate.hair::after  { background-position:left top; }
.tri-corner-cate.nail::after  { background-position:left -1.25rem; }
.tri-corner-cate.makeup::after  { background-position:left -2.5rem; }


/* 서브 메뉴 인트로 */
.btn-menu-card{
	position: relative;
	padding: 1.25rem;
	background-color: var(--main-white);
	border:2px solid #dfdfdf;
	border-radius: 1.0625rem;
	box-shadow: 0 0.1875rem 1.25rem rgba(218, 218, 218, 0.5);
	cursor: pointer;
}
.btn-menu-card:after {
	content: '';
	display: block;
	position: absolute;
	right: 1.25rem;
	bottom: 2.1875rem;
	width: 1rem;
	height: 0.84375rem;
	background: url(/assets/renewal_assets/images/arrow_main_3.png)no-repeat center / contain;
}
.btn-menu-card .ttl-h5 {
	position: relative;
	margin-bottom: 1.1875rem;
	text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15);
}
.btn-menu-card .ttl-h5:before {
	content: '';
	position: absolute;
	bottom: -0.6rem;
	left: 0;
	width: 4.71875rem;
	height: 0.25rem;
	background-color:#f2a1c1;
	border-radius: 0.25rem;
}
.btn-menu-card .ttl-h5 + p {
	font-size: 0.9375rem;
	line-height: 1.267;
	text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15);
	padding-bottom: 0.5625rem;
}
.btn-menu-card .card-img {
	display: inline-flex;
	align-items: flex-end;
	width: 2.625rem;
	height: 3.125rem;
	vertical-align: top;
	margin-right: 0.3125rem;
}
.btn-menu-card .card-img img{
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 0.625rem;
}
.btn-menu-card .card-img.no-round img{
	border-radius: 0 !important;
}
.btn-menu-card.new-reserve-pink,
.btn-menu-card.new-reserve-purple  {
	color:#3e465b;
	text-align:left;
	box-shadow: 0 0.15625rem 1.25rem rgba(218, 218, 218, 0.5);
}
.btn-menu-card.new-reserve-pink  {
	border-color:#f9c6c6;
}
.btn-menu-card.new-reserve-pink:after {
	background-image: url(/assets/renewal_assets/images/arrow_main_4.png);
}
.btn-menu-card.new-reserve-purple  {
	border-color:#c59eff;
}
.btn-menu-card.new-reserve-purple .ttl-h5  {
	display: inline-block;
}
.btn-menu-card.new-reserve-purple .ttl-h5:before  {
	width:100%;
	background-color:#c59eff;
}
.btn-menu-card.new-reserve-purple:after {
	background-image: url(/assets/renewal_assets/images/arrow_main_5.png);
}
.btn-menu-card.new-reserve-purple .point  {
	font-weight: var(--font-bold);
	color:var(--main-purple);
}
.modal-no-member .btn-menu-card  {
	margin-top: 2.625rem;
}

/* 예약된 시간정보 선택 */
.text-bullet + .reserved-time-series   { margin-top:0.5rem }
.reserved-time-series  { height: 12.3125rem; display: flex; flex-wrap: wrap; gap:0.9375rem 1.25rem; align-content: flex-start; padding:0.375rem 0.5rem 0.75rem; margin-left:-0.5rem; margin-right:-0.5rem; overflow-y: auto; }
.reserved-time-series li  { min-width:calc(33.33% - 0.833rem); height: 2.625rem; border: 0.0625rem solid #dfdfdf; border-radius: 1.3125rem; background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0 0.125rem 0.9375rem rgba(175, 175, 175, 0.5); }
.reserved-time-series li.active { border:0.15625rem solid transparent; background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%); box-shadow: 0 0.25rem 1rem 0 rgba(160, 76, 239, 0.6); }
.reserved-time-series li > .unit  { height:100%; display: flex; align-items: center; justify-content: center; font-size: 1.0625rem; }


/* 디자이너 리스트 */
.designer-list  {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	padding: 1.875rem 0;
}
.designer-list .card-shadow  {
	height: 100%;
	min-height: 13.03125rem;
}
.designer-list .card-shadow.active::after,
.designer-list .card-shadow.reserved::after  {
	content: '';
	position: absolute;
	top:0.71875rem;
	right:0.875rem;
	width:1.4375rem;
	height:1.25rem;
	background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat;
}
.designer-list .card-shadow.active.comment-view::after,
.designer-list .card-shadow.reserved.comment-view::after  {
	display: none;
}
.designer-list .card-shadow .card-inner  {
	padding: 0.875rem;
}
.designer-list .card-shadow.active .card-inner  {
	padding: 0.78125rem;
	padding: 0.75rem;
}
.designer-list .profile  {
	padding-left:7rem;
	overflow: hidden;
}
.designer-list .img-profile  {
	width: 6.25rem;
	height: 5.125rem;
	float:left;
	border-radius: 0.625rem;
	margin-bottom: 0.84375rem;
	margin-left: -7rem;
	overflow: hidden;
}
.designer-list .img-profile > img  {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.designer-list .summary  {
	width: 100%;
	font-size:0.8125rem;
	color:#a8a8a8;
}
.designer-list .category  {
	color:#a8a8a8;
	margin-bottom:0.34375rem;
}
.designer-list .category strong  {
	display: block;
	font-size:1rem;
	color: #656565;
}
.designer-list .tag-text  {
	display: inline-block;
	position: relative;
	margin-top:0.4375rem;
	z-index:1;
}
.designer-list .tag-text::before  {
	content: '#';
}
.designer-list .tag-text::after  {
	content: '';
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0.55em;
	background-color: #ffdcf7;
	z-index:-1;
}
.designer-list .designer  {
	clear:both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom:0.53125rem;
}
.designer-list .designer .name  {
	font-size: 1.0625rem;
	color:#863af8;
	font-weight: var(--font-medium);
}
.designer-list .designer .status  {
	font-size: 0.8125rem;
	flex-shrink: 0;
	color:#858b9c;
}
.designer-list .designer .status.working  {
	color:var(--main-pink);
}
.designer-list .comment  {
	position: relative;
	background-color: #ededed;
	border-radius: 0.625rem;
	font-size: 0.8125rem;
	color:#858b9c;
	padding: 0.5625rem 0.8125rem 0.625rem;
}
.designer-list .comment p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify;
	height: 2.7em;
	line-height: 1.35;
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none;
	overflow: hidden;
}
.designer-list .comment p::-webkit-scrollbar {
	display: none;
}
.designer-list .comment::before  {
	content: '';
	position: absolute;
	bottom: 0.7em;
	right: 1.25em;
	width : 0.75rem;
	height: 1.35em;
	background:#ededed ;
}
.designer-list .comment::after  {
	content: '';
	position: absolute;
	bottom: 1em;
	right: 1.3em;
	height: 0.6875rem;
	width: 0.375rem;
	background:url(/assets/renewal_assets/images/arrow_gray_1.png) left top / contain no-repeat ;
	transform: rotate(-90deg);
	opacity: 0.7;
}
.designer-list .pro-name  {
	height:1.3125rem;
	font-size:1.0625rem;
	font-weight: var(--font-medium);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0.3125rem 0 0.25rem;
}
.designer-list .pro-price  {
	font-size: 1rem;
	font-weight: var(--font-medium);
}
.designer-list .pro-price .price-before  {
	font-size:0.8125em;
	font-weight: var(--font-regular);
	color:#ccc;
	text-decoration: line-through;
}
.designer-list .pro-price .point  {
	color:#d225b1;
}
.designer-list .card-shadow .btn-comment-view-close  {
	display: none;
	position:absolute;
	top: 1rem;
	right: 1rem;
	width: 1.4375rem;
	height: 1.1875rem;
	background: url(/assets/renewal_assets/images/icon_close_white.svg) center center / 100% auto no-repeat;
	z-index:3;
}
.designer-list .card-shadow.comment-view  { /* 소개글보기 형태 */
	border: 0;
	background: url(/assets/renewal_assets/images/bg_card_comment_mode.jpg) 100% 100% no-repeat;
	overflow: visible;
}
.designer-list .card-shadow.active.comment-view::after  {
	display: none;
}
.designer-list .card-shadow.comment-view .card-inner  {
	background: none;
}
.designer-list .card-shadow.comment-view .summary,
.designer-list .card-shadow.comment-view .designer,
.designer-list .card-shadow.comment-view .comment::before,
.designer-list .card-shadow.comment-view .comment::after  {
	display: none;
}
.designer-list .card-shadow.comment-view .img-profile  {
	position: absolute;
	top: -1rem;
	left: 50%;
	width: 3.875rem;
	height: 3.875rem;
	border: 0.1875rem solid #cfaeec;
	border-radius: 50%;
	margin-left:-1.9375rem;
	z-index:3;
}
.designer-list .card-shadow.comment-view .comment  {
	position: absolute;
	top: 0.5625rem;
	left: 0.5625rem;
	right: 0.5625rem;
	bottom: 0.5625rem;
	background: rgba(255,255,255,0.3);
	color:var(--main-white);
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);;
	padding-top:3.3125rem;
	z-index:2;
}
.designer-list .card-shadow.comment-view .comment p  {
	display: block;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
	height: 10.5em;
	padding-bottom: 0.5em;
	overflow-y: scroll;
}
.designer-list .card-shadow.comment-view .btn-comment-view-close  {
	display: block;
}
/*  휴무, 예약차단 상태
.designer-list .card-shadow.holiday-mode,
.designer-list .card-shadow.barrier-mode  { pointer-events: none; }
.designer-list .card-shadow.holiday-mode::before,
.designer-list .card-shadow.barrier-mode::before  { content: ''; position: absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(255,255,255,0.6); z-index:2; }
.designer-list .card-shadow.holiday-mode::after,
.designer-list .card-shadow.barrier-mode::after  { position: absolute; top:50%; left:50%; width:8.125rem; height:2.6875rem; transform: translate(-50%, -50%); border-radius: 1.375rem;
    background: url(/assets/renewal_assets/images/icon_designer_mode.png) 0.75rem top / 1.8125rem auto no-repeat; display: flex; align-items: center; font-size:1.1875rem; color:var(--main-white); padding-left:3rem; z-index:3; }
.designer-list .card-shadow.holiday-mode::after  { content: '휴무예요'; background-color: #729fff; }
.designer-list .card-shadow.barrier-mode::after  { content: '예약차단'; background-color: #ff4c4c; background-position: 0.75rem -2.6875rem; }
*/

/* 카테고리(제품) 리스트 */
.product-list li { padding-bottom:1.5625rem; }
.product-list .card-inner   { padding:0.875rem 1.1875rem 0.9375rem; }
.product-list .pro-info  { position: relative; min-height:5.125rem; padding-left:6.25rem }
.product-list .pro-info + .pro-info  { margin-top:0.9375rem; padding-top:0.9375rem; }
.product-list .pro-info + .pro-info::before  { content: ''; display: block; border-top:0.0625rem solid #DFDFDF; position: absolute; left:-1.1875rem; right:-1.1875rem; top:-1px; }
.product-list .img-pro  {float:left; width:5.125rem; height:5.125rem; border-radius: 0.625rem; margin-left:-6.25rem; overflow: hidden; }
.product-list .img-pro > img  {width:100%; height:100%; object-fit: cover; object-position:center;}
.product-list .category  { font-size:0.75rem; color:var(--main-text-color); }
.product-list .name-pro  { font-weight: var(--font-medium); text-align: left; margin-bottom: 0.375rem; margin-right:1rem; }
.product-list .name-pro2  { font-weight: var(--font-medium); text-align: left; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0.125rem; overflow: hidden; }
.product-list .amount  { display: flex; align-items: center; gap:0.4375rem; font-size:1rem; color: #989898; }
.product-list .price-before,
.keeping-info .price-before  { font-size:0.8125em; color: #ccc; text-decoration: line-through; }
.product-list .point  { font-weight: var(--font-medium); color: #d225b1; }
.product-list .qty-amount  { font-size: 1.125rem; font-weight: var(--font-medium); color: #3e465b; line-height: 1; }
.product-list .btn-view-detail  { position: absolute; bottom:0; right:0; height: 1.5rem; display: inline-flex; align-items: center; background: #ededed; border-radius: 0.4375rem; font-size:0.75rem; color:var(--main-text-color); padding:0 0.4375rem 0; z-index:5; }
.product-list .btn-view-detail::after  { content: ''; display: block; width:0.625rem; height:100%; background: url(/assets/renewal_assets/images/arrow_main_7.png) left center / contain no-repeat; margin-left:0.3125rem; }
.product-list .active .card-inner   { padding:0.75rem 1.0625rem 0.8125rem; }
.product-list .card-shadow.active::after  { content: ''; position: absolute; top:1.125rem; right:0.9375rem; width:0.9375rem; height:0.6875rem; background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat; }
.product-list .line-divide  { margin-top:0.9375rem; }
.product-list .keeping-btns  { display: flex; align-items: center; justify-content: space-between; border-top:0.0625rem solid #DFDFDF; padding:0.625rem 0; margin-top:0.9375rem; margin-bottom:-0.9375rem; }
.product-list .keeping-btns .btn-reserve  { background: var(--main-pink); height:1.875rem; border-radius: 0.5rem; box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.2); font-size: 0.875rem; color: var(--main-white); padding:0 0.75rem; }
.product-list .keeping-btns .date  { font-size:0.75rem; color: #aaa; }
/*.product-list .keeping-rest .btn-view-passover  { width:1.5625rem; height:1.5625rem; border-radius: 0.4375rem; background: url(/assets/renewal_assets/images/ico_scope_wh.svg) center / 0.6875rem auto no-repeat var(--main-purple); box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.2); margin-left:0.25rem; }*/
.product-list .keeping-rest  { font-weight: var(--font-medium); margin-top:0.375rem; }
.product-list .keeping-rest .point  { color: #FF4C4C; }
.product-list .keep-pro-status  { position: absolute; top:0.5rem; right:0.5rem; left:0.5rem; height:5.75rem; background-color: rgba(249, 250, 254, 0.6); }
.product-list .keep-pro-status .status-info  { position: absolute; top:26%; left:50%; transform: translateX(-50%); border-radius: 1.375rem; font-size:1.0625rem; color:var(--main-white); line-height:1; white-space: nowrap; padding:0.8125rem 1rem 0.8125rem 2.875rem; }
.product-list .keep-pro-status.use-all .status-info  { background:url(/assets/renewal_assets/images/icon_pro_useall.png) 0.875rem center / 1.59375rem auto no-repeat #FF4C4C; }
.product-list .keep-pro-status.take-out .status-info  { background:url(/assets/renewal_assets/images/icon_pro_takeout.png) 0.875rem center / 1.59375rem auto no-repeat #729FFF; }
.product-list .keep-pro-status .date  {  font-size:0.78125rem; color:var(--main-white); }
.product-list .pro-stock  { border-top:0.0625rem solid #DFDFDF; font-size:0.875rem; color:var(--main-text-color); text-align: center; padding-top:0.375rem; margin:1rem -1.0625rem -0.375rem; }
.keeping-info { padding:0.78125rem 0; }
.keeping-info .pay-plan  { float:left; width:5.5rem; height:1.75rem; font-size:1.125rem; margin-left:0.75rem; }
.keeping-info .pay-plan .name { padding-left:0.25rem }
.keeping-info .pay-plan .input-radio:checked + .name { color:var(--main-purple) }
.keeping-info .pay-plan .input-radio:checked  { background-image: url(/assets/renewal_assets/images/icon_radio_purple.svg); }
.keeping-info ul  { clear:both; display: grid; grid-template-columns: 1fr 1fr; gap:0.625rem; }
.keeping-info ul li  { display: flex; align-items: center; border:0.0625rem solid #e1e1e1; border-radius: 0.3125rem; background-color: var(--main-white); padding:0; }
.keeping-info .keeping-kind  { min-width:5.125rem; border-right:0.0625rem solid #e1e1e1; font-size:0.75rem; text-align: center; margin:0.3125rem 0.875rem 0.3125rem 0; }
.keeping-info .keeping-kind b  { color:var(--main-title-color1); }
.keeping-info .keeping-amount  { flex:1; }
.keeping-info + .keeping-info  { border-top:0.0625rem solid #dfdfdf; }
.product-list .info-past-pay  { font-size:0.75rem; color:var(--main-text-color); line-height:1; margin:-0.125rem 0; }
.product-list .info-past-pay b  { font-weight: var(--font-medium); color:var(--main-title-color1); }
.product-list.view-mode .card-shadow  { border-color:#D8BBFF; } /* 결과보기용 제품정보 */


/* 카테고리(서비스) 리스트 */
.category-list  { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5625rem; padding: 0.78125rem 0; }
.category-list .card-shadow  { height:6.25rem; cursor:pointer; }
.category-list .card-inner  { display: flex; justify-content: center; flex-direction: column; height:100%; font-weight: var(--font-medium); padding: 0 1.125rem; }
.category-list .active .card-inner  { padding: 0 1rem; }
.category-list .cate-2nd  { align-self: center; font-size:1.375rem; margin-left:-0.5rem; margin-right:-0.5rem; }
.category-list .cate-2nd-pro  { align-self: center; font-size:1.125rem }
.category-list .cate-3rd  { min-height:1.625rem; max-height:2.2em; font-size:1.0625rem; line-height: 1.1; margin-right:-0.25rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.category-list .cate-icon  { position: absolute; top:0.4375rem; right:0.4375rem; width:1.3125rem; height:1.25rem; background: url(/assets/renewal_assets/images/icon_cate_flag_2.png) center top / 1.25rem auto no-repeat; }
.category-list .cate-icon.hair  { background-position: center top; }
.category-list .cate-icon.nail  { background-position: center -1.25rem; }
.category-list .cate-icon.makeup  { background-position: center -2.5rem; }
.category-list .price  { height:2.0625rem; font-size:1.0625rem; line-height: 1; color:#989898; margin-top:0.125rem; }
.category-list .price .price-before  { font-size:0.8125rem; color:#ccc; line-height: 1; text-decoration: line-through; }
.category-list .price .point  { color:#d225b1; }
.category-list .card-shadow.active::after { content:''; position: absolute; top:0.5rem; right:0.6875rem; width:0.9375rem; height:0.75rem; background: url(/assets/renewal_assets/images/icon_card_check.png) center / contain no-repeat; }
/* 카테고리(서비스-회원권,서비스-선불권,서비스-키핑) 리스트 */
.category-list.membership .card-inner  { justify-content: flex-start; padding-top:1.1875rem; }
.category-list.membership .active .card-inner  { padding-top:1.0625rem; }
.category-list .btn-detail-dot  { position: absolute; right:0.5625rem; bottom:0.5625rem; }
.category-list .active .btn-detail-dot  { right:0.4375rem; bottom:0.4375rem; }
.category-list .active .cate-3rd  { padding-right:0.53125rem; }

.category-list.passover .card-inner  { justify-content: space-between; padding-top:0.875rem; padding-bottom:0.75rem; }
.category-list.passover .active .card-inner  { padding-top:0.75rem; padding-bottom:0.625rem; }
.category-list.passover .cate-3rd  { height:2.25rem; max-height:2.25rem; font-size:0.9375rem; margin-right:0.5rem; }
.category-list.passover .price  { height:auto; font-size:1rem; }
.category-list.passover .price .price-before  { font-size:0.6875rem; }

.category-list.keeping .card-inner  { justify-content: space-between; padding-top:0.875rem; padding-bottom:0.75rem; }
.category-list.keeping .active .card-inner  { padding-top:0.75rem; padding-bottom:0.625rem; }
.category-list.keeping .cate-3rd  { height:2.25rem; max-height:2.25rem; font-size:0.9375rem; margin-right:0.5rem; }
.category-list.keeping .price  { height:auto; font-size:1rem; }
.category-list.keeping .price .price-before  { font-size:0.6875rem; }
/* 모달에서 */
.modal-body .category-list  { gap:0.9375rem; }
.modal-body .category-list .card-shadow  { height:5.625rem; }
.modal-body .category-list.passover .card-inner  { padding:0.5625rem }
.modal-body .category-list.passover .active .card-inner  { padding:0.4375rem }
.modal-body .category-list .cate-2nd  { font-size:1rem; }
.modal-body .category-list.passover .cate-3rd  { height:2rem; font-size:0.78125rem; line-height:1.25; }
.modal-body .category-list.passover .price  { font-size:0.78125rem; }
.modal-body .category-list.passover .price .price-before  { font-size:0.5625rem; }
.modal-body .card-shadow.active  { box-shadow: 0 0 0.625rem 0 rgba(160, 76, 239, 0.5); }
.modal-body .category-list.passover .card-shadow.active::after  { right:0.6125rem; }


/* type : 예약금 */
.category-list.type-deposit .card-inner {justify-content:flex-start;padding:.825rem 0.825rem 0;}
.category-list.type-deposit .card-shadow{height:auto; min-height:8rem; background-color:#fff;}
/* .category-list.type-deposit .card-shadow .sale{font-size:0.825rem;color:#f24343;} */
.category-list.type-deposit .price-deposit {display:flex;align-items:flex-start;justify-content:space-between;padding-top:.625rem;padding-bottom:.25rem;border-top:1px dotted #dedede;margin-top:.625rem;}
.category-list.type-deposit .price-deposit .left{font-weight:500;white-space:nowrap;}
.category-list.type-deposit .price-deposit .right{font-weight:500;text-align:right;}
.category-list.type-deposit .price-deposit .right>span{color:#2580DE;font-weight:700;}
.category-list.type-deposit .active .card-inner {padding:0.7rem 0.7rem 0;}

/* 예약정보 품목상세보기 */
.reserved-data-view  {
	border-radius: 0.875rem;
	box-shadow: 0 0.25rem 1rem 0 rgba(175,175,175,0.6);
	margin-top: 1.875rem;
	margin-bottom: 0.375rem;
}
.reserved-data-view + .reserved-data-view  {
	margin-top: 1.5625rem;
}
.reserved-data-view > li  {
	position: relative;
	border: 0.0625rem solid #d8bbff;
	background-color: var(--main-bg);
	border-top-color: #ebddff;
	padding: 1rem 1.1875rem 0.9375rem 6.8125rem;
}
.reserved-data-view > li:last-child  {
	border-bottom-left-radius: 0.875rem;
	border-bottom-right-radius: 0.875rem;
}
/* .reserved-data-view > li:not(.data-header)::before  {
    content: '';
    position: absolute;
    top:-2px;
    left:0;
    width:100%;
    height:0.75rem;
    background-image: linear-gradient(to bottom, rgba(175,175,175,0.3), transparent);
} */
.reserved-data-view > li:not(.data-header)::after  {
	content: '';
	display: block;
	clear:both;
}
.reserved-data-view li.data-header  {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	min-height:2.9375rem;
	position: relative;
	border-top-color: #d8bbff;
	border-top-left-radius: 0.875rem;
	border-top-right-radius: 0.875rem;
	font-size: 1.125rem;
	font-weight: var(--font-medium);
	color:var(--main-title-color1);
	padding: 0.5625rem 1.21875rem;
	margin-bottom: 0.09375rem;
}
.reserved-data-view li.data-header::before,
.reserved-data-view li.data-header::after  {
	content: '';
	position: absolute;
	top:100%;
	width:0.375rem;
	height: 0.9375rem;
	background: url(/assets/renewal_assets/images/img_ring.png)left top / cover no-repeat;
	transform: translateY(-40%);
	z-index:2;
}
.reserved-data-view li.data-header::before  {
	left: 1.7%;
}
.reserved-data-view li.data-header::after  {
	right: 1.7%;
}
.reserved-data-view li.data-header .info-time  {
	color: var(--main-purple);
	margin-left:0.375rem;
}
.reserved-data-view .from-icon  {
	display: inline-block;
	width:1.75rem;
	height:1.75rem;
	border-radius: 28.5%;
	margin-right:0.125rem;
	overflow: hidden;
}
.reserved-data-view .from-icon img  {
	width:100%;
	height:100%;
	object-fit: cover;
}
.reserved-data-view li .img-pro  {
	float:left;
	width: 5.125rem;
	max-height: 5.9375rem;
	border-radius: 0.625rem;
	margin-left: -5.5625rem;
	overflow: hidden;
}
.reserved-data-view li .img-pro > img  {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reserved-data-view .provider  {
	position: absolute;
	top: 1rem;
	right: 1.1875rem;
	font-size: 0.8125rem;
	font-weight: var(--font-bold);
	color: var(--main-purple);
}
.reserved-data-view .category  {
	font-size:0.75rem;
	color: #989898;
	line-height: 1.375;
}
.reserved-data-view .name-pro  {
	max-width: 16rem;
	font-weight: var(--font-bold);
	margin-bottom: 0.375rem;
}
.reserved-data-view .amount  {
	display: flex;
	align-items: center;
	gap:0 0.4375rem;
	font-size:1rem;
	font-weight: var(--font-medium);
	color: #989898;
	margin-right:1.625rem;
}
.reserved-data-view .amount .price-before  {
	font-size:0.8125em;
	color: #ccc;
	text-decoration: line-through;
}
.reserved-data-view .point  {
	color: #d225b1;
}
.reserved-data-view .btn-del  {
	position: absolute;
	top: 3.125rem;
	right: 1.1875rem;
	width: 1.59375rem;
	height: 1.59375rem;
	box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.4);
}
.reserved-data-view li.keeping-info  {
	padding-left:1.185rem;
	padding-bottom:1.5rem;
}
.reserved-data-view li.keeping-info .title  {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding-bottom:0.25rem;
}
.reserved-data-view li .bedge-keeping  {
	flex: 0 0 3.125rem;
	display: block;
	height:1.875rem;
	background: var(--main-pink);
	border-radius: 0.625rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:1rem;
	color:var(--main-white);
	margin-bottom:0.375rem;
}
/* 예약정보 품목상세보기 - 다음방문예약 */
.reserved-data-view.future li  {
	border-color:#fdca97;
}
.reserved-data-view.future li.data-header .info-time,
.reserved-data-view.future .provider,
.reserved-data-view.future .point {
	color: var(--main-orange);
}
.reserved-data-view .icon_future  {
	position: absolute;
	top:0.25rem;
	right:1.1875rem;
	height: 1.625rem;
}


/* 예약날짜, 시간 선택 모달 내용 */
.datewrap  {
	position: relative;
	height: 17.75rem;
}
.datewrap th.prev,
.datewrap th.next  {
	position: absolute;
	top: 0.125rem;
	width: 1.25rem;
	height: 1.125rem;
	text-indent:100%;
	overflow:hidden;
	background: url(/assets/renewal_assets/images/arrow_gray_1.png) center center / auto 58% no-repeat;
}
.datewrap th.prev  {
	left: 24%;
}
.datewrap th.next  {
	right: 25%;
	transform: scaleX(-100%);
}
.reserve-time-choice .datepicker-inline,
.reserve-time-choice .datepicker table  {
	width: 100%;
}
.reserve-time-choice .datepicker .datepicker-switch  {
	font-size: 1.125rem;
	font-weight: var(--font-bold);
	padding-bottom: 0.42em;
	pointer-events: none;
}
.reserve-time-choice .datepicker .datepicker-switch:hover, .reserve-time-choice .datepicker tfoot tr th:hover,
.reserve-time-choice .datepicker .prev:hover, .reserve-time-choice .datepicker .next:hover   {
	background-color:transparent
}
.reserve-time-choice .datepicker table tr td,
.reserve-time-choice .datepicker .dow  {
	width: auto;
	font-size: 0.875rem;
	font-weight: normal;
	text-align: center;
}
.reserve-time-choice .datepicker table tr td span.year,
.reserve-time-choice .datepicker table tr td span.month  {
	height: 3.75rem;
	border-radius: 0.375rem;
}
.reserve-time-choice .datepicker td.day  {
	padding: 0.0625rem 0;
}
.reserve-time-choice .datepicker tbody tr:first-child td  {
	padding-top: 0.4em;
}
.reserve-time-choice .datepicker td.day span  {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: inherit;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	color: #444;
	float: none;
}
.reserve-time-choice .datepicker .dow  {
	border-bottom: 2px solid #e2e5e8;
	padding: 0.42em 0;
}
.reserve-time-choice .datepicker table tr td.active.active  {
	background-color: transparent;
}
.reserve-time-choice .datepicker table tr td.active span  {
	background-color: var(--main-purple);
	color:#fff;
	line-height:1;
	box-shadow: 0 0.25rem 1rem 0 rgba(160, 76, 239, 0.6);
}
.reserve-time-choice .datepicker table tr td span.active.active,
.reserve-time-choice .datepicker table tr td.active.active:hover  {
	background-color: var(--main-purple);
}
.reserve-time-choice .datepicker table tr td.disabled span  {
	opacity: 0.3;
}
.reserve-time-choice .line-divide {
	margin-bottom:0.25rem;
}
.reserve-time-choice .stit  {
	font-size: 1rem;
	font-weight:var(--font-medium);
	color:var(--main-title-color1);
	text-align: left;
	padding:0.5rem 0.5rem 0;
}
.time-list-wrap  {
	max-height: 18.5rem;
	margin:0.25rem -0.5rem 0;
	overflow-y: auto;
}
.time-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;gap:0.75rem 0.5rem;
	margin-top: 0.5rem;
	padding: 0 0.5rem 0.75rem;
}
.time-list li  {
	height: 2.625rem; border: 0.0625rem solid #dfdfdf; border-radius: 1.3125rem; background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0 0.125rem 0.9375rem rgba(175, 175, 175, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9375rem;
	color:#444;
}
.time-list li.disabled  {
	border-color: transparent;
	background: #f4f7f8;
	color: #b8b8b8;
}
.time-list li.active  {
	border:0.15625rem solid transparent; background-image: linear-gradient(#f9fafe, #f9fafe), linear-gradient(#e89ef5 36%, #888eff 63%); box-shadow: 0 0.25rem 1rem 0 rgba(160, 76, 239, 0.6);
}


/* 제품 상세 정보 */
.product-view  { margin-bottom:1.75rem; }
.product-view li { position: relative; border:0.0625rem solid #d8bbff; background-color: var(--main-bg); padding:0.875rem 1.25rem; }
.product-view li:first-child  { border-top-left-radius: 1.0625rem; border-top-right-radius: 1.0625rem; }
.product-view li:last-child  { border-bottom-left-radius: 1.0625rem; border-bottom-right-radius: 1.0625rem; }
.product-view li + li  { margin-top:0.09375rem; }
.product-view li + li::before,
.product-view li + li::after  { content: ''; position: absolute; top:0; width:0.375rem; height: 0.9375rem; background: url(/assets/renewal_assets/images/img_ring.png)left top / cover no-repeat; transform: translateY(-55%); z-index:2; }
.product-view li + li::before  { left: 1.7%; }
.product-view li + li::after  { right: 1.7%; }
.product-view .pro-info  { min-height:5.125rem; padding-left:6.125rem; }
.product-view .img-pro  { float:left; width: 5.125rem; height: 5.125rem; border-radius: 0.625rem; margin-left: -6.1875rem; overflow: hidden; }
.product-view .img-pro > img  { width: 100%; height: 100%; object-fit: cover; }
.product-view .name-pro  { font-weight: var(--font-medium); margin-bottom: 0.375rem; }
.product-view .amount  { display: flex; align-items: center; gap:0.4375rem; font-size:1rem; color: #989898; }
.product-view .amount .price-before  { font-size:0.8125em; color: #ccc; text-decoration: line-through; }
.product-view .point  { color: #d225b1; }
.product-view .qty-amount  { font-size: 1.125rem; font-weight: var(--font-medium); color: #3e465b; line-height: 1; }
.product-view .detail-info .stit  { display: inline-block; background: #ededed; border-radius:0.9375rem; font-size:0.9375rem; font-weight: var(--font-medium); color:#3e465b; line-height:1.875rem; padding:0 1rem; margin-bottom:0.875rem; }
.product-view .detail-info .detail-con img  { max-width:100%; padding-bottom:1rem; }

.modal-body .product-view  { text-align:left; }
.modal-body .product-view .qty-section  { position: absolute; bottom:0.875rem; right:1.25rem; }


/* 결제정보 관련 */
.addtional-btns { display: flex; justify-content: flex-end; gap:0.375rem; padding:1.5rem 0 0.625rem; }
.addtional-btns .btn  { position: relative; min-width:5.5rem; height:1.75rem; background:linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, #2580de 0.3rem); background-color:#2580de; border-radius: 0.875rem; font-size:0.875rem; color:var(--main-white); box-shadow:inset 1px -0.1rem 0.25rem rgba(0, 0, 0, 0.28), 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.36); padding: 0 2rem 0 0.75rem; padding:0 0.75rem; }
/*.addtional-btns .btn::after  { content: ''; position: absolute; top:0.125rem; right:0.125rem; width:1.4375rem; height:1.4375rem; background: url(/assets/renewal_assets/images/arrow_circle.png)left top / cover no-repeat; }*/
.addtional-btns .btn.btn-membership  { background:linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, var(--main-pink) 0.3rem); background-color:var(--main-pink); }
.addtional-btns .btn.btn-future  { background:linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, var(--main-orange) 0.3rem); background-color:var(--main-orange); }
.addtional-btns .btn.btn-passover  { background:linear-gradient(to bottom, rgba(255,255,255,0.15) 0.125rem, var(--main-purple) 0.3rem); background-color:var(--main-purple);  }

.pay-amount-summary  { display: grid; grid-template-columns: auto auto; gap:0.5625rem; font-size: 1.0625rem; font-weight: var(--font-medium); padding: 1rem 1.1875rem 0; }
.pay-amount-summary:last-child  { padding-bottom:2rem; }
.pay-amount-summary.service-charge  { gap:0 !important; background-color:rgba(235, 111, 160,0.15); padding-bottom:0.75rem;margin-top:0.5rem; }
.contentbox-shadow .pay-amount-summary  { padding-bottom:2rem }
.pay-amount-summary dt  { display: flex; align-items: center; font-weight:var(--font-medium); }
.pay-amount-summary dd:not(.full-row)  { display: flex; align-items: center; justify-content: flex-end; }
.pay-amount-summary .full-row  { grid-column-start: 1; grid-column-end: 3; }
.pay-amount-summary .btn-service-charge  { width:6em; height:1.75rem; border:0.0625rem solid var(--main-pink); border-radius: 0.25rem; background-color:var(--main-white); width:6em; font-size:0.75rem; color:var(--main-pink); line-height:1; margin:-0.375rem -0.125rem -0.25rem 0.675em; }
.pay-amount-summary .final  { font-size:1.125rem; color:var(--main-title-color1); }
.pay-amount-summary .point  { color:#D225B1; }
.pay-amount-summary .btn-more  { font-size: inherit; color:var(--main-text-color); text-decoration:underline; margin-left:0.3125rem; cursor: pointer; }
.pay-amount-summary .btn-more::after  { content: ''; display: inline-block; width: 0.375em; height:1.25rem; background: url(/assets/renewal_assets/images/arrow_gray_1.png) center center / contain no-repeat; vertical-align: top; transform: rotate(180deg); margin-left:0.375em; }
.pay-amount-summary .btn-tune  { position: relative; height:1.4375rem; border-radius: 0.75rem; box-shadow:inset 0 0.125rem 0.125rem 0 rgba(255, 255, 255, 0.4), 0 0.125rem 0.1875rem 0 rgba(175, 175, 175, 0.5); font-size:0.75rem; color:var(--main-white); padding:0 1.5rem 0 0.5rem; margin-left:0.625rem; }
.pay-amount-summary .btn-discount::after,
.pay-amount-summary .btn-futher::after  { content:''; display: block; width: 1.25rem; height:100%; position: absolute; top:0; right:0.125rem; background:url(/assets/renewal_assets/images/icon_tune_amount.png) left top / 1.125rem auto no-repeat; }
.pay-amount-summary .btn-futher::after  { background-position: left bottom; }
.pay-amount-summary .btn-discount  { background-color: #F367D2; }
.pay-amount-summary .btn-futher  { background-color: #2580DE; }


.modal-kiosk .modal-dialog  { width:100%; }
.modal-kiosk .modal-dialog > div  { width:100% } /* 임시(인클루드때문에 화면폭 좁아짐) */


/* 진행중 */
.page-progress  { flex:1; text-align: center; margin-top:0; }
.page-progress .text-bow  { min-height:8.5rem; display: flex; flex-direction: column; justify-content: center; font-size:1.5rem; line-height:1.9; margin:5rem auto 3rem; }
.page-progress .progress-box  { height:16rem; padding-top:0.375rem; }
.page-progress .text-wait  { font-size:1.5rem; font-weight: var(--font-bold); color: #514170; margin-bottom:2.5rem; }
.page-progress .text-wait .precent  { width:3.5em; background:linear-gradient(to right, #863AF8 10%, #F367D2 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-family: 'yg-jalnan'; font-size: 2rem; color:transparent; margin:2rem auto 0; }
.page-progress .progress-gradi  { position: relative; width:18.75rem; height:1.6875rem; border-radius:0.84375rem; background-color: #fff; margin:9rem auto;  transform: translate(0); transform-style: preserve-3d; padding:0.25rem; }
.page-progress .progress-gradi:before { content:''; position: absolute; inset: -5px; transform: translate3d(0.0875rem,0.0875rem,-1px); background: conic-gradient(from 90deg at 40% -25%, rgba(233, 58, 184, 0.3), rgba(196, 46, 163, 0.3), rgba(173, 51, 184, 0.3), rgba(173, 51, 184, 0.3), rgba(89, 73, 219, 0.4)); filter: blur(0.5rem); border-radius:1rem; }
.page-progress .progress-gradi .bar  { position: relative; height:1.1875rem; border-radius:0.59375rem; background:linear-gradient(60.14deg, #224BDA 5.72%, #E93AB8 67.19%); }
.page-progress .progress-circle  { position: relative; width:15rem; height:15rem; background: url(/assets/renewal_assets/images/logo_charactor_pink.svg) center no-repeat; background-size:8.375rem 8.375rem;  margin:auto; }
.page-progress .progress-circle:before  { content: ''; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background: url(/assets/renewal_assets/images/progress_circle.png) center no-repeat; background-size:15rem 15rem; animation:circle-roll 1.2s infinite;}
@keyframes circle-roll {
	from { transform: rotate(0deg); }
	to { transform: rotate(-360deg); }
}