@font-face {
	font-family: "NanumSquareNeo";
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff2/NanumSquareNeoTTF-bRg.woff2") format("woff2"),
		url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff/NanumSquareNeoTTF-bRg.woff") format("woff");
}

@font-face {
	font-family: "NanumSquareNeo";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff2/NanumSquareNeoTTF-bRg.woff2") format("woff2"),
		url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff/NanumSquareNeoTTF-bRg.woff") format("woff");
}

@font-face {
	font-family: "NanumSquareNeo";
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff2/NanumSquareNeoTTF-cBd.woff2") format("woff2"),
		url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff/NanumSquareNeoTTF-cBd.woff") format("woff");
}

@font-face {
	font-family: "NanumSquareNeo";
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff2/NanumSquareNeoTTF-dEb.woff2") format("woff2"),
		url("https://cdn.salondeletter.com/cdn/font/NanumSquareNeo/woff/NanumSquareNeoTTF-dEb.woff") format("woff");
}

@font-face {
	font-family: "SunBatang-Light";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("https://cdn.salondeletter.com/cdn/font/SunBatang-Light.woff") format("woff");
}

@font-face {
	font-family: "SUIT";
	font-style: normal;
	font-weight: 100 900;
	font-display: block;
	src: url("https://cdn.salondeletter.com/cdn/font/SUIT-Variable.woff2") format("woff2");
}

:root {
	--admin-point-color1: #0a0a0a;
	--admin-point-color2: #474747;
	--admin-point-color3: #c5a8a7;
	--admin-point-color3-deep: #645b58;
	--admin-point-color3-soft: #efedeb;
	--admin-point-color3-rgb: 156, 144, 140;
	--admin-point-color3-soft-rgb: 239, 237, 235;
	--admin-page-bg: #fff;
	--admin-page-bg-bright: #fff;
	--admin-page-bg-soft: #fafafa;
	--admin-surface-card: #fff;
	--admin-surface-soft-alt: #f7f7f6;
	--admin-cta-bg: #fcf1ef;
	--admin-card-border: #e3e3e3;
	--admin-card-border-soft: rgba(48, 48, 48, 0.08);
	--admin-muted-border: #d2d2d2;
	--admin-soft-surface: #f5f5f5;
	--admin-highlight-bg: #fff1a8;
	--admin-text-primary: #303030;
	--admin-text-secondary: #666;
	--admin-text-muted: #777;
	--ivory: #f5f3ed;
	--black: #303030;
	--grey: #595555;
	--light-blue: #497bf8;
	--red: #dd4241;
	--border-color: rgba(141, 142, 144, 0.8);
	--input-border: 1px solid #ddd;
	--option-header-bg: #474747;
	--font-grey: #5e5e5e;
	--font-2xs: 11px;
	--font-xs: 12px;
	--font-sm: 13px;
	--font-md: 14px;
	--font-lg: 15px;
	--font-xl: 16px;
	--font-xxl: 17px;
	--font-2xl: 20px;
	--font-3xl: 22px;
	--font-display-sm: 26px;
	--font-display-md: 42px;
	--admin-line-heading: 1.3;
	--admin-line-body: 1.7;
	--admin-line-body-loose: 1.8;
	--admin-btn-height-lg: 52px;
	--admin-btn-padding-lg: 24px;
	--admin-control-height: 48px;
	--admin-control-height-sm: 38px;
	--admin-control-padding-x: 16px;
	--admin-tab-height: 40px;
	--admin-tab-padding-x: 18px;
	--admin-page-inner-x: 30px;
	--admin-page-inner-top: 138px;
	--admin-page-inner-bottom: 74px;
	--admin-content-width: 1180px;
	--admin-wide-content-width: 1680px;
	--admin-footer-gap: 72px;
	--admin-section-space-lg: 64px;
	--admin-radius-xs: 3px;
	--admin-radius-sm: 5px;
	--admin-radius-md: 8px;
	--admin-radius-lg: 10px;
	--admin-radius-xl: 12px;
	--admin-radius-2xl: 14px;
	--admin-radius-panel: 10px;
	--admin-radius-card: 12px;
	--admin-radius-modal: 14px;
	--admin-radius-pill: 999px;
	--admin-radius-circle: 50%;
	--admin-radius-field: 8px;
	--admin-card-radius-lg: 12px;
	--admin-space-1: 8px;
	--admin-space-2: 12px;
	--admin-space-3: 16px;
	--admin-space-4: 20px;
	--admin-space-5: 24px;
	--admin-space-6: 30px;
	--admin-space-7: 40px;
	--admin-card-padding-lg: 30px;
	--admin-card-padding-md: 24px;
	--admin-card-padding-sm: 18px;
	--admin-shadow-card: 0 10px 24px rgba(22, 22, 22, 0.045);
	--admin-shadow-panel: 0 16px 34px rgba(22, 22, 22, 0.075);
	--admin-shadow-floating: 0 18px 40px rgba(22, 22, 22, 0.12);
	--admin-box-shadow: var(--admin-shadow-card);
	--admin-card-shadow-soft: var(--admin-shadow-card);
	--admin-btn-shadow: var(--admin-shadow-card);
	--admin-btn-shadow-hover: 0 10px 22px rgba(22, 22, 22, 0.08);
	--admin-btn-shadow-accent: 0 10px 22px rgba(3, 199, 90, 0.16);
	--admin-btn-shadow-accent-hover: 0 12px 24px rgba(3, 179, 80, 0.2);
	--admin-btn-height-md: 44px;
	--admin-btn-padding-md: 18px;
	--btn-border: 1px solid rgba(202, 202, 202, 0.4);
	--input-h: 38px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

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

html {
	min-height: 100%;
	scroll-behavior: smooth;
	color: var(--admin-text-primary);
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-tap-highlight-color: transparent !important;
}

html::-webkit-scrollbar {
	display: none;
}

body {
	min-height: 100%;
	-ms-overflow-style: none;
	font-family: "NanumSquareNeo", sans-serif;
	-webkit-font-smoothing: antialiased;
	background: var(--admin-page-bg);
	color: var(--admin-text-primary);
	touch-action: pan-x pan-y;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

::selection {
	color: #fff;
	background: var(--admin-point-color2);
}

#admin_wrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
	background: var(--admin-page-bg);
	color: var(--admin-text-primary);
	font-family: "NanumSquareNeo", sans-serif;
}

#admin_wrap * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent !important;
}

a {
	color: var(--admin-text-primary);
	text-decoration: none;
	cursor: pointer;
}

button,
input,
textarea,
select {
	font: inherit;
	color: inherit;
}

button {
	cursor: pointer;
}

img {
	max-width: 100%;
	vertical-align: top;
}

.hide {
	display: none;
}

[hidden] {
	display: none !important;
}

.t_l {
	text-align: left;
}

.t_c {
	text-align: center;
}

.t_r {
	text-align: right;
}

.mt_5 {
	margin-top: 5px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_20 {
	margin-top: 20px;
}

.mb_20 {
	margin-bottom: 20px;
}

#admin_wrap main {
	flex: 1 0 auto;
	padding: 0;
}

#admin_wrap main > .inner,
#admin_wrap > header > .inner,
#admin_wrap > footer > .inner {
	position: relative;
	max-width: var(--admin-wide-content-width);
	margin: 0 auto;
	padding-left: var(--admin-page-inner-x);
	padding-right: var(--admin-page-inner-x);
}

#admin_wrap main > .inner {
	padding-top: var(--admin-page-inner-top);
	padding-bottom: var(--admin-page-inner-bottom);
}

.sub_title {
	text-align: center;
}

.sub_title h2 {
	font-size: var(--font-3xl);
	font-weight: 400;
	line-height: var(--admin-line-heading);
	letter-spacing: -0.03em;
}

.sub_title_label {
	display: block;
	margin-bottom: 14px;
	color: var(--admin-point-color3);
	font-size: var(--font-sm);
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.sub_title p {
	margin: 14px auto 0;
	max-width: 760px;
	font-size: var(--font-md);
	line-height: 1.75;
	color: var(--admin-text-secondary);
	word-break: keep-all;
	overflow-wrap: break-word;
}

.card_box {
	background: var(--admin-surface-card);
	border: 1px solid var(--admin-card-border);
	border-radius: var(--admin-radius-card);
	box-shadow: var(--admin-card-shadow-soft);
}

.section_title {
	margin-bottom: var(--admin-space-5);
}

.section_title h3 {
	font-size: var(--font-3xl);
	font-weight: 400;
	line-height: var(--admin-line-heading);
	letter-spacing: -0.02em;
}

.section_title p {
	margin-top: var(--admin-space-1);
	color: var(--admin-text-secondary);
	font-size: var(--font-sm);
	line-height: var(--admin-line-body-loose);
}

.admin_chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	border-radius: var(--admin-radius-pill);
	font-size: var(--font-sm);
	font-weight: 400;
	line-height: 1;
}

.admin_chip.soft {
	background-color: var(--admin-soft-surface);
	color: #303030;
}

.admin_chip.dark {
	background-color: #303030;
	color: #fff;
}

.admin_chip.outline {
	background-color: #fff;
	border: 1px solid var(--admin-muted-border);
	color: #303030;
}

.admin_media_card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.admin_media_card_media {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.admin_media_card_media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.admin_media_card_body {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: var(--admin-card-padding-md);
}

.admin_media_card_title {
	display: block;
	font-size: var(--font-3xl);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.03em;
}

.admin_media_card_desc {
	color: var(--admin-text-secondary);
	font-size: var(--font-sm);
	line-height: var(--admin-line-body-loose);
}

.admin_media_card_link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: var(--font-sm);
	line-height: 1.6;
}

.admin_tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.admin_tab_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 16px;
	border: 1px solid var(--admin-muted-border);
	border-radius: var(--admin-radius-pill);
	background: #fff;
	color: var(--admin-text-secondary);
	font-size: var(--font-sm);
	line-height: 1;
	cursor: pointer;
	transition: 0.2s ease;
}

.admin_tab_button:focus-visible {
	outline: 2px solid rgba(48, 48, 48, 0.24);
	outline-offset: 2px;
}

.admin_tab_button.active,
.admin_tab_button[aria-selected="true"] {
	background: var(--admin-point-color2);
	border-color: var(--admin-point-color2);
	color: #fff;
}

.admin_tab_panels {
	margin-top: var(--admin-space-5);
}

.admin_tab_panel[hidden] {
	display: none !important;
}

.input_common,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
select,
textarea {
	border: 1px solid var(--admin-card-border);
	border-radius: var(--admin-radius-field);
	background: #fff;
	color: var(--admin-text-primary);
}

.input_common,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
select {
	height: var(--admin-control-height);
	padding: 0 var(--admin-control-padding-x);
	font-size: var(--font-xs);
	line-height: 1.4;
}

textarea {
	padding: 14px var(--admin-control-padding-x);
	font-size: var(--font-xs);
	line-height: var(--admin-line-body-loose);
}

input::placeholder,
textarea::placeholder {
	color: #9a9a9a;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #b8b8b8;
	box-shadow: 0 0 0 3px rgba(71, 71, 71, 0.06);
}

.input_common.red,
input.input_common.red,
textarea.input_common.red,
select.input_common.red,
.select_common.red,
.textarea_common.red {
	border-color: var(--red, #dd4241) !important;
}

.input_common.red:focus,
input.input_common.red:focus,
textarea.input_common.red:focus,
select.input_common.red:focus,
.select_common.red:focus,
.textarea_common.red:focus {
	border-color: var(--red, #dd4241);
	box-shadow: 0 0 0 3px rgba(221, 66, 65, 0.08);
}

body:has(main.make-page) {
	--admin-box-shadow: 0 8px 20px rgba(22, 22, 22, 0.04);
	--admin-btn-shadow: 0 8px 18px rgba(22, 22, 22, 0.05);
	--admin-btn-shadow-hover: 0 10px 22px rgba(22, 22, 22, 0.08);
}

body:has(main.make-page) .input_common {
	min-height: 30px;
	box-shadow: var(--admin-box-shadow);
}

body:has(main.make-page) .input_common:not(input[type="text"]):not(input[type="password"]):not(input[type="email"]):not(input[type="number"]):not(input[type="tel"]):not(input[type="url"]):not(input[type="datetime-local"]):not(input[type="date"]) {
	min-height: 30px;
	height: var(--input-h);
	padding: 4px 8px;
	border: var(--input-border);
	border-radius: var(--admin-radius-xs);
	background-color: #fff;
	box-shadow: var(--admin-box-shadow);
}

body:has(main.make-page) .select_common {
	min-width: 80px;
	min-height: 30px;
	height: var(--input-h);
	padding: 0 20px 0 8px;
	border: var(--input-border);
	background-color: #fff;
	box-shadow: var(--admin-box-shadow);
}

body:has(main.make-page) .width_200 {
	min-width: 200px !important;
}

body:has(main.make-page) .min_w {
	width: 50px !important;
	margin-right: 4px;
}

body:has(main.make-page) .min_w_2 {
	width: 80px;
}

body:has(main.make-page) li.blind {
	position: relative;
	border: none;
}

body:has(main.make-page) li.blind::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.7;
	content: "";
	transform: translate(-50%, -50%);
}

body:has(main.make-page) .label_radio {
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
}

body:has(main.make-page) .label_radio:last-child {
	margin-right: 0;
}

body:has(main.make-page) .input_radio {
	display: none;
}

body:has(main.make-page) .label_radio i {
	position: relative;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	border: var(--input-border);
	border-radius: var(--admin-radius-circle);
	background-color: #fff;
	box-shadow: var(--admin-box-shadow);
	color: transparent;
	text-align: center;
}

body:has(main.make-page) .input_radio:checked ~ .label_radio i {
	border: 4px solid #333;
}

body:has(main.make-page) .textarea_common {
	width: 100%;
	height: 200px;
	margin-bottom: 0;
	padding: 4px 8px;
	box-sizing: border-box;
	resize: none;
	border: 1px solid #cacaca;
	border-radius: var(--admin-radius-xs);
	background-color: #fff;
	box-shadow: var(--admin-box-shadow);
	font-size: var(--font-md);
	font-weight: 400;
}

body:has(main.make-page) .label_chk {
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
}

body:has(main.make-page) .label_chk.f {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
}

body:has(main.make-page) .input_chk {
	display: none;
}

body:has(main.make-page) .input_chk ~ label i {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 4px;
	border: var(--input-border);
	background-color: #fff;
	color: transparent;
	font-size: var(--font-sm);
	font-weight: 600;
	line-height: 15px;
	text-align: center;
	transition: 0.2s;
}

body:has(main.make-page) .input_chk:checked ~ label i {
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
}

body:has(main.make-page) .pay {
	font-size: var(--font-md);
}

body:has(main.make-page) input[type="datetime-local"],
body:has(main.make-page) input[type="date"] {
	width: 100%;
	padding: 0 20px;
	background-color: #fff;
	font-family: inherit;
	font-size: var(--font-md);
}

body:has(main.make-page) input[type="datetime-local"].input_common,
body:has(main.make-page) input[type="date"].input_common {
	min-height: 30px;
	height: var(--input-h);
	padding: 0 20px;
	border: var(--input-border);
	border-radius: var(--admin-radius-xs);
	background-color: #fff;
	box-shadow: var(--admin-box-shadow);
}

body:has(main.make-page) .chk_common {
	display: block;
	margin: 4px 0;
	cursor: pointer;
}

body:has(main.make-page) .btn_common {
	display: block;
	min-width: 130px;
	height: var(--admin-btn-height-lg);
	padding: 0 var(--admin-btn-padding-lg);
	border: var(--btn-border);
	border-radius: var(--admin-radius-pill);
	background: var(--admin-surface-card);
	box-shadow: var(--admin-btn-shadow);
	font-size: var(--font-md);
	font-weight: 400;
	line-height: calc(var(--admin-btn-height-lg) - 2px);
	text-align: center;
	transition: 0.3s;
}

body:has(main.make-page) .btn_common:hover {
	background: var(--admin-surface-soft-alt);
	border-color: var(--admin-muted-border);
	box-shadow: var(--admin-btn-shadow-hover);
}

body:has(main.make-page) .btn_common_2 {
	display: inline-block;
	min-width: 88px;
	height: var(--admin-btn-height-md);
	padding: 0 var(--admin-btn-padding-md);
	border: var(--btn-border);
	border-radius: var(--admin-radius-pill);
	background-color: var(--admin-surface-card);
	box-shadow: var(--admin-btn-shadow);
	font-size: var(--font-sm);
	font-weight: 400;
	line-height: calc(var(--admin-btn-height-md) - 2px);
	text-align: center;
}

body:has(main.make-page) .btn_common_2:hover {
	background: var(--admin-surface-soft-alt);
	border-color: var(--admin-muted-border);
	box-shadow: var(--admin-btn-shadow-hover);
}

body:has(main.make-page) .btn_white {
	background-color: #fff;
	color: #333;
	transition: 0.3s;
}

body:has(main.make-page) .btn_white:hover {
	border: 1px solid #fff;
	background-color: var(--admin-point-color2);
	color: #fff;
}

body:has(main.make-page) .btn_xsmall {
	min-width: 60px;
}

body:has(main.make-page) .btn_del {
	color: var(--red);
}

body:has(main.make-page) .btn_mod,
body:has(main.make-page) .blue_color {
	color: var(--light-blue);
}

body:has(main.make-page) .snap_mh_box {
	min-height: 0 !important;
	padding: 15px 0 !important;
}

body:has(main.make-page) .gs_info {
	margin-bottom: 5px;
	word-break: break-word;
}

body:has(main.make-page) .gs_radio {
	display: flex;
	gap: 15px;
}

body:has(main.make-page) .pt_color {
	color: #a93838;
	font-weight: 500;
}

body:has(main.make-page) .snap_radio {
	display: flex;
	align-content: center;
	min-height: 32px;
	margin-bottom: 8px;
	line-height: 1;
}

body:has(main.make-page) .snap_radio:last-child {
	margin-bottom: 0;
}

body:has(main.make-page) .snap_radio .select_common {
	margin: 0 6px 0 0;
}

body:has(main.make-page) .select_wrap {
	width: 100%;
	line-height: 22px;
}

body:has(main.make-page) .select_wrap .selected_box {
	position: relative;
	width: 100%;
	max-width: 400px;
	padding: 8px 20px;
	border: 1px solid #cacaca;
	border-radius: var(--admin-radius-xs);
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

body:has(main.make-page) .selected_box .change_btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	border: none;
	background-color: transparent;
	font-weight: 500;
	text-align: right;
}

body:has(main.make-page) .selected_box .change_btn::after {
	content: "변경";
}

body:has(main.make-page) .selected_box .change_btn.active::after {
	content: "닫기";
}

body:has(main.make-page) .selected_box .bubble_box {
	position: absolute;
	top: calc(-100% - 2px);
	right: 0;
	padding: 5px 10px;
	border-radius: var(--admin-radius-sm);
	background-color: #f3f3f3;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	font-size: 13px;
	animation: bubble_ani 2s linear infinite;
}

body:has(main.make-page) .selected_box .bubble_box::before {
	position: absolute;
	right: 25px;
	bottom: -4px;
	width: 10px;
	height: 10px;
	background-color: #f3f3f3;
	content: " ";
	transform: rotate(45deg);
}

body:has(main.make-page) .selected_box .bubble_box b {
	color: #e10e0e;
	font-weight: normal;
}

body:has(main.make-page) .select_list {
	display: none;
	width: 100%;
	max-width: 400px;
	margin-top: 8px;
	padding: 12px;
	border-radius: var(--admin-radius-sm);
	background-color: #f3f3f3;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

body:has(main.make-page) .select_list li {
	position: relative;
	width: 100%;
	max-width: 400px;
	margin-bottom: 8px;
	border: 2px solid transparent;
	border-radius: var(--admin-radius-sm);
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

body:has(main.make-page) .select_list li:last-child {
	margin-bottom: 0;
}

body:has(main.make-page) .select_list li:hover,
body:has(main.make-page) .select_list li.active {
	border: 2px solid #b1c3dd;
	transition: border 0.3s;
}

body:has(main.make-page) .select_list li label {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 15px;
}

body:has(main.make-page) .select_list li label input {
	display: none;
}

body:has(main.make-page) .select_list li label em {
	font-style: normal;
}

body:has(main.make-page) .select_list li span {
	position: absolute;
	top: 50%;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: var(--admin-radius-circle);
	background-color: transparent;
	color: #fff;
	transform: translateY(-50%);
}

body:has(main.make-page) .select_list li.active span {
	background-color: #b1c3dd;
}

body:has(main.make-page) .switch_wrap {
	display: inline-block;
}

body:has(main.make-page) .switch {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 28px;
	vertical-align: middle;
}

body:has(main.make-page) .switch input {
	display: none;
}

body:has(main.make-page) .slider {
	position: absolute;
	inset: 0;
	background-color: #ccc;
	cursor: pointer;
	transition: 0.4s;
}

body:has(main.make-page) .slider::before {
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	content: "";
	transition: 0.4s;
}

body:has(main.make-page) input:checked ~ .slider {
	background-color: #ffe0a2;
}

body:has(main.make-page) input:focus ~ .slider {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

body:has(main.make-page) input:checked ~ .slider::before {
	box-shadow: var(--admin-box-shadow);
	transform: translateX(26px);
}

body:has(main.make-page) .slider.round {
	border-radius: var(--admin-radius-pill);
}

body:has(main.make-page) .slider.round::before {
	border-radius: var(--admin-radius-circle);
}

body:has(main.make-page) .switch_p {
	display: inline-block;
	margin: 0;
	font-size: 15px;
	font-weight: 700;
}

@keyframes bubble_ani {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-2px);
	}

	100% {
		transform: translateY(0);
	}
}

.btn_common {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 24px;
	border: var(--btn-border);
	border-radius: var(--admin-radius-pill);
	background: var(--admin-surface-card);
	color: var(--admin-text-primary);
	font-size: var(--font-sm);
	font-weight: 400;
	line-height: 1;
	box-shadow: var(--admin-btn-shadow);
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.btn_common:hover {
	background: var(--admin-surface-soft-alt);
	border-color: var(--admin-muted-border);
	color: var(--admin-text-primary);
	box-shadow: var(--admin-btn-shadow-hover);
}

.btn_common_md,
.btn_common_sm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	text-align: center;
	border: var(--btn-border);
	border-radius: var(--admin-radius-pill);
	background: var(--admin-surface-card);
	color: var(--admin-text-primary);
	font-weight: 400;
	box-shadow: var(--admin-btn-shadow);
	transition: 0.2s ease;
}

.btn_common_md {
	min-width: 132px;
	height: var(--admin-btn-height-md);
	padding: 0 var(--admin-btn-padding-md);
	font-size: var(--font-sm);
	line-height: calc(var(--admin-btn-height-md) - 2px);
}

.btn_common_sm {
	min-width: 104px;
	min-height: 38px;
	padding: 0 14px;
	font-size: var(--font-sm);
	line-height: 1;
}

.btn_common_md:hover,
.btn_common_sm:hover {
	background: var(--admin-surface-soft-alt);
	border-color: var(--admin-muted-border);
	box-shadow: var(--admin-btn-shadow-hover);
}

.btn_naver {
	background: #03c75a;
	border-color: #03c75a;
	color: #fff;
	box-shadow: var(--admin-btn-shadow-accent);
}

.btn_naver:hover {
	background: #02b350;
	border-color: #02b350;
	color: #fff;
	box-shadow: var(--admin-btn-shadow-accent-hover);
}

.btn_black {
	background-color: var(--admin-point-color2);
	border-color: var(--admin-point-color2);
	color: #fff;
}

.btn_black:hover {
	background-color: var(--admin-point-color1);
	border-color: var(--admin-point-color1);
	color: #fff;
}

.admin_cta_panel {
	padding: 72px 32px;
	text-align: center;
	background: var(--admin-cta-bg);
	border-radius: 0;
}

.admin_cta_title h2,
.admin_cta_title h3,
.admin_cta_title h4 {
	color: #303030;
	font-size: var(--font-display-sm);
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -0.04em;
}

.admin_cta_title p {
	margin-top: 15px;
	color: #666;
	font-size: var(--font-md);
	font-weight: 400;
	line-height: 1.7;
	word-break: keep-all;
}

.admin_cta_actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 36px;
}

@media (max-width: 799px) {
	.admin_cta_panel {
		padding: 52px 20px;
	}

	.admin_cta_title h2,
	.admin_cta_title h3,
	.admin_cta_title h4 {
		font-size: var(--font-3xl);
	}

	.admin_cta_title p {
		font-size: var(--font-md);
		line-height: 1.75;
	}

	.admin_cta_actions {
		margin-top: 28px;
	}
}